/**
 * Xplor Studio Variable
*/
:root {
  --brand-color: #F44E27;
  --brand-background: #ffffff;
  --brand-sidebar-color: #220021;
  --brand-sidebar-font-color: #C7CAD1;
  --brand-focus-border: #6923F4;
  --brand-member-primary-color: #2E334F;
  --brand-member-second-color: #FFFFFF;
  --button-color: #6923f4;
}

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

.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%;
  }
}
body .modal .modal-dialog .modal-content .modal-header {
  min-height: 70px;
  background-color: #fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 19px;
  border-bottom: 1px solid #e6e9ef;
}
body .modal .modal-dialog .modal-content .modal-header .modal-title, body .modal .modal-dialog .modal-content .modal-header .bootstrap-dialog-title, body .modal .modal-dialog .modal-content .modal-header .bootstrap-dialog-title .status-bar {
  font-size: 22px;
  font-weight: 700;
  line-height: 25px;
  color: #323338;
}
body .modal .modal-dialog .modal-content .modal-header .bootstrap-dialog-title .status-bar {
  margin-left: 5px;
}
body .modal .modal-dialog .modal-content .modal-header .close, body .modal .modal-dialog .modal-content .modal-header .bootstrap-dialog-close-button {
  font-size: 2.55rem;
  opacity: 1;
  margin-right: 2px;
  font-weight: 300;
  color: #323338;
}
body .modal .modal-dialog .modal-content .modal-header .bootstrap-dialog-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body .modal .modal-dialog .modal-content .modal-header .close, body .modal .modal-dialog .modal-content .modal-header .bootstrap-dialog-close-button {
  margin-top: -4px;
  margin-right: 0;
  font-size: 32px;
  opacity: 1;
  outline: none;
  display: block !important;
}
body .modal .modal-dialog .modal-content .modal-header .close span, body .modal .modal-dialog .modal-content .modal-header .bootstrap-dialog-close-button span {
  font-size: inherit;
}
body .modal .modal-dialog .modal-content .modal-footer {
  margin-top: 0;
  padding-right: 10px;
}
body .modal .modal-dialog .modal-content .modal-footer .bootstrap-dialog-footer .bootstrap-dialog-footer-buttons button {
  min-width: 90px;
}
body .modal.small-modal-dialog .modal-dialog {
  max-width: 440px;
}
body .modal.md-width-300 .modal-dialog {
  width: 300px;
}
body .modal.hiden-background-modal .modal-dialog {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}
body .modal.hiden-background-modal .modal-dialog .modal-content {
  width: max-content;
  width: -moz-max-content;
  width: -webkit-max-content;
  background-color: transparent;
  box-shadow: none;
  border: none;
}
body .modal.hiden-background-modal .modal-dialog .modal-content .modal-header {
  background-color: transparent;
  min-height: 25px;
  padding: 0;
  border-bottom: none;
}
body .modal.hiden-background-modal .modal-dialog .modal-content .modal-header .bootstrap-dialog-title {
  display: none;
}
body .modal.hiden-background-modal .modal-dialog .modal-content .modal-header .bootstrap-dialog-close-button {
  position: absolute;
  right: 0;
  top: 0;
}
body .modal.hiden-background-modal .modal-dialog .modal-content .modal-body {
  padding-top: 0;
}
body .modal.body-pl-pr-0 .modal-dialog .modal-content .modal-body {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body .modal.z10041 {
  z-index: 10041;
}
body .modal.z10051 {
  z-index: 10051;
}
body .modal.z10071 {
  z-index: 10071;
}
body .modal.z1052 {
  z-index: 1052;
}
body .modal.pl-pr-0 .modal-body {
  padding-left: 0;
  padding-right: 0;
}
body .modal.md-width-500 .modal-dialog {
  width: 500px;
}
body .modal.md-width-600 .modal-dialog {
  width: 600px;
}
body .modal.md-width-700 .modal-dialog {
  width: 700px;
}
body .modal.md-width-750 .modal-dialog {
  width: 750px;
}
body .modal.md-width-800 .modal-dialog {
  width: 800px;
}
body .modal.md-width-900 .modal-dialog {
  width: 900px;
}
body .modal.md-width-1000 .modal-dialog {
  width: 1000px;
}
body .modal.md-width-1200 .modal-dialog {
  width: 1200px;
}
@media (max-width: 768px) {
  body .modal.mobile .modal-dialog {
    width: 100% !important;
    margin: 0 auto;
  }
  body .modal-title .font18 {
    font-size: 16px;
  }
}
body .large-dialog .modal-dialog {
  width: 800px;
}
body .bootstrap-confirmation-modal, body .ui-jqdialog {
  z-index: 99999999999 !important;
}
body .bootstrap-confirmation-modal#editmodclass-cats-grid, body .bootstrap-confirmation-modal#editmodsession-cats-grid, body .bootstrap-confirmation-modal#editmodsession-locs-grid, body .bootstrap-confirmation-modal#edithdclass-locs-grid, body .bootstrap-confirmation-modal#editmodclass-locs-grid, body .bootstrap-confirmation-modal#delmodclass-cats-grid, body .ui-jqdialog#editmodclass-cats-grid, body .ui-jqdialog#editmodsession-cats-grid, body .ui-jqdialog#editmodsession-locs-grid, body .ui-jqdialog#edithdclass-locs-grid, body .ui-jqdialog#editmodclass-locs-grid, body .ui-jqdialog#delmodclass-cats-grid {
  top: calc(50% - 97px) !important;
}
body .bootstrap-confirmation-modal#editmodclass-cats-grid .FormGrid .CaptionTD, body .bootstrap-confirmation-modal#editmodsession-cats-grid .FormGrid .CaptionTD, body .bootstrap-confirmation-modal#editmodsession-locs-grid .FormGrid .CaptionTD, body .bootstrap-confirmation-modal#edithdclass-locs-grid .FormGrid .CaptionTD, body .bootstrap-confirmation-modal#editmodclass-locs-grid .FormGrid .CaptionTD, body .bootstrap-confirmation-modal#delmodclass-cats-grid .FormGrid .CaptionTD, body .ui-jqdialog#editmodclass-cats-grid .FormGrid .CaptionTD, body .ui-jqdialog#editmodsession-cats-grid .FormGrid .CaptionTD, body .ui-jqdialog#editmodsession-locs-grid .FormGrid .CaptionTD, body .ui-jqdialog#edithdclass-locs-grid .FormGrid .CaptionTD, body .ui-jqdialog#editmodclass-locs-grid .FormGrid .CaptionTD, body .ui-jqdialog#delmodclass-cats-grid .FormGrid .CaptionTD {
  padding-top: 0;
  background-color: white;
}
body .modal.modal-std-layout .modal-dialog {
  height: 100%;
}
body .modal.modal-std-layout .modal-dialog .modal-content {
  display: flex;
  flex-direction: column;
  box-shadow: -5px 0 20px rgba(44, 49, 78, 0.07);
}
body .modal.modal-std-layout .modal-dialog .modal-content .modal-header {
  margin-bottom: auto;
  height: auto;
}
body .modal.modal-std-layout .modal-dialog .modal-content .modal-body {
  flex: 1 1 auto;
  overflow: auto;
  padding: 20px;
}
body .modal.modal-std-layout .modal-dialog .modal-content .modal-footer {
  margin-top: auto;
  text-align: left;
}
body .modal.modal-std-layout.footer-center .bootstrap-dialog-footer-buttons {
  margin: auto;
}
body .modal.modal-std-layout.footer-center .bootstrap-dialog-footer-buttons button {
  margin: 0 10px 10px;
}
body .modal.modal-std-layout.footer-center .footer-wrap-btn {
  width: max-content;
  margin: auto;
}
body .modal.modal-std-layout.footer-center .footer-wrap-btn button {
  margin: 0 10px !important;
}
body .modal.modal-std-layout.footer-flex .bootstrap-dialog-footer-buttons {
  display: flex !important;
  justify-content: space-between !important;
}
body .modal.modal-std-layout.dialog-lg .modal-dialog {
  width: 620px !important;
}
body .modal.no-overflow .modal-content {
  overflow: unset;
}
body .modal.solid .modal-dialog .modal-content .modal-header {
  border-bottom: none;
  padding: 23px;
}
body .modal.solid .modal-dialog .modal-content .modal-header .bootstrap-dialog-header .bootstrap-dialog-title {
  font-weight: 600;
}
body .modal.solid .modal-dialog .modal-content .modal-header .bootstrap-dialog-header .bootstrap-dialog-close-button button {
  font-weight: 600;
  color: #9D9FAF;
}
body .modal.solid .modal-dialog .modal-content .modal-body {
  padding-top: 0;
}
body .modal.solid .modal-dialog .modal-content .modal-footer {
  border-top: unset;
  padding-top: 0;
}

.preview-assigned-clients-modal .bootstrap-dialog-footer-buttons {
  display: flex;
}

button.archive-for-all-assigned-clients {
  margin: 0 1px 10px !important;
}

#modal_add_edit_avatar {
  z-index: 1051;
}
#modal_add_edit_avatar .modal-header {
  display: flex;
  align-items: center;
}
#modal_add_edit_avatar .modal-header h4 {
  margin: 0 !important;
}
#modal_add_edit_avatar .modal-body {
  overflow-y: auto;
}
#modal_add_edit_avatar .modal-footer {
  text-align: left;
}
#modal_add_edit_avatar .modal-body.loading .content-wrapper {
  display: none;
}
#modal_add_edit_avatar .modal-body.loading .bf-loading {
  display: block;
}
#modal_add_edit_avatar .modal-body .bf-loading {
  display: none;
}

.webcam-modal .modal-dialog {
  width: 720px !important;
}
.webcam-modal .webcam-wrapper {
  border: 1px solid #ccc;
  border-radius: 3px;
}
.webcam-modal .webcam-wrapper .live-camera-wrapper {
  border-right: 1px solid black;
}
.webcam-modal .webcam-wrapper .live-camera-wrapper #my_camera {
  padding: 5px 8px;
  height: 250px !important;
}
.webcam-modal .webcam-wrapper .capture-wrapper #results {
  padding: 5px 8px;
}
.webcam-modal .webcam-wrapper .live-camera-wrapper, .webcam-modal .webcam-wrapper .capture-wrapper {
  border-right: 1px solid #ccc;
}
.webcam-modal .webcam-wrapper .live-camera-wrapper .title, .webcam-modal .webcam-wrapper .capture-wrapper .title {
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  padding: 7px 0;
  border-bottom: 1px solid #ccc;
  background-color: #ccc;
}
.webcam-modal .action-wrapper > div {
  text-align: center;
}

.btn-service-copy:hover .message-tooltip-hover {
  display: block;
}
.btn-service-copy:hover .message-tooltip-display::after {
  content: "";
  display: block;
}

.btn-service-copy .message-tooltip-modal {
  display: flex;
}
.btn-service-copy .message-tooltip-display {
  position: relative;
}
.btn-service-copy .message-tooltip-display::after {
  display: none;
  content: "";
  position: absolute;
  top: -13px;
  left: 41%;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid rgba(0, 0, 0, 0.55);
}
.btn-service-copy .message-tooltip-hover {
  display: none;
  position: absolute;
  top: -39px;
  width: 250px;
  left: -87px;
  background-color: rgba(0, 0, 0, 0.56);
  padding: 5px 10px;
  border-radius: 8px;
  transition: all 0.3s linear;
  cursor: default;
}

.alert.alert-success:not(.small-alert), .alert.alert-info:not(.small-alert), .alert.alert-danger:not(.small-alert) {
  padding: 10px 15px 10px 65px;
  min-height: 64px;
  position: relative;
}

.alert.alert-success.hide:not(.small-alert):not(.block)[style="display: block;"], .alert.alert-info.hide:not(.small-alert):not(.block)[style="display: block;"], .alert.alert-danger.hide:not(.small-alert):not(.block)[style="display: block;"],
.alert.alert-success.hide:not(.small-alert):not(.block)[style="display: block"], .alert.alert-info.hide:not(.small-alert):not(.block)[style="display: block"], .alert.alert-danger.hide:not(.small-alert):not(.block)[style="display: block"],
.alert.alert-success.hide:not(.small-alert):not(.block)[style="display:block;"], .alert.alert-info.hide:not(.small-alert):not(.block)[style="display:block;"], .alert.alert-danger.hide:not(.small-alert):not(.block)[style="display:block;"],
.alert.alert-success.hide:not(.small-alert):not(.block)[style="display:block"], .alert.alert-info.hide:not(.small-alert):not(.block)[style="display:block"], .alert.alert-danger.hide:not(.small-alert):not(.block)[style="display:block"],
.alert.alert-success:not(.small-alert):not(.hide):not(.block), .alert.alert-info:not(.small-alert):not(.hide):not(.block), .alert.alert-danger:not(.small-alert):not(.hide):not(.block) {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
}
.alert.alert-success.hide:not(.small-alert):not(.block)[style="display: block;"] .close, .alert.alert-info.hide:not(.small-alert):not(.block)[style="display: block;"] .close, .alert.alert-danger.hide:not(.small-alert):not(.block)[style="display: block;"] .close,
.alert.alert-success.hide:not(.small-alert):not(.block)[style="display: block"] .close, .alert.alert-info.hide:not(.small-alert):not(.block)[style="display: block"] .close, .alert.alert-danger.hide:not(.small-alert):not(.block)[style="display: block"] .close,
.alert.alert-success.hide:not(.small-alert):not(.block)[style="display:block;"] .close, .alert.alert-info.hide:not(.small-alert):not(.block)[style="display:block;"] .close, .alert.alert-danger.hide:not(.small-alert):not(.block)[style="display:block;"] .close,
.alert.alert-success.hide:not(.small-alert):not(.block)[style="display:block"] .close, .alert.alert-info.hide:not(.small-alert):not(.block)[style="display:block"] .close, .alert.alert-danger.hide:not(.small-alert):not(.block)[style="display:block"] .close,
.alert.alert-success:not(.small-alert):not(.hide):not(.block) .close, .alert.alert-info:not(.small-alert):not(.hide):not(.block) .close, .alert.alert-danger:not(.small-alert):not(.hide):not(.block) .close {
  position: absolute;
  right: 15px;
  display: block;
}
.alert.alert-success.hide:not(.small-alert):not(.block)[style="display: block;"] .full-width, .alert.alert-info.hide:not(.small-alert):not(.block)[style="display: block;"] .full-width, .alert.alert-danger.hide:not(.small-alert):not(.block)[style="display: block;"] .full-width,
.alert.alert-success.hide:not(.small-alert):not(.block)[style="display: block"] .full-width, .alert.alert-info.hide:not(.small-alert):not(.block)[style="display: block"] .full-width, .alert.alert-danger.hide:not(.small-alert):not(.block)[style="display: block"] .full-width,
.alert.alert-success.hide:not(.small-alert):not(.block)[style="display:block;"] .full-width, .alert.alert-info.hide:not(.small-alert):not(.block)[style="display:block;"] .full-width, .alert.alert-danger.hide:not(.small-alert):not(.block)[style="display:block;"] .full-width,
.alert.alert-success.hide:not(.small-alert):not(.block)[style="display:block"] .full-width, .alert.alert-info.hide:not(.small-alert):not(.block)[style="display:block"] .full-width, .alert.alert-danger.hide:not(.small-alert):not(.block)[style="display:block"] .full-width,
.alert.alert-success:not(.small-alert):not(.hide):not(.block) .full-width, .alert.alert-info:not(.small-alert):not(.hide):not(.block) .full-width, .alert.alert-danger:not(.small-alert):not(.hide):not(.block) .full-width {
  width: 100%;
}
.alert.alert-success.hide:not(.small-alert):not(.block)[style="display: block;"] .text-item, .alert.alert-info.hide:not(.small-alert):not(.block)[style="display: block;"] .text-item, .alert.alert-danger.hide:not(.small-alert):not(.block)[style="display: block;"] .text-item,
.alert.alert-success.hide:not(.small-alert):not(.block)[style="display: block"] .text-item, .alert.alert-info.hide:not(.small-alert):not(.block)[style="display: block"] .text-item, .alert.alert-danger.hide:not(.small-alert):not(.block)[style="display: block"] .text-item,
.alert.alert-success.hide:not(.small-alert):not(.block)[style="display:block;"] .text-item, .alert.alert-info.hide:not(.small-alert):not(.block)[style="display:block;"] .text-item, .alert.alert-danger.hide:not(.small-alert):not(.block)[style="display:block;"] .text-item,
.alert.alert-success.hide:not(.small-alert):not(.block)[style="display:block"] .text-item, .alert.alert-info.hide:not(.small-alert):not(.block)[style="display:block"] .text-item, .alert.alert-danger.hide:not(.small-alert):not(.block)[style="display:block"] .text-item,
.alert.alert-success:not(.small-alert):not(.hide):not(.block) .text-item, .alert.alert-info:not(.small-alert):not(.hide):not(.block) .text-item, .alert.alert-danger:not(.small-alert):not(.hide):not(.block) .text-item {
  padding: 0 4px;
}

.alert.alert-success.block:not(.small-alert):not(.hide), .alert.alert-info.block:not(.small-alert):not(.hide), .alert.alert-danger.block:not(.small-alert):not(.hide) {
  display: block !important;
}

.alert.alert-success.contents:not(.small-alert):not(.hide), .alert.alert-info.contents:not(.small-alert):not(.hide), .alert.alert-danger.contents:not(.small-alert):not(.hide) {
  display: contents !important;
}

.alert.alert-success:not(.small-alert) *, .alert.alert-info:not(.small-alert) *, .alert.alert-danger:not(.small-alert) * {
  /*display: contents;*/
  /*we need to show <br> error messages for form validation*/
}

.alert.alert-success:not(.small-alert):before, .alert.alert-info:not(.small-alert):before, .alert.alert-danger:not(.small-alert):before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  font-size: 33px;
  position: absolute;
  left: 15px;
  top: 20px;
}

.alert.alert-success {
  background-color: rgba(54, 160, 0, 0.1);
}

.alert.alert-success:not(.small-alert):before {
  content: "\f058";
}

.alert.alert-info {
  background-color: rgba(47, 185, 248, 0.1);
}

.alert.alert-info:not(.small-alert):before {
  content: "\f05a";
}

.alert.alert-danger {
  background-color: rgba(255, 52, 101, 0.1);
}

.alert.alert-danger:not(.small-alert):before {
  content: "\f071";
  font-size: 35px;
}

.alert.small-alert {
  padding: 5px;
  margin: 5px 0;
}
.alert.small-alert .close {
  font-size: 16px;
  top: 0;
  z-index: 1;
}

.tab-content.padding--profile {
  padding-top: 20px !important;
}

body .btn {
  border-radius: 3px;
}
body .btn-default, body .btn-default:hover, body .btn-default:focus, body .btn-default:active, body .btn-default.active {
  color: #323338;
}
body .btn:not(.multiselect) i {
  font-size: inherit;
  color: inherit !important;
}
body .btn:focus, body .btn:active, body .btn:hover, body .btn:active:focus {
  outline: none;
  outline-offset: unset;
}
body .btn.disabled {
  cursor: not-allowed !important;
  pointer-events: none;
  box-shadow: none;
  opacity: 0.65;
}
body .btn-primary {
  background-color: var(--button-color) !important;
  border-color: var(--button-color) !important;
}
body .btn-primary.btn-outline {
  background: var(--brand-background) !important;
  color: var(--button-color) !important;
  border: 1px solid var(--button-color) !important;
}
body .btn-primary.btn-outline:hover {
  background: var(--button-color) !important;
  color: #fff !important;
}
body .btn-primary.btn-outline.disabled:hover {
  background: #fff;
  background-color: #fff !important;
  color: var(--button-color) !important;
  border-color: var(--button-color) !important;
}
body .add-trainer-button.btn {
  border-radius: 50%;
  width: 30px !important;
  height: 30px !important;
  background-color: var(--button-color);
  padding: 0;
  margin: 0;
  font-size: 18px;
  line-height: 29px;
  position: absolute;
  right: 15px;
  z-index: 1;
  top: 4px;
}
body .add-trainer-button.btn:hover {
  opacity: 0.7;
}
body .add-trainer-button.btn i {
  color: white !important;
}
@media screen and (max-width: 430px) {
  body .add-trainer-button.btn {
    right: -35px;
  }
}
body .btn-success {
  background-color: #36a000;
  border-color: #36a000;
}
body .btn-success.btn-outline {
  background: #fff;
  background-color: #fff;
  color: #36a000;
  border-color: #36a000;
}
body .btn-success.btn-outline:hover {
  background-color: #36a000;
  border-color: #36a000;
  color: #fff;
}
body .btn-success.btn-outline.disabled:hover {
  background: #fff;
  background-color: #fff;
  color: #36a000;
  border-color: #36a000;
}
body .btn-danger {
  background-color: #ff3465;
  border-color: #ff3465;
}
body .btn-danger.btn-outline {
  background: #fff;
  background-color: #fff;
  color: #ff3465;
  border-color: #ff3465;
}
body .btn-danger.btn-outline:hover {
  background-color: #ff3465;
  border-color: #ff3465;
  color: #fff;
}
body .btn-danger.btn-outline.disabled:hover {
  background: #fff;
  background-color: #fff;
  color: #ff3465;
  border-color: #ff3465;
}
body .btn-lg {
  width: 100%;
  padding-top: 17px;
  padding-bottom: 17px;
  font-size: 14px;
  line-height: 16px;
}
body .icon-fa2:hover, body .icon-fa2:focus, body .icon-fa2:active body .icon-fa2:visited {
  text-decoration: none;
}
body .icon-fa2 i {
  font-weight: bold;
}
body .icon-fa2:hover {
  opacity: 0.7;
}
body .icon i.fas:hover {
  opacity: 0.2;
}
body .icon-primary i.fas {
  color: var(--brand-color);
  font-size: 20px;
}
body .icon-black i.fas {
  color: #323338;
  font-weight: 500;
  font-size: 20px;
}

body .tooltip.fade {
  min-width: auto;
}
body .tooltip.fade .tooltip-inner {
  background-color: #676b75 !important;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  box-shadow: 0 2px 4px 0 rgba(109, 114, 124, 0.25);
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #fff;
  padding: 5px 12px;
  white-space: pre-wrap;
}
body .tooltip.fade .tooltip-inner > div {
  max-width: 200px;
}

.tooltip.fade.top .tooltip-inner {
  margin: 0 auto;
}
.tooltip.fade.top .tooltip-arrow {
  border-top-color: #676b75;
}

.tooltip.fade.right .tooltip-arrow {
  border-right-color: #676b75;
}

.tooltip.fade.bottom .tooltip-inner {
  margin: 0 auto;
}
.tooltip.fade.bottom .tooltip-arrow {
  border-bottom-color: #676b75;
}

.tooltip.fade.left .tooltip-inner {
  float: right;
  padding: 3px 8px 3px 3px;
}
.tooltip.fade.left .tooltip-arrow {
  border-left-color: #676b75;
}

body .multiselect-native-select .btn-group button {
  text-align: left;
}
body .multiselect-native-select .btn-group button .multiselect-selected-text {
  width: calc(100% - 20px);
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  margin: 0;
  float: left;
}
body .multiselect-native-select .btn-group.open ul.multiselect-container li.multiselect-filter .input-group .input-group-addon, body .multiselect-native-select .btn-group.open ul.multiselect-container li.multiselect-filter .input-group .input-group-btn {
  height: 36px;
  border: 1px solid #e6e9ef;
  background-color: #edeff2;
  font-weight: bold;
  direction: unset;
  direction: none;
}
body .multiselect-native-select .btn-group.open ul.multiselect-container li.multiselect-filter .input-group input.multiselect-search {
  min-height: 38px;
  height: -moz-available;
  height: -webkit-fill-available;
  height: fill-available;
}

.input-group .input-group-addon {
  position: relative;
  height: 45px;
  width: 34px;
  border: 1px solid #e6e9ef;
  background-color: #edeff2;
  font-weight: bold;
}
.input-group .input-group-addon .fa-calendar {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding-top: 8px;
}

.btn-group.open .multiselect {
  border: 1px solid #e6e9ef !important;
  box-shadow: unset !important;
  background: white !important;
}

.multiselect-container {
  border: 1px solid #e6e9ef !important;
  box-shadow: 1px 3px 12px rgba(140, 140, 140, 0.2) !important;
  padding: 0 !important;
  max-width: 300px;
}
.multiselect-container .multiselect-filter .multiselect-search {
  border-radius: 0 !important;
}
.multiselect-container .multiselect-filter .input-group-btn .btn {
  border: 1px solid #EBECF2 !important;
  background-color: #EDEFF2 !important;
  padding: 6px 8px;
}
.multiselect-container li a {
  margin: 0;
  padding: 0 0 0 8px !important;
}
.multiselect-container li a label.inner-label {
  padding: 9px 8px 8px 22px !important;
  width: 100%;
}
.multiselect-container li a input[type=radio]:checked + label:before, .multiselect-container li a input[type=radio]:not(:checked) + label:before,
.multiselect-container li a input[type=checkbox]:checked + label:before, .multiselect-container li a input[type=checkbox]:not(:checked) + label:before {
  top: 9px;
}
.multiselect-container li a input[type=radio]:checked + label:after, .multiselect-container li a input[type=radio]:not(:checked) + label:after,
.multiselect-container li a input[type=checkbox]:checked + label:after, .multiselect-container li a input[type=checkbox]:not(:checked) + label:after {
  top: 12px;
}
.multiselect-container li.active a {
  background-color: #f6f9fc !important;
  color: #323338 !important;
}

input[type=checkbox]:checked,
input[type=checkbox]:not(:checked),
input[type=radio]:checked,
input[type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
  opacity: 0;
}

input[type=checkbox]:checked + label,
input[type=checkbox]:not(:checked) + label,
input[type=radio]:checked + label,
input[type=radio]:not(:checked) + label {
  display: inline-block;
  position: relative;
  padding-left: 22px;
  line-height: 17px;
  cursor: pointer;
  min-height: 16px;
  min-width: 16px;
}

input[type=checkbox]:checked + label:before,
input[type=checkbox]:not(:checked) + label:before,
input[type=radio]:checked + label:before,
input[type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 16px;
  height: 16px;
  border: 1px solid #e6e9ef;
  background-color: #FFF;
}

input[type=checkbox]:disabled + label:before,
input[type=radio]:disabled + label:before {
  border: 1px solid #e4e9ee;
  background-color: #eaeff4;
  cursor: not-allowed;
}

input[type=checkbox]:checked:disabled + label:before,
input[type=radio]:checked:disabled + label:after {
  opacity: 0.5 !important;
}

input[type=checkbox]:checked + label:before,
input[type=checkbox]:not(:checked) + label:before {
  border-radius: 2px;
}

input[type=checkbox]:checked + label:before {
  border-radius: 2px;
  border: 1px solid var(--button-color);
  background-color: var(--button-color);
}

input[type=radio]:checked + label:before,
input[type=radio]:not(:checked) + label:before {
  border-radius: 100%;
}

input[type=radio]:checked + label:before {
  border-radius: 100%;
  border: 1px solid var(--button-color);
  background-color: var(--button-color);
}

input[type=checkbox]:checked + label:after,
input[type=checkbox]:not(:checked) + label:after,
input[type=radio]:checked + label:after,
input[type=radio]:not(:checked) + label:after {
  content: "";
  position: absolute;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

input[type=checkbox]:checked + label:after,
input[type=checkbox]:not(:checked) + label:after {
  left: 3px;
  top: 3px;
  width: 10px;
  height: 6px;
  border-radius: 1px;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  color: white;
}

input[type=radio]:checked + label:after,
input[type=radio]:not(:checked) + label:after {
  left: 5.003px;
  top: 5.003px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: white;
}

input[type=checkbox]:not(:checked) + label:after,
input[type=radio]:not(:checked) + label:after {
  opacity: 0;
}

input[type=checkbox]:checked + label:after,
input[type=radio]:checked + label:after {
  opacity: 1;
}

input[type=checkbox].ui-state-error:not(:checked) + label:before {
  border-color: #ff3465;
}

body .inline-calendar-wrap {
  position: relative;
}
body .inline-calendar-wrap #ui-datepicker-div {
  top: 50px !important;
  left: 0 !important;
}
body.ptminder-body-pts-profile #ui-datepicker-div {
  width: unset !important;
}
body #ui-datepicker-div {
  width: 440px;
  box-shadow: 0 0 30px 0 rgba(188, 193, 206, 0.7);
  border-radius: 5px !important;
  border: none;
}
body #ui-datepicker-div .ui-datepicker-header {
  background-color: #fff;
  color: #323338;
  height: 44px;
}
body #ui-datepicker-div .ui-datepicker-header a.ui-corner-all {
  height: inherit;
}
body #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev .ui-icon-circle-triangle-w, body #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next .ui-icon-circle-triangle-e {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  background-image: none;
  text-indent: unset;
  cursor: pointer;
  color: transparent;
  font-size: 20px;
  height: unset;
  top: 15px;
  width: 10px;
}
body #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
  left: 95px;
}
body #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev .ui-icon-circle-triangle-w:before {
  content: "\f053";
  color: #323338;
}
body #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
  right: 95px;
}
body #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next .ui-icon-circle-triangle-e:before {
  content: "\f054";
  color: #323338;
}
body #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
  font-size: 20px;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  margin: 0 auto;
  display: flex;
}
body #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select {
  padding: 0 10px;
  font-size: 18px;
  z-index: 10;
}
@-moz-document url-prefix() {
  body #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select option {
    cursor: pointer;
    width: 100px;
    padding-left: 15px;
    margin-left: -15px;
  }
  body #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select option:hover {
    background-color: var(--brand-color);
    color: #fff;
  }
}
body #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month {
  margin-right: 10px;
  width: 80px;
}
body #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-year {
  width: 85px;
}
body #ui-datepicker-div table.ui-datepicker-calendar thead {
  text-transform: uppercase;
}
body #ui-datepicker-div table.ui-datepicker-calendar thead tr th {
  font-weight: 500;
  font-size: 14px;
}
body #ui-datepicker-div table.ui-datepicker-calendar tbody tr {
  height: 50px;
}
body #ui-datepicker-div table.ui-datepicker-calendar tbody tr td {
  width: 55px;
}
body #ui-datepicker-div table.ui-datepicker-calendar tbody tr td a {
  font-size: 14px;
  font-weight: 500;
  color: #323338;
}
body #ui-datepicker-div table.ui-datepicker-calendar tbody tr td a.ui-state-highlight {
  background-color: #ebebeb !important;
  color: #323338 !important;
}
body #ui-datepicker-div table.ui-datepicker-calendar tbody tr td a.ui-state-active {
  background: var(--brand-color) !important;
  color: #fff !important;
}
body #ui-datepicker-div table.ui-datepicker-calendar tbody tr td a.ui-state-highlight.ui-state-hover, body #ui-datepicker-div table.ui-datepicker-calendar tbody tr td a.ui-state-hover {
  background-color: var(--brand-color) !important;
  color: #fff !important;
}
body #ui-datepicker-div table.ui-datepicker-calendar tbody tr td a.ui-state-highlight, body #ui-datepicker-div table.ui-datepicker-calendar tbody tr td a.ui-state-active, body #ui-datepicker-div table.ui-datepicker-calendar tbody tr td a.ui-state-hover {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  display: block;
  margin: 0 auto;
  padding-top: 3px;
  line-height: 22px;
}

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

body #toast-container .toast {
  background-color: #fff !important;
  background-image: none !important;
  font-weight: bold;
  padding: 0 0 0 6px;
  position: relative;
  width: 500px;
  border-radius: 5px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
body #toast-container .toast .toast-message {
  padding: 15px 30px 15px 15px;
  background-color: #fff;
  display: flex;
  align-items: center;
}
body #toast-container .toast .toast-message:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  font-size: 30px;
  margin-right: 15px;
}
body #toast-container .toast .toast-close-button {
  font-size: 25px;
  position: absolute;
  top: calc(50% - 17.5px);
  right: 10px;
  color: #9096a4;
  outline: none;
}
body #toast-container .toast:hover {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.45);
}
body #toast-container .toast.toast-success {
  color: #36a000;
  background-color: #36a000 !important;
}
body #toast-container .toast.toast-success .toast-message:before {
  content: "\f058";
  font-size: 35px;
}
body #toast-container .toast.toast-success .toast-message a.green {
  color: #36a000;
}
body #toast-container .toast.toast-error {
  color: #ff3465;
  background-color: #ff3465 !important;
}
body #toast-container .toast.toast-error .toast-message:before {
  content: "\f071";
}
body #toast-container .toast.toast-warning {
  color: #f89406;
  background-color: #f89406 !important;
}
body #toast-container .toast.toast-warning .toast-message:before {
  content: "\f12a";
}
body #toast-container > div {
  opacity: 1;
}

body #toast-container.toast-top-right.toast-programming {
  right: 25px !important;
}

#toast-container.toast-top-right.toast-programming .toast.toast-success {
  background-color: #C4FFED !important;
  display: flex;
}

body #toast-container.toast-programming .toast.toast-success .toast-message {
  background-color: #C4FFED !important;
  color: #272431;
}
body #toast-container.toast-programming .toast.toast-success .toast-message:before {
  content: "\f058";
  font-size: 20px;
  color: #2E9977;
}

#toast-container.toast-top-center > div {
  width: 500px !important;
}

@media only screen and (max-width: 450px) {
  body #toast-container .toast {
    width: 370px;
  }
}
body .chosen-container-multi .chosen-choices {
  background-color: #f6f9fc;
  border: solid 1px #e7ecf1;
  box-shadow: unset;
  padding: 3px;
  font-size: 14px;
  border-radius: 5px;
  font-family: roboto;
  padding-left: 10px;
}
body .chosen-container-multi .chosen-choices .group-result {
  cursor: pointer !important;
}
body .chosen-container-multi .chosen-choices .search-choice {
  background-color: #CDF0FF !important;
  background-image: none !important;
  border: none !important;
  color: #2FB9F8 !important;
  font-weight: 500;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  border-radius: 5px !important;
}
body .chosen-container-multi .chosen-choices .search-choice .search-choice-close {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  background-image: none !important;
  background-position: unset !important;
  cursor: pointer;
  font-size: 14px !important;
  color: #2FB9F8 !important;
  top: 6px !important;
  text-decoration: none;
}
body .chosen-container-multi .chosen-choices .search-choice .search-choice-close:before {
  content: "\f00d";
}
body .chosen-container-multi .chosen-choices .search-choice:hover {
  box-shadow: 0px 0px 3px #2FB9F8;
}
body .chosen-container-multi .chosen-choices .search-field input[type=text] {
  padding-left: 8px;
  font-family: roboto !important;
  margin: 3px 5px 4px 0 !important;
}
body .chosen-container-multi .chosen-drop {
  font-weight: 500;
}
body .chosen-container-multi .chosen-drop .chosen-results .active-result.highlighted {
  background-image: none;
  background-color: rgba(47, 185, 248, 0.1);
  color: #2FB9F8;
}

.flag-currency {
  width: 23px;
  height: 17px;
  background-size: contain !important;
  margin-right: 5px;
}

.flag-currency.flag-usd {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAAB7ElEQVR4XmMwMIn+7Rhc+V9SP/a/kVv+f237LDDbJawaTIP4IHEQG6RO1ijhv4pl6n8zz8L/DRZ+//fauhCNGXSsU7/6JzT/V7dJBxsAwiALIjO7wDRMDCQPUwcSB1ncUz/l+ot9B/YTixmM3fJ/g1yakN8PdjHIsNC0DhQaWT44uQ1sGYi9ctPh/6QABj2zhB9FDXP+K5gl/feJbfzvEVkHZpc1zwPTID5IHMQGqQNZYhtQBnZIo2fc2+ORsY+JxQzaFklfQQZlV06H+yyleBI4jkA0zGcgeZA6UPCC4hAUd+25TTfvzpl3mFgMDsb8mplgzSBfgFwNsii9bAqYBvFB4iB5mDpQHIKCk+Rg1DaO/QEzCORykE9AbJBFIBrEB4nDLAL51tKnBCxPejCaxX8DxQ9IMyi1wXwGEwPxQeLIYiDLQHHWGl3w8HJl3XliMTgYQQZUtS0Exw0opSH7DJbyQPKweITlO5KDUd8y8RssfkA+cAmtBgcXyBcgGsSH+QykDiQGsowsn3k7pz13d8367Gif+tnFKQOMQWxf7/wv6GLo6qYnltxBNxAfZgD67j66d2kFGC6U1+5CdwGtMMPxiNhT6EmUVpi+wXhn+pyN6MUKrfAwDsZnO/esQ6/kaIUZ9to630evvmmFAUOxrmQB62SbAAAAAElFTkSuQmCC") no-repeat;
}

.flag-currency.flag-gbp {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAABWElEQVR4Xu2UsWrCUBSGz+jo6GP4CL6Bj6BTcXR0EYQKLh106Ny9iy0dugi6tja9dCriECJFKbQ4FWui/OVcekO45uYmpu3UH35Cbs65H4TzHyI6QRq77huWnQ4eiELzO5/rtUaPxzNUKmeHHzTngZXLp7i6vAPhWzboMTAFee338VQqgbhht14rphGaBaZDHgsFLJpNkCgWwbZB08BMEH+1knfS5GYqm2zQJJgNwhJiAarVLtDr3eL5foZltwu3XpeFn/N5WMjy/V0sbLsN5KUvrZbs5WcU4nnvGAxGYE44IGkUB8siijb/tv9hP+K/HRAeyXb7Go7jhYf7zUZmhkfZazTwIQSCYB8L40hExZHh6HAvR4kjxdGSoz8cirBQQaLBFCMH1ep5Yqg59Bx+JV4K+qLg5SF/YxIky7qyQckGyQKzQckGOQZmgpINkgemQ0n/YHIemPIXeJAU1X4+5ngAAAAASUVORK5CYII=") no-repeat;
}

.flag-currency.flag-aud {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAACuUlEQVR4XpWVUUhTYRTH74MPPvjgw0AfFuzBBx+EIIqMRASDST6McKQkNMMl1SzNSVNWaRgxmJk1TchGhaZGijOLKaMk9hKaaNNEzPzIzGY6JcsgKP91vrUx773dbRd+38M5557/9517zneFGYPx9xb7AIulDwkJpyAIZZzZxha8FgQ8tPeGbcnJlXhqbcF7vR6dTf1he4ww4YLhVmBOfxQbLhc8nhmo1RZZseyDNkyfNGG5vh5s3o/MTJs4WTSYQEtGRj3Gz9VisbwcX5ZWodO1hsW6r/fBbrqNdzodvnm96O4e5SeUSRYNJvwtX6Cu7gkaGp5h9P4A1nt7QY//rpOLBUbHsdLcjB8rqxgYmATFErQhmYRKMMG3b/+2T6OBmEmViov51GqJj3DnHRMniwYTJtS7tilpvHiyDouTcbTam8jJaZTYudiCa/jX5sgIxCzV1PCk6z09Eh/Rda1LnIx3MzXZ4OAbiY+LBZcyVFQ8wvelZSwUFeG59Qbmmlq5mNvp5t332WbDjPE0DmUrd2FqajVHbOc6KSnmRbd7Gl+HhjBfUADriRbujGz9pKSz6Oh4ha2xMd6Vjsq2HTOpREQcE2bffvxJJZs6cx57dl8JB4nnjCgudmLTvwZWUoLO4xclieVoa3sJk6krKFattQaq8i7x3UcGGbUNsGUZkXvg6g67RlMLg+Eejuy18HLZ7cOgORWLEHQqErNaXUGx4CINjIX09MtgbO1/3RfmXylZTGJK34cqkphoktjz8x1QqaoibSwmMSpb6EUl4Uho3kTXGlMUo0u5v38CU1Of+Ow4HC8kMXHAFMWoRDQWoYdmURwTB0xRLDe3Ce3tXi60sbHF/3lpabG1vAxMUYyg272w8A4farFPDrP5MUpLH0jsQixiofmjxojWHOSnTVE1ZGJZVLF4UdgU+wMr+cV7y0ozKgAAAABJRU5ErkJggg==") no-repeat;
}

.flag-currency.flag-nzd {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAAB20lEQVR4XmNYGV7+/f6T9//9M5b+Z1CpheP6ifv+nxHR/v+sayqKOAiHJ837fyWzCkMcL1auvc/QVzz341W3yP8X1Gz+bz9467+Kcz9Oy0By++um/QeB7z9+YxqID4MsAxEwQ0AWgixunnoAjGGWcWg3/p9UvQhsAQggO4poDLJs0/LDXw9uOv4fhK8cOP///cHj/99v2P7/68WrYMseVXeAxX4+evL/052H/y8fvABWC8J+sbMxDQViaetuDDGwZed1nf+BDCUHdwRiWlRVs+r/lZDU/zYRaA4BWXZq8rJfN6Yt+w/DN4H40fzV/1/NXwU28E5c3v/Xy9b/fzxnBVgOWW1KPGbisQ+a+n9H3cz/HFqNmJaBCagAKEWCUuY5aaP/L7fsgccZSAwEQCkQlBLRLcCHxS06US0DRTYo0mEJBJQY0BMIiA9LIKDEhJxAlJ2wJxaQRZfi8v9HJs2GWFbTt+ctLOkjG4Ir6YMcBQIgPSAxt4gZ/6/4xv13icSeWBoql/7X8piEGYzIWMCo9b+ZVcN/bZt2DDlkDPLVkqqZOH0Hx/gsozoetYxUDE4Q6OK0sGxG9cL/l11C/4elouVHWliWlbvo/8mSLnBqRpGjhWU48ahlVMFAewCHBv3w+yilbwAAAABJRU5ErkJggg==") no-repeat;
}

.flag-currency.flag-cad {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAABDklEQVR4XmPYz2XwHxt+0DHr8H8yAEgfulkwzIAuMGoZLkBVy/5+//n/Ye88dGE4oJplH46e+/94ytL/B4XM/n86e/X/54s30JVQz7JrSdUoat7tP4muhDLLQK7/cvX2/yczVvx/NHERipofT16AfQpSA2JTbNmtog642OXwQjj7sKTt//PuKXD+q/V7KLfsZl4Lhhw2/HrzfsotAxlySMwKQx4Zn3WI/f/zxRvKLQOBjycv/T+q6IyhBoRBiQaUHWCAYstA4E5lH1j8uKbX/2Oq7v+PyDqA+V9v3kdWRh3Lfr15D2c/W7AeTP/5/BXFVyBAFcuQwb3GqehCcEB1y2A+wwaobhk+MGoZzS0DAP9S58fuv+G8AAAAAElFTkSuQmCC") no-repeat;
}

.flag-currency.flag-eur {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAABPElEQVR4XmNgMJ55H4j/0wHfZwATmBK0wIPcMhG73v8JuQlgGl2OACbOMmmXzv9HVir/l3dr+89jOfn/7W1iYBrEB4mD5NH1YMHEWQbCK2cZ/+cwn4oiBuKDxNHV4sD4LRN36v6fUxKBYQk6BsmD1IHUo8shYfyWybu0/T+7Vg5DHBsGqQOpRxdHwvgtozLGbZm4Y/f/ST1O/5U9WjDksGGQOpB6kD50OSjGbRkIX94kDU516OLYMEgdSD26OBLGbxmVMX7LtHwa/s/qtwW6ehKGHDIGyYPUgdSjyyFh/JZJO3f+P7BcFUMcGwapA6lHF0fC+C2DYQHbCf9jsxP/i9ijFlEgPkgcJI+uBwsmzjJQMN3fKfJfxqkTXCYumGIFpkF8kDihYIZi4ixDxzsXaGOIEYHJs4xMPIwtAwB1xdZoL48W9wAAAABJRU5ErkJggg==") no-repeat;
}

.flag-currency.flag-zar {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAAB6klEQVR4Xr2WTSgEYRjHn60tXGhLlJSP9rAOllLK3dHBgXLzUQ5ycl+HdXHbu0nkgEKs9uaj2Sxq14o12chOK4PUhi2jtcbMY95lind2mRkfb/1qLs/z7/f2Pu87ABMtSRXU8B3NBlFRROT5a3S5XhAAfwugwwgNC13n6ewDh7KcxbGxC7rIKlA57d6gwwh2plVi4sssImZUywTW1T3SxWYBjEJyZKU6aGNaRDqQ4F7q4d8tH9Hr5egGZoDhbgi8ROD6bKdIKJ9qOqDDNMuFxDqxlPDyMo719Xd0IyOAupKOUkjHF2FLtcSvLNv8/Sfic+Ykd4DGxyN0s+/IhcHbB6qWu3IEbuPbxedlk80cHaZZriTZN0tBCKPHEzLKpzBChQNuE37YlfZs0uByDasGZOhAQntgiHuSszyaWLow2jIWKuELWZqmUBht2bdUy6oFkq6BGYyGvW/p34T9yzbmscl7QNr8A8c/OiC9HRAmNmTAHZPNMTqA8HHAUynpwOO5ChklF0aG+nAOQkaHWlFQ9PluggBRNIXR62rmNLCp2TidnKBrZARyEY+uVm0VstEuYss2H6maalyjAzQb7YlJp2XOss0n8jyezvlO4T77cEiCGCbF2u37kr7QCnl+CxRURGLjdh/z+gLrvAIhPFmEvRwcxwAAAABJRU5ErkJggg==") no-repeat;
}

.flag-currency.flag-brl {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAACeElEQVR4Xr2VS2gTURiFu/VVfIAblUq0PuhDCSZEYkVrFYuhYqkGFUUDSlFpUetGhKKgi1AFEasErCVOkqmmVtMmhtpKa1oTH1hBlKKNaaiCKAhZCO6O+UfmMjM3k2a6cHGSzMx/znfv3Hv/FJk6tqeywn9Qqog+cjzIq7Wd27h7BcgYjCA3YqXITM3B1eHVKO2s4WryqHDYnm4bPn5ahD/fZjHRNd3X1upoeli5txp34iYG+DmxEImhCnweK5Guf0/Nhmd0hVSn9RqCHQ5ZkJxYIIWOvzHhYFMrymrvMdn33oJXqJWeU92BRxYuY1rY+uwoxVfL2Wxex8pgrutQgZRquXSS1ZKP/NrMnLDGiBlfvxQzcya9GFe8AbTcDqK5rQ+Oxm4ORgqH7MxDfsrRhVl9W/D47TLVBiDFn+9Dm/8ZrnUNolXoQXAkgXjyA65H+rD/TIjBXGfPc97w2FJs9G9Ww05HK/EjPZcrJt30NGDHEfVszLv9OHE5AvFFDO39YWxy3oet3sN5SZR7rr/iH2zV3ZrJCwPl+JUHRoBKhwDH8YfS7+pDDxj42MUIfImnOOUWOS+Jcilf9RqrAlWIvlvCFQ88scLZ1JsdvSgBZZitQWTAna4gQsODnJfyuNeoXMjm6Dp8T81jhsxkMXa53LDU+7PALimcvglMIqg9OxDlBiE/LY0yNyeMZBa25tz6BFSuHa0lgZVbnzYZ+bWZujBZeodafp10qH2BOul5OjkfR3s3cBkFw0jUhqgdUVuiUG27IgkvdQ+yMZgsarjvx9WNmGbt7LFytToqHEaivxT30BppO7ePriyk+SplDCbLIETWzGAzVOovp9+8Vc9tEk8AAAAASUVORK5CYII=") no-repeat;
}

.flag-currency.flag-idr {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAAAQ0lEQVR4XmN4ziB4H4j/0wHfZwARWCRogUctowoetYwqeDhb9u/L15f/6QBA9jAA6fvoEjQC90ctowYYtYwqYBhbBgDyZEGN3275CgAAAABJRU5ErkJggg==") no-repeat;
}

.flag-currency.flag-thb {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAAAf0lEQVR4XmN4JSPz+zkDw39aY5A9DMPXsi8dHW8/NzT8pzUG2cPw////+//pA+7T17KDJ54/23/s2X9aY5A9DDKmy34zSM/6T2sMtmfUMkrxMLesY8qFtw29Z//TGoPsoW+mBhHoojQC9xm+LVny8tuCBf9pjoH20LeKGbaWAQDMtEl0Jq/OrQAAAABJRU5ErkJggg==") no-repeat;
}

.flag-currency.flag-inr {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAAA2UlEQVR4Xu2SPQuCUBSG79beX6nVsX/kP1AhcBAJwpagWRcntxbBPq60C8UdbXM0kHjzCC2XMgV1CF947nIO57kcDsNmJkowAILR86HQB6OsE4aWHVc++DrsndLDAAi0SBBcYRgRLIujKJ5yuS6ilUxV94jjFJzfS1KY5kluqUtzWZY9YNscrptA1w/wvASOc0GeF3LrtzSX0VAaThJNiyqpbZ+rTzRMcxmF1kbre6+R1toi7WR0EHQYdCBBcJPLvyLYYqf4ynYe9g152HQ5ESUYADHKuuCPZS9ER7n6wr5vwwAAAABJRU5ErkJggg==") no-repeat;
}

.flag-currency.flag-dkk {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAAAY0lEQVR4XmM4xm1w/xiPwX9c+Ipnyn8YeLVkI4Y80RhoD8OoZaOW4cTD27JbiZUvb6fX/seFn/TOg1v26dg5DHliMcgehp9PXvyGm0ZDALKHvpbRNRjpmkBGLRu1DCce1pYBAPZPKeryEM8aAAAAAElFTkSuQmCC") no-repeat;
}

.flag-currency.flag-try {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAABaklEQVR4XmP4Imlw/7OkwX9aY5A9DKOWUYoHp2VfVKz+/yhq+P9r3nIwBrG/qNtiqMOHibLsm3/i/7+Pnv4Hgb8Xrv7/2TH1/4/ixv8/e2b8/xaahqEeFyZo2Rcj9///Pn4CW/Rzwuz/n2WM/3+WMIDjLwZu/7+aeWHow4YJWvZrxUawRX+OnkaxBBl/BToIpPZ7ejmGfpIsgwXfj6oODEtQfAiMU5DaXwtX///R2IthDlGW/f/xE2zZ99g8DAvgPrP0/f97+z6wun9fvoItRjeHKMtACQIcX8BEgW4JOv57+/7/H2Ut/78nFGCYQ5RlP2q7IC5++/7/Fy0HDAtA+JtbJFjtV9sADP0kWfZZ1vj/n5PnwBb+vXLj/1fncBSLvmdW/v8sb4qpDwsmbBkIK5j9/zVt4f//v/9ALL336P+fY2f+/5y2AGf8YMPEWQbDQEu/uoT//+oRBWZjyBPApFlGIR61jCoYZA8AG5/v0aXkubgAAAAASUVORK5CYII=") no-repeat;
}

.flag-currency.flag-sar {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAABuklEQVR4Xu2USyhEURjHZ2FhaUlRFoosPLOwIg2SRzQZlFeeEWNCBjNezQiNR6JYGENkpmQM8mgYjyHj/cxMlEeUnZ39372nFPfSmTSUWPy65351vt/5zv2+K/DQCPBTCLiB7+QPyry0Lu+eLN4jrvAdc4PfuBtZc/fQ+FQWNxMGra0fih0JYo2hKDKLUbVZALm1HK37MuivhhFtDEbXUQsipvyhueiD1JKLvJUUXi6qrHg1DY/PD1AfNiJ3OQmBOnekLkSh77QNvSetaN6tQsehAqo9GSNIhu5Sg6bdStRby3i5qLIQvScRGa4nMHc7ifwVEYzXOkRNB2DgTI0Igz9G7QOkGslGNmq3S2C80aN6q5CXiyoLmHBHwlw4qaTQnEqup2GnAsv3s7A9naLnWAmFVcLEpChZy0DddimUezUYPO/m5aLKskzxaD+Qo8KSg/SlGOYbaYks25QI0UIkhNNBKFvPhHhRSA5UYBYhZT6SVMjNRZV9hbed+xFOldH4fTLa9b1ClYVP+kDFDDHbLC3MbHUeNRHYd7Zh2LXpbhY6+xBvLxeqzBHYX1cgMyrcOBenyBzlX+YUXgB6ee10+iDbKQAAAABJRU5ErkJggg==") no-repeat;
}

.flag-currency.flag-aed {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAAAgElEQVR4XmN4zMv6+z8Dw398ON5D9j9DsT6l+D7DqGVYNJOKh7NlnwX5vqIbjo63pgffrNk+5TAluGLbpI0M/2VkCPrs/4IF/6kA7o9ahq6RHDCcLXvLykow6XdKSd3U19c/TAk2NzffyPCYgYGgz+KBmIFyfH/UMnSN5OBhbBkAT2NyV9hZxugAAAAASUVORK5CYII=") no-repeat;
}

.flag-currency.flag-mvr {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAAAhUlEQVR4XmO4JGB8/5KAyX/aY+P7DKOWUY4Hg2VSBVb/GerIxyD96GaSbZlAm9t/14X5/1UnhmPIUdWy+HXN/w8+uPBfoS8YLsZcb0N9y3SmxPz//PMbikXYMFUsq94z8//hhxcxxNHx0LOMrsEIwnRLIDBMt6RPDCbJMtrgUcuogulsGQBNGzUpNuezeQAAAABJRU5ErkJggg==") no-repeat;
}

.flag-currency.flag-gtq {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAAA9ElEQVR4XmPwnH7hPhD/x4eJAeh6sOD7DCACiwQKJgag68GCRy0jDND1YMGjlkHAo2f3/9+4e+X/pq1z///58/v/1v0baWPZrsNb/tf05v+/tK/1/7xpsf9nLO/4P2Fe8/8zl09Q37LlG+f+D81y+f/g7u7/L653/q+dnfo/MMPh/8K106lv2arNC/97hZn+37Kk4v+pg9P+bz2w5L+nr9H/6bO6qG8ZCLRUZP4PS3b7/+Xbp//5pT7/65vz4HLoerBg0izbd3zn/7krJv1fuX3B/wkT6v9//PyBdpbhA+h6sOBRywgDdD1Y8KhlhAG6Hiz4PgD9G2ZkjOCt+wAAAABJRU5ErkJggg==") no-repeat;
}

.flag-currency.flag-bnd {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAAC2UlEQVR4Xr2SXUhTYRjHj07l4Oa329yHO7qGoRlFKpEZfVh4IRUTUwS16OMqb7wyc12YBl2YRBEVShEZklIXkotiBTUIlEIlLHPaySZL1OXGdHNt7d/ZIdd2dGyE+sCP93Dec57f+5zzJxzfxDQDNgGacC20mJ2mYu7GRkATHrfJBaaYFS7rXThnypkNGffB9eCfzL88v81wL/bCOXsSjikl96X/ZW1ZQHmW4V7S4td8PZa/Z7Mvzj2QY+ljGrdZKMKQBZQLDvo5ppvVsLwp4DYLBU1UVhzztLa2wmAwcDuvWdZXesy03YJF+5qZeAQuSzvCDBhNUJTcQxAEvKhUKmg0Guj1eq4DC0/7YThajWFhNkbEuRhKysKXQ2Ww6QfY/TACFijzZ6tMjgsVVdDpdHA4HEwjK3729OHH1Zv4XFgK05XrmL/fDfvYhO9A9tExuC3WYAELLuMREWjii5AfFQuVIAF16nJ0dXXBZrPB2HDZJ/BO5hifZNep+kvwuNy+Pbb+Bsw1Xz9LdNzYZzlemg2SjF4lLImJQ19CJivcHkWy90iSxO2sXejs7ITRaISlX8dO/CnvCPupg5U3iIR3PO+Yc6Mi9HQkokpNIiU5im0sjYxGPyPL4ZG4lyr3HaI3nvJdPy7Yhjvn6zCcUwTn1DTX4asAmT+2CTG0j5LQWBmPtlQJ2/TF7nQ0xosgYQ7QLpCC4sWgSSiErkjBfvJmfhr2KoMHLKhshcWhNJi7ZRjsFeLJYSneH6DwYU8mnkkoDOYp8a6YwsVkIeIieCiMjkUis65MLJeJcPZMjS9gIWVe7BNpmKzOYBK4BYYyJUZOZEB3UIGH+VK83ElhdIeKnZT7v/0R8Hk4V5trDylbGhfD+laCaY0CpmsK0LUZGC9Rgj5F4WtzOvrUEtTs5yOejFwl8Ucm4YWeLFwCA7ZavK4yf1YCVnc61ivZWBmXAW0KWhoE5k2R/YX+AzUcy+SXCSTBAAAAAElFTkSuQmCC") no-repeat;
}

.flag-currency.flag-omr {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAAAy0lEQVR4XmN4r6v5/72uxn8Q/cnLFUzD8PdpU/5TEzCADP1gY/H/U0r8/0/ZGf8/+bj//xwfRzvLPnm7//+xbMn/Lw21/7/19f7/6O9LO8u+VJb9/1xc+P9Lcf7/z6lJ/78tXPD/o60VbSz7YGHy/0tW+v/PsZH/P6cl/3+vr0M7n33v6vz/wcoMnjC+dLT9f2+sTxvLcOHPSfFgC6mF8VpGbTxqGVXwCLVsWpDGf5tyNaphvJZVxKv/Z5igSj2MbsGoZWRhdAuGjWUARHNi8DvMOzMAAAAASUVORK5CYII=") no-repeat;
}

.flag-currency.flag-hrk {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAABm0lEQVR4Xu2SMUsCYRjHb3SplkiIEKtP0BpUSlHW1iAODp5oIEdGHdHU4CAlJSUdWEOIEZEUhENgYFEh9AFcmsTNcC5ouPJfz11i3JnvmxQ09MCP93/P8773uztOeOmz1SAI+G3II/x52XN3j6nHgltW8C3i3uWBPBzDfiiKka0k4nIKs65jFGe8uBXnTWeMcMnUzi4MbaTglI+w2uGGOKdgatmNYMAPz/gEptNFjG0r2j7j2W/LCPfeHfpjeazbfJD9B3ArSYQChxidTODGG0Q+qpjOGNFkT6GFV4giWnG/ruBy9wTqkgxIEuDzaStdU5/mxjNGyCNUKo8qWHV6qj/h9bWOMdOcUeThk+VyQCSiE483ch2aM4pfVijoq8OhY8z1eYvil52dAXY7kM3qUD4/b2SaM4pfRjelt0indeo5k9EzzRnFLyuVAFVt/hmpT3NGaTJJylfD4SuweIgmgMQH9Dt/5OrajmlvM8gjWK3J8jtgMdCr4G4liVruArBYtJWuqW/c+wVlbtlnnIObph4H7cna5F/2I5TfAPahWAG9Re/bAAAAAElFTkSuQmCC") no-repeat;
}

.flag-currency.flag-nok {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAAAm0lEQVR4XmN4r617H4j/Y8Nfq6r/33/y5j+DRgYYL1h//P/P9Rsw1BGJ7zOACCwSYDxqGZF41DIqWfatr//t96nT/mPDv/bsxbDsz/XrGOqIwSB7GI7sPf1n/8mb/3Hh5VtPwy2r6F2PIU8sBtnDIG9f/g9mGC0x2B66WkbXYKRrAgElSSzJFIypnvRBBBYJMB61jEg8ahl1LAMAwLQh5Muq1c0AAAAASUVORK5CYII=") no-repeat;
}

.flag-currency.flag-sek {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAAAaklEQVR4XmNgyFr+HxdetcZi/78zDP9hOLQ7fz+6GpIwhgASHrWMaIwhgIRHLSMaYwggYapbhmwYOv5/hgHFMiA+j66GFDxqGQxTZhlGJCJhqicQDAEkPGoZ0RhDAAmPWkY0xhBAwtS2DAAYcMytflSo3wAAAABJRU5ErkJggg==") no-repeat;
}

.flag-currency.flag-chf {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAAAf0lEQVR4XmO4qi13H4j/0wHfZwARWCRogQexZTftjf8/SAiDYxAfXQ0eTJplT6uK/iMDEB9dDR48ahkE09Syj9s2/v/15DEc/3n3FsUyEB9ZHqQe3QyiLfty6jiK4YQASD26GYPTMroGIzqmaQJBx6OW4cCkWUbXgphCPIwtAwAjmQWEGHIX2AAAAABJRU5ErkJggg==") no-repeat;
}

.flag-currency.flag-sgd {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAAA+klEQVR4XmO4z8Dwn16YAZnzgIPj/6vwcDAGsdEVU4rhlj3R0Pj/6/bt/9+2b///WEHh/yMJif+voqP/P2BhwdBELoZb9uv69f9/378HW/JQQACMXycng+VAbHSN5GCwZU8NDP6DwMf+/v+PRETAvoP5COTjT7NnY2gkB4Mte2ZhAbbsfXMz2BIYBsmBfEWtoARbBkoMf54////z8mWw4HNn5//vqqvB4l/Xr///kIcHQyM5GB5nL/39///7/fv/l9Wr/z9WVgYHJ0j8iYoKhiZyMUrSf6qj8/9Ddzc4OKnlG2SMYhmtMQM4ZdAJjFpGFTBqGVXAqGVUAQAQN1GAtpV/tQAAAABJRU5ErkJggg==") no-repeat;
}

.flag-currency.flag-bhd {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAAAeklEQVR4XmNgAIL////v/48H/P3y9f+bxav/33QN+39OUI1sDLKLoGXI4Pu1W/+fVLX+v6RijmEYITz4LKNrMNLVMmRA82BEBjS3jK7BSFfLkAHNgxEZ0NwyugYjXS1DBjQPRmRAc8voGox0tQwZ0DwYkQHNLaNWMAIAyWjHPoRLtGYAAAAASUVORK5CYII=") no-repeat;
}

.flag-currency.flag-hkd {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAABYUlEQVR4Xu2Sv0sCYRjHb3DwD3BwcBBx10UQdHdwFHERHB2cnfwD/APcFHR0cHBwECowMhAVNSxKcjjoFCsjSSopqW88D9RwL8d7wuXkwWe4e573/dzzQzlSFOwLRf/hPznI/ugGg3hqNnHu9QoxGTvJSPC93WK7WmEQiQhxGTvJprkcPpdLll3EYkJchlQ2r1RwVyhwJVTZ62SCx0YDHZ8P69GI5YtqFS2HQzirRyp76ffxNp1y+2hel8kki9fDIT4WC6wHA4491OvCWT1S2VUqxW2jC6mitseDbiCAXiiE22wWz60W1HzemsqIcSLBM+r4/Tix2zGOx6EVi3hXVZw6nUK+EaZkxDAa5ZUn5uUy7ms1lplp3y+mZGcuF7eR5rPRNNxkMjxLeqcF0ecbYUpG20jP12aDWamEY5sN1+k0/wDNTJ9vhCkZXd52u4X5UIW9cFjIN8KUzCoOMkvYq+wHwiwGoEYaqwYAAAAASUVORK5CYII=") no-repeat;
}

.flag-currency.flag-myr {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAABv0lEQVR4XmMQZ4j6zciQ9p8cbMLg8/8MAyOx+D6DrGD2X3RDiMU2GiX/38yfTxR+NWXKBwZ5icJ/yAYk+Dj83z9T6n9zptF/VdmI/6zMKWBxTrZkDMvsLVr+/7x/nyj89eTJ7wzIwViTZPr/8Tbu/4pSkWA+yCJRgbj/jsY+/0OcXP8bqgXDLQdhkoNRTjQP7DNB3oT/v08y/Y/xdIIbBjIY5oDPh1j/d+fr/ZcUjoHL2xnU/P+0fz9R+P369V/gltka+P0HWv9fViwabpipVuD/3dOkweIgfHml0H8XM2+470i2DBaMoPgBGQiyAGYZKNg298uBfQySO71IFBykZAcjcgI5PEfi/+pOJbhhoKC11A34P7lM+//sGo3/HpZeKMFIcgJBTvqgIDw+X+z//Hq1/7rKIeAUKMgbD5YDJRperkS4RSBMctJHz9Sg+AAFJSgLgIIRWQ4dkx6MMqUo+YwU7OjQ859Y8PPx498Mk2wSPvTYJP0nBy90Tfx/Pz6BKHwvOuYlwyV5xceXFBT/0xwD7WEAeQ/dy7QA4GC8YWf/7KaD439aY5A99LWMrsFI1wQCSpLoyZQWGJz06RmMAHMGL3g3N0QhAAAAAElFTkSuQmCC") no-repeat;
}

.flag-currency.flag-kwd {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAAA2ElEQVR4XmNgcBX9wrDd/D/DTUfaYwYJ9t8M7Ez/GcpV/jNcc8BUQE0MtoyB4T8YG/D9p6kvUSwDYVr6EsMyWvoSp2W08CWrCOdXDEvQMIeG0CedS/HH9B+kHqYEM8jIyOD2GRK+f//+f0rBqGWjluEFDGJsHASTvhGf0Ifn9oHHvjmHHaYEM0gzs+L0GTcj0/9ePpn/nyUMqIJxWmbLxvP/qqgWhgZKMIZl1PYNMkaxzJSV+/9ZEQ0MRdTCYMs4gL5p5ZX6/15CH0MBNTGDLzv/F1r6BhkDAIRcsAWrRMymAAAAAElFTkSuQmCC") no-repeat;
}

.flag-currency.flag-ang {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAAAaElEQVR4XmPYbmL/a52Mxn9aY5A9DKOWUYqHuWXnKxvfnCms/E9rDLKH4f///1f/0wdcHbWMGmA4W1Y/de/rws6t/2mN66fsec3gmDD7h6Jb939aY5A9o5ZRjOlvmV3crK/oErTAIHsALNiP0cvkEpwAAAAASUVORK5CYII=") no-repeat;
}

.flag-currency.flag-ils {
  background: url("data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAABJ0lEQVR4Xr2Uu2oCQRSG5zmsLcXSwnYLH0HQci0EF1tbKxstBVvfYEtLC0ttwkZyEe+iooGgITG6JH+YKYZlXOIZxfngb87u8M2cOQyDQdh4fISpMMZ6MJezwh1TLi9hKky9xEtstz7q9Y1aJqEtKxZncJyZuHBdSLJabS3akM9PkUg8oVRaIBbry/a023t1SSgkWaWyhOd9wbYn8P1fUWs0NkKSzY4wn9NOSZIdDj+Ixx/huu+yxqWp1KvYCBUNWR+t1k7WuMyyXlCtrgN//g9Jxnff7X4inR7KNnIJl2cyI6xWJ2VFOCRZcEAikQckk8+IRj05IJ3Oh7okFJIsSKEwRS43wWDwrX66iLaMt4yf9BpYs/kGUzH7EJ8X7hj+CpiK9oDcwh/sVfyqkW8KUAAAAABJRU5ErkJggg==") no-repeat;
}

.intro-signup .title-custum-signup {
  font-family: "NN Nouvelle Grotesk STD", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: 0em;
  color: white;
  text-align: left;
}
.intro-signup ul {
  padding-left: 15px;
}
.intro-signup ul li {
  font-family: "Nouvelle Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  color: white;
  margin-bottom: 15px;
  text-align: left;
}

.auth-background--triibsignup .logo {
  padding: 0px 40px;
}

.auth-wrapper {
  position: relative;
  min-width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.auth-wrapper .auth-background {
  width: 100%;
  height: 35vh;
  position: relative;
}
.auth-wrapper .auth-background.auth-background--partner-signup .logo {
  top: 57px;
  padding: 0px 40px;
}
.auth-wrapper .auth-background.auth-background--partner-signup .after-logo {
  line-height: 30px;
  top: 107px;
  position: absolute;
  color: white;
  font-weight: bold;
  font-size: 25px;
  left: 20px;
  padding-left: 20px;
}
.auth-wrapper .auth-background.auth-background--partner-signup .intro.intro--partner {
  top: 230px;
}
.auth-wrapper .auth-background.auth-background--partner-signup .intro.intro--partner p {
  font-size: 38px;
  line-height: 45.6px;
}
.auth-wrapper .auth-background .support-function li {
  font-family: Nunito Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 30px;
  color: #FFFFFF;
}
.auth-wrapper .auth-background .comment,
.auth-wrapper .auth-background .comment-writer {
  color: #220021;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
}
.auth-wrapper .auth-background .comment {
  margin: 35px 20px 0;
}
.auth-wrapper .auth-background .comment-writer {
  text-transform: uppercase;
  font-weight: 800;
  margin: 10px 20px 0;
}
.auth-wrapper .auth-background .background {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 0 0;
}
.auth-wrapper .auth-background .logo {
  display: block;
  position: absolute;
  height: auto;
  top: 20px;
  width: 100%;
  text-align: center;
}
.auth-wrapper .auth-background .logo .logo-img {
  width: 110px;
}
.auth-wrapper .auth-background .intro,
.auth-wrapper .auth-background .intro-signup {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 150px;
}
.auth-wrapper .auth-background .intro h4,
.auth-wrapper .auth-background .intro-signup h4 {
  background-color: #ECFD91;
  border-radius: 5px;
  display: inline-flex;
  padding: 10px;
  font-size: 18px;
}
.auth-wrapper .auth-background .intro h4.text-signup,
.auth-wrapper .auth-background .intro-signup h4.text-signup {
  background-color: #74FBD0;
}
.auth-wrapper .auth-background .intro p,
.auth-wrapper .auth-background .intro-signup p {
  font-size: 40px;
  line-height: 44px;
  color: #ffffff;
}
.auth-wrapper .auth-content {
  width: 100%;
  min-height: 65vh;
  padding: 20px;
  display: flex;
  justify-content: center;
}
.auth-wrapper .auth-content .auth-content-wrapper {
  width: 100%;
  max-width: 600px;
}
.auth-wrapper .auth-content .auth-content-wrapper .header {
  margin-bottom: 30px;
}
.auth-wrapper .auth-content .auth-content-wrapper .header .title-ready-to-grow {
  font-family: Nunito Sans;
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 33px;
  text-transform: uppercase;
  color: #F44E27;
  margin-bottom: 10px;
}
.auth-wrapper .auth-content .auth-content-wrapper .header .img {
  margin-bottom: 30px;
}
.auth-wrapper .auth-content .auth-content-wrapper .header .lg-text {
  font-size: 22px;
  line-height: 26px;
  color: #323338;
  font-weight: 700;
  margin-bottom: 10px;
}
.auth-wrapper .auth-content .auth-content-wrapper .header .sm-text {
  color: #282828;
}
.auth-wrapper .auth-content .auth-content-wrapper .link {
  text-decoration: underline;
  color: #230A21;
  cursor: pointer;
}
.auth-wrapper .auth-content .auth-content-wrapper .button-group {
  margin: 10px 0px 30px;
}
.auth-wrapper .auth-content .auth-content-wrapper .footer {
  margin: 40px 0;
}
.auth-wrapper .auth-content .auth-content-wrapper .footer .link-btn {
  text-decoration: none;
  padding: 17px 57px;
  height: 50px;
  color: #ffffff;
  background-color: var(--brand-color);
  border-radius: 4px;
  display: inline-block;
}
.auth-wrapper .auth-content .auth-content-wrapper .phone-controls,
.auth-wrapper .auth-content .auth-content-wrapper .password-controls,
.auth-wrapper .auth-content .auth-content-wrapper .client-area-controls {
  border: 1px solid #e6eaf0;
  border-radius: 4px;
}
.auth-wrapper .auth-content .auth-content-wrapper .phone-controls:hover,
.auth-wrapper .auth-content .auth-content-wrapper .password-controls:hover,
.auth-wrapper .auth-content .auth-content-wrapper .client-area-controls:hover {
  border-color: rgba(50, 51, 56, 0.5019607843);
}
.auth-wrapper .auth-content .auth-content-wrapper .phone-controls:focus,
.auth-wrapper .auth-content .auth-content-wrapper .password-controls:focus,
.auth-wrapper .auth-content .auth-content-wrapper .client-area-controls:focus {
  box-shadow: unset !important;
  border-color: var(--brand-focus-border);
}
.auth-wrapper .auth-content .auth-content-wrapper .phone-controls .form-floating,
.auth-wrapper .auth-content .auth-content-wrapper .password-controls .form-floating,
.auth-wrapper .auth-content .auth-content-wrapper .client-area-controls .form-floating {
  width: 100%;
}
.auth-wrapper .auth-content .auth-content-wrapper .phone-controls .form-floating .form-control,
.auth-wrapper .auth-content .auth-content-wrapper .password-controls .form-floating .form-control,
.auth-wrapper .auth-content .auth-content-wrapper .client-area-controls .form-floating .form-control {
  border: 0;
}
.auth-wrapper .auth-content .auth-content-wrapper .phone-controls .absolute,
.auth-wrapper .auth-content .auth-content-wrapper .password-controls .absolute,
.auth-wrapper .auth-content .auth-content-wrapper .client-area-controls .absolute {
  right: -20px;
}
.auth-wrapper .auth-content .auth-content-wrapper .client-area-controls-col-2 .absolute {
  right: -20px;
  top: 15px;
}
@media (max-width: 430px) {
  .auth-wrapper .auth-content .auth-content-wrapper .recaptcha-wrap-sp {
    width: 100% !important;
  }
}
.auth-wrapper .auth-content .auth-content-wrapper .phone-controls {
  position: relative;
}
.auth-wrapper .auth-content .auth-content-wrapper .phone-controls #phone_code .niceCountryInputMenu {
  width: max-content;
  padding: 1rem;
  background-color: white;
  box-shadow: none;
  height: 45px;
  color: #323338;
  border: 0;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.auth-wrapper .auth-content .auth-content-wrapper .phone-controls #phone_code .niceCountryInputMenu:focus {
  box-shadow: unset !important;
  border-color: #e7ecf1 !important;
}
.auth-wrapper .auth-content .auth-content-wrapper .phone-controls #phone_code .niceCountryInputMenuFilter {
  top: 45px;
  left: 0;
  border-bottom: 1px solid #e7ecf1 !important;
}
.auth-wrapper .auth-content .auth-content-wrapper .phone-controls #phone_code .niceCountryInputMenuFilter .input-group {
  display: flex;
  align-items: center;
  margin: 5px;
}
.auth-wrapper .auth-content .auth-content-wrapper .phone-controls #phone_code .niceCountryInputMenuFilter .input-group .multiselect -search {
  width: 90%;
  border-radius: 4px;
  margin: 0;
}
.auth-wrapper .auth-content .auth-content-wrapper .phone-controls #phone_code .niceCountryInputMenuFilter .input-group .input-group-btn {
  height: 100%;
  width: 30px;
  display: flex;
  justify-content: center;
}
.auth-wrapper .auth-content .auth-content-wrapper .phone-controls #phone_code .niceCountryInputMenuFilter .input-group .input-group-btn .btn {
  border: 0 !important;
  background: white !important;
  font-size: 18px;
  padding: 0;
  margin: 0;
}
.auth-wrapper .auth-content .auth-content-wrapper .phone-controls #phone_code .niceCountryInputMenuDropdownContent {
  top: 106px !important;
  left: 0;
}
.auth-wrapper .auth-content .auth-content-wrapper .client-area-controls .input-addon {
  padding: 1rem;
  height: 45px;
  line-height: 27px;
  color: #848588;
}
.auth-wrapper .auth-content .auth-content-wrapper .location-params-info-wrap {
  color: #676b75;
}
.auth-wrapper .auth-content .auth-content-wrapper input[type=checkbox]:checked + label:before {
  background-color: var(--button-color);
  border: var(--button-color);
}
.auth-wrapper #phone_code .niceCountryInputMenu .niceCountryInputMenuCountryFlag,
.auth-wrapper #country .niceCountryInputMenu .niceCountryInputMenuCountryFlag {
  margin-left: 0;
}

.currency-dropdown .btn:not(.multiselect) i {
  color: #323338 !important;
  font-size: 9px !important;
  margin-top: 4px;
}
.currency-dropdown .fa-chevron-down:focus {
  box-shadow: unset !important;
  border-color: #e7ecf1 !important;
}
.currency-dropdown .flag {
  margin-top: -2px;
  margin-right: 4px;
}
.currency-dropdown .dropdown-value {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.currency-dropdown .currency-item {
  padding: 3px 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.currency-dropdown .dropdown-menu {
  max-height: 211px;
  overflow-y: scroll;
}
.currency-dropdown .dropdown-menu > .active > a {
  color: #333 !important;
  background-color: #e4e7ea !important;
}
.currency-dropdown .dropdown-toggle {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: unset;
  border-radius: 4px !important;
  padding: 1rem;
  height: 45px;
}
.currency-dropdown .dropdown-toggle:hover, .currency-dropdown .dropdown-toggle:focus {
  background-color: unset;
  border-color: rgba(50, 51, 56, 0.5019607843);
}
.currency-dropdown .fa-chevron-down {
  margin-right: -5px;
}
.currency-dropdown .open > .dropdown-toggle.btn-default {
  background-color: unset;
  border-color: var(--brand-focus-border);
}

.multiselect-native-select .btn-group {
  width: 100%;
}
.multiselect-native-select .btn-group .multiselect-container {
  top: 104%;
  max-height: 305px !important;
  overflow-y: scroll !important;
}
.multiselect-native-select .multiselect {
  width: 100%;
  border-radius: 4px !important;
  padding: 1rem;
  height: 45px;
}
.multiselect-native-select .icon-chevron-down {
  font-size: 7px !important;
  margin-right: 0 !important;
  margin-top: 4px !important;
  color: #323338 !important;
}
.multiselect-native-select .dropdown-menu {
  background: white !important;
}

.currency-bar .multiselect-container li.active a {
  background-color: #e4e7ea !important;
}

@media (min-width: 1024px) {
  .auth-wrapper {
    flex-direction: row;
  }
  .auth-wrapper .auth-background {
    width: 40%;
    max-width: 560px;
    height: auto;
    position: relative;
  }
  .auth-wrapper .auth-background .logo {
    top: 30px;
  }
  .auth-wrapper .auth-background .logo .logo-img {
    width: 120px;
  }
  .auth-wrapper .auth-content {
    width: 60%;
    min-width: calc(100% - 560px);
    padding: 150px 100px;
  }
  .auth-wrapper .auth-content .header .lg-text {
    font-size: 26px;
    line-height: 30px;
  }
}
@media (min-width: 1280px) {
  .position-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 560px;
    height: 100vh;
  }
  .auth-wrapper {
    flex-direction: row;
  }
  .auth-wrapper .auth-background {
    width: 560px;
    position: relative;
  }
  .auth-wrapper .auth-background .logo {
    top: 40px;
  }
  .auth-wrapper .auth-background .logo .logo-img {
    width: 180px;
  }
  .auth-wrapper .auth-content {
    width: calc(100% - 560px);
    padding: 200px 140px;
  }
  .auth-wrapper .auth-content .header {
    margin-bottom: 30px;
  }
  .auth-wrapper .auth-content .header .lg-text {
    font-size: 26px;
    line-height: 30px;
  }
}
@media (max-width: 1367px) {
  .auth-wrapper .auth-background {
    height: auto;
  }
}
@media only screen and (min-width: 1931px) and (max-width: 2048px) {
  .position-fixed {
    width: 937px;
  }
}
@media only screen and (min-width: 1541px) and (max-width: 1930px) {
  .auth-wrapper .auth-background .background {
    object-position: 0 100%;
  }
}
@media only screen and (min-width: 1371px) and (max-width: 1540px) {
  .auth-wrapper .auth-background .background {
    object-position: 0 100%;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1370px) {
  .auth-wrapper .auth-background .background {
    object-position: 0 100%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
  .auth-wrapper .auth-background .background {
    object-position: 0 100%;
  }
  .position-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 40%;
    max-width: 560px;
    height: 100vh;
  }
}
@media (max-width: 1023px) {
  .auth-wrapper .auth-background {
    height: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 20vw 0;
  }
  .auth-wrapper .auth-background .background {
    position: absolute;
    left: 0;
    top: 0;
    object-position: 50% 80%;
  }
  .auth-wrapper .auth-background .logo {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 30px;
  }
  .auth-wrapper .auth-background .intro,
  .auth-wrapper .auth-background .intro-signup {
    position: relative;
    text-align: center;
    top: 0;
    left: 0;
  }
  .auth-wrapper .auth-background .intro p,
  .auth-wrapper .auth-background .intro-signup p {
    font-size: 25px;
  }
  .auth-wrapper .auth-background .intro .h4,
  .auth-wrapper .auth-background .intro-signup .h4 {
    font-size: 1px;
  }
  .auth-wrapper .auth-background .intro-signup {
    text-align: left;
  }
}
@media (max-width: 425px) {
  .auth-wrapper .auth-background .intro-signup .comment,
  .auth-wrapper .auth-background .intro-signup .comment-writer {
    display: none;
  }
}
@media (max-width: 375px) {
  .auth-wrapper .auth-background .intro p,
  .auth-wrapper .auth-background .intro-signup p {
    font-size: 18px;
    line-height: 1.5;
  }
  .auth-wrapper .auth-background .intro h4,
  .auth-wrapper .auth-background .intro-signup h4 {
    font-size: 14px;
  }
}
.hidden {
  display: none !important;
}

/**
 * Flex Layout
*/
.flex {
  display: flex !important;
}

.flex-col {
  flex-direction: column !important;
}

.justify-between {
  justify-content: space-between !important;
}

.justify-center {
  justify-content: center !important;
}

.items-center {
  align-items: center !important;
}

/**
 * Grid Layout
*/
.grid {
  display: grid;
}

.gap-20px {
  grid-gap: 20px;
}

@media (min-width: 1024px) {
  .md-grid-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .lg-grid-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/**
 * Margin - Padding
*/
@media (min-width: 1024px) {
  .md-py-55px {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
}

@media (min-width: 1280px) {
  .lg-py-75px {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
}

/**
 * Width & Height
*/
.w-full {
  width: 100% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75px {
  width: 75px;
}

/**
 * Float
*/
.right {
  float: right !important;
}

.left {
  float: left !important;
}

/**
 * Position
*/
.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

/**
 * Color
*/
.text-primary {
  color: var(--brand-color) !important;
}

.text-primary-dark {
  color: var(--brand-sidebar-color) !important;
}

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

.font-medium {
  font-weight: 500;
}

.font-bold {
  font-weight: 700;
}

.text-black {
  color: #323338 !important;
}

.text-dark {
  color: #282828 !important;
}

.btn-circle {
  border-radius: 50% !important;
  border: 0 !important;
  outline: 0 !important;
  color: white !important;
  background: var(--button-color) !important;
  cursor: pointer !important;
  padding: 0 !important;
  width: 36px !important;
  height: 36px !important;
  line-height: 38px !important;
  font-size: 19px !important;
  text-align: center !important;
}
.btn-circle:focus, .btn-circle:hover {
  text-decoration: none;
}
.btn-circle * {
  color: white !important;
  margin: 0;
}
.btn-circle i {
  font-size: 19px !important;
}
.btn-circle--basic {
  border-radius: 50% !important;
  border: 0 !important;
  outline: 0 !important;
  color: #323338 !important;
  background: white !important;
  cursor: pointer !important;
  padding: 0 !important;
  width: 36px !important;
  height: 36px !important;
  line-height: 38px !important;
  font-size: 19px !important;
  text-align: center !important;
}
.btn-circle--basic:focus, .btn-circle--basic:hover {
  text-decoration: none;
}
.btn-circle--basic * {
  color: #323338 !important;
  margin: 0;
}
.btn-circle--basic i {
  font-size: 19px !important;
}

input[type=radio].btn-toggle,
input[type=checkbox].btn-toggle {
  display: none;
}
input[type=radio].btn-toggle + label,
input[type=checkbox].btn-toggle + label {
  padding: 8px;
  font-size: 14px;
  line-height: 18px;
  border: 1px solid #EBECF3;
  color: #323338;
  background-color: #F5F9FB;
  white-space: nowrap;
  text-align: center;
  border-radius: 24px !important;
  -webkit-border-radius: 24px !important;
  -moz-border-radius: 24px !important;
}
input[type=radio].btn-toggle + label:before, input[type=radio].btn-toggle + label:after,
input[type=checkbox].btn-toggle + label:before,
input[type=checkbox].btn-toggle + label:after {
  content: none;
}
input[type=radio].btn-toggle:checked + label,
input[type=checkbox].btn-toggle:checked + label {
  color: white;
  background-color: var(--button-color);
  border: 1px solid var(--button-color);
}

.signup-user-cc-form .form-group .card_info {
  border: 1px solid #b6b8ba;
  padding: 0 15px;
  border-radius: 4px;
}
.signup-user-cc-form .form-group .card_info #stripe-signup-card-element {
  margin: 15px 0;
}
.signup-user-cc-form .form-floating .form-control {
  height: 48.8px;
  border: 1px solid #b6b8ba;
}
.signup-user-cc-form .address-section {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 10px;
}
.signup-user-cc-form .niceCountryInputMenu {
  height: 48.8px !important;
  background: #ffffff;
  border: 1px solid #b6b8ba;
}
.signup-user-cc-form .currency-dropdown .dropdown-toggle {
  height: 48.8px !important;
}
.signup-user-cc-form .currency-dropdown .dropdown-toggle .value-text {
  font-weight: 400 !important;
}
.signup-user-cc-form .phone-wrap .form-floating .form-control {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

: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;
}

.btn-circle {
  border-radius: 50% !important;
  border: 0 !important;
  outline: 0 !important;
  color: white !important;
  background: var(--button-color) !important;
  cursor: pointer !important;
  padding: 0 !important;
  width: 36px !important;
  height: 36px !important;
  line-height: 38px !important;
  font-size: 19px !important;
  text-align: center !important;
}
.btn-circle:focus, .btn-circle:hover {
  text-decoration: none;
}
.btn-circle * {
  color: white !important;
  margin: 0;
}
.btn-circle i {
  font-size: 19px !important;
}
.btn-circle--basic {
  border-radius: 50% !important;
  border: 0 !important;
  outline: 0 !important;
  color: #323338 !important;
  background: white !important;
  cursor: pointer !important;
  padding: 0 !important;
  width: 36px !important;
  height: 36px !important;
  line-height: 38px !important;
  font-size: 19px !important;
  text-align: center !important;
}
.btn-circle--basic:focus, .btn-circle--basic:hover {
  text-decoration: none;
}
.btn-circle--basic * {
  color: #323338 !important;
  margin: 0;
}
.btn-circle--basic i {
  font-size: 19px !important;
}

input[type=radio].btn-toggle,
input[type=checkbox].btn-toggle {
  display: none;
}
input[type=radio].btn-toggle + label,
input[type=checkbox].btn-toggle + label {
  padding: 8px;
  font-size: 14px;
  line-height: 18px;
  border: 1px solid #EBECF3;
  color: #323338;
  background-color: #F5F9FB;
  white-space: nowrap;
  text-align: center;
  border-radius: 24px !important;
  -webkit-border-radius: 24px !important;
  -moz-border-radius: 24px !important;
}
input[type=radio].btn-toggle + label:before, input[type=radio].btn-toggle + label:after,
input[type=checkbox].btn-toggle + label:before,
input[type=checkbox].btn-toggle + label:after {
  content: none;
}
input[type=radio].btn-toggle:checked + label,
input[type=checkbox].btn-toggle:checked + label {
  color: white;
  background-color: var(--button-color);
  border: 1px solid var(--button-color);
}

.submission-history .submission-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0px;
}
.submission-history .submission-header h3 {
  font-size: 14px;
  padding: 0;
  margin: 0;
  font-weight: bold;
}
.submission-history .submission-header button {
  font-size: 12px;
}
.submission-history .submission-header button.btn-outline {
  background: transparent;
}
.submission-history .submission-header button.btn-outline:hover {
  color: white !important;
  background: var(--button-color);
}

.member-form-list a, .member-form-list a:hover {
  text-decoration: none;
}
.member-form-list > .item-title {
  border-bottom: 2px solid #ddd;
}
.member-form-list .form-item {
  border-bottom: 1px solid #ddd;
  background: #ffffff;
  cursor: move;
}
.member-form-list .item-title {
  display: flex;
  padding: 10px 10px;
}
.member-form-list .item-title span {
  font-weight: bold;
}
.member-form-list .item-title .left-content {
  width: 30%;
}
.member-form-list .item-title .mid-content {
  width: 30%;
}
.member-form-list .item-title .right-content {
  width: 30%;
}
.member-form-list .item-title .action-col {
  width: 10%;
}
.member-form-list .item-title .action-col .toggle-off {
  padding-left: 20px;
}
.member-form-list .item-title .action-col .toggle-on {
  padding-right: 20px;
}
.member-form-list .item-title .mid-content {
  text-align: center;
}
.member-form-list .item-title .mid-content a {
  text-decoration: underline;
}
.member-form-list .item-title .right-content {
  display: flex;
  justify-content: flex-end;
}
.member-form-list .item-title .right-content a {
  font-size: 18px;
  margin: 0 10px;
}
.member-form-list .item-title .right-content a:first-child {
  margin-left: 0;
}
.member-form-list .item-title .right-content a:last-child {
  margin-right: 0;
}
.member-form-list .item-title .right-content a i {
  color: #000000;
}
.member-form-list .card {
  border: none;
  border-bottom: 1px solid #ddd;
}
.member-form-list .card .card-header {
  padding: 0;
}
.member-form-list .form-detail {
  padding: 15px 10px;
}
.member-form-list .form-detail .rendered-form > div {
  margin-bottom: 15px;
}
.member-form-list .additional-quests-fields-wrap {
  padding: 0 10px 15px;
}
.member-form-list .additional-quests-fields-wrap > div {
  margin-bottom: 15px;
}
.member-form-list .template-signature {
  padding: 0 10px 15px 10px;
}

.add-form-button-wrapper {
  display: flex;
  justify-content: flex-end;
  padding: 15px 20px;
}
.add-form-button-wrapper button {
  display: flex;
  padding: 0;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-left: auto;
}

.member-form-add-edit-modal .modal-dialog {
  width: 60% !important;
}
.member-form-add-edit-modal .form-name-wrapper {
  min-width: 450px;
}
.member-form-add-edit-modal .main-quests-wrap .additional-quests-fields-wrap .communication-preferences-wrap,
.member-form-add-edit-modal .main-quests-wrap .additional-quests-fields-wrap .signature-block-wrap {
  margin-top: 30px;
}

.form-builder-dialog {
  z-index: 9999 !important;
}

.hide-asterisk {
  display: none !important;
}

.form-builder-wrap .pull-left {
  border: 1px solid #ccc;
  min-height: 480px !important;
  padding: 15px 20px !important;
}

.form-builder-wrap .pull-right ul li {
  width: 100%;
}

.form-builder-wrap ul.pull-left li {
  min-height: 33px !important;
}

.form-render-wrap {
  border: 3px solid #ccc;
  border-style: dashed;
  padding: 15px 20px;
}

.form-builder-dialog.positioned {
  overflow: hidden;
}

.form-builder-wrap .icon-pencil:before {
  content: "\e809" !important;
}

.form-builder-wrap label {
  width: unset !important;
}

.fb-radio-group label,
.fb-checkbox label,
.fb-checkbox-group label {
  max-width: 96% !important;
}

.fb-radio-group input,
.fb-checkbox input,
.fb-checkbox-group input {
  float: left !important;
  margin-top: 0px;
}

.fb-radio-group .fb-radio,
.fb-checkbox-group .fb-checkbox {
  margin-bottom: 7px;
}

.checkbox-group-field .option-value,
.checkbox-field .option-value,
.radio-group-field .option-value,
.select-field .option-value {
  display: none;
}

.checkbox-group-field .option-label,
.checkbox-field .option-label,
.radio-group-field .option-label,
.select-field .option-label {
  width: 88% !important;
}

.checkbox-field .option-actions {
  display: none !important;
}

.form-builder-wrap .form-wrap.form-builder .form-actions {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.form-builder-wrap .form-wrap.form-builder .form-actions button {
  margin-left: 10px !important;
  margin-bottom: 10px !important;
  border: 1px solid !important;
}

.form-builder-wrap .form-wrap.form-builder .form-actions button.clear-all {
  border: none !important;
  background-color: transparent;
  margin: 0 !important;
  color: #2d88cd !important;
  margin-bottom: 10px !important;
}

.form-builder-wrap .form-wrap.form-builder .form-actions button.save-template {
  margin: 0 !important;
  float: none !important;
  position: absolute;
  top: 100%;
  left: 0;
}

.form-builder-wrap .form-wrap.form-builder .form-actions button.quests-bulder-preview {
  margin: 0 !important;
  margin-bottom: 10px !important;
}

.form-builder-dialog.positioned .btn-success {
  background: #fff;
  color: #2d88cd !important;
  border-color: #2d88cd;
}

.form-builder-dialog.positioned .btn-success:hover {
  background: #2d88cd;
  color: #fff !important;
}

.form-builder-wrap .tooltip-element,
#preview-form-render-modal .tooltip-element {
  border-radius: 8px !important;
}

.form-builder-wrap .close-field {
  color: #dc3545 !important;
  font-weight: bold;
}

.form-builder-wrap .checkbox-field .form-elements .description-wrap,
.form-builder-wrap .checkbox-field .form-elements .label-wrap {
  display: none !important;
}

#preview-form-render-modal {
  text-align: justify;
}

#preview-form-render-modal .tooltip-element,
.form-builder-wrap .tooltip-element {
  background: grey !important;
  width: 12px !important;
  height: 12px !important;
  font-weight: bold !important;
  line-height: 12px !important;
  font-size: 10px !important;
  top: -1px !important;
}

#preview-form-render-modal .datepicker_label {
  left: 15px !important;
  top: 29px !important;
}

#preview-form-render-modal .fb-date {
  position: relative;
}

#preview-form-render-modal .checkbox input {
  float: unset;
}

#preview-form-render-modal .checkbox label {
  display: inline-block;
  cursor: default;
}

#preview-form-render-modal .checkbox {
  margin: 0;
}

#preview-form-render-modal .fb-checkbox.form-group .fb-checkbox-label {
  display: none;
}

#preview-form-render-modal header {
  margin-bottom: 15px;
}

#preview-form-render-modal .fb-radio-group label,
#preview-form-render-modal .fb-checkbox label,
#preview-form-render-modal .fb-checkbox-group label {
  max-width: 93% !important;
}

.form-builder-wrap [class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "fb-icons" !important;
  line-height: 1em !important;
  margin-left: 0.2em !important;
}

.form-builder-wrap .field-actions .del-button {
  float: right;
}

#preview-form-render-modal .fb-date {
  width: unset !important;
}

#preview-form-render-modal .fb-date .input-group-addon {
  float: left !important;
  margin-left: 201px;
  z-index: 1;
  position: relative;
}

.form-builder-wrap input[type=date],
#preview-form-render-modal input[type=date] {
  text-indent: -500px;
  height: 34px !important;
  width: 238px !important;
  position: relative;
}

.form-builder-wrap input[type=date]:after,
#preview-form-render-modal input[type=date]:after {
  content: "";
  color: #555;
  padding: 0 10px;
  width: 40px;
  background-color: #eee;
  height: 40px;
  margin: 0px -15px 0px 5px;
}

.form-builder-wrap input[type=date]::-webkit-calendar-picker-indicator,
#preview-form-render-modal input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: -38px;
  bottom: 0;
  width: auto;
  height: auto;
  color: transparent;
  background: transparent;
  z-index: 9998;
}

.form-builder-wrap input[type=date]::-webkit-inner-spin-button,
#preview-form-render-modal input[type=date]::-webkit-inner-spin-button {
  z-index: 9999;
}

.form-builder-wrap input[type=date]::-webkit-clear-button,
#preview-form-render-modal input[type=date]::-webkit-clear-button {
  z-index: 9999;
}

.form-builder-wrap .checkbox-field .field-options li .option-selected {
  float: left;
  margin-top: 10px !important;
}

.form-builder-wrap .checkbox-field .field-options li {
  height: 80px;
}

.form-builder-wrap .form-wrap.form-builder .frmb .sortable-options {
  width: 90% !important;
}

.form-builder-wrap .form-wrap.form-builder .frmb .sortable-options > li,
.form-builder-wrap .form-elements .field-options div:hover {
  cursor: default !important;
}

.form-builder-wrap .wysiwyg-wrap button:hover,
.form-builder-wrap .wysiwyg-wrap i:hover {
  color: #333 !important;
  background-color: #ebebeb !important;
  border-color: #adadad !important;
}

.form-builder-i-acknowledge-wrap input[type=checkbox]:not(:checked) + label:before {
  border-color: #ff3465 !important;
}

.form-wrap.form-builder .frmb .field-actions .btn {
  position: relative;
}

.form-wrap.form-builder .frmb .field-actions a::before {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}

.form-wrap.form-builder .form-field .fb-date {
  position: relative;
}

.form-wrap.form-builder .form-field .fb-date .datepicker_label {
  top: 8px !important;
  left: 13px !important;
}

.form-builder-wrap .frm-holder input[type=radio], .form-builder-wrap .frm-holder input[type=checkbox] {
  opacity: unset;
  position: unset;
  left: unset;
  margin-top: 10px;
}

.signature-block-wrap .template-signature {
  background-color: #f6f9fc;
  border: solid 1px #e6e9ef;
  border-radius: 4px;
  width: 40%;
  height: 150px;
}

.client-complete-list {
  margin-top: 20px;
  overflow-y: auto;
}
.client-complete-list .item-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  margin-bottom: 10px;
}
.client-complete-list .item-row.checked i {
  color: var(--button-color);
}
.client-complete-list .item-row .left-content {
  display: flex;
  align-items: center;
}
.client-complete-list .item-row:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.client-complete-list .item-row i {
  font-size: 17px;
}

.member-complete-form-modal .content-wrapper .header-text {
  display: none;
}
.member-complete-form-modal .content-wrapper .client-complete-list {
  margin-top: 0;
}

#quests-settings-wrap .top-content label {
  font-weight: 500;
}
#quests-settings-wrap .communication-preferences {
  padding-left: 20px;
}
#quests-settings-wrap .communication-notifications-table label, #quests-settings-wrap .communication-notifications-table input {
  pointer-events: none;
}

#fillNewForm .modal-header {
  display: flex;
}
#fillNewForm .modal-footer .submit-member-form {
  min-width: 90px;
}

.choose-form-wrapper .chosen-choices {
  min-height: 40px;
}
.choose-form-wrapper .chosen-choices .search-field {
  display: none;
}

.empty-form-wrapper a, .empty-form-wrapper a:hover {
  text-decoration: underline;
}

body .force-forms-wrapper .form-floating .form-control:not(:placeholder-shown) ~ label {
  pointer-events: unset !important;
}

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

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-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;
}

: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;
}

.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;
}

#add-message-modal .modal-dialog {
  width: 700px;
}
#add-message-modal .modal-dialog .modal-body .clients-by-groups .chosen-container {
  width: 100% !important;
}
#add-message-modal .modal-dialog .modal-body textarea {
  min-width: 100%;
  max-width: 100%;
}
#add-message-modal .modal-dialog .modal-body .multiselect-native-select .btn-group {
  width: 100%;
}
#add-message-modal .modal-dialog .modal-body .multiselect-native-select .btn-group button {
  width: inherit;
}
#add-message-modal .modal-dialog .modal-body .multiselect-native-select .btn-group .multiselect-group > a > label {
  padding: 0;
}
#add-message-modal .modal-dialog .modal-body .multiselect-native-select .btn-group .multiselect-group > a > label > label:before {
  top: 2px !important;
}
#add-message-modal .modal-dialog .modal-body .multiselect-native-select .btn-group .multiselect-group > a > label > label:after {
  top: 5px !important;
}
#add-message-modal .modal-dialog .modal-body .multiselect-native-select .btn-group li:not(.multiselect-item) {
  margin-left: 15px;
}
#add-message-modal .modal-dialog .modal-body .attach-file {
  display: flex;
  align-items: center;
  position: relative;
  width: 125px;
}
#add-message-modal .modal-dialog .modal-body .attach-file input[type=file] {
  width: 125px;
  height: 34px;
  position: absolute;
  cursor: pointer;
  z-index: 1;
  opacity: 0;
  top: 0;
  left: 0;
}
#add-message-modal .modal-dialog .modal-body .placeholders-block {
  color: var(--brand-color);
  width: 220px;
  cursor: help;
}
#add-message-modal .modal-dialog .modal-body .placeholders-block .fal {
  font-size: 1.55rem;
  margin-left: 3px;
  color: var(--brand-color);
}
#add-message-modal .modal-dialog .modal-body .placeholders-block:hover {
  color: #676b75;
}
#add-message-modal .modal-dialog .modal-body .placeholders-block:hover .fal {
  color: #676b75;
}
#add-message-modal .modal-dialog .modal-body .panel {
  margin-bottom: 0;
}
#add-message-modal .modal-dialog .modal-body .send-sms-button, #add-message-modal .modal-dialog .modal-body .send-email-button {
  min-width: 100px;
}
#add-message-modal .modal-dialog .modal-body .session-request-buttons .send-email-button {
  width: unset;
}
#add-message-modal .modal-dialog .modal-body .unicode-wrap .enable-unicode-support {
  color: #676b75;
  font-size: 11px !important;
  position: relative;
  top: 2px;
}
#add-message-modal .modal-dialog .modal-body .unicode-chars-limit {
  color: #9096a4;
  font-size: 12px !important;
  margin-top: 10px;
}
#add-message-modal .modal-dialog .modal-body .unicode-chars-limit .chars-used .chars-info.red {
  color: #ff3465;
}
#add-message-modal .modal-dialog .modal-body .unicode-chars-limit .chars-used .sms-credits-wrap {
  margin-right: 5px;
}
#add-message-modal .billing-upgrade {
  font-weight: 500;
  margin: 10px 0;
}
#add-message-modal .billing-upgrade .gray {
  color: #676b75;
  text-align: center;
}
#add-message-modal .billing-upgrade .sms-icon {
  text-align: center;
  margin-bottom: 30px;
}
#add-message-modal .billing-upgrade .sms-icon i {
  font-size: 50px;
}
#add-message-modal .col-button-footer {
  border-top: solid 1px #ebecf3;
  margin-top: 15px;
}
#add-message-modal textarea {
  min-width: 100%;
  max-width: 100%;
}
#add-message-modal .clients-by-groups .chosen-container {
  width: 100% !important;
}
#add-message-modal .multiselect-native-select .btn-group {
  width: 100%;
}
#add-message-modal .multiselect-native-select .btn-group button {
  width: inherit;
}
#add-message-modal .multiselect-native-select .btn-group .multiselect-group > a > label {
  padding: 0;
}
#add-message-modal .multiselect-native-select .btn-group .multiselect-group > a > label > label:before {
  top: 2px !important;
}
#add-message-modal .multiselect-native-select .btn-group .multiselect-group > a > label > label:after {
  top: 5px !important;
}
#add-message-modal .multiselect-native-select .btn-group li:not(.multiselect-item) {
  margin-left: 15px;
}
#add-message-modal .attach-file {
  display: flex;
  align-items: center;
  position: relative;
  width: 125px;
}
#add-message-modal .attach-file input[type=file] {
  width: 125px;
  height: 34px;
  position: absolute;
  cursor: pointer;
  z-index: 1;
  opacity: 0;
  top: 0;
  left: 0;
}
#add-message-modal .placeholders-block {
  color: var(--brand-color);
  width: 220px;
  cursor: help;
}
#add-message-modal .placeholders-block .fal {
  font-size: 1.55rem;
  margin-left: 3px;
  color: var(--brand-color);
}
#add-message-modal .placeholders-block:hover {
  color: #676b75;
}
#add-message-modal .placeholders-block:hover .fal {
  color: #676b75;
}
#add-message-modal .panel {
  margin-bottom: 0;
}
#add-message-modal .send-sms-button, #add-message-modal .send-email-button {
  min-width: 100px;
}
#add-message-modal .session-request-buttons .send-email-button {
  width: unset;
}
#add-message-modal .unicode-wrap .enable-unicode-support {
  color: #676b75;
  font-size: 11px !important;
  position: relative;
  top: 2px;
}
#add-message-modal .unicode-chars-limit {
  color: #9096a4;
  font-size: 12px !important;
  margin-top: 10px;
}
#add-message-modal .unicode-chars-limit .chars-used .chars-info.red {
  color: #ff3465;
}
#add-message-modal .unicode-chars-limit .chars-used .sms-credits-wrap {
  margin-right: 5px;
}

: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;
}

.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-cats-wrap .ui-jqgrid, #manage-locs-wrap .ui-jqgrid, #manage-payment-categories .ui-jqgrid, .event-form-block .ui-jqgrid {
  margin-top: 0px !important;
}

.ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-labels .ui-th-column:first-child div {
  margin-top: -3px;
}
.ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:first-child {
  position: relative;
  cursor: pointer;
}
.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;
}
.ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:nth-child(2) {
  position: relative;
  cursor: pointer;
}
.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;
}
.ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow td:nth-child(2) .fa-external-link {
  display: block;
}
.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;
}
.ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow[editable="1"] td:first-child {
  padding: 5px 0 5px 3px;
}
.ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow[editable="1"] td:first-child::before {
  display: none !important;
}
.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;
}
.ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable .jqgrow[editable="1"] td:nth-child(2) i {
  display: block;
}
.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;
}
.ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .add-grid-cat-btn {
  float: right;
  margin-top: 10px;
}
.ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .add-grid-cat-btn.alone {
  float: unset !important;
  margin-top: -10px !important;
}
.ui-jqgrid .ui-separator {
  display: none !important;
}

.amount-charged-wrap {
  position: relative;
  margin-right: 10px;
}
.amount-charged-wrap .amount-charged-currency {
  position: absolute;
  top: 20px;
  left: 5px;
}
.amount-charged-wrap [name=amount] {
  width: 90px;
  padding: 0 20px 0 15px;
  height: 25px;
}
.amount-charged-wrap .clear-amount {
  position: absolute;
  top: 22px;
  right: 7px;
  cursor: pointer;
}

.credits-and-tags-wrap {
  display: flex;
  align-items: center;
}

.check-in-tag {
  border-radius: 25px;
  padding: 5px 10px;
  margin-right: 10px;
  text-align: center;
}

.check-in-tag.outstanding_balance, .check-in-tag.issue_with_payment {
  cursor: pointer;
}

.credits-for-booking-wrap .selected-credit-for-booking {
  width: 140px;
  padding: 10px 35px 10px 15px;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 5px;
  position: relative;
}
.credits-for-booking-wrap .selected-credit-for-booking:not(.disabled-dropdown)::after {
  font-family: "Font Awesome 5 Pro";
  content: "\f078";
  position: absolute;
  right: 10px;
}
.credits-for-booking-wrap .bf-dropdown-button-list {
  left: unset !important;
  right: 0;
  width: intrinsic !important; /* Safari/WebKit uses a non-standard name */
  width: -moz-max-content !important; /* Firefox/Gecko */
  width: -webkit-max-content !important; /* Chrome */
  width: max-content;
  max-height: 377px;
  overflow-y: auto;
}
.credits-for-booking-wrap .bf-dropdown-button-list .bf-dropdown-button-one-item {
  cursor: pointer;
  padding: 10px !important;
  display: flex;
}
.credits-for-booking-wrap .bf-dropdown-button-list .bf-dropdown-button-one-item .credit-description {
  color: #9096a4;
  font-size: 12px;
  display: none;
}
.credits-for-booking-wrap .bf-dropdown-button-list .bf-dropdown-button-one-item.active {
  color: #6923F4;
}
.credits-for-booking-wrap .bf-dropdown-button-list .bf-dropdown-button-one-item.last-family-credit {
  pointer-events: none;
  opacity: 0.4;
}
.credits-for-booking-wrap .bf-dropdown-button-list .bf-dropdown-button-one-item:hover {
  box-shadow: unset !important;
}

.credits-for-booking-wrap.pre-selected {
  pointer-events: none;
}
.credits-for-booking-wrap.pre-selected .one-credit {
  display: none;
}

#add-clients-to-event-modal .modal-header {
  border-bottom: none;
  padding: 23px;
}
#add-clients-to-event-modal .modal-header .bootstrap-dialog-header .bootstrap-dialog-title {
  font-weight: 600;
}
#add-clients-to-event-modal .modal-header .bootstrap-dialog-header .bootstrap-dialog-close-button button {
  font-weight: 600;
  color: #9D9FAF;
}
#add-clients-to-event-modal .modal-body {
  padding-top: 0;
}
#add-clients-to-event-modal .modal-body .add-clients-to-event-wrap .chosen-container {
  width: 100% !important;
}
#add-clients-to-event-modal .modal-body .add-clients-to-event-wrap .chosen-container > .fa-search {
  position: absolute;
  z-index: 100;
  font-size: 14px;
  top: 13px;
  left: 10px;
}
#add-clients-to-event-modal .modal-body .add-clients-to-event-wrap .chosen-container > .chosen-choices {
  padding-left: 40px;
  padding-right: 40px;
  background-color: #fff;
  border-color: #CED0DB;
}
#add-clients-to-event-modal .modal-body .add-clients-to-event-wrap .chosen-container > .chosen-choices .search-choice {
  display: none;
}
#add-clients-to-event-modal .modal-body .add-clients-to-event-wrap .chosen-container > .chosen-choices .search-field {
  position: relative;
}
#add-clients-to-event-modal .modal-body .add-clients-to-event-wrap .chosen-container > .chosen-choices .search-field .chosen-search-input {
  color: #000;
  width: 100% !important;
}
#add-clients-to-event-modal .modal-body .add-clients-to-event-wrap .chosen-container > .chosen-choices .search-field .placeholder {
  position: absolute;
  top: calc(50% - 8px);
  height: 16px;
  color: #000;
}
#add-clients-to-event-modal .modal-body .add-clients-to-event-wrap .chosen-container > .fa-chevron-down {
  position: absolute;
  z-index: 100;
  top: 14px;
  right: 10px;
  font-size: 14px;
}
#add-clients-to-event-modal .modal-body .add-clients-to-event-wrap .chosen-container .chosen-drop .chosen-results .active-result.highlighted {
  background-color: #feeee5;
  color: #000;
}
#add-clients-to-event-modal .modal-body .add-clients-to-event-wrap .chosen-container.chosen-with-drop > .chosen-choices .search-field .placeholder {
  display: none;
}
#add-clients-to-event-modal .modal-body .add-clients-to-event-wrap .selected-clients-wrap .list-of-selected-clients .one-selected-client {
  display: flex;
  align-items: center;
  padding: 10px 0;
  justify-content: space-between;
}
#add-clients-to-event-modal .modal-body .add-clients-to-event-wrap .selected-clients-wrap .list-of-selected-clients .one-selected-client .remove-client {
  cursor: pointer;
  color: red;
  font-size: 18px;
}
#add-clients-to-event-modal .modal-body .add-clients-to-event-wrap .selected-clients-wrap .list-of-selected-clients .one-selected-client .client-name {
  min-width: 200px;
}
#add-clients-to-event-modal .modal-body .add-clients-to-event-wrap .selected-clients-wrap .list-of-selected-clients .one-selected-client .client-credits-wrap {
  position: relative;
  width: 100%;
}
#add-clients-to-event-modal .modal-body .add-clients-to-event-wrap .selected-clients-wrap .list-of-selected-clients .one-selected-client .client-credits-wrap .bf-loading {
  margin: 0 auto;
}
#add-clients-to-event-modal .modal-body .add-clients-to-event-wrap .selected-clients-wrap .list-of-selected-clients .one-selected-client .client-credits-wrap .credits-for-booking-wrap {
  width: 100%;
}
#add-clients-to-event-modal .modal-body .add-clients-to-event-wrap .selected-clients-wrap .list-of-selected-clients .one-selected-client .client-credits-wrap .credits-for-booking-wrap .selected-credit-for-booking {
  width: 100%;
}
#add-clients-to-event-modal .modal-body .add-clients-to-event-wrap .selected-clients-wrap .list-of-selected-clients .one-selected-client .client-credits-wrap .credits-for-booking-wrap .bf-dropdown-button-list {
  min-width: 100% !important;
}
#add-clients-to-event-modal .modal-footer {
  border-top: unset;
  padding-top: 0;
}
#add-clients-to-event-modal .modal-footer .bootstrap-dialog-footer-buttons {
  position: relative;
}
#add-clients-to-event-modal .modal-footer .bootstrap-dialog-footer-buttons .mark-members-as-checked-in-wrap {
  position: absolute;
  top: 8px;
}
#add-clients-to-event-modal .modal-footer .bootstrap-dialog-footer-buttons .add-clients-toevent-btn {
  font-weight: 600;
}
#add-clients-to-event-modal .modal-footer .bootstrap-dialog-footer-buttons .add-clients-toevent-btn:not(.btn-primary) {
  background-color: #E4E6EB;
  color: #9D9FAF;
}

#add-one-client-to-event-modal .modal-dialog .modal-content .modal-header .bootstrap-dialog-title, #add-one-client-to-event-modal .modal-dialog .modal-content .modal-header .bootstrap-dialog-close-button button {
  color: #272431;
  font-weight: 600;
}

.add-one-client-to-event-wrap {
  font-family: "SF Pro Display";
  color: #272431;
}
.add-one-client-to-event-wrap .add-one-client-to-event-step-wrap .credits-title {
  border-bottom: 1px solid #E1E2E8;
  padding-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
}
.add-one-client-to-event-wrap .add-one-client-to-event-step-wrap .add-one-client-to-event-split-line {
  width: 100%;
  height: 1px;
  margin: 2px 0;
  border-bottom: 1px solid #E1E2E8;
}
.add-one-client-to-event-wrap .add-one-client-to-event-step-wrap .footer-wrap {
  display: flex;
  margin-top: 30px;
  justify-content: space-between;
  align-items: center;
}
.add-one-client-to-event-wrap .add-one-client-to-event-step-wrap .footer-wrap .step-label {
  color: #6A6D7D;
}
.add-one-client-to-event-wrap .add-one-client-to-event-step-wrap .footer-wrap button {
  min-width: 80px;
}
.add-one-client-to-event-wrap .add-one-client-to-event-clients-wrap .select-exist-clients-wrap .chosen-container {
  width: 100% !important;
}
.add-one-client-to-event-wrap .add-one-client-to-event-clients-wrap .select-exist-clients-wrap .chosen-container > .fa-search {
  position: absolute;
  z-index: 100;
  font-size: 14px;
  top: 13px;
  left: 10px;
  color: #6A6D7D;
}
.add-one-client-to-event-wrap .add-one-client-to-event-clients-wrap .select-exist-clients-wrap .chosen-container > .fa-chevron-down {
  position: absolute;
  z-index: 100;
  top: 14px;
  right: 10px;
  font-size: 14px;
  color: #6A6D7D;
}
.add-one-client-to-event-wrap .add-one-client-to-event-clients-wrap .select-exist-clients-wrap .chosen-container .chosen-single {
  height: 40px;
  padding: 0 30px;
  display: flex;
  align-items: center;
  background: #fff;
  border: 1px solid #CED0DB;
  box-shadow: unset;
}
.add-one-client-to-event-wrap .add-one-client-to-event-clients-wrap .select-exist-clients-wrap .chosen-container .chosen-single > span {
  color: #272431;
}
.add-one-client-to-event-wrap .add-one-client-to-event-clients-wrap .select-exist-clients-wrap .chosen-container .chosen-single > div > b {
  display: none;
}
.add-one-client-to-event-wrap .add-one-client-to-event-clients-wrap .select-exist-clients-wrap .chosen-container .chosen-drop {
  margin-top: 8px;
  border: 1px solid #CED0DB;
  border-radius: 4px;
}
.add-one-client-to-event-wrap .add-one-client-to-event-clients-wrap .select-exist-clients-wrap .chosen-container .chosen-drop .chosen-search {
  top: -45px;
  width: 90%;
  left: 24px;
  background: #fff;
  position: absolute;
}
.add-one-client-to-event-wrap .add-one-client-to-event-clients-wrap .select-exist-clients-wrap .chosen-container .chosen-drop .chosen-search input {
  border: unset;
  background-image: unset !important;
  background: unset !important;
}
.add-one-client-to-event-wrap .add-one-client-to-event-clients-wrap .select-exist-clients-wrap .chosen-container .chosen-drop .chosen-results {
  color: #272431;
}
.add-one-client-to-event-wrap .add-one-client-to-event-clients-wrap .select-exist-clients-wrap .chosen-container .chosen-drop .chosen-results li.highlighted {
  background: unset;
  color: #272431;
}
.add-one-client-to-event-wrap .add-one-client-to-event-clients-wrap .select-exist-clients-wrap .chosen-container.chosen-with-drop .chosen-single {
  border-color: #6923F4;
  border-radius: 5px;
}
.add-one-client-to-event-wrap .add-one-client-to-event-credits-wrap .buy-new-package-or-membership {
  color: #6923f4;
  border-bottom: 1px solid #6923f4;
}
.add-one-client-to-event-wrap .add-one-client-to-event-credits-wrap .buy-new-package-or-membership i {
  color: #6923f4;
}
.add-one-client-to-event-wrap .add-one-client-to-event-credits-wrap .packages-and-memberships-wrap {
  max-height: 350px;
  overflow: auto;
  position: relative;
}
.add-one-client-to-event-wrap .add-one-client-to-event-signup-wrap .signup-field-wrap {
  margin-bottom: 15px;
}
.add-one-client-to-event-wrap .add-one-client-to-event-signup-wrap .signup-field-wrap .signup-field-header {
  margin-bottom: 4px;
  display: flex;
  justify-content: space-between;
}
.add-one-client-to-event-wrap .add-one-client-to-event-signup-wrap .signup-field-wrap .signup-field-required {
  color: #6A6D7D;
  font-size: 10px;
}
.add-one-client-to-event-wrap .add-one-client-to-event-signup-wrap .signup-field-wrap .signup-field select {
  padding-top: 6px;
  padding-bottom: 6px;
}
.add-one-client-to-event-wrap .add-one-client-to-event-signup-wrap .signup-field-wrap .signup-field select, .add-one-client-to-event-wrap .add-one-client-to-event-signup-wrap .signup-field-wrap .signup-field input[type=text], .add-one-client-to-event-wrap .add-one-client-to-event-signup-wrap .signup-field-wrap .signup-field .input-group-addon {
  height: 40px;
}
.add-one-client-to-event-wrap .add-one-client-to-event-signup-wrap .signup-field-wrap .signup-field .input-group-addon i {
  padding-top: 11px;
}
.add-one-client-to-event-wrap .add-one-client-to-event-signup-wrap .signup-field-wrap .signup-field .phone-wrap #phone_code {
  margin-right: 4px;
}
.add-one-client-to-event-wrap .add-one-client-to-event-signup-wrap .signup-field-wrap .signup-field .phone-wrap #phone_code .niceCountryInputMenu {
  height: 40px;
}
.add-one-client-to-event-wrap .add-one-client-to-event-signup-wrap .signup-field-wrap .signup-field .phone-wrap .form-floating label {
  padding-top: 4px;
}
.add-one-client-to-event-wrap .add-one-client-to-event-signup-wrap .signup-field-wrap .signup-field .client-birthday-field-wrap .one-client-info-label {
  display: none;
}
.add-one-client-to-event-wrap .add-one-client-to-event-signup-wrap .signup-field-wrap .signup-field .client-birthday-field-wrap .one-client-info-value {
  width: 100%;
}
.add-one-client-to-event-wrap .add-one-client-to-event-signup-wrap .signup-field-wrap .signup-field .client-birthday-field-wrap .one-client-info-value select {
  width: 32%;
}
.add-one-client-to-event-wrap .add-one-client-to-event-buy-wrap .payment-details-wrap {
  margin-top: 30px;
}
.add-one-client-to-event-wrap .add-one-client-to-event-buy-wrap .buy-one-store-item-wrap .one-store-item {
  margin-bottom: 20px;
}
.add-one-client-to-event-wrap .one-client-credit-wrap .occ-left-block {
  display: flex;
  align-items: center;
  width: 100%;
  margin-right: 10px;
}
.add-one-client-to-event-wrap .one-client-credit-wrap .occ-left-block .credit-name-wrap {
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  overflow: hidden;
}
.add-one-client-to-event-wrap .one-client-credit-wrap .occ-right-block {
  text-align: right;
}
.add-one-client-to-event-wrap .one-client-credit-wrap .occ-right-block .credit-remaining-wrap {
  font-size: 17px;
  font-weight: 600;
  width: 180px;
}
.add-one-client-to-event-wrap .one-client-credit-wrap.active, .add-one-client-to-event-wrap .one-client-credit-wrap.active:hover {
  border-color: #6923F4;
  box-shadow: unset;
}
.add-one-client-to-event-wrap .one-client-credit-wrap:hover {
  box-shadow: inset 0px 0 13px 7px #e1e2e8;
  border-color: #c1c1c1;
}
.add-one-client-to-event-wrap .drop-in-select-wrap {
  cursor: pointer;
}
.add-one-client-to-event-wrap .drop-in-select-wrap .selected-drop-in {
  width: 100%;
  min-height: 60px;
  display: flex;
  align-items: center;
  border: 1px solid #E1E2E8;
  border-radius: 8px;
  padding: 10px 20px;
}
.add-one-client-to-event-wrap .drop-in-select-wrap .selected-drop-in.active {
  border-color: #6923F4;
}
.add-one-client-to-event-wrap .drop-in-select-wrap .selected-drop-in::after {
  font-family: "Font Awesome 5 Pro";
  content: "\f078";
  position: absolute;
  right: 10px;
}
.add-one-client-to-event-wrap .drop-in-select-wrap .drop-in-item.selected {
  background: #6923F4;
  color: #fff;
}

#add-clients-to-waitlist-modal .modal-header {
  border-bottom: none;
  padding: 23px;
}
#add-clients-to-waitlist-modal .modal-header .bootstrap-dialog-header .bootstrap-dialog-title, #add-clients-to-waitlist-modal .modal-header .bootstrap-dialog-header .bootstrap-dialog-close-button button {
  color: #272431;
  font-weight: 600;
}
#add-clients-to-waitlist-modal .modal-body {
  padding-top: 0;
}
#add-clients-to-waitlist-modal .modal-body .add-clients-to-waitlist-wrap .chosen-container {
  width: 100% !important;
}
#add-clients-to-waitlist-modal .modal-body .add-clients-to-waitlist-wrap .chosen-container > .fa-search {
  position: absolute;
  z-index: 100;
  font-size: 14px;
  top: 13px;
  left: 10px;
}
#add-clients-to-waitlist-modal .modal-body .add-clients-to-waitlist-wrap .chosen-container > .chosen-choices {
  padding-left: 40px;
  padding-right: 40px;
  background-color: #fff;
  border-color: #CED0DB;
}
#add-clients-to-waitlist-modal .modal-body .add-clients-to-waitlist-wrap .chosen-container > .chosen-choices .search-choice {
  display: none;
}
#add-clients-to-waitlist-modal .modal-body .add-clients-to-waitlist-wrap .chosen-container > .chosen-choices .search-field {
  position: relative;
}
#add-clients-to-waitlist-modal .modal-body .add-clients-to-waitlist-wrap .chosen-container > .chosen-choices .search-field .chosen-search-input {
  color: #000;
  width: 100% !important;
}
#add-clients-to-waitlist-modal .modal-body .add-clients-to-waitlist-wrap .chosen-container > .chosen-choices .search-field .placeholder {
  position: absolute;
  top: calc(50% - 8px);
  height: 16px;
  color: #000;
}
#add-clients-to-waitlist-modal .modal-body .add-clients-to-waitlist-wrap .chosen-container > .fa-chevron-down {
  position: absolute;
  z-index: 100;
  top: 14px;
  right: 10px;
  font-size: 14px;
}
#add-clients-to-waitlist-modal .modal-body .add-clients-to-waitlist-wrap .chosen-container .chosen-drop .chosen-results .active-result.highlighted {
  background-color: #feeee5;
  color: #000;
}
#add-clients-to-waitlist-modal .modal-body .add-clients-to-waitlist-wrap .chosen-container.chosen-with-drop > .chosen-choices .search-field .placeholder {
  display: none;
}
#add-clients-to-waitlist-modal .modal-body .add-clients-to-waitlist-wrap .selected-clients-wrap .list-of-selected-clients .one-selected-client {
  display: flex;
  align-items: center;
  padding: 10px 0;
  justify-content: space-between;
}
#add-clients-to-waitlist-modal .modal-body .add-clients-to-waitlist-wrap .selected-clients-wrap .list-of-selected-clients .one-selected-client .remove-client {
  cursor: pointer;
  color: red;
  font-size: 18px;
}
#add-clients-to-waitlist-modal .modal-body .add-clients-to-waitlist-wrap .selected-clients-wrap .list-of-selected-clients .one-selected-client .client-name {
  min-width: 200px;
}
#add-clients-to-waitlist-modal .modal-body .add-clients-to-waitlist-wrap .selected-clients-wrap .list-of-selected-clients .one-selected-client .client-credits-wrap {
  position: relative;
  width: 100%;
}
#add-clients-to-waitlist-modal .modal-body .add-clients-to-waitlist-wrap .selected-clients-wrap .list-of-selected-clients .one-selected-client .client-credits-wrap .bf-loading {
  margin: 0 auto;
}
#add-clients-to-waitlist-modal .modal-body .add-clients-to-waitlist-wrap .selected-clients-wrap .list-of-selected-clients .one-selected-client .client-credits-wrap .credits-for-booking-wrap {
  width: 100%;
}
#add-clients-to-waitlist-modal .modal-body .add-clients-to-waitlist-wrap .selected-clients-wrap .list-of-selected-clients .one-selected-client .client-credits-wrap .credits-for-booking-wrap .selected-credit-for-booking {
  width: 100%;
}
#add-clients-to-waitlist-modal .modal-body .add-clients-to-waitlist-wrap .selected-clients-wrap .list-of-selected-clients .one-selected-client .client-credits-wrap .credits-for-booking-wrap .bf-dropdown-button-list {
  min-width: 100% !important;
}
#add-clients-to-waitlist-modal .modal-footer {
  border-top: unset;
  padding-top: 0;
}
#add-clients-to-waitlist-modal .modal-footer .add-clients-to-waitlist-btn {
  font-weight: 600;
}
#add-clients-to-waitlist-modal .modal-footer .add-clients-to-waitlist-btn:not(.btn-primary) {
  background-color: #E4E6EB;
  color: #9D9FAF;
}

.right-block {
  width: 100%;
}
.right-block .event-check-in-form {
  padding: 20px 20px 20px 30px;
}
.right-block .event-check-in-form .normal-text-style {
  font-family: SF Pro Display;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #272431;
}
.right-block .event-check-in-form .btn-primary:not(.toggle),
.right-block .event-check-in-form .btn-primary:not(.toggle-on) {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  position: static;
  height: 36px;
  left: 0px;
  top: 0px;
  background: #6923F4;
  border-radius: 24px;
}
.right-block .event-check-in-form .event-in-progress {
  padding: 10px 20px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  background-color: #c3f7d4;
  margin-bottom: 10px;
}
.right-block .event-check-in-form .event-check-in-header {
  margin-bottom: 10px;
}
.right-block .event-check-in-form .event-check-in-header .event-check-in-header-row {
  display: flex;
}
.right-block .event-check-in-form .event-check-in-header .event-check-in-header-row .event-time, .right-block .event-check-in-form .event-check-in-header .event-check-in-header-row .event-time .from-time, .right-block .event-check-in-form .event-check-in-header .event-check-in-header-row .event-description {
  font-weight: 600;
  font-size: 24px;
}
.right-block .event-check-in-form .event-check-in-header .event-check-in-header-row .event-edit-icon {
  margin-left: 10px;
}
.right-block .event-check-in-form .event-check-in-header .event-check-in-header-row .event-edit-icon .check-in-eventtip {
  cursor: pointer;
}
.right-block .event-check-in-form .event-check-in-header .event-check-in-header-row .separate-dot {
  margin: 0 5px;
}
.right-block .event-check-in-form .event-check-in-header .event-check-in-header-row .trainer-name {
  font-weight: 600;
}
.right-block .event-check-in-form > .bf-menu {
  border-bottom: 1px solid #e6e9ef;
  position: relative;
}
.right-block .event-check-in-form > .bf-menu .waitlist_counter, .right-block .event-check-in-form > .bf-menu .checked_in_counter, .right-block .event-check-in-form > .bf-menu .checked_not_in_counter {
  border-radius: 10px;
  color: #fff;
  padding: 0 9px;
}
.right-block .event-check-in-form > .bf-menu .waitlist_counter {
  background-color: #ED4830;
}
.right-block .event-check-in-form > .bf-menu .checked_in_counter, .right-block .event-check-in-form > .bf-menu .checked_not_in_counter {
  background-color: #6A6D7D;
}
.right-block .event-check-in-form > .bf-menu .check-in-print-wrap {
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 5px;
  color: #9096a4;
}
.right-block .event-check-in-form > .bf-menu .check-in-print-wrap i {
  color: #9096a4;
  font-size: 16px;
  margin-right: 5px;
}
.right-block .event-check-in-form > .bf-menu li a {
  color: #6A6D7D;
}
.right-block .event-check-in-form > .bf-menu li.active a {
  color: #272431;
}
.right-block .event-check-in-form .column-1 {
  min-width: 40px;
}
.right-block .event-check-in-form .column-2 {
  min-width: 160px;
}
.right-block .event-check-in-form .column-3 {
  width: 50%;
  display: flex;
  align-items: center;
}
.right-block .event-check-in-form .column-3 .left.pt-7 {
  padding-top: 0 !important;
  white-space: nowrap;
  width: -webkit-fill-available;
  overflow: hidden;
  text-overflow: ellipsis;
}
.right-block .event-check-in-form #client-edit-form .left.pt-7 {
  width: 250px;
}
.right-block .event-check-in-form .column-4 {
  min-width: 120px;
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.right-block .event-check-in-form .column-6 {
  min-width: 30px;
  margin-left: 10px;
}
.right-block .event-check-in-form .event-clients-check-in-wrap {
  padding: 20px 0px;
}
.right-block .event-check-in-form .event-clients-check-in-wrap .event-clients-table-header-titles-wrap {
  display: flex;
  color: #9096a4;
  padding: 10px 0;
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 10px;
}
.right-block .event-check-in-form .event-clients-check-in-wrap .event-clients-table-header-titles-wrap .one-event-client-header-titles-column {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently*/
}
.right-block .event-check-in-form .event-clients-check-in-wrap .event-clients-table-header-titles-wrap .one-event-client-header-titles-column.column-1 {
  display: none;
}
.right-block .event-check-in-form .event-clients-check-in-wrap .event-clients-table-header-titles-wrap .one-event-client-header-titles-column.column-3 .event-clients-sort-by-name {
  cursor: pointer;
}
.right-block .event-check-in-form .event-clients-check-in-wrap .event-clients-table-header-titles-wrap .one-event-client-header-titles-column.column-6 .event-clients-table-header-titles-print {
  cursor: pointer;
  font-size: 20px;
}
.right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e8eaef;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client .column-1 {
  display: none;
  font-weight: bold;
}
.right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client .column-1 .fa-check-circle {
  color: #36A000;
  font-size: 20px;
  margin-left: 5px;
}
.right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client .column-2 button {
  padding: 10px 20px;
  width: 123px;
  height: 42px;
}
.right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client .column-2 .btn-check-in-client {
  display: flex;
  justify-content: center;
  border: 1px solid #323338;
}
.right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client .column-2 .btn-check-in-client i {
  font-size: 18px !important;
  margin-right: 10px;
}
.right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client .column-2 .btn-check-in-client.missed, .right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client .column-2 .btn-check-in-client.cancelled, .right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client .column-2 .btn-check-in-client.rescheduled {
  background-color: #FFEDEB;
  border: 1px solid #DB321F;
  box-sizing: border-box;
}
.right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client .column-2 .btn-check-in-client.missed i, .right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client .column-2 .btn-check-in-client.cancelled i, .right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client .column-2 .btn-check-in-client.rescheduled i {
  color: #DB321F !important;
}
.right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client .column-2 .btn-check-in-client.attended {
  background-color: #EBFFF8;
  border: 1px solid #2E9977;
}
.right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client .column-2 .btn-check-in-client.attended i {
  color: #2E9977 !important;
}
.right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client .column-2 .btn-check-in-client.attended:hover {
  box-shadow: 0px 0px 5px #2E9977 inset;
}
.right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client .column-2 .btn-check-in-client.missed:hover, .right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client .column-2 .btn-check-in-client.cancelled:hover, .right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client .column-2 .btn-check-in-client.rescheduled:hover {
  box-shadow: 0px 0px 5px #DB321F inset;
}
.right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client .column-3 .client-photo-wrap {
  width: 40px;
  height: 40px;
  display: none;
}
.right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client .column-3 .events-before {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #272431;
}
.right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client .column-3 .events-before.bold {
  font-weight: bold;
}
.right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client .column-6 {
  position: relative;
}
.right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client .column-6 .bf-table-menu-wrap {
  position: absolute;
}
.right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client .column-6 .bf-table-menu-wrap li i {
  height: 20px;
  display: inline-block;
}
.right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client .column-6 .bf-table-menu-wrap .menu-btn-check-in-client i {
  color: #2E9977;
}
.right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client .column-6 .bf-table-menu-wrap .mark-as-missed i, .right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client .column-6 .bf-table-menu-wrap .mark-as-cancelled i, .right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client .column-6 .bf-table-menu-wrap .mark-as-rescheduled i {
  color: #DB321F;
}
.right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client.reconciled {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
  opacity: 0.6;
  pointer-events: none;
}
.right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client.reconciled .column-1 .fa-check-circle {
  display: block;
}
.right-block .event-check-in-form .event-clients-check-in-wrap .one-event-client.reconciled .column-4 .make-payment-mark {
  display: none !important;
}
.right-block .event-check-in-form .event-check-in-waitlist-wrap {
  padding: 20px 0px;
}
.right-block .event-check-in-form .event-check-in-waitlist-wrap .waitlist-table-header-titles-wrap {
  display: flex;
  color: #9096a4;
  padding: 10px 0;
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 10px;
}
.right-block .event-check-in-form .event-check-in-waitlist-wrap .waitlist-table-header-titles-wrap .one-waitlist-header-titles-column {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently*/
}
.right-block .event-check-in-form .event-check-in-waitlist-wrap .waitlist-table-header-titles-wrap .column-1 {
  min-width: 160px;
}
.right-block .event-check-in-form .event-check-in-waitlist-wrap .waitlist-table-header-titles-wrap .column-2 {
  min-width: 35px;
}
.right-block .event-check-in-form .event-check-in-waitlist-wrap .one-waitlist {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e8eaef;
}
.right-block .event-check-in-form .event-check-in-waitlist-wrap .one-waitlist .column-1 {
  min-width: 160px;
}
.right-block .event-check-in-form .event-check-in-waitlist-wrap .one-waitlist .column-1 button {
  padding: 10px;
  min-width: 123px;
  border: 1px solid #323338;
}
.right-block .event-check-in-form .event-check-in-waitlist-wrap .one-waitlist .column-2 {
  min-width: 35px;
  font-weight: 600;
}
.right-block .event-check-in-form .event-check-in-waitlist-wrap .one-waitlist .column-3 .client-photo-wrap {
  display: none;
}
.right-block .event-check-in-form .event-check-in-waitlist-wrap .one-waitlist .column-6 {
  position: relative;
}
.right-block .event-check-in-form #checked_in {
  padding-top: 10px;
}
.right-block .event-check-in-form #checked_in .checked-in-row {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e8eaef;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.right-block .event-check-in-form #checked_in .column-3 .left.pt-7 {
  padding-top: 0 !important;
}
.right-block .event-check-in-form #not_checked_in {
  padding-top: 10px;
}
.right-block .event-check-in-form #not_checked_in .not-checked-in-row {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e8eaef;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.right-block .event-check-in-form #not_checked_in .column-3 .left.pt-7 {
  padding-top: 0 !important;
}
.right-block .event-check-in-form .check-in-search-members-wrap {
  position: relative;
  margin-right: 20px;
  width: 100%;
}
.right-block .event-check-in-form .check-in-search-members-wrap > .fa-search {
  position: absolute;
  z-index: 100;
  font-size: 14px;
  top: 13px;
  left: 15px;
}
.right-block .event-check-in-form .check-in-search-members-wrap [name=check-in-search-members] {
  padding-left: 40px;
  padding-right: 30px;
  height: 40px;
  border-radius: 73px;
}
.right-block .event-check-in-form .check-in-search-members-wrap [name=check-in-search-members]:focus {
  border-color: #6923F4;
}
.right-block .event-check-in-form .check-in-search-members-wrap .right-icons-wrap {
  position: absolute;
  top: 12px;
  right: 15px;
  display: flex;
}
.right-block .event-check-in-form .check-in-search-members-wrap .clear-check-in-search-members {
  margin-left: 10px;
  font-size: 16px;
  cursor: pointer;
}
.right-block .event-check-in-form .check-in-search-members-wrap .search-result-wrap {
  position: absolute;
  top: 45px;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #E1E2E8;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  z-index: 1;
}
.right-block .event-check-in-form .check-in-search-members-wrap .roster-search-bar-result-wrap {
  color: #272431;
}
.right-block .event-check-in-form .check-in-search-members-wrap .roster-search-bar-result-wrap * {
  color: #272431;
}
.right-block .event-check-in-form .check-in-search-members-wrap .roster-search-bar-result-wrap .roster-search-bar-result-row {
  display: flex;
  padding: 5px 15px;
  min-height: 40px;
  align-items: center;
}
.right-block .event-check-in-form .check-in-search-members-wrap .roster-search-bar-result-wrap .roster-search-bar-result-row .icons-wrap {
  min-width: 25px;
}
.right-block .event-check-in-form .check-in-search-members-wrap .roster-search-bar-result-wrap .roster-search-bar-result-row .icons-wrap .fa-check {
  color: #37B88F;
}
.right-block .event-check-in-form .check-in-search-members-wrap .roster-search-bar-result-wrap .roster-search-bar-result-row .row-body {
  width: 100%;
}
.right-block .event-check-in-form .check-in-search-members-wrap .roster-search-bar-result-wrap .roster-search-bar-result-row .btn-right-wrap {
  text-align: right;
  min-width: 165px;
  display: none;
}
.right-block .event-check-in-form .check-in-search-members-wrap .roster-search-bar-result-wrap .roster-search-bar-result-row .btn-right-wrap .fa-level-down-alt {
  transform: rotate(90deg);
  margin-right: 5px;
}
.right-block .event-check-in-form .check-in-search-members-wrap .roster-search-bar-result-wrap .roster-search-bar-result-row .btn-right-wrap .btn-roster-search-bar-result-check-in, .right-block .event-check-in-form .check-in-search-members-wrap .roster-search-bar-result-wrap .roster-search-bar-result-row .btn-right-wrap .btn-roster-search-bar-result-add-to-event {
  cursor: pointer;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
supported by Chrome, Opera and Firefox */
  border-radius: 5px;
  padding: 5px 10px;
  float: right;
}
.right-block .event-check-in-form .check-in-search-members-wrap .roster-search-bar-result-wrap .roster-search-bar-result-row .btn-right-wrap .btn-roster-search-bar-result-check-in:hover,
.right-block .event-check-in-form .check-in-search-members-wrap .roster-search-bar-result-wrap .roster-search-bar-result-row .btn-right-wrap .btn-roster-search-bar-result-add-to-event:hover {
  box-shadow: 0px 4px 7px 4px;
}
.right-block .event-check-in-form .check-in-search-members-wrap .roster-search-bar-result-wrap .roster-search-bar-result-event-clients-wrap, .right-block .event-check-in-form .check-in-search-members-wrap .roster-search-bar-result-wrap .roster-search-bar-result-clients-wrap {
  position: relative;
  max-height: 200px;
  overflow: auto;
}
.right-block .event-check-in-form .check-in-search-members-wrap .roster-search-bar-result-wrap .roster-search-bar-result-title-row {
  border-bottom: 1px solid #E1E2E8;
  color: #6A6D7D;
  padding: 7px 15px;
  font-size: 12px;
}
.right-block .event-check-in-form .check-in-search-members-wrap .roster-search-bar-result-wrap .roster-search-bar-result-row.active, .right-block .event-check-in-form .check-in-search-members-wrap .roster-search-bar-result-wrap .roster-search-bar-result-row:hover, .right-block .event-check-in-form .check-in-search-members-wrap .roster-search-bar-result-wrap .roster-search-bar-result-event-client.checked-in {
  background: #F8F9FA;
}
.right-block .event-check-in-form .check-in-search-members-wrap .roster-search-bar-result-wrap .roster-search-bar-result-row.active .btn-right-wrap, .right-block .event-check-in-form .check-in-search-members-wrap .roster-search-bar-result-wrap .roster-search-bar-result-row:hover .btn-right-wrap, .right-block .event-check-in-form .check-in-search-members-wrap .roster-search-bar-result-wrap .roster-search-bar-result-event-client.checked-in .btn-right-wrap {
  display: block;
}
.right-block .event-check-in-form .check-in-search-members-wrap .roster-search-bar-result-wrap .roster-search-bar-result-event-client:not(.checked-in) .icons-wrap {
  opacity: 0;
}
.right-block .event-check-in-form .check-in-search-members-wrap .roster-search-bar-result-wrap .roster-search-bar-result-event-client:hover .row-body .client-name, .right-block .event-check-in-form .check-in-search-members-wrap .roster-search-bar-result-wrap .roster-search-bar-result-event-client.active .row-body .client-name {
  text-decoration: underline;
  cursor: pointer;
}
.right-block .event-check-in-form .btn-check-in-add-reserve, .right-block .event-check-in-form .btn-add-to-waitlist {
  font-weight: bold;
  min-width: 145px;
}
.right-block .event-check-in-form .search-members-info-actions-wrap {
  text-align: center;
  padding-top: 10px;
}
.right-block .event-check-in-form .search-members-info-actions-wrap .message-count-members-hidden {
  font-size: 16px;
  margin-bottom: 10px;
}
.right-block .event-check-in-form .search-members-info-actions-wrap .footer-btn-clear-check-in-search-members {
  font-weight: bolder;
  font-size: 16px;
  text-decoration: underline;
}
.right-block .event-check-in-form .event-clients-table-header-actions-wrap, .right-block .event-check-in-form .waitlist-table-header-actions-wrap {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
.right-block .event-check-in-form .check-in-reconcile-event-button, .right-block .event-check-in-form .check-in-unreconcile-event-button {
  margin: 20px auto 40px auto;
  width: 500px;
}
.right-block .event-check-in-form .add-subscription-dd {
  left: unset;
  right: -7.5px;
  top: 150%;
}
.right-block .event-check-in-form .add-subscription-dd .collaps-category .collapse-arrow {
  display: block;
}
.right-block .event-check-in-form .add-subscription-dd .expand-category .expand-arrow {
  display: block;
}
.right-block .event-check-in-form .add-subscription-dd .add-new-service {
  display: none;
}

#class_customers_tab .column-3 .left.pt-7 {
  width: auto;
}

@media print {
  .check-in-print-hide {
    display: none !important;
  }
}
.roster-settings-wrap .roster-auto-mode-checkbox {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.roster-settings-wrap .roster-auto-mode-wrap {
  padding-left: 50px;
}
.roster-settings-wrap .roster-auto-mode-status-buttons-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.roster-settings-wrap .roster-auto-mode-status-buttons-wrap .roster-auto-mode-status-button {
  border: 1px solid #e8eaef;
  padding: 10px 50px;
  border-radius: 5px;
  cursor: pointer;
}
.roster-settings-wrap .roster-auto-mode-status-buttons-wrap .roster-auto-mode-status-button button {
  padding: 10px 20px;
  width: 123px;
  height: 42px;
  pointer-events: none;
}
.roster-settings-wrap .roster-auto-mode-status-buttons-wrap .roster-auto-mode-status-button button.attended {
  background-color: #EBFFF8;
  border: 1px solid #2E9977;
}
.roster-settings-wrap .roster-auto-mode-status-buttons-wrap .roster-auto-mode-status-button button.attended i {
  color: #2E9977 !important;
}
.roster-settings-wrap .roster-auto-mode-status-buttons-wrap .roster-auto-mode-status-button button.missed {
  background-color: #FFEDEB;
  border: 1px solid #DB321F;
}
.roster-settings-wrap .roster-auto-mode-status-buttons-wrap .roster-auto-mode-status-button button.missed i {
  color: #DB321F !important;
}
.roster-settings-wrap .roster-auto-mode-status-buttons-wrap .roster-auto-mode-status-button.active {
  border-color: #6923F4;
}
.roster-settings-wrap .roster-auto-mode-hours-wrap {
  display: flex;
  align-items: center;
}
.roster-settings-wrap .roster-auto-mode-hours-wrap [name=roster_auto_mode_hours] {
  width: 150px;
  margin: 0 10px;
}

#change-client-credit-modal .modal-dialog .modal-content .modal-header .bootstrap-dialog-title, #change-client-credit-modal .modal-dialog .modal-content .modal-header .bootstrap-dialog-close-button button {
  color: #272431;
  font-weight: 600;
}

.change-client-credit-wrap .change-client-credit-body .current-booking-info {
  line-height: 20px;
  margin-bottom: 15px;
}
.change-client-credit-wrap .change-client-credit-body .credit-wrap {
  border: 1px solid #6923F4;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 60px;
  padding: 10px 20px;
  margin-bottom: 10px;
  cursor: pointer;
}
.change-client-credit-wrap .change-client-credit-body .credit-wrap .credit-name, .change-client-credit-wrap .change-client-credit-body .credit-wrap .credit-value {
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  overflow: hidden;
}
.change-client-credit-wrap .change-client-credit-body .drop-in-payment-wrap {
  border-top: 1px solid #E1E2E8;
  padding-top: 20px;
}
.change-client-credit-wrap .change-client-credit-footer {
  margin-top: 30px;
}

.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;
}

.check-in-one-client-wrap .title {
  font-size: 16px;
  border-bottom: 1px solid #E1E2E8;
  padding-bottom: 8px;
  margin-bottom: 15px;
}
.check-in-one-client-wrap .payment-details-wrap {
  margin-top: 20px;
}
.check-in-one-client-wrap .payment-details-wrap .payment-type-wrap {
  margin-bottom: 30px;
}

.resolve-account-balance-wrap .resolve-account-balance-invoices {
  position: relative;
  max-height: 300px;
  overflow: auto;
  margin-bottom: 20px;
}
.resolve-account-balance-wrap .payment-details-wrap {
  margin-bottom: 20px;
}
.resolve-account-balance-wrap .payment-details-wrap .payment-type-wrap {
  margin-bottom: 30px;
}

#add-clients-from-group-to-event-modal .modal-dialog {
  width: 700px;
}

.add-clients-from-group-to-event-wrap {
  font-family: "SF Pro Display";
}
.add-clients-from-group-to-event-wrap .clients-list {
  max-height: 600px;
  overflow: auto;
}
.add-clients-from-group-to-event-wrap .clients-list .panel-heading .panel-title a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.add-clients-from-group-to-event-wrap .clients-list .panel-heading .panel-title a i.fa-angle-right {
  color: #282B31;
  font-size: 22px;
  margin-right: 10px;
  transform: rotate(90deg);
}
.add-clients-from-group-to-event-wrap .clients-list .panel-heading .panel-title a .selected-credit-type-title {
  font-weight: bold;
  margin-left: 5px;
  text-transform: uppercase;
}
.add-clients-from-group-to-event-wrap .clients-list .panel-heading .panel-title a.collapsed i.fa-angle-right {
  transform: rotate(0deg);
}
.add-clients-from-group-to-event-wrap .clients-list .one-client .credits-title {
  border-bottom: 1px solid #E1E2E8;
  padding-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
}
.add-clients-from-group-to-event-wrap .clients-list .one-client .client-credits-add-to-event-style-wrap {
  max-height: 350px;
  overflow: auto;
  position: relative;
}

#duplicate-week-dialog .multiselect-native-select .btn-group {
  width: 260px;
}
#duplicate-week-dialog .multiselect-native-select .btn-group button {
  width: 100%;
  text-align: left;
}

#filter-events-modal .calendar-filter-form-wrap .panel {
  margin-bottom: 10px;
  border: none;
}
#filter-events-modal .calendar-filter-form-wrap .panel .panel-heading {
  height: 37px;
  border: 1px solid #EBECF2;
  border-radius: 5px;
  background-color: #F6F9FC;
}
#filter-events-modal .calendar-filter-form-wrap .panel .panel-heading a {
  text-decoration: none;
}
#filter-events-modal .calendar-filter-form-wrap .panel .panel-collapse {
  padding-top: 20px;
  padding-bottom: 10px;
}
#filter-events-modal .calendar-filter-form-wrap .panel .panel-collapse table tr th label {
  margin: 0 auto;
  width: 16px;
  display: block;
}
#filter-events-modal .calendar-filter-form-wrap .calendar-filters-clients .btn-group {
  width: 100% !important;
}
#filter-events-modal .calendar-filter-form-wrap .calendar-filters-clients .btn-group button {
  width: 100% !important;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
}
#filter-events-modal .calendar-filter-form-wrap .calendar-filters-clients .btn-group button i {
  font-weight: 300;
  margin-right: 3px !important;
}
#filter-events-modal .calendar-filter-form-wrap .calendar-filters-clients .btn-group ul.multiselect-container {
  width: 100%;
  max-width: unset;
}

#unreconciled-event .modal-dialog {
  width: 600px;
}

#book-print-wrap .book-print {
  width: 36px !important;
  height: 36px !important;
  line-height: 36px !important;
}

#editcntcats-class-grid .FormData,
#editcntcats-grid .FormData,
#TblGrid_locs-grid .FormData,
#TblGrid_clients-groups-grid .FormData,
#TblGrid_editcats-grid-index .FormData,
#TblGrid_edit-expense-cats-grid-index .FormData {
  position: relative;
}
#editcntcats-class-grid .FormData .CaptionTD,
#editcntcats-grid .FormData .CaptionTD,
#TblGrid_locs-grid .FormData .CaptionTD,
#TblGrid_clients-groups-grid .FormData .CaptionTD,
#TblGrid_editcats-grid-index .FormData .CaptionTD,
#TblGrid_edit-expense-cats-grid-index .FormData .CaptionTD {
  padding-top: 0 !important;
}

.sheet-calendar.day-check-in-mode {
  display: flex;
  margin-top: -20px;
}
.sheet-calendar.day-check-in-mode .fc-event-mvp {
  display: none;
}
.sheet-calendar.day-check-in-mode #calendar {
  width: 380px;
  min-width: 380px;
  border-right: 1px solid #e8eaef;
  overflow: hidden;
}
.sheet-calendar.day-check-in-mode #calendar table.fc-header {
  width: 380px;
  max-width: 380px;
  display: flex;
  flex-flow: wrap;
  margin-bottom: 0;
  border-bottom: unset;
}
.sheet-calendar.day-check-in-mode #calendar table.fc-header td.fc-header-left {
  padding-left: 0;
}
.sheet-calendar.day-check-in-mode #calendar table.fc-header td.fc-header-left .fc-button-today {
  margin-right: 0;
  border-width: 1px;
}
.sheet-calendar.day-check-in-mode #calendar table.fc-header td.fc-header-left .fc-header-space {
  display: none;
}
.sheet-calendar.day-check-in-mode #calendar table.fc-header td.fc-header-left .fc-corner-left {
  right: 0;
}
.sheet-calendar.day-check-in-mode #calendar table.fc-header td.fc-header-left .fc-header-title {
  padding-top: 4px;
  margin-left: 0;
}
.sheet-calendar.day-check-in-mode #calendar table.fc-header td.fc-header-left .fc-header-title h2 {
  font-size: 16px;
  font-weight: 600;
}
.sheet-calendar.day-check-in-mode #calendar table.fc-header td.fc-header-left .fc-header-title.today h2 {
  text-decoration: underline;
  text-decoration-color: #ff3465;
}
.sheet-calendar.day-check-in-mode #calendar table.fc-header td.fc-header-center {
  height: 1px;
  overflow: hidden;
  opacity: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}
.sheet-calendar.day-check-in-mode #calendar table.fc-header td.fc-header-right {
  display: none;
}
.sheet-calendar.day-check-in-mode #calendar .fc-content .fc-view-agendaDay table.fc-agenda-days thead {
  display: none;
}
.sheet-calendar.day-check-in-mode #calendar .fc-content .fc-view-agendaDay .fc-event .fc-event-inner {
  border-bottom-width: 0px;
  border-top-width: 0px;
}
.sheet-calendar.day-check-in-mode #calendar .fc-content .fc-view-agendaDay .fc-event .fc-event-inner .fc-event-content {
  flex-direction: column;
  align-items: unset !important;
  padding-right: 0 !important;
}
.sheet-calendar.day-check-in-mode #calendar .fc-content .fc-view-agendaDay .fc-event .fc-event-inner .fc-event-content .fc-event-time {
  height: unset !important;
}
.sheet-calendar.day-check-in-mode #calendar .fc-content .fc-view-agendaDay .fc-event .fc-event-inner .fc-event-content .fc-event-time.fc-event-time-reconciled {
  padding-left: 19px;
}
.sheet-calendar.day-check-in-mode #calendar .fc-content .fc-view-agendaDay .fc-event .fc-event-inner .fc-event-content .fc-event-title {
  padding: 5px 0 0 0 !important;
}
.sheet-calendar.day-check-in-mode #calendar .fc-content .fc-view-agendaDay .fc-event .ui-resizable-handle {
  display: none !important;
}
.sheet-calendar.day-check-in-mode #calendar .fc-content .fc-view-agendaDay .fc-event:not(.event-cancelled):not(.event-past) .fc-event-time {
  background-color: rgba(39, 36, 49, 0.3) !important;
}
.sheet-calendar.day-check-in-mode #calendar .fc-content .fc-view-agendaDay .fc-event.check-in-selected {
  border-width: 1px;
  border-bottom: 0px;
}
.sheet-calendar.day-check-in-mode #calendar .fc-content .fc-view-agendaDay .fc-event.check-in-selected .fc-event-inner {
  background-color: #fff !important;
}
.sheet-calendar.day-check-in-mode #calendar .fc-content .fc-view-agendaDay .fc-event.check-in-selected .fc-event-inner .fc-event-time, .sheet-calendar.day-check-in-mode #calendar .fc-content .fc-view-agendaDay .fc-event.check-in-selected .fc-event-inner .fc-event-title {
  color: #272431;
}
.sheet-calendar.day-check-in-mode #calendar .fc-content .fc-view-agendaDay .fc-event.check-in-selected.ev-cCC3399 .fc-event-time {
  background-color: rgba(242, 109, 220, 0.1019607843) !important;
}
.sheet-calendar.day-check-in-mode #calendar .fc-content .fc-view-agendaDay .fc-event.check-in-selected.ev-cCD2D5C .fc-event-time {
  background-color: rgba(213, 80, 119, 0.1019607843) !important;
}
.sheet-calendar.day-check-in-mode #calendar .fc-content .fc-view-agendaDay .fc-event.check-in-selected.ev-cF44E27 .fc-event-time {
  background-color: rgba(247, 109, 67, 0.1019607843) !important;
}
.sheet-calendar.day-check-in-mode #calendar .fc-content .fc-view-agendaDay .fc-event.check-in-selected.ev-c9E9828 .fc-event-time {
  background-color: rgba(173, 171, 32, 0.1019607843) !important;
}
.sheet-calendar.day-check-in-mode #calendar .fc-content .fc-view-agendaDay .fc-event.check-in-selected.ev-c2E9977 .fc-event-time {
  background-color: rgba(55, 184, 143, 0.1019607843) !important;
}
.sheet-calendar.day-check-in-mode #calendar .fc-content .fc-view-agendaDay .fc-event.check-in-selected.ev-c008888 .fc-event-time {
  background-color: rgba(0, 171, 165, 0.1019607843) !important;
}
.sheet-calendar.day-check-in-mode #calendar .fc-content .fc-view-agendaDay .fc-event.check-in-selected.ev-c1F75FF .fc-event-time {
  background-color: rgba(79, 141, 240, 0.1019607843) !important;
}
.sheet-calendar.day-check-in-mode #calendar .fc-content .fc-view-agendaDay .fc-event.check-in-selected.ev-c793EF7 .fc-event-time {
  background-color: rgba(136, 87, 250, 0.1019607843) !important;
}
.sheet-calendar.day-check-in-mode #calendar .daily-clendars-wrap {
  overflow-x: auto;
  display: flex;
}
.sheet-calendar.day-check-in-mode #calendar .daily-clendars-wrap .trainer-mult-calendar {
  min-width: 380px;
}
.sheet-calendar.day-check-in-mode .schedule-check-in-wrap {
  display: block;
  width: 100%;
  position: relative;
}
.sheet-calendar.day-check-in-mode .schedule-check-in-wrap .side-content__expand-btn-wrap {
  position: relative;
  display: block;
}
.sheet-calendar.day-check-in-mode .schedule-check-in-wrap .side-content__expand-btn-wrap .side-content__expand-btn {
  transform: rotate(180deg);
  left: 0px;
}

.note-editable * {
  font-size: unset;
}

.file-area {
  width: 100%;
  position: relative;
}

.count-text-important-notes,
.count-text-important-contact,
.count-text-important-contact-number {
  position: relative;
  font-weight: 400;
  font-size: 10px;
  line-height: 14px;
  text-align: right;
  color: #6A6D7D !important;
  top: -18px;
  right: 10px;
}

.file-area input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 9999;
}

.add_content_x {
  position: absolute;
  width: 10px;
  height: 10px;
  font-size: 16px;
  top: 50%;
  right: -1%;
  cursor: pointer;
}

.add-tag-option-group_abc {
  margin-top: 25px;
}
.add-tag-option-group_abc .tags_input {
  border: 1px solid rgb(230, 234, 240) !important;
  width: 95%;
}
.add-tag-option-group_abc .bootstrap-tagsinput {
  padding-bottom: 0px;
  box-shadow: unset;
  border: 1px solid #e6eaf0;
  width: 95%;
  padding: 0;
  min-height: 45px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.add-tag-option-group_abc .bootstrap-tagsinput input[type=text] {
  border: unset;
  height: unset;
}
.add-tag-option-group_abc .bootstrap-tagsinput .label-info {
  background: #FFFFFF;
  border: 1px solid #6923F4;
  border-radius: 30px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #272431;
  padding: 5px 15px;
  margin-left: 10px;
  margin-bottom: 5px;
  word-wrap: inherit;
  display: inline-block;
  word-break: break-word;
  white-space: pre-line;
}

.card-item.workout-item .card-item__wp .body p {
  font-size: unset;
}

.card-item__wp .body * {
  font-size: unset;
}
.card-item__wp .body > div {
  font-size: 14px;
}

.form-content + .form-content {
  margin-top: 30px !important;
}

.add-another-ticket {
  background-color: #FFFFFF;
  margin: 0 auto;
  padding: 20px;
  width: 850px;
  border: 1px solid #E1E2E8;
  border-radius: 8px;
  margin-top: 35px;
}

#basic-addon3 {
  background: #fff;
}

#copy_link_event_url {
  float: right;
  text-decoration: underline;
  cursor: pointer;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-decoration-line: underline;
  color: #6A6D7D;
}

.roster-settings {
  cursor: pointer;
  margin-left: 20px;
  font-size: 20px;
}

.dropdown-input {
  appearance: none;
  background-image: url(data:image/png;base64,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) !important;
  background-repeat: no-repeat;
  background-position: right;
  background-position-x: calc(100% - 8px);
  background-position-y: 50%;
  background-size: 20px;
  padding-right: 25px;
}

.form-create-event-body #copy {
  border-left: 0px;
  border-color: #e6e9ef !important;
  padding-left: 0;
}

.form-create-event-body #basic-addon3 {
  padding-right: 0;
  padding-top: 7px;
}

.form-create-event-body .frm-footer {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  border-top: 1px solid #E1E2E8;
  margin-top: 60px;
  margin: 0 auto;
  padding: 24px 40px;
  width: 918px;
  margin-top: 60px;
}

#attendees .ui-th-ltr th.ui-th-ltr, #attendees .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
  background: #F3F4F6;
}
#attendees .ui-th-ltr th.ui-th-ltr #jqgh_active-grid-index_merchandise, #attendees .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr #jqgh_active-grid-index_merchandise {
  text-align: center;
}
#attendees .ui-th-ltr th div, #attendees .ui-jqgrid .ui-jqgrid-htable th div {
  text-transform: capitalize !important;
  font-size: 14px;
  text-align: center;
}
#attendees .ui-jqgrid-hbox {
  border: 1px solid #d8d8d8;
  padding: 7px;
  background: #F3F4F6;
  border-radius: 10px 10px 0px 0px;
}
#attendees .ui-jqgrid-bdiv {
  border: 1px solid #d8d8d8;
  border-top: none;
}
#attendees .attendee_name {
  font-weight: bold;
  color: #272431;
}

.switch-trainers .one-extra-trainer-wrap, .switch-trainers .one-family-member-wrap {
  margin-bottom: 15px;
  cursor: pointer;
}
.switch-trainers .one-extra-trainer-wrap .extra-trainer-name, .switch-trainers .one-family-member-wrap .extra-trainer-name {
  color: #272431;
  font-family: "SF Pro Text Semi Bold";
}
.switch-trainers .one-extra-trainer-wrap .current-fullname, .switch-trainers .one-family-member-wrap .current-fullname {
  color: #6A6D7D;
  font-family: "SF Pro Text";
  margin-top: 5px;
}
.switch-trainers .one-extra-trainer-wrap .current-is-coach, .switch-trainers .one-family-member-wrap .current-is-coach {
  color: #6A6D7D;
  font-family: "SF Pro Text";
  position: absolute;
  right: 30px;
}
.switch-trainers .one-extra-trainer-wrap .fa-check-circle, .switch-trainers .one-family-member-wrap .fa-check-circle {
  color: #6923F4;
  margin-left: 5px;
}

.set-limit {
  position: absolute;
  left: 55px;
  width: 100px;
  top: 0px;
}

.is_package_free {
  position: absolute;
  top: -14px;
}

.set-payment-method {
  position: absolute;
  left: 0px;
  top: 22px;
  width: 200px;
  display: none;
}
.set-payment-method.show-payment {
  display: block;
}

.mvp-tracks-arrow .arrow-down {
  float: right;
  top: -28px;
  position: relative;
}

.arrow-down {
  height: 10px;
  width: 10px;
  border-style: solid;
  border-color: #676b75;
  border-width: 0px 2px 2px 0px;
  transform: rotate(45deg);
  transition: border-width 150ms ease-in-out;
}

#show-event-form .toggle.btn-xs {
  min-width: 35px !important;
  width: 35px !important;
  min-height: 18px !important;
  margin-top: 5px;
}

#events_mvp_wrap #mvp_event_frm .toggle.btn-xs .toggle-group .toggle-handle {
  margin-left: -17px;
  margin-top: -1px;
  background-image: url(../../../../images/event-mvp/Check.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

#events_mvp_wrap #mvp_event_frm .toggle.off.btn-xs .toggle-group .toggle-handle {
  margin-left: 20px;
  margin-top: -1px;
  background-image: url(../../../../images/event-mvp/x.svg) !important;
}

.mvp-tracks-arrow p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #6A6D7D;
}

body #show-event-form .toggle.btn-xs .toggle-group .toggle-handle {
  width: 15px !important;
  height: 15px !important;
}

.mvp-disabled input[type=checkbox]:checked:disabled + label:before, .mvp-disabled input[type=radio]:checked:disabled + label:after {
  background: #999BA8;
  border-color: #999BA8;
}

.mvp-tracks-arrow h3 {
  font-weight: 500;
  font-size: 16px;
  color: #000;
}

.noClick {
  pointer-events: none;
}

.arrow-down.up {
  transform: rotate(225deg);
}

.mvp-tracks-arrow {
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.header-schedule-calendar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 21px;
}
.header-schedule-calendar .dropdown-menu.pull-right {
  right: 12px;
  min-width: max-content;
  padding: 10px;
}
.header-schedule-calendar .dropdown-menu.pull-right > div {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  cursor: pointer;
  padding: 5px;
}
.header-schedule-calendar .dropdown-menu.pull-right > div:hover {
  background-color: #F44E27;
  color: #FFF;
}
.header-schedule-calendar .dropdown-menu.pull-right > div:hover > i {
  color: #FFF;
}
.header-schedule-calendar .dropdown-menu.pull-right i {
  width: 30px;
  font-size: 18px;
  color: #323338;
  font-weight: 500;
}
.header-schedule-calendar .left {
  display: flex;
  align-items: center;
}
.header-schedule-calendar .left .today-btn {
  border: 1px solid #E1E2E8;
  border-radius: 50px;
  padding: 10px 20px;
  margin-right: 15px;
}
.header-schedule-calendar .left .pagin-actions {
  display: flex;
  align-items: center;
}
.header-schedule-calendar .left .date-label {
  padding: 15px;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}
.header-schedule-calendar .right {
  display: flex;
}
.header-schedule-calendar .meatball-menu {
  background: #FFFFFF;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #E1E2E8;
  cursor: pointer;
}
.header-schedule-calendar .meatball-menu:hover {
  border: 2px solid #F44E27;
}
.header-schedule-calendar .meatball-menu .hover-circle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  position: absolute;
  border: 2px solid #F44E27;
  top: -4px;
  left: 3px;
}
.header-schedule-calendar .meatball-menu .circle-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.header-schedule-calendar .meatball-menu .circle {
  width: 3px;
  height: 3px;
  background: #272431;
  border-radius: 50%;
  margin: 2px;
  display: block;
}

.fc-content thead th {
  border-top: 1px solid #e6e9ef;
  border-right: 1px solid #e6e9ef;
  border-left: 1px solid #e6e9ef;
}

.fc-content thead th.fc-first {
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
}

.fc-view-agendaDay > table thead th.fc-last {
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
}

.fc-view-agendaDay > table thead th {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.day-opts {
  display: flex;
  align-items: center;
  margin-right: 10px;
  border-radius: 50px;
  border: 1px solid #E1E2E8;
  height: 40px;
}
.day-opts #dayOpts {
  padding: 11px 20px 11px 20px;
  cursor: pointer;
}
.day-opts .-dd-icon {
  margin-left: 10px;
}

.dropdown-menu.day-opts {
  height: auto;
  padding: 0 !important;
  min-width: 190px !important;
}
.dropdown-menu.day-opts > div {
  margin-bottom: 0 !important;
}
.dropdown-menu.day-opts .active {
  background-color: #F4F2FF !important;
  color: #333 !important;
}
.dropdown-menu.day-opts .-item {
  padding: 10px 20px 10px 20px !important;
}
.dropdown-menu.day-opts .-item ~ .active, .dropdown-menu.day-opts .-item:hover {
  background-color: #F4F2FF !important;
  color: #333 !important;
}

.detail-event {
  padding: 24px;
  width: 350px;
  background-color: #ffffff;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
.detail-event .title-wrap {
  margin-bottom: 14px;
}
.detail-event .title-wrap .title {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  font-style: normal;
  color: #272431;
}
.detail-event .title-wrap .coach-name {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #272431;
}
.detail-event .date-time-wrap {
  margin-bottom: 14px;
}
.detail-event .date-time-wrap .time-text {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #31393B;
}
.detail-event .date-time-wrap .date {
  font-size: 12px;
  font-weight: 400;
  color: #6A6D7D;
}
.detail-event .date-time-wrap .time {
  margin: 2px 0px 0px 15px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #6A6D7D;
}
.detail-event .notice-wrap {
  margin-bottom: 14px;
  word-break: break-all;
}
.detail-event .notice-wrap .text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #6A6D7D;
}
.detail-event .client-wrap {
  cursor: pointer;
}
.detail-event .client-wrap .avatar-wrap {
  width: calc(100% - 112px);
  margin: 0;
}
.detail-event .client-wrap .avatar-wrap h5 {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #272431;
}
.detail-event .client-wrap .content {
  display: flex;
  float: left;
  align-items: end;
  justify-content: end;
}
.detail-event .client-wrap .content__view-btn {
  align-self: flex-end;
}
.detail-event .client-wrap .content .avatar-wrap {
  align-self: flex-start;
}
.detail-event .client-wrap .content > div {
  float: left;
}
.detail-event .client-wrap .view-roster-btn {
  padding: 7px 17px;
  color: #272431;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  border: 1px solid #E1E2E8;
  border-radius: 39px;
  cursor: pointer;
  width: 112px;
  text-align: center;
}

.color-dot {
  width: 12.88px;
  height: 12.88px;
  border-radius: 50%;
}
.color-dot--red {
  background: #ED3705;
}
.color-dot--blue {
  background: #5088FF;
}

.title-wrap__w {
  max-width: 180px;
  width: 100%;
}

.avatar-wrap__list {
  display: inline-block;
  position: relative;
  margin-top: 12px;
  width: 100%;
  float: left;
}
.avatar-wrap__list .img-attending:first-child {
  position: relative;
}
.avatar-wrap__list .img-attending {
  position: absolute;
  top: 0;
}
.avatar-wrap__list .img-attending:nth-child(2) {
  left: 16px;
}
.avatar-wrap__list .img-attending:nth-child(3) {
  left: 32px;
}
.avatar-wrap__list .img-attending:nth-child(4) {
  left: 48px;
}
.avatar-wrap__list .img-attending:nth-child(5) {
  left: 64px;
}
.avatar-wrap__list .img-attending {
  float: left;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  background: #E4E6EB;
  text-align: center;
}
.avatar-wrap__list .img-attending span {
  font-weight: 600;
  font-size: 9px;
  line-height: 24px;
  width: 24px;
  float: left;
  color: #6A6D7D;
}
.avatar-wrap__list .img-attending img {
  max-width: 100%;
  border-radius: 50%;
  width: 24px;
  height: 24px;
}
.avatar-wrap.session .avatar-wrap__list {
  margin-top: 0px;
}
.avatar-wrap.session .avatar-wrap__list .img-attending {
  position: relative;
  left: 0;
  top: 0;
  display: inline-block;
  width: 100%;
  height: auto;
  border-radius: 0;
  border: 0;
  background: transparent;
  text-align: left;
  margin-bottom: 8px;
}
.avatar-wrap.session .avatar-wrap__list .img-attending:last-child {
  margin-bottom: 0px;
}
.avatar-wrap.session .avatar-wrap__list .img-attending img,
.avatar-wrap.session .avatar-wrap__list .img-attending .no-img {
  float: left;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  background: #E4E6EB;
  text-align: center;
  margin-right: 12px;
}
.avatar-wrap.session .avatar-wrap__list .img-attending .full-name {
  width: calc(100% - 40px);
  float: left;
  font-weight: 500;
  font-size: 14px;
  line-height: 27px;
  color: #272431;
}

.waitlist-wrap {
  margin-top: 16px;
}
.waitlist-wrap h5 {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #272431;
  cursor: pointer;
}

.workout-item-wrapper .card-item__wp .body table {
  inline-size: auto !important;
  width: 100% !important;
}
.workout-item-wrapper .card-item__wp .body table tr, .workout-item-wrapper .card-item__wp .body table td {
  height: auto !important;
  width: auto !important;
  line-height: inherit;
  background-color: transparent;
  text-wrap: wrap !important;
  border: none !important;
  white-space: normal !important;
  line-break: normal !important;
}
.workout-item-wrapper .card-item__wp .body table tr, .workout-item-wrapper .card-item__wp .body table td > * {
  background-color: transparent !important;
  white-space: normal !important;
  width: auto !important;
  text-wrap: wrap !important;
}
.workout-item-wrapper .card-item__wp .body table td > span > br {
  display: none;
}
.workout-item-wrapper .card-item__wp .body p {
  word-break: break-word;
}

.note-editable table {
  width: 100% !important;
}
.note-editable table tr, .note-editable table td {
  height: auto !important;
  width: auto !important;
  line-height: inherit;
  background-color: transparent !important;
  text-wrap: wrap !important;
  border: none !important;
  white-space: normal !important;
  line-break: normal !important;
}
.note-editable table tr, .note-editable table td > * {
  background-color: transparent !important;
  white-space: normal !important;
  width: auto !important;
  text-wrap: wrap !important;
}
.note-editable table td > span > br {
  display: none;
}

@media (max-width: 375px) {
  #calendar .fc-view {
    width: 110%;
  }
}
@media (max-width: 576px) {
  .detail-event {
    position: fixed !important;
    top: calc(50% - 175px) !important;
    left: calc(50% - 175px) !important;
  }
  .sheet-calendar #calendar .fc-content .fc-view.fc-view-agendaDay > div,
  .sheet-calendar #calendar .fc-content .fc-view.fc-view-agendaWeek > div {
    z-index: 3 !important;
  }
  #calendar-actions-modal .calendar-actions-tabs .sessions-footer {
    padding: 10px 0px !important;
  }
  #calendar-actions-modal .calendar-actions-tabs .sessions-footer .session_details .session_details {
    margin: 0 !important;
  }
  #calendar-actions-modal .calendar-actions-tabs .class-footer {
    padding: 10px 5px !important;
  }
  #calendar-actions-modal .calendar-actions-tabs .class-footer .class_details .class_details {
    margin: 0 !important;
  }
  .fc-event.fc-event-skin.fc-event-vert {
    z-index: 8 !important;
  }
  .fc-event.fc-event-skin.fc-event-vert.highlight {
    z-index: 999 !important;
  }
  .detail-event__wp .right {
    display: inline-block;
  }
  .detail-event__wp .right img {
    float: left;
  }
}
html * {
  font-size: 14px;
  font-family: "Nouvelle Grotesk", sans-serif;
  line-height: 16px;
  letter-spacing: normal;
}

body {
  color: #323338;
  font-family: "Nouvelle Grotesk", sans-serif;
  /* START - floating label */
  /* END - floating label */
}
body a {
  color: #3E1F3B;
}
body a:hover, body a:active, body a:focus {
  outline: none;
  color: rgba(62, 31, 59, 0.8);
}
body i {
  color: #9096a4;
}
body label {
  font-weight: normal;
  display: block;
  margin: 0;
}
body .btn, body .btn-toggle {
  border-radius: 24px !important;
  -webkit-border-radius: 24px !important;
  -moz-border-radius: 24px !important;
}
body input[type=text], body input[type=number], body input[type=email], body input[type=password], body input[type=date], body input[type=tel], body input[type=url],
body button.multiselect, body button.multiselect:hover, body button.multiselect:focus, body button.multiselect:active,
body select, body select.form-control,
body textarea, body textarea.form-control {
  padding: 1rem;
  background-color: white;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  box-shadow: none;
  height: 45px;
  color: #323338;
}
body input[type=text]:hover, body input[type=number]:hover, body input[type=email]:hover, body input[type=password]:hover, body input[type=date]:hover, body input[type=tel]:hover, body input[type=url]:hover,
body button.multiselect:hover, body button.multiselect:hover:hover, body button.multiselect:focus:hover, body button.multiselect:active:hover,
body select:hover, body select.form-control:hover,
body textarea:hover, body textarea.form-control:hover {
  border-color: rgba(50, 51, 56, 0.5019607843);
}
body input[type=text]:focus, body input[type=number]:focus, body input[type=email]:focus, body input[type=password]:focus, body input[type=date]:focus, body input[type=tel]:focus, body input[type=url]:focus,
body button.multiselect:focus, body button.multiselect:hover:focus, body button.multiselect:focus:focus, body button.multiselect:active:focus,
body select:focus, body select.form-control:focus,
body textarea:focus, body textarea.form-control:focus {
  box-shadow: unset !important;
  border-color: #6923F4;
}
body input[type=number]::-webkit-outer-spin-button,
body input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0;
}
body textarea, body textarea.form-control {
  height: auto;
  min-height: 45px;
  max-width: 100%;
  resize: none;
}
body input[type=text]:disabled, body input[type=number]:disabled,
body button.multiselect:disabled,
body select:disabled, body select:disabled.form-control,
body textarea:disabled, body textarea:disabled.form-control {
  opacity: 0.5;
  border-color: #e6eaf0;
}
body select, body select.form-control {
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: right;
  background-position-x: calc(100% - 8px);
  background-position-y: 50%;
  background-size: 20px;
  padding-right: 25px;
}
body .select2-container {
  width: 100% !important;
  height: 45px;
}
body .select2-container .select2-selection--single {
  height: 100% !important;
  border: 1px solid #e6eaf0;
}
body .select2-container .select2-selection--single .select2-selection__arrow {
  display: none !important;
}
body .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 1rem;
  font-size: 14px;
  line-height: 1.42857143;
}
body .select2-container.select2-container--focus .select2-selection--single, body .select2-container.select2-container--open .select2-selection--single {
  border: 1px solid var(--brand-focus-border);
}
body .select2-container .select2-results .select2-results__option {
  height: 45px;
  font-size: 14px;
  line-height: 1.42857143;
  padding: 1rem;
}
body .select2-container .select2-results .select2-results__option.select2-results__option--highlighted {
  background-color: rgb(244, 242, 255);
  color: unset;
}
body .select2-container .select2-results .select2-results__option[aria-selected=true] {
  background-color: rgb(244, 242, 255);
  position: relative;
  color: #999;
  -webkit-user-select: none;
}
body .select2-container .select2-results .select2-results__option[aria-selected=true]:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 5px;
  background-color: var(--brand-focus-border);
}
body .select2-container .select2-dropdown {
  border-top: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  top: 5px;
}
body .select2-container .select2-dropdown.select2-dropdown--above {
  border: 1px solid #aaa;
  top: -5px;
}
body .select2-container .select2-selection {
  border: 1px solid #e6eaf0;
}
body .select2-container .select2-selection:after {
  content: "";
  position: absolute;
  top: 0;
  right: 1px;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: right;
  background-position-x: calc(100% - 8px);
  background-position-y: 50%;
  background-size: 20px;
  height: 45px;
  width: 30px;
}
body .form-floating {
  position: relative;
  border-radius: 4px;
  line-height: 33px;
}
body .form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 6px 12px;
  border: 0;
  font-size: 14px;
  line-height: inherit;
  color: #848588;
  background-color: transparent;
  pointer-events: none;
  transform-origin: 0 0;
  transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), width 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 3;
}
body .form-floating .form-control::placeholder {
  color: transparent;
}
body .form-floating .form-control:-ms-input-placeholder {
  color: transparent;
}
body .form-floating .form-control::-webkit-input-placeholder {
  color: transparent;
}
body .form-floating .form-control:focus ~ label, body .form-floating .form-control:-webkit-autofill ~ label, body .form-floating .form-control:not(:placeholder-shown) ~ label {
  top: 8px;
  left: 8px;
  width: auto;
  padding: 0 4px;
  transform: translateY(-1.59375em) scale(0.85);
}
body .form-floating .form-control:focus ~ label:before, body .form-floating .form-control:-webkit-autofill ~ label:before, body .form-floating .form-control:not(:placeholder-shown) ~ label:before {
  position: absolute;
  top: 12px;
  left: 0;
  content: " ";
  display: block;
  border: 4px solid white;
  width: 100%;
  z-index: -1;
}
body .form-floating .form-control:focus::placeholder, body .form-floating .form-control:-webkit-autofill::placeholder, body .form-floating .form-control:not(:placeholder-shown)::placeholder {
  color: inherit;
}
body .form-floating .form-control:focus:-ms-input-placeholder, body .form-floating .form-control:-webkit-autofill:-ms-input-placeholder, body .form-floating .form-control:not(:placeholder-shown):-ms-input-placeholder {
  color: inherit;
}
body .form-floating .form-control:focus::-webkit-input-placeholder, body .form-floating .form-control:-webkit-autofill::-webkit-input-placeholder, body .form-floating .form-control:not(:placeholder-shown)::-webkit-input-placeholder {
  color: inherit;
}
body .form-floating .form-control:focus ~ label {
  color: #6923F4;
}
body .form-floating label.float-label {
  top: 8px;
  left: 8px;
  width: auto;
  padding: 0 4px;
  transform: translateY(-1.59375em) scale(0.85);
}
body .form-floating label.float-label:before {
  position: absolute;
  top: 12px;
  left: 0;
  content: " ";
  display: block;
  border: 4px solid white;
  width: 100%;
  z-index: -1;
}
body .form-floating .form-error {
  color: red;
}
body .input-group .input-group-addon .fa-calendar {
  padding-top: 14px;
}
body .input-group .form-floating .form-control {
  border-radius: 4px 0 0 4px;
}
body .input-group .input-group-addon + .form-floating .form-control {
  border-radius: 0 4px 4px 0;
}
body .padding0 {
  padding: 0;
}
body .margin0 {
  margin: 0;
}
body .d-flex {
  display: -ms-flexbox;
  display: flex;
}
body .btn-primary.btn-inactive-zoom-livestream {
  color: #ccced4 !important;
  border-color: #ccced4 !important;
  background: var(--brand-background) !important;
}
body .recurring-checkbox-wrap .cursor-unset:before,
body .set-gympass-booking-wrap .cursor-unset:before {
  content: " ";
}
body .btn-primary.btn-member-area-zoom-livestream {
  background: none !important;
  color: var(--brand-member-primary-color) !important;
  border-color: var(--brand-member-primary-color) !important;
}
@media screen and (max-width: 1300px) {
  body .btn-primary.livestream-custom {
    font-size: 11px !important;
    margin-left: -6px;
    padding: 2px;
  }
}

input[type=file]::-webkit-file-upload-button {
  cursor: pointer;
}

.ui-datepicker {
  z-index: 999999 !important;
}

.ui-state-error, .border-red, .validate-notemptyrichtext.ui-state-error + .note-editor .note-editing-area {
  border: 1px solid red !important;
}

input[type=checkbox].ui-state-error, input[type=checkbox].border-red {
  outline: 1px solid #fb6a6a;
}

.red-border {
  border: solid 1px red !important;
}

ul.multiselect-container > li > a {
  padding-left: 0;
}

.clear-search-box {
  position: absolute;
  top: 25%;
  right: 10px;
  color: #9096a4;
  cursor: pointer;
  font-size: 18px;
}

.multiselect-native-select > select {
  display: none !important;
}

.bf-wrap {
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid rgba(60, 66, 87, 0.12);
  margin-bottom: 20px;
}

.bf-dropdown-button {
  position: relative;
}
.bf-dropdown-button .bf-dropdown-button-list {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 105%;
  box-shadow: 0px 0px 20px #ccc;
  background-color: #fff;
}
.bf-dropdown-button .bf-dropdown-button-list .bf-dropdown-button-one-item {
  padding: 12px 14px;
  line-height: 16px;
  background-color: #fff;
  color: #282828;
}
.bf-dropdown-button .bf-dropdown-button-list .bf-dropdown-button-one-item:hover {
  box-shadow: inset 0px 0px 10px #ccc;
}

body {
  /* width */
  /* Track */
  /* Handle */
  /* For Mozilla */
  scrollbar-color: #C6CEE0 #F2F2F2;
  scrollbar-width: thin;
}
body ::-webkit-scrollbar {
  width: 12px !important;
  height: 8px;
}
body ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey !important;
  border-radius: 6px !important;
  height: 8px;
}
body ::-webkit-scrollbar-thumb {
  background: #C6CEE0 !important;
  border-radius: 10px !important;
  height: 8px;
}

.bf-menu {
  min-height: 34px;
  margin-bottom: 0;
  padding: 0;
}
.bf-menu li {
  display: inline-block;
  margin-right: 30px;
  height: 34px;
}
.bf-menu li a {
  color: #323338;
  font-weight: 500;
  position: relative;
  top: 9px;
}
.bf-menu li > a:hover, .bf-menu li > a:active, .bf-menu li > a:focus {
  text-decoration: none;
  outline: none;
}
.bf-menu li.active {
  border-bottom: 2px solid var(--brand-color);
}
.bf-menu li.active a {
  color: var(--brand-color);
}

.btn-text {
  cursor: default !important;
  color: #323338 !important;
  text-decoration: none !important;
}
.btn-text b.caret {
  display: none;
}

body .panel-default > .panel-heading {
  background-color: #F6F9FC;
  border-color: #E8EAEF;
}

.note-editor.note-frame {
  background-color: #f6f9fc;
  border: solid 1px #e6e9ef !important;
}
.note-editor.note-frame .note-btn {
  border-color: #e6e9ef !important;
}

body .toggle {
  border-radius: 12px;
  width: 45px !important;
  min-width: 45px !important;
  min-height: 25px !important;
  max-height: 25px !important;
}
body .toggle.btn-default {
  background: #E1E2E8 !important;
  border-color: #E1E2E8 !important;
}
body .toggle .toggle-group .toggle-handle {
  width: 20px;
  height: 20px;
  margin-left: -21px;
  border-radius: 50%;
  margin-top: 1.5px;
  padding: 0 !important;
  border: none;
  background: white !important;
}
body .toggle .toggle-group .toggle-handle.btn-default {
  background: white !important;
  border-color: white !important;
}
body .toggle .toggle-group .toggle-on, body .toggle .toggle-group .toggle-off {
  color: transparent;
  box-shadow: none !important;
}
body .toggle .toggle-group .toggle-off.btn-default {
  background: #E1E2E8 !important;
  border-color: #E1E2E8 !important;
}

body .toggle.off .toggle-group .toggle-handle {
  margin-left: 22px;
  margin-top: 1.5px;
}

body .toogle-with-text .toggle .toggle-group .toggle-on {
  color: #fff !important;
}
.file-restrictions-text {
  cursor: help;
}

.fa-question-circle {
  cursor: help;
}

.dropdown > .dropdown-menu.pull-right:before, .dropdown-toggle > .dropdown-menu.pull-right:before, .btn-group > .dropdown-menu.pull-right:before {
  left: auto;
  right: 9px;
}

.dropdown > .dropdown-menu:before, .dropdown-toggle > .dropdown-menu:before, .btn-group > .dropdown-menu:before {
  position: absolute;
  top: -8px;
  left: 134px;
  right: auto;
  display: inline-block !important;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #e0e0e0;
  border-left: 8px solid transparent;
  content: "";
}

.dropdown > .dropdown-menu.pull-right:after, .dropdown-toggle > .dropdown-menu.pull-right:after, .btn-group > .dropdown-menu.pull-right:after {
  left: auto;
  right: 10px;
}

.dropdown > .dropdown-menu:after, .dropdown-toggle > .dropdown-menu:after, .btn-group > .dropdown-menu:after {
  position: absolute;
  top: -7px;
  left: 135px;
  right: auto;
  display: inline-block !important;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  content: "";
}

body .menu-blue-button-wrap {
  padding-left: 20px;
}
body .menu-blue-button-wrap ul {
  padding: 0;
  margin-right: 25px;
  border-bottom: 1px solid #E6E9EF;
}
body .menu-blue-button-wrap ul li {
  display: inline-block;
  margin-right: 10px;
  background-color: none;
  border: none;
}
body .menu-blue-button-wrap ul li a {
  color: #676b75;
  text-decoration: none;
  font-weight: 500;
  padding: 12px;
  display: block;
  position: relative;
  border: none !important;
}
body .menu-blue-button-wrap ul li a i {
  color: inherit;
  font-size: inherit;
  position: absolute;
  left: 10px;
}
body .menu-blue-button-wrap ul li a i:hover {
  color: inherit !important;
}
body .menu-blue-button-wrap ul li.bf-menu-small a {
  padding-top: 6px;
  padding-right: 6px;
  padding-bottom: 6px;
}
body .menu-blue-button-wrap ul li.active {
  border-bottom: 2px solid var(--brand-color);
}
body .menu-blue-button-wrap ul li.active a, body .menu-blue-button-wrap ul li.active i, body .menu-blue-button-wrap ul li.active a:hover {
  color: var(--brand-color) !important;
  border-top: none;
  border-left: none;
  border-right: none;
  font-weight: 600;
}
body .menu-blue-button-wrap ul.empty-ico li a {
  padding-left: 12px;
}
body .menu-blue-button-wrap ul.empty-ico li.bf-menu-small a {
  padding-left: 6px;
}

.bf-loading {
  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;
  margin: 20px auto;
  display: block;
}

.bf-table-menu-link {
  padding-left: 5px;
  padding-right: 5px;
  cursor: pointer;
}

body ul.bf-table-menu-wrap {
  position: absolute;
  background-color: #fff;
  padding: 5px 0;
  box-shadow: 0px 0px 20px #ccc;
  border-radius: 5px;
  right: 50px;
  color: #323338;
  font-size: 14px;
  margin-top: -77px;
  list-style-type: none;
  white-space: nowrap;
  z-index: 20;
}
body ul.bf-table-menu-wrap li {
  cursor: pointer;
  padding: 5px 10px;
  text-align: left;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body ul.bf-table-menu-wrap li i {
  width: 30px;
  font-size: 18px;
}
body ul.bf-table-menu-wrap li a {
  width: 100%;
  display: block;
}
body ul.bf-table-menu-wrap li a, body ul.bf-table-menu-wrap li a span {
  color: #323338;
  text-decoration: unset;
}
body ul.bf-table-menu-wrap li:hover {
  background-color: var(--brand-color);
  color: #fff;
}
body ul.bf-table-menu-wrap li:hover i, body ul.bf-table-menu-wrap li:hover a, body ul.bf-table-menu-wrap li:hover a span {
  color: #fff !important;
}

body .modal .modal-dialog .modal-content .modal-footer .bootstrap-dialog-footer .bootstrap-dialog-footer-buttons .remove-modal-footer-btn {
  font-size: 20px;
  color: #676b75;
  padding: 0;
  background-color: transparent;
  min-width: 25px;
  margin: 0;
  box-shadow: unset;
}
body .modal .modal-dialog .modal-content .modal-footer .bootstrap-dialog-footer .bootstrap-dialog-footer-buttons .remove-modal-footer-btn:hover {
  color: var(--brand-color);
}

body .modal .modal-dialog .modal-content .btn-open-trainer-rate-modal {
  background-color: transparent;
  margin: 0;
  padding-left: 0;
  box-shadow: unset;
  color: var(--brand-color);
}
body .modal .modal-dialog .modal-content .btn-open-trainer-rate-modal i {
  color: #9096a4 !important;
}
body .modal .modal-dialog .modal-content .btn-open-trainer-rate-modal:hover {
  text-decoration: underline;
}

.alert.alert-info {
  color: var(--brand-color);
  border-color: #FEF6F4;
  background-color: #FEF6F4;
}

.alert.alert-info.no-records-table-alert {
  font-size: 12px;
  width: 100%;
}

.alert.alert-info.no-records-table-alert.no-flex-alert {
  display: table-caption !important;
}

.avatar-photo-wrap,
.trainer-photo-wrap,
.client-photo-wrap {
  float: left;
  margin-right: 10px;
  width: 36px;
  height: 36px;
  border-radius: 100px;
  overflow: hidden;
}
.avatar-photo-wrap img,
.trainer-photo-wrap img,
.client-photo-wrap img {
  width: inherit;
  height: inherit;
  object-fit: cover;
}
.avatar-photo-wrap .no-image,
.trainer-photo-wrap .no-image,
.client-photo-wrap .no-image {
  width: inherit;
  height: inherit;
  vertical-align: middle;
  display: table-cell;
  color: #fff;
  font-size: 16px;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
}

.grid .grid-table.blocks-view .ui-jqgrid-btable tbody tr > td:nth-child(1) .product-photo.product-photo-style .client-photo-wrap {
  width: 32px !important;
  height: 32px !important;
  margin: 10px 4px 10px 0px !important;
}

.recurring-booking-one-event-heading .trainer-photo-wrap, .recurring-booking-one-event-heading-sign-up-wrap .trainer-photo-wrap, .recurring-booking-congrats-wrap .trainer-photo-wrap {
  width: 100%;
  height: 100%;
  margin-right: 0;
}

.avatar-photo-label {
  margin-top: 7px;
}

.view-item-table {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.view-item-table > span {
  line-height: 16px;
  font-size: 14px;
  color: var(--button-color);
  text-decoration: underline;
  margin-right: 6px;
}
.view-item-table > span.has-btn-color {
  color: var(--button-color);
}
.view-item-table i.fa-chevron-circle-right {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--button-color) !important;
}
.view-item-table i.fa-chevron-circle-right.has-btn-color {
  color: var(--button-color) !important;
}

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

.point-active, .point-inactive, .point-lead, .point-prospect, .point-archived {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  display: inline-block;
  margin-right: 10px;
}

.client-status--active {
  color: #33CB7D !important;
}

.client-status--lead, .client-status--prospect {
  color: #599bfb !important;
}

.client-status--inactive {
  color: #fcad42 !important;
}

.client-status--archived {
  color: #F80017 !important;
}

.point-active {
  background-color: #33CB7D;
}

.point-inactive {
  background-color: #fcad42;
}

.point-lead, .point-prospect {
  background-color: #599bfb;
}

.point-archived {
  background-color: #F80017;
}

.red > label.blue-checkbox:before {
  border: 1px solid red !important;
}

.bf-time-picker-container {
  width: 190px;
  height: 200px;
  overflow: auto;
  box-shadow: 0px 0px 20px #ccc;
  background-color: #fff;
  position: absolute;
  z-index: 20;
  border-radius: 5px;
}
.bf-time-picker-container .bf-time-picker-on-time-row {
  padding: 0 15px;
  line-height: 40px;
}
.bf-time-picker-container .bf-time-picker-on-time-row:hover {
  background-color: #f6f9fc !important;
}

/*global modals*/
#bf-exercise-add-modal .modal-dialog,
#history-workout-dialog .modal-dialog,
#bf-workout-add-modal .modal-dialog {
  width: 800px;
}

#bf-workout-add-modal .modal-body {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 1024px) {
  #history-workout-dialog .modal-dialog,
  #bf-exercise-add-modal .modal-dialog,
  #bf-workout-add-modal .modal-dialog {
    width: 100%;
  }
}
/**/
/*drag and drop icon*/
.move-icon {
  display: inline-block;
  background-image: url(/designs/blueflow/assets/svg/ico-drag.svg);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  cursor: move;
  position: relative;
}

/**/
/*training icons*/
.nutrition-action-icon,
.workout-action-icon {
  font-size: 24px;
  cursor: pointer;
  margin-left: 10px;
}

/**/
.have-optgroup .multiselect-container li.multiselect-group label {
  padding: 0 !important;
}
.have-optgroup .multiselect-container li:not(.multiselect-item) a {
  padding-left: 25px !important;
}

.completed-pyment-status, .pending-pyment-status, .failed-pyment-status, .refunded-pyment-status {
  padding: 7px;
  font-size: 12px;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  border-radius: 5px;
}

.completed-pyment-status {
  background-color: rgba(51, 203, 125, 0.1);
}

.pending-pyment-status {
  background-color: rgba(255, 142, 100, 0.2);
}

.failed-pyment-status {
  background-color: #FAE3DB;
}

.refunded-pyment-status {
  background-color: rgba(103, 107, 117, 0.2);
}

.management-payment-categories {
  position: relative;
  z-index: 3;
}

.bf-search-input-wrap {
  position: relative;
}
.bf-search-input-wrap .bf-search-icon {
  position: absolute;
  top: 35%;
  left: 17px;
  color: #9096a4;
}
.bf-search-input-wrap input {
  padding-left: 30px;
  padding-right: 30px;
}
.bf-search-input-wrap .bf-clear-search-input {
  position: absolute;
  top: 25%;
  right: 17px;
  color: #9096a4;
  cursor: pointer;
  font-size: 18px;
}

.search-member-btn {
  margin-left: auto;
  font-size: 20px;
  pointer-events: auto;
  padding: 10px;
  cursor: pointer;
}
.search-member-btn:hover {
  background-color: rgba(204, 204, 204, 0.5);
}

.block-search-member__form {
  width: 100%;
}
.block-search-member__form form {
  display: flex;
  align-items: center;
}
.block-search-member__form form input.form-control {
  padding-left: 2.375rem;
}
.block-search-member__form form i:first-child {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.75rem;
  text-align: center;
  pointer-events: none;
  color: #a1a1a1;
}
.block-search-member__form form .close-search-member {
  font-size: 30px;
  cursor: pointer;
}
.block-search-member__content {
  padding: 30px 10px;
}
.block-search-member__content .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv {
  display: none;
}
.block-search-member__content .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr {
  cursor: pointer;
}
.block-search-member__content .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr .clients-icons-wrap i {
  display: none;
}
.block-search-member__content .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr .client-name {
  position: relative;
}

.block-search-member-programming__form form input.form-control {
  padding-left: 3rem;
  border-radius: 30px;
}
.block-search-member-programming__form form i:first-child {
  width: 3rem;
  line-height: 2.2rem;
}

.block-search-member.open {
  display: block;
}

#colorPick {
  position: relative;
}
#colorPick .fa.fa-times {
  float: right;
  color: #bbb;
}
#colorPick .fa.fa-times:hover {
  cursor: pointer;
  opacity: 0.7;
}

.icon-card-o:before, .icon-list-o:before {
  color: var(--button-color) !important;
}

body .menu-blue-button-wrap.client-info-block-sub-menu2 ul li a {
  display: flex;
  align-items: center;
}
body .menu-blue-button-wrap.client-info-block-sub-menu2 ul li a svg {
  margin-right: 5px;
}
body .menu-blue-button-wrap.client-info-block-sub-menu2 ul li.active svg path {
  stroke: var(--brand-color);
}

#modal-survey .modal-body h2 {
  font-size: 30px;
}
#modal-survey input[type=text] {
  height: 45px;
}

#modal-welcome button, #modal-survey button {
  min-width: 80px;
}
#modal-welcome label, #modal-survey label {
  font-weight: bold;
}
#modal-welcome .welcome-from, #modal-survey .welcome-from {
  text-align: center;
  padding: 20px 60px;
}
#modal-welcome .group-steps, #modal-survey .group-steps {
  width: 100%;
  display: flex;
  justify-content: center;
}
#modal-welcome .group-steps .step, #modal-survey .group-steps .step {
  width: 140px;
  text-align: center;
}
#modal-welcome .group-steps .step.active, #modal-survey .group-steps .step.active {
  color: var(--brand-color);
}
#modal-welcome .group-steps .step.active i, #modal-survey .group-steps .step.active i {
  color: var(--brand-color);
}
#modal-welcome .tab, #modal-survey .tab {
  display: none;
}
#modal-welcome .tab h3, #modal-survey .tab h3 {
  text-align: center;
}
#modal-welcome .tab button, #modal-survey .tab button {
  min-width: 100px;
}
#modal-welcome .tab .invalid, #modal-survey .tab .invalid {
  border-color: var(--brand-color);
}
#modal-welcome .tab .selectable, #modal-survey .tab .selectable {
  padding: 0;
  display: flex;
  justify-content: flex-start;
}
#modal-welcome .tab .selectable li, #modal-survey .tab .selectable li {
  width: 150px;
  height: 40px;
  padding: 0;
  display: inline-block;
  line-height: 40px;
  text-align: center;
}
#modal-welcome .tab .selectable .ui-selected, #modal-survey .tab .selectable .ui-selected {
  background-color: rgba(105, 35, 244, 0.05);
  border-color: rgba(105, 35, 244, 0.95);
  color: #323338;
}
#modal-welcome .tab .items-collection .info-block label, #modal-survey .tab .items-collection .info-block label {
  min-width: 140px;
  height: 50px;
  margin: 0 auto;
  padding: 0;
  display: inline-block;
  line-height: 50px;
  text-align: center;
}
#modal-welcome .tab .items-collection .info-block label.active, #modal-survey .tab .items-collection .info-block label.active {
  border-color: rgba(105, 35, 244, 0.95);
  background-color: rgba(105, 35, 244, 0.05);
}

.cursor-pointer {
  cursor: pointer;
}

.purchase-plan .box_1_frm_title {
  font-weight: 700;
}

.purchase-plan .signup-plan-item-inner {
  border: 2px solid transparent;
  position: relative;
  box-shadow: none;
}

.purchase-plan .signup-plan-item-inner:hover {
  box-shadow: none;
}

.purchase-plan .signup-plan-item-inner::after {
  content: "";
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  left: -2px;
  top: -2px;
  border: 1px solid #b4b6b8;
  border-radius: 10px;
}

.purchase-plan .upgrade-plans-wrap .signup-plan-item.active .signup-plan-item-inner,
.upgrade-plans-wrap .purchase-plan .signup-plan-item.active .signup-plan-item-inner {
  transform: scale(1);
  border: 2px solid transparent;
}

.purchase-plan .upgrade-plans-wrap .signup-plan-item.active .signup-plan-item-inner:after,
.upgrade-plans-wrap .purchase-plan .signup-plan-item.active .signup-plan-item-inner:after {
  border: 2px solid #F44E27;
}

.purchase-plan .boxPaymentBox {
  padding: 55px 25px;
}

.purchase-plan .plan-header-name {
  font-size: 20px;
  color: #282b31;
  text-align: left;
  padding: 0 5px;
  letter-spacing: 0.02px;
}

.purchase-plan .paymentList > li {
  border-bottom: none;
  padding-bottom: 0;
  margin: 0 0 30px 0;
  overflow: visible;
}

.purchase-plan .paymentList .upgrade-plans-wrap {
  padding-bottom: 0;
}

.purchase-plan .paymentList > li.payment-currency {
  border: 1px solid #d8d8d8;
  padding-bottom: 0;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
}

.purchase-plan .signup-plan-item.disabled .checked-item {
  display: none !important;
}

.purchase-plan .checked-item {
  display: flex !important;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 15px;
  height: 15px;
  border-radius: 2px;
  border: 2px solid #d8d8d8;
  background-color: #F9FAFC;
  justify-content: center;
  align-items: center;
}

.purchase-plan .checked-item i {
  display: none;
  font-size: 9px;
}

.purchase-plan .upgrade-plans-wrap .signup-plan-item.active .signup-plan-item-inner .checked-item,
.upgrade-plans-wrap .purchase-plan .signup-plan-item.active .signup-plan-item-inner .checked-item {
  background-color: #F44E27;
  border: 1px solid #F44E27;
}

.purchase-plan .upgrade-plans-wrap .signup-plan-item.active .signup-plan-item-inner .checked-item i,
.upgrade-plans-wrap .purchase-plan .signup-plan-item.active .signup-plan-item-inner .checked-item i {
  display: block;
  color: #fff;
}

.purchase-plan .custom-total-amount .amount-wrapper h3 {
  margin-top: 0;
}

.purchase-plan .custom-total-amount .amount-wrapper,
.purchase-plan .custom-total-amount .amount-wrapper .price-wrapper {
  display: flex;
}

.purchase-plan .custom-total-amount .amount-wrapper .price-wrapper {
  margin-left: 5px;
}

.purchase-plan .custom-total-amount .amount-wrapper h3,
.purchase-plan .custom-total-amount .amount-wrapper .price-wrapper,
.purchase-plan .custom-total-amount .amount-wrapper .price-sign,
.purchase-plan .custom-total-amount .amount-wrapper .price-per-month,
.purchase-plan .custom-total-amount .amount-wrapper .price-interval {
  color: #333;
  font-size: 18px;
  font-weight: 700;
}

.purchase-plan .custom-total-amount {
  background-color: #F6F9FB;
  border: 1px solid #d8d8d8;
  padding: 20px 25px;
}

.purchase-plan .custom-total-amount .cards {
  text-align: left;
}

.purchase-plan .custom-total-amount .cards img {
  max-width: 200px;
}

.purchase-plan .custom-total-amount .card_info {
  background-color: white;
}

.payment-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  width: 100%;
}

.payment-footer .tips_wrap {
  padding-top: 0;
}

.payment-footer .tips_2,
.payment-footer .tips_wrap {
  text-align: center;
  font-size: 13px;
}

.purchase-plan .plan-per-period {
  display: flex;
}

.purchase-plan .custom-total-amount .amount-wrapper .au-amount-wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 10px;
}
.purchase-plan .custom-total-amount .amount-wrapper .au-amount-wrapper .au-price-wrapper {
  display: flex;
  flex-direction: column;
}
.purchase-plan .custom-total-amount .amount-wrapper .au-amount-wrapper .au-price-wrapper .au-price-item {
  display: flex;
}
.purchase-plan .custom-total-amount .amount-wrapper .au-amount-wrapper .au-price-wrapper .au-price-item h3 {
  min-width: 120px;
  margin-bottom: 10px;
}
.purchase-plan .custom-total-amount .amount-wrapper .au-amount-wrapper .au-price-wrapper .au-price-item .price-wrapper {
  text-align: left;
}
.purchase-plan .custom-total-amount .amount-wrapper .au-amount-wrapper .au-text {
  font-weight: bold;
  font-style: italic;
}

.top-desc {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  margin-top: 20px;
}

.stripe-plans-wrap .price {
  font-size: 40px;
  line-height: 1;
  font-weight: 700 !important;
}

.stripe-plans-wrap .currency {
  font-size: 18px;
  font-weight: 700 !important;
  top: -2px;
}

.stripe-plans-wrap label {
  margin-bottom: 0;
  text-transform: none;
  padding-top: 15px;
  margin-left: 2px;
  font-weight: 700;
}

.signup-plan-item-inner .check-list {
  list-style: none;
  padding-left: 0;
  margin-top: 20px;
}
.signup-plan-item-inner .check-list li {
  display: flex;
  margin-bottom: 10px;
  font-size: 15px;
  color: #999ea8;
}
.signup-plan-item-inner .check-list li .icon-wrapper {
  display: flex;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 9px;
}
.signup-plan-item-inner .check-list li .icon-wrapper i {
  display: none;
  font-size: 8px;
  color: #F44E27;
}
.signup-plan-item-inner .check-list li.checked {
  color: #333;
}
.signup-plan-item-inner .check-list li.checked .icon-wrapper {
  background: #FDEEEA;
}
.signup-plan-item-inner .check-list li.checked .icon-wrapper i {
  display: inline-block;
}

.signup-plan-item.disabled > .signup-plan-item-inner .check-list,
.signup-plan-item.disabled > .signup-plan-item-inner > div:not(.plan-change-interval-button) {
  opacity: 0.3;
}

.cn-checkbox-width-wrap .blue-checkbox::before {
  border-radius: 0 !important;
}
.cn-checkbox-width-wrap .blue-checkbox::after {
  top: 2px !important;
  border-radius: 0 !important;
  background-color: unset !important;
}

.bootstrap-dialog-message .no-image-family.family-accout-name {
  display: none;
}
.bootstrap-dialog-message > b {
  display: inline-flex;
  align-items: center;
}

a.open-add-stripe-card-modal, a.add-stripe-ach-bank-account {
  color: var(--brand-color) !important;
  text-decoration: none !important;
  font-weight: bold;
}

.list-plan {
  display: flex;
  justify-content: space-between;
  margin: 0 -7px;
}

.signup-plan-item .incomming-wrapper {
  position: absolute;
  border: 1px solid #F44E27;
  background: #fff;
  color: #F44E27;
  font-size: 12px;
  font-weight: 400;
  padding: 7px;
  text-transform: uppercase;
  border-radius: 8px;
  top: 14px;
  right: 22px;
}

.signup-plan-item .incomming-wrapper-current-plan {
  top: 5px;
  right: 45px;
  display: none;
  padding: 7px;
}

.signup-plan-item.current-plan .incomming-wrapper-current-plan {
  display: block;
}

.signup-plan-item .incomming-wrapper > span {
  display: block;
  font-weight: 700;
  font-size: 20px;
  margin-top: 5px;
}

.signup-plan-item.disabled > .signup-plan-item-inner {
  background: #F6F9FB;
}

.billing-add-on {
  border: 1px solid #b4b6b8;
  padding: 0 15px;
  margin-top: 30px;
  border-radius: 4px;
  cursor: pointer;
}
.billing-add-on .add-on-box {
  display: flex;
  width: 100%;
  position: relative;
  cursor: pointer;
  align-items: center;
}
.billing-add-on .add-on-box .checked-input {
  width: 22px;
  height: 22px;
  background: #F6F9FB;
  border: 2px solid #d8d8d8;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.billing-add-on .add-on-box .checked-input i {
  color: white;
  font-size: 12px;
  display: none;
}
.billing-add-on .add-on-box input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  margin: 0;
  cursor: pointer;
}
.billing-add-on .add-on-box input:checked + .checked-input {
  background: #F44E27;
  border: 2px solid #F44E27;
}
.billing-add-on .add-on-box input:checked + .checked-input i {
  display: block;
}
.billing-add-on .add-on-box .price-wrapper {
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.billing-add-on .add-on-box .price-wrapper > span {
  font-size: 20px;
}
.billing-add-on .add-on-box .price-wrapper span.included {
  font-size: 20px;
}
.billing-add-on .add-on-box .price-wrapper .add-on-price {
  position: relative;
  top: 5px;
  margin-left: 15px;
}
.billing-add-on .add-on-box .price-wrapper .add-on-price .price-sign {
  font-size: 18px;
  font-weight: 700;
  position: relative;
  top: -15px;
}
.billing-add-on .add-on-box .price-wrapper .add-on-price .money {
  font-size: 40px;
  font-weight: 700;
}
.billing-add-on .add-on-box .price-wrapper .add-on-price .per-label {
  font-size: 18px;
  color: #999ea8;
}
.billing-add-on.disabled {
  background: #F6F9FB;
}
.billing-add-on.disabled .add-on-box, .billing-add-on.disabled .billing-add-on-box {
  opacity: 0.3;
}
.billing-add-on.disabled .add-on-box .add-on-checkbox {
  pointer-events: none !important;
}

#workout-edit-confirmation-modal .modal-dialog {
  width: 560px !important;
}

.reconciled-tick {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 0 2px;
  margin-top: 1px;
  color: white;
  font-size: 10px;
  z-index: 11;
  border-radius: 15px;
  width: 13px;
  height: 16px;
}
.reconciled-tick i {
  background-color: #36a000;
  color: #fff;
  font-size: 13px;
  border-radius: 10px;
}

/*
* Intercom
*/
.intercom-lightweight-app {
  z-index: 999 !important;
}

/*
 * Survey Form
*/
.survey-form .column1 i {
  color: #323338;
}
.survey-form .column1 i:before {
  color: #323338;
}

.d2-reserved {
  margin-right: 8px;
}

.event-calendar-d2 {
  display: flex;
  justify-content: space-between;
}
.event-calendar-d2 .text-wait-list > b {
  margin-left: 5px;
}

.fc-event-inner.fc-event-skin {
  padding-left: 2px !important;
  padding-top: 2px;
  padding-right: 2px;
}

.billing-add-on.signup-plan-item-wrap {
  display: flex;
}
.billing-add-on.signup-plan-item-wrap.include .add-on-price {
  display: none;
}

.grid-views {
  display: flex;
  justify-content: flex-end;
}
.grid-views .dropdown {
  margin-left: 15px;
}
.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;
}
.grid-views .dropdown-menu.pull-right li a {
  line-height: 25px;
  text-align: center;
  color: var(--brand-color);
}
.grid-views .dropdown-menu.pull-right li a:hover {
  opacity: 0.7;
}

.flex-1 {
  flex: 1;
}

.d-flex {
  display: flex;
}
.d-flex.column {
  flex-direction: column;
}

.justify-content-between {
  justify-content: space-between;
}

.align-items-center {
  align-items: center;
}

.align-items-end {
  align-items: end;
}

.text-underline {
  text-decoration: underline;
}

.text-unhide-hide-color {
  color: var(--brand-color);
  font-family: "Nouvelle Grotesk";
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 16px;
  text-decoration: underline;
  cursor: pointer;
}
.text-unhide-hide-color:hover {
  color: var(--brand-color);
}

.billing-add-on-box {
  width: 40%;
  min-width: 150px;
}
.billing-add-on-box .check-list {
  list-style: none;
  padding-left: 0;
  margin-top: 12px;
}
.billing-add-on-box .check-list li {
  display: flex;
  margin-bottom: 10px;
  font-size: 15px;
  color: #999ea8;
}
.billing-add-on-box .check-list li .icon-wrapper {
  display: flex;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 9px;
}
.billing-add-on-box .check-list li .icon-wrapper i {
  display: none;
  font-size: 8px;
  color: #F44E27;
}
.billing-add-on-box .check-list li.checked {
  color: #333;
}
.billing-add-on-box .check-list li.checked .icon-wrapper {
  background: #FDEEEA;
}
.billing-add-on-box .check-list li.checked .icon-wrapper i {
  display: inline-block;
}

[class^=icon-], [class*=" icon-"], [class^=icon-]:before, [class*=" icon-"]:before {
  font-family: "icomoon" !important;
}

ul.payment-receipt-dropdown {
  white-space: pre;
}
ul.payment-receipt-dropdown li {
  cursor: pointer;
  border: none !important;
  margin-right: 0 !important;
  display: flex;
  align-items: center;
  height: 30px !important;
  padding: 5px 10px !important;
}
ul.payment-receipt-dropdown li i {
  font-size: 14px !important;
  font-weight: 500;
  color: #323338;
}
ul.payment-receipt-dropdown li:hover {
  box-shadow: 1px 1px 10px #ccc;
}

.note-editable.panel-body a {
  color: #0000EE;
  text-decoration: underline;
}

.invalid-url-error {
  color: red;
  font-size: 12px;
  margin-top: 5px;
  display: inline-block;
  margin-top: 5px;
}

.a-tag--with-underline {
  text-decoration: underline !important;
}

.restricted-clearent-account-banner,
.restricted-stripe-express-account-baner {
  position: fixed;
  background-color: #6923f4;
  color: #fff;
  top: 0;
  z-index: 100;
  width: 100%;
  text-align: center;
  height: 25px;
  padding-top: 3px;
}
.restricted-clearent-account-banner .complete-clearent-account,
.restricted-clearent-account-banner .clearent-application-submit-new,
.restricted-clearent-account-banner .complete-stripe-express-account,
.restricted-stripe-express-account-baner .complete-clearent-account,
.restricted-stripe-express-account-baner .clearent-application-submit-new,
.restricted-stripe-express-account-baner .complete-stripe-express-account {
  color: #fff;
  text-decoration: underline;
}
.restricted-clearent-account-banner .hide-restricted-clearent-account-banner,
.restricted-clearent-account-banner .hide-restricted-stripe-express-account-baner,
.restricted-stripe-express-account-baner .hide-restricted-clearent-account-banner,
.restricted-stripe-express-account-baner .hide-restricted-stripe-express-account-baner {
  color: #fff;
}

.padding-x-18 {
  padding: 18px 0;
}

.ml-53 {
  margin-left: 53px;
}

.public-store-url-wrapper {
  font-style: italic;
}
.public-store-url-wrapper span {
  font-size: 13px;
}
.public-store-url-wrapper svg.btn.btn-copy.copy-tooltip {
  height: 16px;
  padding: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.mr-10 {
  margin-right: 10px;
}

.align-baseline {
  align-items: baseline;
}

.d-none {
  display: none;
}

.tax-editable input {
  margin-left: 5px !important;
  width: 95px !important;
}

.color-red {
  color: #F80017;
}

.color-green {
  color: #00C714;
}

.view-invoice-sales-tax {
  line-height: 16px;
  font-size: 14px;
  color: var(--button-color);
  text-decoration: underline;
}

.boot-alert-custom {
  position: relative !important;
  top: 0 !important;
  right: 0 !important;
}
.boot-alert-custom .close {
  display: block !important;
}

.payment-receipt-options-td.finances-payments ul.dropdown-menu.pull-right {
  right: -26px;
  top: 15px;
}
.payment-receipt-options-td.finances-payments .dropdown {
  position: absolute;
}
.payment-receipt-options-td.finances-payments .dropdown i.fal.icon-reciept {
  position: absolute;
  top: -11px;
}

.d-none {
  display: none !important;
}

div.boot-alert.alert.alert-danger.clear.d-none-imp,
div.boot-alert.alert.alert-boot-alert.alert-danger.d-none-imp {
  display: none !important;
}

.blue-beta-mark {
  font-size: 12px;
  background-color: blue;
  color: #fff;
  padding: 5px 10px;
  border-radius: 30px;
  margin-left: 10px;
}

.txt-underline {
  text-decoration: underline;
}

.des-success {
  display: block;
  text-align: center;
}

.brand-member-button-color {
  background-color: var(--brand-member-primary-color) !important;
  border-color: var(--brand-member-primary-color) !important;
  color: var(--brand-member-second-color) !important;
}

input[type=radio].btn-toggle:checked + .brand-member-button-color {
  background-color: var(--brand-member-primary-color) !important;
  border-color: var(--brand-member-primary-color) !important;
  color: var(--brand-member-second-color) !important;
}

input[type=radio].btn-toggle + .brand-member-button-color {
  border: 1px solid #EBECF3 !important;
  color: #323338 !important;
  background-color: #F5F9FB !important;
}

.icon-card-o.member:before, .icon-list-o.member:before {
  color: var(--brand-member-second-color) !important;
}

.a-tag--no-underline {
  text-decoration: none !important;
}

.color-green {
  color: #00C714;
}

.boot-alert-custom {
  position: relative !important;
  top: 0 !important;
  right: 0 !important;
}
.boot-alert-custom .close {
  display: block !important;
}

.transform-td-to-a {
  color: #2d88cd;
  text-decoration: underline;
}

.payment-receipt-options-td.finances-payments ul.dropdown-menu.pull-right {
  right: -26px;
  top: 15px;
}
.payment-receipt-options-td.finances-payments .dropdown {
  position: absolute;
}
.payment-receipt-options-td.finances-payments .dropdown i.fal.icon-reciept {
  position: absolute;
  top: -11px;
}

.member .brand-member-button-color, .member .brand-member-button-color:hover {
  background-color: var(--brand-member-primary-color) !important;
  border-color: var(--brand-member-primary-color) !important;
  color: var(--brand-member-second-color) !important;
}

.brand-member-link-color {
  color: var(--brand-member-primary-color) !important;
}

.member input[type=checkbox]:checked + label:before {
  border-radius: 2px;
  border: 1px solid var(--brand-member-primary-color) !important;
  background-color: var(--brand-member-primary-color) !important;
}

.member input[type=checkbox]:checked + label:after, .member input[type=checkbox]:not(:checked) + label:after {
  border-left: 2px solid var(--brand-member-second-color) !important;
  border-bottom: 2px solid var(--brand-member-second-color) !important;
}

.brand-member-button-color-active.active, .brand-member-button-color, .brand-member-button-color-hover:hover {
  background-color: var(--brand-member-primary-color) !important;
  border-color: var(--brand-member-primary-color) !important;
  color: var(--brand-member-second-color) !important;
}

input[type=radio].btn-toggle:checked + .brand-member-button-color {
  background-color: var(--brand-member-primary-color) !important;
  border-color: var(--brand-member-primary-color) !important;
  color: var(--brand-member-second-color) !important;
}

input[type=radio].btn-toggle + .brand-member-button-color {
  border: 1px solid #EBECF3 !important;
  color: #323338 !important;
  background-color: #F5F9FB !important;
}

.ptminder-body-clients.modal-open .bootstrap-confirmation-modal .btn-primary {
  background-color: var(--brand-member-primary-color) !important;
  border-color: var(--brand-member-primary-color) !important;
  color: var(--brand-member-second-color) !important;
}

.bootstrap-confirmation-modal .btn-primary {
  background-color: var(--brand-member-primary-color) !important;
  border-color: var(--brand-member-primary-color) !important;
  color: var(--brand-member-second-color) !important;
}

.icon-card-o.member:before, .icon-list-o.member:before {
  color: var(--brand-member-second-color) !important;
}

.grid-table.member .view-item-table > span {
  color: var(--brand-member-second-color);
}
.grid-table.member .view-item-table i.fa-chevron-circle-right {
  color: var(--brand-member-second-color) !important;
}

.member .btn-primary {
  background-color: var(--brand-member-primary-color) !important;
  border-color: var(--brand-member-primary-color) !important;
  color: var(--brand-member-second-color) !important;
}

.transform-td-to-a {
  color: #2d88cd;
  text-decoration: underline;
}

.edit-avatar-wrapper {
  position: relative;
  width: 150px;
}
.edit-avatar-wrapper .user-avatar-wrapper {
  position: relative;
  display: flex;
  max-width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 5px #f5f5f5 solid;
  overflow: hidden;
}
.edit-avatar-wrapper .user-avatar-wrapper .bottom-choose-photo-icon {
  background: rgba(162, 162, 162, 0.8);
  cursor: pointer;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  text-align: center;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.edit-avatar-wrapper .user-avatar-wrapper .bottom-choose-photo-icon i {
  font-size: 30px;
  color: white !important;
}
.edit-avatar-wrapper .user-avatar-wrapper .without-avatar-block-for-new .photo-background {
  width: 145px !important;
  height: 145px !important;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 48px;
}
.edit-avatar-wrapper .edit-avatar-button-wrapper, .edit-avatar-wrapper .edit-avatar-button-wrapper-for-new {
  display: flex;
  position: absolute;
  right: 5px;
  top: 8px;
  z-index: 11;
}
.edit-avatar-wrapper .edit-avatar-button-wrapper.hide, .edit-avatar-wrapper .edit-avatar-button-wrapper-for-new.hide {
  display: none;
}
.edit-avatar-wrapper .edit-avatar-button-wrapper a, .edit-avatar-wrapper .edit-avatar-button-wrapper-for-new a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 33px;
  height: 33px;
  background: white;
  padding: 0;
  border: 1px solid #e7ecf1;
  border-radius: 50%;
  font-size: 1.7rem;
  cursor: pointer;
}
.edit-avatar-wrapper .edit-avatar-button-wrapper a .icon-edit, .edit-avatar-wrapper .edit-avatar-button-wrapper-for-new a .icon-edit {
  font-size: 17px;
}
.edit-avatar-wrapper .client-photo-wrap, .edit-avatar-wrapper .trainer-photo-wrap {
  float: none;
  width: 150px !important;
  height: 150px !important;
  margin-right: 0;
}
.edit-avatar-wrapper .client-photo-wrap .no-image, .edit-avatar-wrapper .trainer-photo-wrap .no-image {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 35px;
  cursor: pointer;
}
.edit-avatar-wrapper .remove-user-avatar-wrapper, .edit-avatar-wrapper .remove-user-avatar-wrapper-for-new {
  text-align: center;
  max-width: 150px;
}
.edit-avatar-wrapper .remove-user-avatar-wrapper .remove-user-avatar, .edit-avatar-wrapper .remove-user-avatar-wrapper .remove-user-avatar-for-new, .edit-avatar-wrapper .remove-user-avatar-wrapper-for-new .remove-user-avatar, .edit-avatar-wrapper .remove-user-avatar-wrapper-for-new .remove-user-avatar-for-new {
  text-decoration: none !important;
}
.edit-avatar-wrapper .remove-user-avatar-wrapper .remove-user-avatar .fa-trash-alt, .edit-avatar-wrapper .remove-user-avatar-wrapper .remove-user-avatar-for-new .fa-trash-alt, .edit-avatar-wrapper .remove-user-avatar-wrapper-for-new .remove-user-avatar .fa-trash-alt, .edit-avatar-wrapper .remove-user-avatar-wrapper-for-new .remove-user-avatar-for-new .fa-trash-alt {
  font-size: 17px;
}
.edit-avatar-wrapper .choose-color-circle {
  width: 15px;
  height: 15px;
  border-radius: 8px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  cursor: pointer;
}
.edit-avatar-wrapper .client-photo-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.edit-avatar-wrapper .edit-photo-wrap .choose-photo-wrap {
  width: 150px;
  height: 150px;
  position: absolute;
  top: 0;
  border-radius: 75px;
  overflow: hidden;
  z-index: 99999;
}
.edit-avatar-wrapper .edit-photo-wrap .choose-photo-wrap .bottom-choose-photo-icon {
  position: relative;
  z-index: 99999;
  text-align: center;
  background-color: rgba(162, 162, 162, 0.8);
  height: 50px;
  cursor: pointer;
}
.edit-avatar-wrapper .action-dropdown-menu {
  width: 150px;
  background-color: #fff;
  border-radius: 4px;
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  position: absolute;
  left: 0;
  bottom: -30px;
  z-index: 999;
}
.edit-avatar-wrapper .action-dropdown-menu li {
  padding: 9px 10px;
  text-align: left !important;
  border-bottom: 1px solid #f1f1f1;
}
.edit-avatar-wrapper .action-dropdown-menu li a {
  text-decoration: none !important;
  padding: 0;
  display: flex;
  align-items: center;
}
.edit-avatar-wrapper .action-dropdown-menu li a i {
  margin-right: 8px;
  font-size: 16px;
}
.edit-avatar-wrapper .action-dropdown-menu li a:hover {
  text-decoration: none !important;
}
.edit-avatar-wrapper .action-dropdown-menu li:last-child {
  border-bottom: none;
}

.tax-data-membership-wrapper {
  float: left;
}

.font-weight-bold {
  font-weight: bold;
}

a.view-invoice-modal {
  color: #2d88cd !important;
  text-decoration: underline !important;
}
a.view-invoice-modal:hover {
  color: #0095ff !important;
}

.open-clients-store-style {
  height: 37px;
  border: 1px solid var(--brand-color);
  color: var(--brand-color);
  text-align: center;
  padding-top: 7px;
  cursor: pointer;
  border-radius: 5px;
}

.open-clients-store-style.active {
  color: #fff;
  background-color: var(--brand-color);
  position: relative;
}

.pay-option-checkbox-wrap i {
  display: none;
  color: inherit !important;
  position: absolute;
  right: 10px;
  top: 8px;
  font-size: 18px;
}

#pay-option-checkbox-wrap {
  border: 1px solid #28a745;
}
#pay-option-checkbox-wrap i {
  display: inline;
  color: #28a745 !important;
  right: auto;
  margin-left: 5px;
}

.buy-with-card {
  border: 1px solid #28a745;
}
.buy-with-card i {
  display: inline;
  color: #28a745 !important;
  right: auto;
  margin-left: 5px;
}

#icon-birthday-user {
  position: absolute;
  top: 40px;
  right: 14px;
  font-size: 18px;
  color: #272431;
}

.pay-option-checkbox-wrap.active i {
  display: block;
}

.pay-option-checkbox-wrap:hover, .open-clients-store-style:hover {
  box-shadow: 1px 1px 10px #ccc;
}

.padding-top-30 {
  padding-top: 30px;
}

.color-zoom-livestream {
  color: #6923f4;
}

.btn-zoom-livestream {
  background-color: var(--button-color) !important;
  border-color: var(--button-color) !important;
  color: #ffffff !important;
}

.cursor-unset {
  cursor: unset !important;
}

.clients-validation-alert.hide-close-btn .close {
  display: none !important;
}

.option-info-block {
  border: 1px solid #E1E2E8;
  border-radius: 8px;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  min-height: 60px;
  padding: 10px 20px;
  margin-bottom: 10px;
  cursor: pointer;
  font-family: "SF Pro Display";
  color: #272431;
}
.option-info-block .header {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.option-info-block .header .name, .option-info-block .header .amount {
  font-size: 20px;
  font-weight: 500;
}
.option-info-block .description {
  margin-top: 10px;
}

.option-info-block.active, .option-info-block.active:hover {
  border-color: #6923F4;
  box-shadow: unset;
}

.option-info-block:hover {
  box-shadow: inset 0px 0 13px 7px #e1e2e8;
  border-color: #c1c1c1;
}

.tooltip-max-width .tooltip-inner {
  max-width: unset;
}

.cancelled-badge {
  background-color: #ff3465;
  color: #fff;
  padding: 3px 10px;
  font-weight: 500;
  border-radius: 5px;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

.check-in-block-option {
  border: 1px solid #E4E6EB;
  background-color: #F4F2FF;
  margin-top: 20px;
  padding: 15px;
}

.export-member {
  margin-top: 5px;
  padding: 5px;
  position: absolute;
  top: 140px;
  right: 65px;
  z-index: 2;
  display: flex;
}

.admin-list .choose-clients-columns-wrap .choose-clients {
  margin-top: 13px;
  position: absolute;
  top: 140px;
  right: 50px;
  z-index: 2;
  display: flex;
  cursor: pointer;
}
.admin-list .choose-clients-columns-wrap .list-of-column-wrap {
  position: absolute;
  right: 50px;
  top: 177px;
  z-index: 50;
  padding: 5px 20px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.18);
}
.admin-list .choose-clients-columns-wrap .list-of-column-wrap .client-info-column-wrap label {
  color: #2f2828;
}

.table-clearent tr th {
  background: #f6f9fb;
}

.total-clearent-table-background {
  background: #f3f3f3 !important;
}

.view-transaction-clearent {
  color: var(--button-color);
  text-decoration: underline;
}

.stock-alert {
  align-items: baseline;
}

.line-info {
  display: flex;
}
.line-info p:first-child {
  width: 250px;
}

.verification {
  background-color: #33cb7d;
  padding: 4px 4px;
  border-radius: 4px;
  font-size: 13px;
  margin-right: 10px;
}

.add-stripe-ach-bank-account-wrap .panel-heading {
  position: relative;
}
.recurring-checkbox-wrap .btn-xs::before,
.set-gympass-booking-wrap .btn-xs::before {
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  content: "\f00c";
  left: 3px;
  color: #6923F4;
  font-weight: bold;
}
.recurring-checkbox-wrap .off .btn-xs::before,
.set-gympass-booking-wrap .off .btn-xs::before {
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  content: "\f00d";
  left: 5px;
  top: -1px;
  color: #6A6D7D;
  font-weight: bold;
  font-size: 14px;
}

.zoom-livestream::before {
  content: none !important;
}

.transition-custom {
  transition: opacity 1s;
}
.transition-custom .inner {
  transition: left 1s;
}

.sidebar .footer-descriptions {
  display: flex;
  align-items: center;
  margin: 2px 0 0 8px;
  padding: 8px 19px;
}
.sidebar .footer-descriptions img {
  margin-right: 5px;
}

.custom-arrow-multiple-select .icon-chevron-down:before {
  content: "";
  height: 10px;
  width: 10px;
  border-style: solid;
  border-color: black;
  border-width: 0px 2px 2px 0px;
  transform: rotate(45deg);
  transition: border-width 150ms ease-in-out;
  position: absolute;
  top: 35%;
  right: 10px;
}

.movement-block {
  margin-top: 10px;
}
.movement-block .movement-type {
  border-radius: 12px;
  align-items: center;
  padding: 3px 7px 0px 7px;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  color: #0e0e0e;
}
.movement-block .weightlifting {
  background: #EBE5FF;
}
.movement-block .gymnastic {
  background: #C4FFED;
}
.movement-block .monostructural {
  background: #FEEDE4;
}

.control-calendar-block-wrap {
  display: inline-block !important;
  width: 400px !important;
}

.tooltip {
  z-index: 1051;
}

@media (max-width: 1300px) {
  .calendar-trainers-multiselect-wrap .btn-group, .calendar-types-multiselect-wrap .btn-group {
    width: 150px !important;
  }
  .control-calendar-block-wrap {
    width: 350px !important;
  }
}
.line-info {
  display: flex;
}
.line-info p:first-child {
  width: 250px;
}

.programming-access {
  padding: 20px;
  background: #F3F4F6;
  margin-top: 20px;
  border-radius: 8px;
}

.mh-330 {
  max-height: 330px;
}

.mh-400 {
  max-height: 400px;
}

.mh-430 {
  max-height: 430px;
}

.ui-datepicker-calendar {
  background: #fff;
}

#program-track .multiselect-native-select .btn-group .multiselect-container {
  max-width: 100% !important;
  width: 100%;
}
#program-track .multiselect-native-select .btn-group .multiselect-container .multiselect-filter {
  margin: 10px 0px;
}
#program-track .multiselect-native-select .btn-group.open ul.multiselect-container li.multiselect-filter .input-group .input-group-addon {
  position: absolute;
  border: none;
  z-index: 3;
  height: auto;
  background: none;
  margin-top: 6px;
}
#program-track .multiselect-native-select .btn-group.open ul.multiselect-container li.multiselect-filter .input-group .input-group-btn {
  display: none;
}
#program-track .multiselect-native-select .btn-group.open ul.multiselect-container li.multiselect-filter .input-group input.multiselect-search {
  width: 727px;
  padding-left: 30px;
  border-radius: 20px !important;
}

.edit-program-track .multiselect-native-select .btn-group.open ul.multiselect-container li.multiselect-filter .input-group input.multiselect-search {
  width: 525px !important;
  padding-left: 30px;
  border-radius: 20px !important;
}
.edit-program-track .chosen-disabled, .edit-program-track .chosen-container.chosen-container-multi {
  display: none;
}

.publish_workout_condition {
  background: #F3F4F6;
  border-radius: 8px;
  margin: 10px 0;
  padding: 10px;
}

.datepicker td, th {
  padding: 6px !important;
  font-size: 15px !important;
}

.datepicker td.active.active {
  border-radius: 50%;
  background: #6924F4 !important;
}

.datepicker td.day:hover {
  border-radius: 50% !important;
}

.datepicker tr th.dow {
  font-weight: 100 !important;
}

.datepicker thead > tr:nth-child(2) {
  position: relative;
  height: 40px;
}

.datepicker thead > tr:nth-child(2) > * {
  position: absolute;
  height: 40px;
  display: flex;
  align-items: center;
}

.datepicker thead > tr:nth-child(2) > .prev {
  right: 25px;
}

.datepicker thead > tr:nth-child(2) > .next {
  right: 0;
}

.datepicker thead > tr:nth-child(2) > .datepicker-switch {
  left: 0;
}

.datepicker tbody > tr > td {
  padding: 10px !important;
  width: auto !important;
}

#duplicateTrack .modal-dialog {
  width: 450px;
}
#duplicateTrack .modal-header {
  padding: 15px 15px 6px 15px;
}
#duplicateTrack .modal-header h5 {
  color: #272431;
  font-weight: 600;
}
#duplicateTrack .modal-header p {
  color: #6A6D7D;
  font-weight: 400;
}

.list-selected-date div.d-flex {
  max-height: 200px;
  overflow: auto;
}

.selectedDateCount {
  width: 230px;
  margin: 15px;
}
.selectedDateCount .count-date-btn {
  width: 100%;
  padding: 10px;
  border-radius: 30px !important;
  border: 1px solid #E1E2E8 !important;
  background: #FFF !important;
  color: #272431;
}

.multiple-calendar-wrap {
  position: relative;
}
.multiple-calendar-wrap img {
  position: absolute;
  width: 13px;
  height: 15px;
  transform: translateY(15px);
  right: 10px;
}

.mt-31 {
  margin-top: 31px !important;
}

.mr-290 {
  margin-right: 290px !important;
}

.select2-search--inline {
  display: contents; /*this will make the container disappear, making the child the one who sets the width of the element*/
}

.select2-search__field:placeholder-shown {
  width: 100% !important; /*makes the placeholder to be 100% of the width while there are no options selected*/
}

.create-new-template-url {
  position: absolute;
  left: 225px;
  transform: translateY(15px);
  color: #323338 !important;
  text-decoration-line: underline;
}

#attendee_details {
  padding: auto;
}
#attendee_details .event-attendee_details label {
  line-height: 24px;
}
#attendee_details .event-attendee_details select {
  width: 100%;
}
#attendee_details .event-attendee_details input {
  background: #F8F9FA;
  padding: 12px;
  border: none;
}
#attendee_details .main-quest-pdf-wraper {
  padding: 15px;
  margin-top: 260px;
}

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

.signin-trainers-links-wrap {
  padding: 20px;
}
.signin-trainers-links-wrap .cover-coach {
  text-align: left;
}
.signin-trainers-links-wrap .title-coach {
  font-size: 20px;
}

.signin-clients-links-wrap {
  padding: 20px;
}
.signin-clients-links-wrap .cover-coach {
  text-align: left;
}
.signin-clients-links-wrap .title-coach {
  font-size: 20px;
}

.is_membership_free {
  position: absolute;
  top: -14px;
}

.item_table_class {
  padding-right: 10px;
}

.event-modal-action .modal-dialog {
  width: 457px;
}
.event-modal-action .modal-dialog .modal-body {
  padding: 16px;
}
.event-modal-action .modal-dialog .modal-content {
  border-radius: 17px;
  overflow: hidden;
}
.event-modal-action .modal-dialog .bootstrap-dialog-message {
  font-family: SF Pro Text;
  line-height: 20px;
}
.event-modal-action .modal-dialog .bootstrap-dialog-title {
  font-family: SF Pro Display;
}
.event-modal-action .modal-dialog .btn-danger {
  background-color: #C2210F;
}
.event-modal-action .modal-dialog .btn-primary {
  background-color: #6923F4;
}
.event-modal-action .modal-dialog .bootstrap-dialog-footer-buttons .btn {
  font-family: SF Pro Text;
}

#btn_draft_continue, #btn_save_draft {
  border: none;
  background: #f8f9fa;
}

.clients-by-groups .chosen-container {
  width: 100% !important;
}

.event-invite_details .chosen-container-multi .chosen-choices .search-choice {
  border-radius: 13px !important;
  background-color: white !important;
  color: black !important;
  border: 1px solid #6923F4 !important;
  background-color: #ffffff;
}
.event-invite_details .chosen-container-multi .chosen-choices .search-choice .search-choice-close {
  color: #272431 !important;
}
.event-invite_details .note-toolbar .note-font {
  display: none;
}
.event-invite_details .note-toolbar .note-fontsize {
  display: none;
}

.movement-type-library {
  border-radius: 12px;
  align-items: center;
  padding: 3px 7px 0px 7px;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  color: #0e0e0e;
  margin-top: 13px;
}

.movement-library .weightlifting {
  background: #EBE5FF;
}

.movement-library .gymnastic {
  background: #C4FFED;
}

.movement-library .monostructural {
  background: #FEEDE4;
}

.add-set-movement {
  text-align: center;
  margin-top: 15px;
  cursor: pointer;
  color: #6923F4;
}
.add-set-movement i {
  color: #6923F4;
}

.category-search {
  padding: 10px 0px;
  font-size: 13px;
}

.detail-programming .created-date {
  display: inline-block;
  width: 100%;
  margin-top: 2px;
}
.detail-programming .created-date img, .detail-programming .created-date svg {
  float: left;
  margin-right: 2px;
}
.detail-programming .created-date .subtitle {
  float: left;
  margin-top: 2px;
}

.wrap-late-cancel .late-cancel-content, .wrap-late-cancel .late-cancel-content-session {
  background: #F3F4F6;
  padding: 15px;
  margin-bottom: 20px;
}

.wrap-no-show .no-show-content, .wrap-no-show .no-show-content-session {
  background: #F3F4F6;
  padding: 15px;
  margin-bottom: 20px;
}

#no-show-late-cancel-modal .modal-content {
  width: 400px;
  margin: auto;
}
#no-show-late-cancel-modal .no-show-wrap .mode-checkbox {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
#no-show-late-cancel-modal button.btn-danger {
  background-color: red;
  border-color: red;
}

.wrap-no-show .no-show-content {
  background: #F3F4F6;
  padding: 15px;
  margin-bottom: 20px;
}

.sn-checkbox-open-in-new-window .custom-checkbox-wrap {
  margin-left: 20px;
}
.sn-checkbox-open-in-new-window input {
  margin-top: auto !important;
  left: unset !important;
  opacity: 1 !important;
}

.note-editable a, .note-editable a:hover, .popover-content a, .popover-content a:hover {
  color: #0000EE;
}

.tax-service-info {
  font-size: 10px;
  font-style: italic;
  margin: 2px 0 0 -5px;
}

.mt--5 {
  margin-top: -5px !important;
}

.mt--3 {
  margin-top: -3px !important;
}

.hover-tooltip:hover i {
  color: #F44E27;
}

.assign-coaches-text {
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
  font-weight: 400;
}

.sheet-calendar #calendar .fc-view-agendaDay .fc-event > div .fc-event-content {
  display: inline-grid !important;
  height: 100%;
  padding: 4px;
  align-items: center;
}

.sheet-calendar #calendar .fc-view-agendaDay .fc-event > div .fc-event-content .fc-event-title {
  flex: unset !important;
  padding: unset !important;
}

.sheet-calendar #calendar .fc-view-agendaDay .fc-event > div .fc-event-content .fc-event-time {
  background-color: rgba(39, 36, 49, 0.3) !important;
}

.fc-event-title i.fa-calendar-alt {
  color: #ffffff !important;
}

.event-past .fc-event-title i.fa-calendar-alt {
  color: #595A6B !important;
}

#add-membership-form .membership-description .note-font, #add-membership-form .package-description .note-font, #add-membership-form .product-description .note-font, #add-product-form .membership-description .note-font, #add-product-form .package-description .note-font, #add-product-form .product-description .note-font, #add-package-form .membership-description .note-font, #add-package-form .package-description .note-font, #add-package-form .product-description .note-font {
  display: none;
}
#add-membership-form .membership-description .note-editor .note-editable .MsoListParagraphCxSpFirst, #add-membership-form .membership-description .note-editor .note-editable .MsoListParagraphCxSpMiddle, #add-membership-form .membership-description .note-editor .note-editable .MsoListParagraphCxSpLast, #add-membership-form .membership-description .note-editor .note-editable p, #add-membership-form .membership-description .note-editor .note-editable li, #add-membership-form .package-description .note-editor .note-editable .MsoListParagraphCxSpFirst, #add-membership-form .package-description .note-editor .note-editable .MsoListParagraphCxSpMiddle, #add-membership-form .package-description .note-editor .note-editable .MsoListParagraphCxSpLast, #add-membership-form .package-description .note-editor .note-editable p, #add-membership-form .package-description .note-editor .note-editable li, #add-membership-form .product-description .note-editor .note-editable .MsoListParagraphCxSpFirst, #add-membership-form .product-description .note-editor .note-editable .MsoListParagraphCxSpMiddle, #add-membership-form .product-description .note-editor .note-editable .MsoListParagraphCxSpLast, #add-membership-form .product-description .note-editor .note-editable p, #add-membership-form .product-description .note-editor .note-editable li, #add-product-form .membership-description .note-editor .note-editable .MsoListParagraphCxSpFirst, #add-product-form .membership-description .note-editor .note-editable .MsoListParagraphCxSpMiddle, #add-product-form .membership-description .note-editor .note-editable .MsoListParagraphCxSpLast, #add-product-form .membership-description .note-editor .note-editable p, #add-product-form .membership-description .note-editor .note-editable li, #add-product-form .package-description .note-editor .note-editable .MsoListParagraphCxSpFirst, #add-product-form .package-description .note-editor .note-editable .MsoListParagraphCxSpMiddle, #add-product-form .package-description .note-editor .note-editable .MsoListParagraphCxSpLast, #add-product-form .package-description .note-editor .note-editable p, #add-product-form .package-description .note-editor .note-editable li, #add-product-form .product-description .note-editor .note-editable .MsoListParagraphCxSpFirst, #add-product-form .product-description .note-editor .note-editable .MsoListParagraphCxSpMiddle, #add-product-form .product-description .note-editor .note-editable .MsoListParagraphCxSpLast, #add-product-form .product-description .note-editor .note-editable p, #add-product-form .product-description .note-editor .note-editable li, #add-package-form .membership-description .note-editor .note-editable .MsoListParagraphCxSpFirst, #add-package-form .membership-description .note-editor .note-editable .MsoListParagraphCxSpMiddle, #add-package-form .membership-description .note-editor .note-editable .MsoListParagraphCxSpLast, #add-package-form .membership-description .note-editor .note-editable p, #add-package-form .membership-description .note-editor .note-editable li, #add-package-form .package-description .note-editor .note-editable .MsoListParagraphCxSpFirst, #add-package-form .package-description .note-editor .note-editable .MsoListParagraphCxSpMiddle, #add-package-form .package-description .note-editor .note-editable .MsoListParagraphCxSpLast, #add-package-form .package-description .note-editor .note-editable p, #add-package-form .package-description .note-editor .note-editable li, #add-package-form .product-description .note-editor .note-editable .MsoListParagraphCxSpFirst, #add-package-form .product-description .note-editor .note-editable .MsoListParagraphCxSpMiddle, #add-package-form .product-description .note-editor .note-editable .MsoListParagraphCxSpLast, #add-package-form .product-description .note-editor .note-editable p, #add-package-form .product-description .note-editor .note-editable li {
  text-indent: unset !important;
}

#manage-leaderboard-levels-form .toggle:not(.off) .toggle-group .toggle-handle.btn-default {
  background-color: white !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8' fill='none'%3E%3Cpath d='M10 1L4 7L1 4' stroke='%236923F4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: auto !important;
  background-position: center !important;
}
#manage-leaderboard-levels-form .toggle.off .toggle-group .toggle-handle.btn-default {
  background-color: white !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M6 6L9 9M3 9L6 6L3 9ZM6 6L9 3L6 6ZM6 6L3 3L6 6Z' stroke='%236A6D7D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: auto !important;
  background-position: center !important;
}
#manage-leaderboard-levels-form .mywebsite-mode-selector {
  align-items: center;
}
#manage-leaderboard-levels-form .add_leaderboard_levels_items_btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  background: #FFFFFF;
  border: 1px solid #E1E2E8;
  border-radius: 54px;
  color: #272431;
  margin-left: auto;
}
#manage-leaderboard-levels-form .add_leaderboard_levels_items_btn:hover {
  border: 1px solid #6923F4;
}
#manage-leaderboard-levels-form .add_leaderboard_levels_items_btn:focus {
  border: 1px solid #6923F4;
  box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #8857FA;
}
#manage-leaderboard-levels-form .add_leaderboard_levels_items_btn:active {
  border: 1px solid #E1E2E8;
  box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #8857FA;
}
#manage-leaderboard-levels-form .add_leaderboard_levels_items_btn i {
  margin-right: 5px;
  color: #272431;
}
#manage-leaderboard-levels-form td.name {
  width: 200px;
}
#manage-leaderboard-levels-form td.name:hover {
  cursor: grabbing !important;
}
#manage-leaderboard-levels-form td:first-child:hover, #manage-leaderboard-levels-form td:first-child *:hover {
  cursor: grabbing !important;
}
#manage-leaderboard-levels-form label {
  color: #272431 !important;
}
#manage-leaderboard-levels-form label.toggle-on, #manage-leaderboard-levels-form label.toggle-off {
  display: none;
}
#manage-leaderboard-levels-form .leaderboard_levels_items {
  margin-top: 12px;
}
#manage-leaderboard-levels-form .leaderboard_levels_items .ui-state-default.ui-jqgrid-hdiv {
  display: none;
}

#leaderboard_levels_items_modal .modal-dialog, #edit_leaderboard_levels_item_modal .modal-dialog, #delete_leaderboard_levels_item_modal .modal-dialog {
  width: 374px;
  margin: 25vh auto;
}
#leaderboard_levels_items_modal .modal-content, #edit_leaderboard_levels_item_modal .modal-content, #delete_leaderboard_levels_item_modal .modal-content {
  border-radius: 12px;
}
#leaderboard_levels_items_modal .modal-header, #edit_leaderboard_levels_item_modal .modal-header, #delete_leaderboard_levels_item_modal .modal-header {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  position: relative;
}
#leaderboard_levels_items_modal .modal-header .close, #edit_leaderboard_levels_item_modal .modal-header .close, #delete_leaderboard_levels_item_modal .modal-header .close {
  position: absolute;
  right: 20px;
  top: 20px;
}
#leaderboard_levels_items_modal .modal-header .modal-title .title, #leaderboard_levels_items_modal .modal-header .modal-title .title .level-name, #edit_leaderboard_levels_item_modal .modal-header .modal-title .title, #edit_leaderboard_levels_item_modal .modal-header .modal-title .title .level-name, #delete_leaderboard_levels_item_modal .modal-header .modal-title .title, #delete_leaderboard_levels_item_modal .modal-header .modal-title .title .level-name {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #272431;
}
#leaderboard_levels_items_modal .modal-header .modal-title .subtitle, #edit_leaderboard_levels_item_modal .modal-header .modal-title .subtitle, #delete_leaderboard_levels_item_modal .modal-header .modal-title .subtitle {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #6A6D7D;
}
#leaderboard_levels_items_modal .modal-body label, #edit_leaderboard_levels_item_modal .modal-body label, #delete_leaderboard_levels_item_modal .modal-body label {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #272431;
  position: relative;
  margin-bottom: 4px;
}
#leaderboard_levels_items_modal .modal-body label .count-input, #edit_leaderboard_levels_item_modal .modal-body label .count-input, #delete_leaderboard_levels_item_modal .modal-body label .count-input {
  position: absolute;
  top: 50%;
  right: 10px;
  color: #6A6D7D;
}
#leaderboard_levels_items_modal .modal-body .error-block, #edit_leaderboard_levels_item_modal .modal-body .error-block, #delete_leaderboard_levels_item_modal .modal-body .error-block {
  display: flex;
}
#leaderboard_levels_items_modal .modal-body .error-block .error-text, #edit_leaderboard_levels_item_modal .modal-body .error-block .error-text, #delete_leaderboard_levels_item_modal .modal-body .error-block .error-text {
  margin-left: auto;
  color: #C2210F;
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  display: flex;
}
#leaderboard_levels_items_modal .modal-body .error-block .error-text i, #edit_leaderboard_levels_item_modal .modal-body .error-block .error-text i, #delete_leaderboard_levels_item_modal .modal-body .error-block .error-text i {
  color: #C2210F !important;
  display: flex;
  align-items: center;
}
#leaderboard_levels_items_modal .modal-body .hide, #edit_leaderboard_levels_item_modal .modal-body .hide, #delete_leaderboard_levels_item_modal .modal-body .hide {
  display: none !important;
}
#leaderboard_levels_items_modal .modal-footer, #edit_leaderboard_levels_item_modal .modal-footer, #delete_leaderboard_levels_item_modal .modal-footer {
  border-top: none;
}
#leaderboard_levels_items_modal .modal-footer .btn-create-leaderboard-level-item, #edit_leaderboard_levels_item_modal .modal-footer .btn-create-leaderboard-level-item, #delete_leaderboard_levels_item_modal .modal-footer .btn-create-leaderboard-level-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  background: #6923F4;
  border-radius: 39px;
  margin-left: auto;
}

#leaderboard_level_items-categories-grid tbody tr.jqgfirstrow {
  display: none;
}
#leaderboard_level_items-categories-grid tbody tr {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid #E1E2E8 !important;
  border-radius: 8px !important;
  margin-bottom: 8px;
  height: fit-content;
}
#leaderboard_level_items-categories-grid tbody tr:hover {
  background-color: #F4F2FF !important;
  border: 1px solid #6923F4 !important;
}
#leaderboard_level_items-categories-grid tbody tr td {
  border: none !important;
  height: auto;
  padding-top: 16px;
  padding-bottom: 16px;
}
#leaderboard_level_items-categories-grid tbody tr td:first-child {
  padding-left: 16px !important;
}
#leaderboard_level_items-categories-grid tbody tr td:last-child {
  padding-right: 16px !important;
}
#leaderboard_level_items-categories-grid tbody tr td:hover {
  cursor: grabbing;
}

#leaderboard_level_items-categories-grid-pager {
  display: none;
}

.leaderboard_levels_block {
  margin-top: 25px;
  margin-left: 50px;
  width: max-content;
}

.add_leaderboard_levels_items {
  width: 330px;
  display: flex;
  margin-top: 10px;
}

#delete_leaderboard_levels_item_modal .modal-header, #delete_leaderboard_levels_item_modal .modal-footer {
  border: none !important;
}
#delete_leaderboard_levels_item_modal .btn-cancel {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  background: #FFFFFF;
  border: 1px solid #E1E2E8;
  border-radius: 39px;
}
#delete_leaderboard_levels_item_modal .btn-delete {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  background: #C2210F;
  border-radius: 39px;
}
#delete_leaderboard_levels_item_modal .modal-body {
  color: #6A6D7D;
}

.fld-label span, .field-label span, .form-group span, .field-label font, .form-group font {
  color: black;
}

.fld-label span, .field-label span, .form-group span, .field-label font, .form-group font {
  background-color: white !important;
}

.fld-label span, .field-label span, .form-group td {
  color: black !important;
}

.fld-label span, .field-label span, .form-group td {
  background-color: white !important;
}

.red {
  color: red !important;
}

.page-sidebar__user-menu__item .header-user-info .client-photo-wrap .no-image {
  height: 40px !important;
  width: 40px !important;
  min-height: 40px;
  min-width: 40px;
  max-height: 40px;
  max-width: 40px;
}

#client_uploads_data .client-form-fileupload .table-files-wrap .file-shared {
  cursor: default;
}
#client_uploads_data .client-form-fileupload .table-files-wrap .file-shared .checkbox-block label {
  cursor: pointer;
}
#client_uploads_data .client-form-fileupload .table-files-wrap .file-shared .checkbox-block label::before {
  border-color: #000000;
}
#client_uploads_data .client-form-fileupload .table-files-wrap .file-shared .checkbox-block input[type=checkbox]:checked + label::before {
  border-color: var(--button-color);
}
#client_uploads_data .client-form-fileupload .table-files-wrap .file-actions i {
  color: #323338;
}
#client_uploads_data .client-form-fileupload .table-files-wrap .file-actions i:hover {
  color: var(--brand-color);
}

.z-index-custom-calendar {
  z-index: 1060 !important;
}

.footer-new-layout {
  text-align: center;
  color: #6A6D7D;
  padding: 10% 18% 5%;
}

.back_show_home {
  display: inline-block;
  color: #6A6D7D;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  padding-bottom: 10px;
  cursor: pointer;
}
.back_show_home i {
  font-size: 10px;
  margin-right: 10px;
}

.back_show_home_sign {
  display: inline-block;
  color: #6A6D7D;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  padding-bottom: 10px;
  cursor: pointer;
}
.back_show_home_sign i {
  font-size: 10px;
  margin-right: 10px;
}

.h2-store {
  margin-top: 0;
  font-size: 32px;
  line-height: 36px;
  font-weight: 600;
  text-align: left;
  padding-bottom: 10px;
}

.radio-item {
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 16px;
  border: 1px solid #E1E2E8;
  border-radius: 6px;
  margin-bottom: 16px;
}

.radio-item input[type=radio] {
  display: none;
}

.radio-item input[type=radio] + label {
  padding-left: 30px !important;
  width: 100% !important;
}

.radio-item label {
  color: #666;
  font-weight: normal;
}

.radio-item label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 5px 0 0;
  width: 20px !important;
  height: 20px !important;
  border-radius: 11px;
  border: 2px solid #C8CACC !important;
  background-color: transparent !important;
}

.radio-item input[type=radio]:checked + label:after {
  border-radius: 11px;
  width: 10px !important;
  height: 10px !important;
  position: absolute;
  top: 5px;
  left: 5px;
  content: " ";
  display: block;
  background: var(--button-color) !important;
}

.radio-item:has(> input[type=radio]:checked) {
  background-color: #F4F2FF;
  border: 1px solid var(--button-color);
}

.client_render_schedules {
  background-color: var(--brand-member-color-bg);
}

.homepage-client-schedules {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  padding: 50px 0;
}
.homepage-client-schedules .h2-appointment, .homepage-client-schedules .homepage-client-schedules-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  line-height: 36px;
  font-weight: 600;
  text-align: center;
}
.homepage-client-schedules .h2-appointment.homepage-client-schedules-dupont, .homepage-client-schedules .homepage-client-schedules-heading.homepage-client-schedules-dupont {
  margin-bottom: 45px;
}

.client-content-booking-list,
.book-event-steps-wrap,
.store-wrap {
  min-height: 400px;
}

.booking-item-action-details {
  cursor: pointer;
  color: #6A6D7D;
  text-decoration: underline;
}

.homepage-client-schedules-content {
  background-color: #fff;
  border-radius: 8px;
  padding: 32px;
}
.homepage-client-schedules-content > .booking-table-wrap {
  min-height: 400px;
}
.homepage-client-schedules-content.p-5 {
  padding: 5px !important;
}
.homepage-client-schedules-content .book-store-tabs-wrap-new-layout {
  background: #f6f9fb;
  padding: 5px;
  border-radius: 5px;
}
.homepage-client-schedules-content .book-store-tabs-wrap-new-layout .bf-menu li {
  display: inline-block;
  margin-right: 10px;
  height: 38px;
}
.homepage-client-schedules-content .book-store-tabs-wrap-new-layout .bf-menu li a {
  color: #323338;
  font-weight: 500;
  position: relative;
  top: 10px;
  padding: 10px;
}
.homepage-client-schedules-content .book-store-tabs-wrap-new-layout .bf-menu li.active a {
  color: #fff;
}
.homepage-client-schedules-content .book-store-tabs-wrap-new-layout .bf-menu li.active {
  background: var(--brand-color);
  color: #fff;
  border-radius: 5px;
}
.homepage-client-schedules-content .client-content-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.homepage-client-schedules-content .client-content-heading h3 {
  font-size: 32px;
  font-weight: 600;
  line-height: 36px;
  margin-top: 0;
}
.homepage-client-schedules-content .client-content-heading .client-content-filter {
  display: flex;
  align-items: center;
}
.homepage-client-schedules-content .client-content-heading .client-content-filter .client-content-filter-text {
  padding: 0 10px;
}
.homepage-client-schedules-content .client-content-heading .client-content-filter .client-content-filter-text .client-content-filter-text-mb {
  display: none;
}
.homepage-client-schedules-content .client-content-booking-today {
  width: 100%;
  background-color: #F8F9FA;
  border-radius: 8px;
  margin: 32px 0;
}
.homepage-client-schedules-content .client-content-booking-today .client-content-booking-wrapper {
  display: flex;
  align-items: center;
}
.homepage-client-schedules-content .client-content-booking-today .client-content-booking-wrapper .client-booking-arrow {
  display: block;
  padding: 16px;
}
.homepage-client-schedules-content .client-content-booking-today .client-content-booking-wrapper .client-booking-arrow i {
  font-size: 20px;
  color: #272431;
}
.homepage-client-schedules-content .client-content-booking-today .client-content-booking-wrapper .client-dates-booking {
  flex: 1;
  display: flex;
  align-items: center;
}
.homepage-client-schedules-content .client-content-booking-today .client-content-booking-wrapper .client-date-booking-link {
  text-decoration: none;
  flex: 1;
}
.homepage-client-schedules-content .client-content-booking-today .client-content-booking-wrapper .client-date-booking-link.active {
  background-color: var(--brand-member-primary-color);
}
.homepage-client-schedules-content .client-content-booking-today .client-content-booking-wrapper .client-date-booking-link.active .client-date-title {
  color: var(--brand-member-second-color);
}
.homepage-client-schedules-content .client-content-booking-today .client-content-booking-wrapper .client-date-booking-link:hover:not(.active) {
  background-color: #E1E2E8;
}
.homepage-client-schedules-content .client-content-booking-today .client-content-booking-wrapper .client-date-booking-link .client-date-title {
  padding: 24px;
  color: #272431;
  text-align: center;
}
.homepage-client-schedules-content .client-content-booking-today .client-content-booking-wrapper .client-date-booking-link .client-date-title p,
.homepage-client-schedules-content .client-content-booking-today .client-content-booking-wrapper .client-date-booking-link .client-date-title .client-date-subtitle {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 2px;
}
.homepage-client-schedules-content .client-content-booking-today .client-content-booking-wrapper .client-date-booking-link .client-date-title span.client-date-day,
.homepage-client-schedules-content .client-content-booking-today .client-content-booking-wrapper .client-date-booking-link .client-date-title span.client-date-month {
  display: inline-block;
  font-size: 14px;
}
.homepage-client-schedules-content .client-content-booking-item-wrapper {
  padding: 14px 0;
  border-bottom: 1px solid #E1E2E8;
}
.homepage-client-schedules-content .client-content-booking-item-wrapper .client-content-view-detail {
  margin: 14px 0;
  padding: 8px 8px 8px 143px;
}
.homepage-client-schedules-content .client-content-booking-item-wrapper .client-content-view-detail .client-content-view-detail-heading {
  color: #272431;
  font-weight: 600;
}
.homepage-client-schedules-content .client-content-booking-item-wrapper .client-content-view-detail .client-content-view-detail-des {
  font-weight: 400;
  color: #6A6D7D;
}
.homepage-client-schedules-content .client-content-booking-item .booking-item-left {
  display: inline-flex;
  align-items: center;
}
.homepage-client-schedules-content .client-content-booking-item .booking-item-left .booking-item-left-item {
  margin-right: 17px;
}
.homepage-client-schedules-content .client-content-booking-item .booking-item-left .booking-item-left-item .trainer-photo-wrap .no-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.homepage-client-schedules-content .client-content-booking-item .booking-item-left .booking-item-time-wrapper p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #272431;
  margin-bottom: 0;
}
.homepage-client-schedules-content .client-content-booking-item .booking-item-left .booking-item-time-wrapper span {
  display: block;
  font-size: 10px;
  font-weight: 400;
  color: #6A6D7D;
}
.homepage-client-schedules-content .client-content-booking-item .booking-item-left .booking-item-avatar {
  display: flex;
  width: 55px;
  height: 55px;
}
.homepage-client-schedules-content .client-content-booking-item .booking-item-left .booking-item-avatar img {
  width: 100%;
  border-radius: 50px;
}
.homepage-client-schedules-content .client-content-booking-item .booking-item-left .booking-item-title .booking-item-title-name {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #272431;
  margin-bottom: 0;
  text-transform: capitalize;
}
.homepage-client-schedules-content .client-content-booking-item .booking-item-left .booking-item-title .booking-item-title-detail-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #6A6D7D;
}
.homepage-client-schedules-content .client-content-booking-item .booking-item-left .booking-item-title .text-expanded {
  display: none;
}
.homepage-client-schedules-content .client-content-booking-item .booking-item-left .booking-item-title .text-toogle:has(.collapsed) .text-expanded {
  display: none;
}
.homepage-client-schedules-content .client-content-booking-item .booking-item-left .booking-item-title .text-toogle:not(.collapsed) .text-collapsed {
  display: none;
}
.homepage-client-schedules-content .client-content-booking-item .booking-item-left .booking-item-title .text-toogle:not(.collapsed) .text-expanded {
  display: inline-block;
}
.homepage-client-schedules-content .client-content-booking-item .booking-item-left .booking-item-title .booking-item-title-simple {
  position: relative;
  padding-right: 8px;
}
.homepage-client-schedules-content .client-content-booking-item .booking-item-left .booking-item-title .booking-item-title-simple:not(:nth-child(1)) {
  padding-left: 5px;
}
.homepage-client-schedules-content .client-content-booking-item .booking-item-left .booking-item-title .booking-item-title-simple:not(:last-child)::after {
  content: "";
  position: absolute;
  display: block;
  height: 70%;
  width: 1px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-color: #6A6D7D;
}
.homepage-client-schedules-content .client-content-booking-item .booking-item-left .booking-item-action-details {
  text-decoration: none;
  cursor: pointer;
}
.homepage-client-schedules-content .client-content-booking-item .booking-item-left .booking-item-action-details span {
  padding-right: 8px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
.homepage-client-schedules-content .client-content-booking-item .booking-item-left .booking-item-action-details i {
  font-size: 12px;
}
.homepage-client-schedules-content .client-content-booking-item .collapse-mb {
  display: none !important;
}
.homepage-client-schedules-content .client-content-booking-item .collapse-w {
  display: block !important;
}
.homepage-client-schedules-content .client-content-booking-item .booking-item-right {
  text-align: center;
  float: right;
  display: inline-block;
}
.homepage-client-schedules-content .client-content-booking-item .booking-item-right .booking-item-btn.unavailable-wrap {
  transform: translateY(10px);
}
.homepage-client-schedules-content .client-content-booking-item .booking-item-right .brand-member-button-color {
  background-color: #FFF !important;
  color: #272431 !important;
  border: 1px solid #272431 !important;
}
.homepage-client-schedules-content .client-content-booking-item .booking-item-right .booking-item-btn {
  outline: none;
  border: none;
  width: 230px;
  padding: 10px 20px;
  border-radius: 39px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.homepage-client-schedules-content .client-content-booking-item .booking-item-right .booking-item-btn.active {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 26px;
  color: var(--brand-member-second-color);
  background-color: var(--brand-member-primary-color);
}
.homepage-client-schedules-content .client-content-booking-item .booking-item-right .booking-item-btn.disable-block {
  cursor: text;
}
.homepage-client-schedules-content .client-content-booking-item .booking-item-right .booking-item-cancel {
  text-decoration: underline;
  cursor: pointer;
  position: relative;
  right: 22%;
}
.homepage-client-schedules-content .client-content-booking-item .booking-item-right .booking-item-unavarible {
  margin-top: 6px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #6A6D7D;
  margin-bottom: 0;
}
.homepage-client-schedules-content .client-content-footer {
  display: flex;
  justify-content: end;
}
.homepage-client-schedules-content .client-content-footer .client-content-footer-wrapper {
  margin-top: 24px;
}
.homepage-client-schedules-content .client-content-footer p {
  display: block;
  font-size: 8px;
  color: #6A6D7D;
  line-height: 10px;
  text-align: right;
  letter-spacing: 0.216px;
  text-transform: uppercase;
  margin-bottom: 0;
}
.homepage-client-schedules-content .client-content-footer img {
  text-align: right;
  width: 92px;
}

.client-content-filter-wrapper {
  display: flex;
  align-items: center;
}

.client-content-heading .btn-homepage-client-filter {
  outline: none;
  border: 1px solid #E1E2E8;
  display: none;
  align-items: center;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #272431;
  background-color: #FFFFFF;
  cursor: pointer;
}
.client-content-heading .btn-homepage-client-filter .btn-homepage-client-filter-icon {
  margin-right: 6px;
}

.client-content-filter-icon-close {
  display: none;
}

.booking-item-time-wrapper-mb {
  display: none;
}

.wrap-class-coach {
  padding-right: 10px;
}

.client-forgot-password {
  float: right;
  margin-bottom: 20px;
}

.services-wrap .border-new-layout {
  display: block;
  padding: 8px !important;
  background: #fff;
  margin: 6px 5px;
  width: 32%;
}

.collapse.recurring-booking-event-booked-mb {
  height: auto;
  display: block;
}

.wrap-class-categories:nth-child(2) {
  margin-right: 10px;
}

@media (max-width: 765px) {
  .client-date-title {
    padding: 10px 8px !important;
  }
  .border-new-layout {
    width: 48%;
  }
}
@media (min-width: 766px) {
  .client-dates-booking .first_element_in_dates_0 {
    background-color: transparent;
  }
}
@media (max-width: 648px) {
  .collapse-mb {
    display: block !important;
  }
  .collapse-w {
    display: none !important;
  }
  .client_render_schedules {
    padding: 10px;
  }
  .client-content-filter {
    display: none !important;
  }
  .client-date-subtitle {
    display: none;
  }
  .client-booking-arrow {
    padding: 6px !important;
  }
  .homepage-client-schedules-content {
    padding: 32px 0 !important;
    background-color: transparent;
    border: none;
  }
  .recurring-booking-confirm-wrapper .recurring-booking-confirm-heading {
    padding-top: 20px !important;
  }
  .recurring-booking-confirm-wrapper .recurring-booking-confirm-container {
    padding: 0 5px !important;
  }
  .recurring-booking-event-booked-mb.collapse.in {
    display: block;
  }
  .recurring-booking-event-booked-mb.collapse {
    display: none;
  }
  .homepage-client-schedules-heading {
    display: none !important;
  }
  .homepage-client-schedules-content .client-content-booking-item-wrapper {
    background-color: #ffffff;
    margin: 12px 0;
    padding: 16px;
    border: 1px solid #E1E2E8;
    border-radius: 8px;
  }
  .homepage-client-schedules-content .client-content-booking-item .booking-item-right {
    float: none !important;
    display: block !important;
  }
  .client-content-booking-item {
    display: flex !important;
    flex-direction: column;
  }
  .client-content-booking-item .booking-item-left {
    order: 1;
  }
  .client-content-booking-item .booking-item-collapse {
    order: 2;
  }
  .client-content-booking-item .booking-item-right {
    order: 3;
  }
  .wrap-class-coach {
    padding-right: 0px;
  }
  .booking-item-right {
    display: block;
  }
  .booking-item-btn {
    width: 100% !important;
    margin-top: 12px;
  }
  .booking-item-time-wrapper-w {
    display: none;
  }
  .booking-item-time-wrapper-mb {
    display: flex;
    align-items: center;
  }
  .booking-item-time-wrapper-mb p {
    margin-right: 6px;
  }
  .client-content-heading .btn-homepage-client-filter {
    display: flex;
  }
  .client-content-filter.active {
    position: fixed;
    display: block !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(41, 38, 50, 0.5);
    z-index: 1000;
  }
  .client-content-filter .client-content-filter-wrapper {
    display: flex;
    flex-direction: column;
    width: 320px;
    margin: 0 auto;
    margin-top: 100px;
    background-color: #fff;
    border-radius: 12px;
  }
  .client-content-filter .client-content-filter-wrapper .client-content-filter-text {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px !important;
    border-bottom: 1px solid #E1E2E8;
  }
  .client-content-filter .client-content-filter-wrapper .filter-category {
    padding: 25px 20px;
    display: flex;
    border-bottom: none;
    height: auto;
    flex-direction: column;
    width: 100%;
  }
  .client-content-filter .client-content-filter-wrapper .filter-category .wrap-class-categories,
  .client-content-filter .client-content-filter-wrapper .filter-category .field-block {
    width: 100%;
  }
  .client-content-filter .client-content-filter-wrapper .wrap-class-categories {
    display: block;
    margin-bottom: 16px;
  }
  .client-content-filter .client-content-filter-wrapper .wrap-class-categories:nth-child(2) {
    margin-right: 0;
  }
  .client-content-filter .client-content-filter-wrapper .btn-group {
    width: 100% !important;
  }
  .client-content-filter .booking-item-action-details {
    display: block !important;
  }
  .client-content-filter-icon-close {
    display: block;
  }
  .recurring-booking-item-action-details {
    display: block !important;
    color: #6A6D7D;
    margin-top: 8px;
    text-decoration: underline;
  }
  .recurring-booking-item-action-details > i {
    font-size: 12px;
    margin-left: 8px;
  }
  .recurring-booking-item-action-details .text-expanded {
    display: none;
  }
  .text-toogle:has(.collapsed) .text-expanded {
    display: none;
  }
  .text-toogle:not(.collapsed) .text-collapsed {
    display: none !important;
  }
  .text-toogle:not(.collapsed) .text-expanded {
    display: inline-block !important;
  }
  .text-toogle:not(.collapsed) .text-expanded.booking-item-title-detail-text {
    text-decoration: underline;
  }
  .client-content-view-detail {
    padding: 8px !important;
  }
  .border-new-layout {
    width: 100%;
  }
  .booking-class-cancel-button.booking-item-cancel {
    right: 34% !important;
  }
  .booking-confirm-style-wrap {
    padding: 0 20px !important;
  }
  .complete-book-right {
    margin-right: 14px !important;
  }
  .recurring-booking-hide-mb {
    display: none;
  }
  .client-content-filter-text-mb {
    display: inline-block !important;
  }
  .client-content-filter-text-web {
    display: none;
  }
  .client-sign-up-wrap-action {
    display: flex !important;
    flex-direction: column;
  }
  .client-sign-up-wrap-action > .client-forgot-password {
    float: none !important;
    margin-top: 20px;
    display: flex !important;
    justify-content: center;
  }
  .confirm-modal-store .modal-dialog {
    top: 154px;
    right: 6% !important;
    left: 6% !important;
    width: 340px !important;
    max-width: 100% !important;
    height: 303px !important;
  }
  .confirm-modal-store .modal-dialog .modal-footer .bootstrap-dialog-footer .bootstrap-dialog-footer-buttons {
    display: inline-grid;
  }
  .confirm-modal-store .modal-dialog .modal-footer .bootstrap-dialog-footer .bootstrap-dialog-footer-buttons button {
    min-width: 309px !important;
    margin-left: -3px;
  }
  .confirm-modal-store .modal-dialog .modal-content .modal-body .bootstrap-dialog-body .bootstrap-dialog-message {
    color: #6A6D7D;
  }
  .confirm-modal-store .modal-dialog.modal-dialog-unabale {
    top: -100px;
    right: 0 !important;
    left: -6% !important;
  }
  .confirm-modal-store .modal-dialog .modal-content {
    border-radius: 12px !important;
  }
  .booking-confirme-wrap .event-info-wrap {
    width: 270px !important;
  }
}
@media (max-width: 490px) {
  .client-date-month {
    display: none !important;
  }
}
.recurring-signin-form.body-modal-form {
  box-shadow: none;
  border: none;
  padding: 0;
}

.recurring-booking-confirm {
  background-color: #FFF;
}

.recurring-booking-confirm-wrapper {
  background-color: var(--brand-member-color-bg);
  min-height: calc(100vh - 72px);
  padding-bottom: 20px;
}
.recurring-booking-confirm-wrapper .recurring-booking-confirm-container {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
.recurring-booking-confirm-wrapper .recurring-booking-confirm-container.recurring-booking-confirm-container-sign-up {
  width: 100%;
}
.recurring-booking-confirm-wrapper .recurring-booking-confirm-left {
  margin-bottom: 24px;
}
.recurring-booking-confirm-wrapper .recurring-booking-confirm-left .recurring-booking-confirm-container {
  padding: 0px;
}
.recurring-booking-confirm-wrapper .recurring-booking-confirm-heading {
  padding-top: 65px;
}
.recurring-booking-confirm-wrapper .recurring-booking-confirm-heading .recurring-booking-confirm-back {
  display: flex;
  align-items: center;
  outline: none;
  border: none;
  background-color: transparent;
}
.recurring-booking-confirm-wrapper .recurring-booking-confirm-heading .recurring-booking-confirm-back > span {
  display: inline-block;
  margin-left: 4px;
  font-size: 14px;
  transition: 0.2s linear;
  color: #6A6D7D;
}
.recurring-booking-confirm-wrapper .recurring-booking-confirm-heading .recurring-booking-confirm-back > span:hover {
  transform: translateX(-2px);
}
.recurring-booking-confirm-wrapper .recurring-booking-confirm-heading .recurring-booking-confirm-heading-text {
  font-size: 32px;
  font-weight: 600;
  line-height: 36px;
  margin-bottom: 25px;
  margin-top: 8px;
}
.recurring-booking-confirm-wrapper .recurring-booking-confirm-content {
  padding-bottom: 120px;
}
.recurring-booking-confirm-wrapper .recurring-booking-one-event-heading {
  display: flex;
  align-items: center;
}
.recurring-booking-confirm-wrapper .recurring-booking-one-event-heading .recurring-booking-one-event-img {
  width: 55px;
  height: 55px;
  border-radius: 50rem;
  margin-right: 22px;
}
.recurring-booking-confirm-wrapper .recurring-booking-event-info {
  display: flex;
  margin: 24px 0;
}
.recurring-booking-confirm-wrapper .recurring-booking-event-info:nth-child(3) {
  margin-bottom: 0;
}
.recurring-booking-confirm-wrapper .recurring-booking-event-info.recurring-booking-event-date {
  align-items: center;
}
.recurring-booking-confirm-wrapper .recurring-booking-event-info .recurring-booking-event-info-text > p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #000000;
  margin-left: 24px;
  margin-bottom: 7px;
}
.recurring-booking-confirm-wrapper .recurring-booking-event-info .recurring-booking-event-info-text .recurring-booking-event-info-time .recurring-booking-event-info-time-end {
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
  margin-left: 2px;
  color: #6A6D7D;
}
.recurring-booking-confirm-wrapper .recurring-booking-event-info .recurring-booking-event-info-text .recurring-booking-event-info-time .recurring-booking-event-info-time-h {
  text-transform: uppercase;
}
.recurring-booking-confirm-wrapper .tab-content-reserve {
  padding: 0;
}
.recurring-booking-confirm-wrapper .btn-sign-in-reserve {
  padding: 10px 20px !important;
}
.recurring-booking-confirm-wrapper .recurring-booking-item-action-details {
  display: none;
}

.client-forgot-password > a {
  font-size: 14px !important;
  line-height: 18px;
  color: #6A6D7D;
}
.client-forgot-password:hover > a {
  border-bottom: 1px solid var(--brand-member-color-text);
}

.client-forgot-password {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: end;
  font-size: 14px !important;
  line-height: 18px;
  color: #6A6D7D;
}

.client-forgot-password-reserve {
  text-decoration: none;
  width: auto;
}
.client-forgot-password-reserve:hover {
  text-decoration: underline;
}

.recurring-booking-one-event {
  background-color: #FFFFFF;
  border-radius: 8px;
  padding: 24px;
  width: 100%;
}

#bookSessionModalTimeslot .appointment-booking-confirm-wrap .recurring-booking-one-event {
  background-color: transparent !important;
}

.recurring-booking-one-event.bg-transpe {
  background-color: transparent !important;
}

.recurring-booking-one-event-heading-sign-up {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.recurring-booking-one-event-heading-sign-up .recurring-booking-one-event-heading-sign-up-wrap {
  display: flex;
}

.recurring-booking-one-event > h3 {
  margin-top: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  color: #272431;
}
.recurring-booking-one-event > p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 24px;
  color: #6A6D7D;
}

.btn.recurring-booking-one-event-btn {
  padding: 11px 20px;
  font-size: 14px;
  outline: none;
  border-radius: 39px;
  border: 1px solid #272431;
  width: 100%;
  background-color: transparent;
  color: #3E1F3B;
  text-align: center;
}
.btn.recurring-booking-one-event-btn.recurring-booking-btn-reserve-with {
  background-color: var(--brand-member-primary-color);
  color: var(--brand-member-second-color) !important;
  border: none;
  text-align: center;
  margin-bottom: 4px;
}
.btn.recurring-booking-one-event-btn.recurring-booking-btn-pay {
  border: 1px solid #E1E2E8;
}

.recurring-booking-one-event-name {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 8px;
}

.recurring-booking-one-event-subname {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.recurring-reserve-with-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.recurring-reserve-with-header.recurring-reserve-with-sign-up {
  flex-direction: column;
  align-items: start;
}
.recurring-reserve-with-header .recurring-reserve-with-edit {
  outline: none;
  border: none;
  background-color: transparent;
  text-decoration: underline;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #6A6D7D;
  cursor: pointer;
}

.recurring-reserve-with-heading {
  margin: 0 0 8px 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.recurring-reserve-purchase {
  padding-bottom: 22px;
}

.recurring-reserve-with-container {
  padding-top: 12px;
}
.recurring-reserve-with-container.recurring-reserve-with-container-plan {
  display: none;
}
.recurring-reserve-with-container.recurring-reserve-with-container-plan.active {
  display: block;
}
.recurring-reserve-with-container .recurring-reserve-with-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #000;
}
.recurring-reserve-with-container .recurring-reserve-with-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  background-color: #FFF;
  border: 1px solid #E1E2E8;
  cursor: pointer;
}
.recurring-reserve-with-container .recurring-reserve-with-option .recurring-reserve-with-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.recurring-reserve-with-container .recurring-reserve-add-new-card {
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #6A6D7D;
  text-decoration: underline;
  text-align: left;
  margin-top: 14px;
  padding: 0 0 24px 0;
  cursor: pointer;
}
.recurring-reserve-with-container .recurring-reserve-total {
  padding: 20px 0;
}
.recurring-reserve-with-container .recurring-reserve-total .recurring-reserve-subtotal {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.recurring-reserve-with-container .recurring-reserve-total .recurring-reserve-subtotal.recurring-reserve-order-total > span {
  color: #272431;
}
.recurring-reserve-with-container .recurring-reserve-total .recurring-reserve-subtotal > span {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #6A6D7D;
  padding: 6px 0;
}
.recurring-booking-congrats {
  background-color: var(--brand-member-color-bg);
  min-height: calc(100vh - 72px);
}
.recurring-booking-congrats .recurring-booking-congrats-heading {
  margin: 0 0 50px 0;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: #272431;
  padding-top: 50px;
}
.recurring-booking-congrats .recurring-booking-congrats-wrap {
  position: relative;
  width: 680px;
  max-width: 100%;
  margin: 0 auto;
  background-color: #FFF;
  border-radius: 8px;
  padding: 48px 24px 24px 24px;
  box-shadow: 0 10px 10px #E1E2E8;
}
.recurring-booking-congrats .recurring-booking-congrats-wrap .recurring-booking-congrats-content {
  text-align: center;
  margin-bottom: 24px;
}
.recurring-booking-congrats .recurring-booking-congrats-wrap .recurring-booking-congrats-content-head {
  margin-bottom: 12px;
}
.recurring-booking-congrats .recurring-booking-congrats-wrap .recurring-booking-congrats-content-head > p {
  margin: 0;
}
.recurring-booking-congrats .recurring-booking-congrats-wrap .recurring-booking-congrats-content-des > p {
  color: #6A6D7D;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}
.recurring-booking-congrats .recurring-booking-congrats-wrap .trainer-photo-wrap {
  position: absolute;
  top: -26px;
  left: 50%;
  transform: translateX(-50%);
}

.brand-member-button-color-active {
  position: relative;
  padding: 10px 0;
  border-radius: 4px;
}

.recurring-booking-one-event-btn-wrap {
  display: flex;
  align-items: center;
}

.recurring-booking-congrats-horizon {
  margin: 0 4px;
}

.recurring-reserve-with-border {
  border-top: 1px solid #E1E2E8;
}

.recurring-resere-tab-nav {
  width: 100%;
  list-style: none;
  display: flex;
  align-items: center;
  border-radius: 39px;
  padding: 2px;
  border: 1px solid #E1E2E8;
  margin-bottom: 0;
}
.recurring-resere-tab-nav .recurring-resere-tab-item {
  border-radius: 39px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  margin-right: 0;
  height: auto;
}
.recurring-resere-tab-nav .recurring-resere-tab-item.active {
  background-color: #6923F4;
}
.recurring-resere-tab-nav .recurring-resere-tab-item.active > a {
  color: #FFFFFF !important;
}
.recurring-resere-tab-nav .recurring-resere-tab-item.disable {
  background-color: #ccc;
}
.recurring-resere-tab-nav .recurring-resere-tab-item.disable > a {
  pointer-events: none;
}
.recurring-resere-tab-nav .recurring-resere-tab-item > a {
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: #272431;
  padding: 8px 16px;
}

.recurring-reserve-with-plan-wrap {
  padding: 16px;
  display: flex;
  justify-content: space-between;
  background-color: #F4F2FF;
  border: 1px solid #E1E2E8;
}
.recurring-reserve-with-plan-wrap > input[type=radio] {
  opacity: 1;
  position: static !important;
  accent-color: #232323 !important;
}

.recurring-reserve-with-plan-title {
  flex: 1;
  padding: 0 12px;
}
.recurring-reserve-with-plan-title .recurring-reserve-with-plan-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #272431;
  text-transform: capitalize;
  margin-top: -2px;
  margin-bottom: 0;
}
.recurring-reserve-with-plan-title .recurring-reserve-with-plan-subtext {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #6A6D7D;
}

.recurring-reserve-with-plan-price {
  text-transform: lowercase;
}

.custom-style-alert {
  color: #C2210F !important;
}

.alert.alert-success {
  color: green !important;
}

.appointment-booking-confirm-center {
  width: 100% !important;
}

.appointment-booking-confirm-wrap {
  width: 860px;
  margin: 0 auto;
  max-width: 100%;
  background: #fff;
  padding: 40px 6px;
  border-radius: 10px;
}

.appointment-booking-confirm-heading-text {
  font-size: 16px;
  line-height: 28px;
  color: #6A6D7D;
  text-align: left;
  font-weight: 500;
  padding-left: 10px;
}

.event-info-wrap .event-color {
  width: 6px;
  height: inherit;
  background-color: #EAF8FE;
}

.booking-confirme-wrap .event-info-wrap {
  text-align: initial;
  height: 190px;
  width: 350px;
  display: flex;
  border-radius: 5px;
  overflow: hidden;
}
.booking-confirme-wrap .event-info-wrap .event-info-content-wrap {
  background-color: #f6f9fc;
  width: 100%;
  height: inherit;
  padding: 20px 0 20px 30px;
}

.addeventatc {
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid;
  color: var(--brand-color);
}
.addeventatc > i {
  color: var(--brand-color);
}

.border-new-layout {
  display: block;
  padding: 8px !important;
  background: #fff;
  margin: 6px 5px;
  width: 32%;
}

.complete-book-right {
  margin-right: 80px;
}

#client-classes-tab,
#client-sessions-tab {
  margin: -20px -30px -30px -30px;
}

#client-store-wrap {
  margin: -20px -40px -30px -40px;
}

.disable-block-new {
  opacity: 0.7 !important;
}

.booking-confirm-style-wrap {
  padding: 0 80px;
}

.booking-restriction-item {
  line-height: 25px !important;
}

.btn-service-save {
  position: absolute;
  right: 18px;
}

.btn-service-copy {
  position: absolute;
  right: 116px;
}

.booking-restriction-item-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #272431;
  margin-bottom: 4px;
}

.btn-service-copy:hover .icon-copy-svg path {
  fill: #FFFFFF;
}

.pay-option-checkbox-wrap.brand-member-button-color-active {
  cursor: pointer;
  border: 1px solid var(--brand-color) !important;
  color: var(--brand-color) !important;
}
.pay-option-checkbox-wrap.brand-member-button-color-active.active {
  color: #fff !important;
}

.alert.alert-success:not(.small-alert), .alert.alert-info:not(.small-alert), .alert.alert-danger:not(.small-alert) {
  padding: 10px 15px 10px 45px;
}

.alert.alert-success:not(.small-alert):before, .alert.alert-info:not(.small-alert):before, .alert.alert-danger:not(.small-alert):before {
  font-size: 16px;
}

.select-pay-credit-wrap .alert.small-alert {
  padding: 12px;
  border: none;
  background-color: #FEF6F4;
  color: #C2210F;
  text-align: center;
  font-weight: 400;
}

.booking-item-btn-simple-full {
  transform: translate(-100px, 20px);
}

.sign-in-sign-up-title {
  line-height: 22px;
}

#intro-offer-modal .intro-offer-modal-content {
  padding: 10px 15px 20px 15px;
  border-radius: 8px;
}
#intro-offer-modal .intro-offer-subtext {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #6A6D7D !important;
}
#intro-offer-modal p {
  margin: 0;
}
#intro-offer-modal .form-group {
  margin-bottom: 25px;
}
#intro-offer-modal .intro-offer-canvas {
  border-radius: 6px;
  border: 1px solid #E1E2E8;
  max-width: 100%;
}
#intro-offer-modal .btn-clear_intro_offer {
  border: 1px solid #E1E2E8;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  cursor: pointer;
  background: transparent;
  border-radius: 39px;
}
#intro-offer-modal .intro-offer-text-under {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-decoration-line: underline;
  color: #272431;
}
#intro-offer-modal .btn-recurring-intro-offer-continue {
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 10px 20px;
  border-radius: 39px;
  background-color: var(--brand-member-primary-color);
  color: var(--brand-member-second-color);
  margin: 30px 0 10px 0;
}

.intro-offer-heading {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: #000;
}

.intro-offer-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #000;
}

.book-reserve-rdo-wrap .book-reserve-rdo-subtext {
  display: inline-block;
  font-size: 12px;
  color: #6A6D7D;
  font-weight: 500;
  line-height: 20px;
}

.book-reserve-modal-content {
  border-radius: 16px !important;
}
.book-reserve-modal-content .book-reserve-modal-close {
  font-size: 26px !important;
  font-weight: 500 !important;
}

.book-reserve-modal-header {
  border-top-left-radius: 16px !important;
  border-top-right-radius: 16px !important;
}

.book-reserve-modal-body {
  padding: 25px 30px 26px 30px;
  display: flex;
  flex-direction: column;
}

.additional-quests-fields-wrap .btn-form-render {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  padding: 4px 10px;
  border-radius: 39px;
  color: var(--brand-member-color-text) !important;
  background: #FFFFFF !important;
  border: 1px solid #E1E2E8 !important;
}

.btn-form-render {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  padding: 4px 10px;
  border-radius: 39px;
  color: var(--brand-member-color-text) !important;
  background: #FFFFFF !important;
  border: 1px solid #E1E2E8 !important;
}

.recurring-booking-wrap-action-login .mywebsite-signup-fields-form-import {
  border: 1px solid #E1E2E8 !important;
  padding: 8px !important;
}

.store-buy-item-wrap .mywebsite-signup-fields-form-import {
  border: 1px solid #E1E2E8 !important;
  padding: 8px !important;
}

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

.booking-class-cancel-button {
  color: #6A6D7D !important;
}

.first_element_in_dates_0 {
  background-color: #E1E2E8;
}

@media (max-width: 1200px) {
  .client_render_schedules {
    padding: 10px 30px;
  }
  .client-content-footer {
    justify-content: center !important;
  }
  .client-content-footer .client-content-footer-wrapper > p {
    text-align: center !important;
    margin-right: 0 !important;
  }
}
.additional-quests-fields-wrap .wrap-canvas-custom {
  position: relative;
  width: 100%;
}

.footer-center.confirm-modal-store {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.modal-body .area-btn-title-header {
  display: none;
}

@media (max-width: 410px) {
  #book-event-modal .modal-body {
    padding: 2px !important;
  }
  #book-event-modal .modal-body .client_render_schedules {
    padding: 0px;
  }
  #book-event-modal .modal-body .brand-member-button-color.btn-sm.btn-buy {
    float: right;
  }
}
#clients-booking-wrap .client_render_schedules.booking-wrap > .boot-alert.alert {
  display: none !important;
}

.modal-body .client_render_schedules .homepage-client-schedules {
  padding-top: 0;
}

.book-event-step3-wrap .client_render_schedules .store-wrap .book-store-tabs-wrap > #storeTabNav {
  display: flex;
  background-color: transparent;
}

.client_render_schedules .category-name {
  text-align: start;
  width: 100%;
}

.recurring-booking-confirm-content .show-membership.active, .recurring-booking-confirm-content .show-package.active {
  text-decoration: underline;
  color: #000;
}

.recurring-booking-confirm-content .label-package-membership {
  cursor: pointer;
}

.recurring-booking-confirm-content .hint-left-from-credits-wrap {
  display: none;
}

.service-table-wrap .back_show_home {
  display: none;
}

#client-sessions-tab > #book-event-modal .back_show_home {
  display: none;
}

.items-into-service-category-wrap .category-name {
  display: inline-block;
}

.summury-tab-one-service-info-line.summury-tab-one-service-info-line-style {
  display: flex;
  justify-content: space-between;
  text-align: center;
}

#bodyx .bf-loading {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}

.body-schedule-point-none {
  pointer-events: none;
}

#deactivated_trainers .profile-deactivated-trainers-wrap .deactivated_date_title {
  display: none;
}
#deactivated_trainers .profile-deactivated-trainers-wrap .account-owner-info-style {
  display: inline-block !important;
  margin-left: 2px;
  font-size: 14px !important;
}

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