/*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */
.bootstrap-timepicker {
  position: relative;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
  left: auto;
  right: 0;
}
.bootstrap-timepicker.pull-right
  .bootstrap-timepicker-widget.dropdown-menu:before {
  left: auto;
  right: 12px;
}
.bootstrap-timepicker.pull-right
  .bootstrap-timepicker-widget.dropdown-menu:after {
  left: auto;
  right: 13px;
}
.bootstrap-timepicker .input-group-addon {
  cursor: pointer;
}
.bootstrap-timepicker .input-group-addon i {
  display: inline-block;
  height: 16px;
  width: 16px;
}
.bootstrap-timepicker-widget.dropdown-menu {
  padding: 4px;
}
.bootstrap-timepicker-widget.dropdown-menu.open {
  display: inline-block;
}
.bootstrap-timepicker-widget.dropdown-menu:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}
.bootstrap-timepicker-widget.dropdown-menu:after {
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}
.bootstrap-timepicker-widget.timepicker-orient-left:before {
  left: 6px;
}
.bootstrap-timepicker-widget.timepicker-orient-left:after {
  left: 7px;
}
.bootstrap-timepicker-widget.timepicker-orient-right:before {
  right: 6px;
}
.bootstrap-timepicker-widget.timepicker-orient-right:after {
  right: 7px;
}
.bootstrap-timepicker-widget.timepicker-orient-top:before {
  top: -7px;
}
.bootstrap-timepicker-widget.timepicker-orient-top:after {
  top: -6px;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
  border-bottom: 0;
  border-top: 7px solid #999;
  bottom: -7px;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
  border-bottom: 0;
  border-top: 6px solid #fff;
  bottom: -6px;
}
.bootstrap-timepicker-widget a.rtcl-btn,
.bootstrap-timepicker-widget input {
  border-radius: 4px;
}
.bootstrap-timepicker-widget table {
  margin: 0;
  width: 100%;
}
.bootstrap-timepicker-widget table td {
  height: 30px;
  margin: 0;
  padding: 2px;
  text-align: center;
}
.bootstrap-timepicker-widget table td:not(.separator) {
  min-width: 30px;
}
.bootstrap-timepicker-widget table td span {
  width: 100%;
}
.bootstrap-timepicker-widget table td a {
  border: 1px solid transparent;
  color: #333;
  display: inline-block;
  margin: 0;
  outline: 0;
  padding: 8px 0;
  width: 100%;
}
.bootstrap-timepicker-widget table td a:hover {
  background-color: #eee;
  border-color: #ddd;
  border-radius: 4px;
  text-decoration: none;
}
.bootstrap-timepicker-widget table td a i {
  font-size: 18px;
  margin-top: 2px;
}
.bootstrap-timepicker-widget table td input {
  margin: 0;
  text-align: center;
  width: 25px;
}
.bootstrap-timepicker-widget .modal-content {
  padding: 4px;
}
@media (min-width: 767px) {
  .bootstrap-timepicker-widget.modal {
    margin-left: -100px;
    width: 200px;
  }
}
@media (max-width: 767px) {
  .bootstrap-timepicker,
  .bootstrap-timepicker .dropdown-menu {
    width: 100%;
  }
}
.rtcl .bootstrap-timepicker-widget {
  max-width: 160px;
}
.rtcl .bootstrap-timepicker-widget table td.separator {
  width: 10px;
}
.rtcl .bootstrap-timepicker-widget table td input {
  padding: 5px;
  width: 40px;
}
.rtcl .bootstrap-timepicker-widget table td a {
  padding: 2px 0;
}
.rtcl .bootstrap-timepicker-widget table td a .glyphicon-chevron-up:before {
  content: "\e894";
  font-family: rtcl-glyphs, serif;
  font-weight: 700;
}
.rtcl .bootstrap-timepicker-widget table td a .glyphicon-chevron-down:before {
  content: "\e895";
  font-family: rtcl-glyphs, serif;
  font-weight: 700;
}
.rtcl-store-settings .rtcl-form-group .rtcl-field-label {
  font-weight: 700;
}
.rtcl-store-settings .rtcl-store-media-item .rtcl-media-action {
  background-color: transparent;
  bottom: 30px;
  height: auto;
  position: absolute;
  right: 40px;
  top: auto;
  width: auto;
}
@media screen and (max-width: 1024px) {
  .rtcl-store-settings .rtcl-store-media-item .rtcl-media-action {
    bottom: 10px;
    right: 10px;
  }
}
@media screen and (max-width: 575px) {
    .rtcl-store-settings .rtcl-store-media-item .rtcl-media-action span{
        font-size: 12px !important;
        padding: 4px 16px !important;
    }
}
.rtcl-store-settings .rtcl-store-media-item .rtcl-media-action span {
  align-items: center;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 100px;
  color: #646464;
  cursor: pointer;
  display: inline-flex;
  font-size: 15px;
  height: auto;
  justify-content: center;
  padding: 8px 20px;
  position: static;
  text-indent: 0;
  width: auto;
}
.rtcl-store-settings .rtcl-store-media-item .rtcl-media-action span:before {
  margin-right: 5px;
}
.rtcl-store-settings
  .rtcl-store-media-item
  .rtcl-media-action
  span.rtcl-icon-spinner {
  border-radius: 50%;
  border-style: dashed;
  height: 25px;
  margin: 0 0 0 10px;
  padding: 0;
  width: 25px;
}
.rtcl-store-settings .rtcl-store-media-item .rtcl-media-action span.add {
  margin-right: 15px;
}
.rtcl-store-settings .rtcl-store-media-item .rtcl-media-action span.add:before {
  color: var(--rtcl-primary-color);
}
@media screen and (max-width: 1024px) {
  .rtcl-store-settings .rtcl-store-media-item .rtcl-media-action span.add {
    margin-right: 8px;
  }
}
.rtcl-store-settings
  .rtcl-store-media-item
  .rtcl-media-action
  span.remove:before {
  color: red;
}
.rtcl-store-settings
  .rtcl-store-media-item.rtcl-store-banner-wrap
  .rtcl-store-banner {
  background: #f2f2f2;
  min-height: 240px;
  position: relative;
  text-align: center;
  z-index: 1;
}
.rtcl-store-settings
  .rtcl-store-media-item.rtcl-store-banner-wrap
  .rtcl-store-banner.no-banner
  .banner {
  background-color: #d4d4d4;
  height: 90px;
  left: 50%;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='107' height='90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M99.657 0H7.343a7.352 7.352 0 0 0-5.192 2.146A7.317 7.317 0 0 0 0 7.326v75.348c0 1.943.774 3.807 2.15 5.18A7.352 7.352 0 0 0 7.344 90h92.314a7.352 7.352 0 0 0 5.192-2.146 7.317 7.317 0 0 0 2.151-5.18V7.326a7.317 7.317 0 0 0-2.151-5.18A7.352 7.352 0 0 0 99.657 0ZM7.343 6.28h92.314a1.052 1.052 0 0 1 1.049 1.046v56.286l-15.457-15.42a7.343 7.343 0 0 0-5.193-2.146 7.358 7.358 0 0 0-5.193 2.146L63.628 59.4 39.81 35.634a7.345 7.345 0 0 0-5.192-2.146 7.358 7.358 0 0 0-5.193 2.146L6.295 58.709V7.326a1.045 1.045 0 0 1 1.048-1.047ZM6.294 82.673V67.59l27.579-27.513a1.05 1.05 0 0 1 1.49 0l43.749 43.645H7.343a1.05 1.05 0 0 1-1.049-1.047Zm93.363 1.047H88.013L68.08 63.837l11.23-11.208a1.05 1.05 0 0 1 1.484 0l19.932 19.884v10.161a1.046 1.046 0 0 1-1.07 1.047ZM62.94 30.349c0-1.035.308-2.047.884-2.907a5.256 5.256 0 0 1 8.07-.793 5.228 5.228 0 0 1 1.137 5.702A5.236 5.236 0 0 1 71.1 34.7a5.254 5.254 0 0 1-6.623-.651 5.226 5.226 0 0 1-1.536-3.7Z' fill='%23D5D5D5'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='107' height='90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M99.657 0H7.343a7.352 7.352 0 0 0-5.192 2.146A7.317 7.317 0 0 0 0 7.326v75.348c0 1.943.774 3.807 2.15 5.18A7.352 7.352 0 0 0 7.344 90h92.314a7.352 7.352 0 0 0 5.192-2.146 7.317 7.317 0 0 0 2.151-5.18V7.326a7.317 7.317 0 0 0-2.151-5.18A7.352 7.352 0 0 0 99.657 0ZM7.343 6.28h92.314a1.052 1.052 0 0 1 1.049 1.046v56.286l-15.457-15.42a7.343 7.343 0 0 0-5.193-2.146 7.358 7.358 0 0 0-5.193 2.146L63.628 59.4 39.81 35.634a7.345 7.345 0 0 0-5.192-2.146 7.358 7.358 0 0 0-5.193 2.146L6.295 58.709V7.326a1.045 1.045 0 0 1 1.048-1.047ZM6.294 82.673V67.59l27.579-27.513a1.05 1.05 0 0 1 1.49 0l43.749 43.645H7.343a1.05 1.05 0 0 1-1.049-1.047Zm93.363 1.047H88.013L68.08 63.837l11.23-11.208a1.05 1.05 0 0 1 1.484 0l19.932 19.884v10.161a1.046 1.046 0 0 1-1.07 1.047ZM62.94 30.349c0-1.035.308-2.047.884-2.907a5.256 5.256 0 0 1 8.07-.793 5.228 5.228 0 0 1 1.137 5.702A5.236 5.236 0 0 1 71.1 34.7a5.254 5.254 0 0 1-6.623-.651 5.226 5.226 0 0 1-1.536-3.7Z' fill='%23D5D5D5'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 107px;
    z-index: -1;
}
.rtcl-store-settings
  .rtcl-store-media-item.rtcl-store-banner-wrap
  .rtcl-store-banner
  .banner
  img {
  max-height: 350px;
  width: 100%;
}
.rtcl-store-settings
  .rtcl-store-media-item.rtcl-store-logo-wrap
  .rtcl-store-logo {
  background: #f2f2f2;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  display: inline-block;
  max-width: 200px;
  min-height: 100px;
  position: relative;
  text-align: center;
}
.rtcl-store-settings
  .rtcl-store-media-item.rtcl-store-logo-wrap
  .rtcl-store-logo.no-logo {
  height: 170px;
  width: 180px;
}
.rtcl-store-settings
  .rtcl-store-media-item.rtcl-store-logo-wrap
  .rtcl-store-logo.no-logo
  .logo {
  background-color: #d4d4d4;
  height: 34px;
  left: 50%;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='41' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M38.186 0H2.814C2.067 0 1.352.292.824.81A2.745 2.745 0 0 0 0 2.768v28.466c0 .733.296 1.437.824 1.956.528.52 1.243.811 1.99.811h35.372c.746 0 1.462-.292 1.99-.81A2.744 2.744 0 0 0 41 31.232V2.767c0-.734-.296-1.437-.824-1.956A2.838 2.838 0 0 0 38.186 0ZM2.814 2.372h35.372c.107 0 .21.042.285.116a.392.392 0 0 1 .117.28V24.03l-5.923-5.825a2.816 2.816 0 0 0-.912-.6 2.855 2.855 0 0 0-3.067.6L24.38 22.44l-9.127-8.978a2.818 2.818 0 0 0-.912-.6 2.856 2.856 0 0 0-3.067.6l-8.863 8.717V2.767c0-.104.042-.205.118-.28a.405.405 0 0 1 .284-.115Zm-.402 28.86v-5.698L12.979 15.14a.402.402 0 0 1 .44-.087c.05.02.094.05.131.087l16.764 16.488h-27.5a.405.405 0 0 1-.284-.116.392.392 0 0 1-.118-.28Zm35.774.396h-4.462l-7.637-7.512 4.303-4.234a.403.403 0 0 1 .439-.086c.048.02.093.05.13.086l7.637 7.512v3.839a.39.39 0 0 1-.12.282.402.402 0 0 1-.29.113ZM24.118 11.465c0-.39.117-.773.338-1.098.221-.325.535-.579.902-.728a2.041 2.041 0 0 1 2.19.428 1.946 1.946 0 0 1 .436 2.154c-.152.362-.41.67-.74.888a2.034 2.034 0 0 1-2.538-.246 1.96 1.96 0 0 1-.588-1.398Z' fill='%23AAA'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='41' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M38.186 0H2.814C2.067 0 1.352.292.824.81A2.745 2.745 0 0 0 0 2.768v28.466c0 .733.296 1.437.824 1.956.528.52 1.243.811 1.99.811h35.372c.746 0 1.462-.292 1.99-.81A2.744 2.744 0 0 0 41 31.232V2.767c0-.734-.296-1.437-.824-1.956A2.838 2.838 0 0 0 38.186 0ZM2.814 2.372h35.372c.107 0 .21.042.285.116a.392.392 0 0 1 .117.28V24.03l-5.923-5.825a2.816 2.816 0 0 0-.912-.6 2.855 2.855 0 0 0-3.067.6L24.38 22.44l-9.127-8.978a2.818 2.818 0 0 0-.912-.6 2.856 2.856 0 0 0-3.067.6l-8.863 8.717V2.767c0-.104.042-.205.118-.28a.405.405 0 0 1 .284-.115Zm-.402 28.86v-5.698L12.979 15.14a.402.402 0 0 1 .44-.087c.05.02.094.05.131.087l16.764 16.488h-27.5a.405.405 0 0 1-.284-.116.392.392 0 0 1-.118-.28Zm35.774.396h-4.462l-7.637-7.512 4.303-4.234a.403.403 0 0 1 .439-.086c.048.02.093.05.13.086l7.637 7.512v3.839a.39.39 0 0 1-.12.282.402.402 0 0 1-.29.113ZM24.118 11.465c0-.39.117-.773.338-1.098.221-.325.535-.579.902-.728a2.041 2.041 0 0 1 2.19.428 1.946 1.946 0 0 1 .436 2.154c-.152.362-.41.67-.74.888a2.034 2.034 0 0 1-2.538-.246 1.96 1.96 0 0 1-.588-1.398Z' fill='%23AAA'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 41px;
}
.rtcl-store-settings
  .rtcl-store-media-item.rtcl-store-logo-wrap
  .rtcl-media-action {
  display: inline-block;
  margin-left: 30px;
  position: static;
}
.rtcl-store-settings
  .rtcl-store-media-item.rtcl-store-logo-wrap
  .rtcl-store-info {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .rtcl-store-settings
    .rtcl-store-media-item.rtcl-store-logo-wrap
    .rtcl-store-info {
    margin-top: 15px;
  }
}
.rtcl-store-settings .rtcl-store-media-item .alert {
  margin-top: 8px;
}
.rtcl-store-settings #rtcl-store-hours .rtcl-form-check {
  padding-left: 0;
}
.rtcl-store-settings .oh-item {
  margin-bottom: 8px;
}
.rtcl-store-settings .oh-item .oh-time-hour {
  width: 280px;
}
.rtcl-store-settings .oh-item .oh-time-hour .oh-time {
  align-items: center;
  display: flex;
  gap: 12px;
}
.rtcl-store-settings .oh-item .oh-time-hour .oh-time input[type="text"] {
  display: inline-block;
  width: 100px;
}
.no-banner .rtcl-media-action span.remove,
.no-logo .rtcl-media-action span.remove {
  display: none;
}
.rtcl .membership-statistic-report-wrap {
  margin-top: 1.5rem;
}
.rtcl .membership-statistic-report-wrap .reports .report-item {
  grid-gap: 10px;
  display: grid;
  grid-template-columns: 150px auto;
}
.rtcl
  .membership-statistic-report-wrap
  .reports
  .report-item.rtcl-membership-promotions {
  display: block !important;
}
.rtcl
  .membership-statistic-report-wrap
  .reports
  .report-item.rtcl-membership-promotions
  .promotion-item {
  display: table-row;
}
.rtcl .promotion-validity small {
  margin-left: 4px;
}
.rtcl-MyAccount-content .rtcl-account-sub-menu {
  margin-bottom: 25px;
}
.rtcl-MyAccount-content .rtcl-account-sub-menu ul {
  background-color: #e3e3e3;
  border: 1px solid #d4d4d4;
  border-radius: 100px;
  display: inline-block;
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 5px;
}
.rtcl-MyAccount-content .rtcl-account-sub-menu ul li {
  display: inline-block;
}
.rtcl-MyAccount-content .rtcl-account-sub-menu ul li a {
  align-items: center;
  border-radius: 100px;
  color: #111;
  display: inline-flex;
  font-size: 15px;
  font-weight: 500;
  height: 42px;
  justify-content: center;
  line-height: 1;
  padding: 0;
  text-decoration: none;
  width: 102px;
}
.rtcl-MyAccount-content .rtcl-account-sub-menu ul li a:hover {
  color: var(--rtcl-primary-color);
}
.rtcl-MyAccount-content .rtcl-account-sub-menu ul li.active a {
  background-color: var(--rtcl-primary-color);
  color: #fff;
}
.rtcl-MyAccount-content #rtcl-store-content-wrap {
  background-color: #fff;
  border-radius: 6px;
  color: #646464;
  padding: 20px;
}
.rtcl-MyAccount-content #rtcl-store-content-wrap .rtcl-form-notice {
  margin-top: 10px;
}
.rtcl-MyAccount-content #rtcl-store-content-wrap .rtcl-form-control {
  border-color: #e4e4e4;
  border-radius: 6px;
  width: 100%;
}
.rtcl-MyAccount-content #rtcl-store-content-wrap .rtcl-form-control:focus {
  border-color: #111;
}
.rtcl-MyAccount-content #rtcl-store-content-wrap input[disabled] {
  background-color: #e3e3e3;
}
.rtcl-MyAccount-content #rtcl-store-content-wrap .rtcl-form-group-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .rtcl-form-group-wrap
  .rtcl-form-group {
  flex: 0 0 50%;
  padding: 0 10px;
}
@media screen and (max-width: 991px) {
  .rtcl-MyAccount-content
    #rtcl-store-content-wrap
    .rtcl-form-group-wrap
    .rtcl-form-group {
    flex: 0 0 100%;
  }
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  #rtcl-store-hours
  .rtcl-field-label,
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  #rtcl-store-media
  .rtcl-field-label {
  color: #111;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 18px;
}
.rtcl-MyAccount-content #rtcl-store-content-wrap .rtcl-media-action {
  background-color: transparent;
  bottom: 12px;
  height: auto;
  position: absolute;
  right: 40px;
  top: auto;
  width: auto;
}
@media screen and (max-width: 1024px) {
  .rtcl-MyAccount-content #rtcl-store-content-wrap .rtcl-media-action {
    bottom: 10px;
    right: 10px;
  }
}
.rtcl-MyAccount-content #rtcl-store-content-wrap .rtcl-media-action span {
  align-items: center;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 100px;
  color: #646464;
  cursor: pointer;
  display: inline-flex;
  font-size: 15px;
  height: auto;
  justify-content: center;
  padding: 8px 20px;
  position: static;
  text-indent: 0;
  width: auto;
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .rtcl-media-action
  span.rtcl-icon-spinner {
  border-radius: 50%;
  border-style: dashed;
  height: 25px;
  margin: 0 0 0 10px;
  padding: 0;
  width: 25px;
}
.rtcl-MyAccount-content #rtcl-store-content-wrap .rtcl-media-action span svg {
  margin-right: 8px;
}
.rtcl-MyAccount-content #rtcl-store-content-wrap .rtcl-media-action span.add {
  margin-right: 15px;
}
@media screen and (max-width: 1024px) {
  .rtcl-MyAccount-content #rtcl-store-content-wrap .rtcl-media-action span.add {
    margin-right: 8px;
  }
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .rtcl-store-banner-wrap
  .rtcl-store-banner {
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  position: relative;
}
.rtcl-MyAccount-content #rtcl-store-content-wrap .rtcl-store-logo-wrap {
  align-items: center;
  display: flex;
  gap: 25px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .rtcl-MyAccount-content #rtcl-store-content-wrap .rtcl-store-logo-wrap {
    display: block;
  }
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .rtcl-store-logo-wrap
  .rtcl-media-action {
  position: static;
}
.rtcl-MyAccount-content #rtcl-store-content-wrap #oh-type-wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  #oh-type-wrap
  input[type="radio"]:checked,
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  #oh-type-wrap
  input[type="radio"]:not(:checked) {
  left: -9999px;
  position: absolute;
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  #oh-type-wrap
  input[type="radio"]:checked
  + label,
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  #oh-type-wrap
  input[type="radio"]:not(:checked)
  + label {
  color: #646464;
  cursor: pointer;
  display: inline-block;
  line-height: 20px;
  padding-left: 26px;
  position: relative;
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  #oh-type-wrap
  input[type="radio"]:checked
  + label:before,
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  #oh-type-wrap
  input[type="radio"]:not(:checked)
  + label:before {
  background: #fff;
  border: 1px solid #c6c6c6;
  border-radius: 100%;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 20px;
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  #oh-type-wrap
  input[type="radio"]:checked
  + label:after,
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  #oh-type-wrap
  input[type="radio"]:not(:checked)
  + label:after {
  background: var(--rtcl-primary-color);
  border-radius: 100%;
  content: "";
  height: 14px;
  left: 3px;
  position: absolute;
  top: 5px;
  transition: all 0.2s ease;
  width: 14px;
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  #oh-type-wrap
  input[type="radio"]:not(:checked)
  + label:after {
  opacity: 0;
  transform: scale(0);
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  #oh-type-wrap
  input[type="radio"]:checked
  + label:after {
  opacity: 1;
  transform: scale(1);
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  #oh-type-wrap
  input[type="radio"]:checked
  + label {
  color: #111;
}
.rtcl-MyAccount-content #rtcl-store-content-wrap .oh-list-wrap #oh-list {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -10px 0;
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .oh-list-wrap
  #oh-list
  .oh-item {
  flex: 0 0 100%;
  margin: 0;
  padding: 7px;
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .oh-list-wrap
  #oh-list
  .oh-item
  table {
  background-color: #fafafa;
  border: 1px solid #e3e3e3;
  border-collapse: separate;
  border-radius: 6px;
  margin-bottom: 0;
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .oh-list-wrap
  #oh-list
  .oh-item
  table
  td {
  border: none;
  padding: 7px 10px;
}
@media screen and (max-width: 767px) {
  .rtcl-MyAccount-content
    #rtcl-store-content-wrap
    .oh-list-wrap
    #oh-list
    .oh-item
    table
    td {
    padding: 10px;
  }
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .oh-list-wrap
  #oh-list
  .oh-item
  table
  td.oh-time-active
  label {
  margin-bottom: 0;
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .oh-list-wrap
  #oh-list
  .oh-item
  table
  td.oh-time-active
  input[type="checkbox"]:checked,
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .oh-list-wrap
  #oh-list
  .oh-item
  table
  td.oh-time-active
  input[type="checkbox"]:not(:checked) {
  left: -9999px;
  position: absolute;
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .oh-list-wrap
  #oh-list
  .oh-item
  table
  td.oh-time-active
  input[type="checkbox"]:checked
  + label,
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .oh-list-wrap
  #oh-list
  .oh-item
  table
  td.oh-time-active
  input[type="checkbox"]:not(:checked)
  + label {
  color: #646464;
  cursor: pointer;
  display: inline-block;
  line-height: 20px;
  padding-left: 28px;
  position: relative;
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .oh-list-wrap
  #oh-list
  .oh-item
  table
  td.oh-time-active
  input[type="checkbox"]:checked
  + label:before,
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .oh-list-wrap
  #oh-list
  .oh-item
  table
  td.oh-time-active
  input[type="checkbox"]:not(:checked)
  + label:before {
  background: var(--rtcl-primary-color);
  border: none;
  border-radius: 4px;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 20px;
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .oh-list-wrap
  #oh-list
  .oh-item
  table
  td.oh-time-active
  input[type="checkbox"]:checked
  + label:after,
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .oh-list-wrap
  #oh-list
  .oh-item
  table
  td.oh-time-active
  input[type="checkbox"]:not(:checked)
  + label:after {
  background: transparent;
  border-color: #fff;
  border-radius: 0;
  border-style: solid;
  border-width: 0 0 2px 2px;
  content: "";
  height: 6px;
  left: 5px;
  position: absolute;
  top: 7px;
  transition: all 0.2s ease;
  width: 10px;
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .oh-list-wrap
  #oh-list
  .oh-item
  table
  td.oh-time-active
  input[type="checkbox"]:not(:checked)
  + label:before {
  background-color: #fff;
  border: 1px solid #b5b5b5;
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .oh-list-wrap
  #oh-list
  .oh-item
  table
  td.oh-time-active
  input[type="checkbox"]:not(:checked)
  + label:after {
  opacity: 0;
  transform: scale(0);
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .oh-list-wrap
  #oh-list
  .oh-item
  table
  td.oh-time-active
  input[type="checkbox"]:checked
  + label:after {
  opacity: 1;
  transform: scale(1) rotate(-45deg);
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .oh-list-wrap
  #oh-list
  .oh-item
  table
  td.oh-time-active
  input[type="checkbox"]:checked
  + label {
  color: #111;
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .rtcl-social-wrap-row
  .rtcl-field-label {
  color: #111;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 18px;
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .rtcl-social-wrap-row
  .rtcl-field-col {
  display: flex;
  flex-wrap: wrap;
  gap: 21px;
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .rtcl-social-wrap-row
  .rtcl-field-col
  .rtcl-form-control {
  flex: 0 0 calc(33.333% - 14px);
  max-width: calc(33.333% - 14px);
}
@media screen and (max-width: 600px) {
  .rtcl-MyAccount-content
    #rtcl-store-content-wrap
    .rtcl-social-wrap-row
    .rtcl-field-col
    .rtcl-form-control {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.rtcl-MyAccount-content #rtcl-store-content-wrap .rtcl-field-col .rtcl-btn {
  border-radius: 6px;
  font-weight: 500;
  margin-top: 10px;
  padding: 10px 15px;
  transition: all 0.3s ease-in-out;
}
.rtcl-MyAccount-content #rtcl-store-content-wrap .rtcl-store-content {
  display: none;
}
.rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .rtcl-store-content:first-child {
  display: block;
}
#rtcl-store-managers-content .rtcl-store-manager-action {
  display: flex;
  justify-content: center;
  position: absolute;
  right: 50px;
  top: 50px;
}
@media screen and (max-width: 1024px) {
  #rtcl-store-managers-content .rtcl-store-manager-action {
    right: 25px;
    top: 25px;
  }
}
@media screen and (max-width: 767px) {
  #rtcl-store-managers-content .rtcl-store-manager-action {
    margin-bottom: 20px;
    position: static;
  }
}
#rtcl-store-managers-content
  .rtcl-store-manager-action
  .rtcl-store-invite-manager {
  border-radius: 100px;
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  line-height: 100%;
  padding: 15px 28px;
}
#rtcl-store-managers-content
  .rtcl-store-manager-action
  .rtcl-store-invite-manager
  svg {
  margin-right: 4px;
}
#rtcl-store-managers-content #rtcl-store-managers {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.rtcl-store-im-popup .rtcl-invite-manager-wrap {
  align-items: center;
  display: flex;
  margin-top: 100px;
}
@media screen and (max-width: 991px) {
  .rtcl-store-im-popup .rtcl-invite-manager-wrap {
    margin-top: 50px;
  }
}
.rtcl-store-im-popup .rtcl-invite-manager-wrap #rtcl-manager-email {
  background: transparent;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  box-shadow: none;
  flex: auto;
  min-height: 50px;
  outline: none;
}
.rtcl-store-im-popup .rtcl-invite-manager-wrap #rtcl-manager-email:focus {
  border-color: #111;
  box-shadow: none;
  outline: none;
}
.rtcl-store-im-popup .rtcl-invite-manager-wrap span.add-manager {
  background-color: var(--rtcl-button-bg-color);
  border-color: var(--rtcl-button-bg-color);
  border-radius: 6px;
  color: var(--rtcl-button-color);
  cursor: pointer;
  flex: 0 0 20%;
  font-weight: 500;
  margin-left: 10px;
  padding: 12px 10px;
  text-align: center;
}
.rtcl-store-im-popup .rtcl-store-pp-error {
  color: red;
  margin-top: 5px;
}
.rtcl-store-manager-listing {
  margin-bottom: 15px;
}
.rtcl-store-manager {
  align-items: center;
  background: #f8f8f8;
  border: 1px solid #ececec;
  border-radius: 6px;
  display: flex;
  padding: 15px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .rtcl-store-manager {
    flex-wrap: wrap;
  }
}
.rtcl-store-manager .rtcl-store-m-avatar {
  flex: 0 0 120px;
}
.rtcl-store-manager .rtcl-store-m-avatar img {
  border-radius: 6px;
}
.rtcl-store-manager .rtcl-store-m-info {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
}
@media screen and (max-width: 600px) {
  .rtcl-store-manager .rtcl-store-m-info {
    flex: 100%;
    margin-top: 15px;
  }
}
.rtcl-store-manager .rtcl-store-m-info .rtcl-m-info-name {
  color: #111;
  font-size: 18px;
  font-weight: 500;
}
.rtcl-store-manager .rtcl-store-m-info .rtcl-m-info-status a {
  color: inherit;
}
.rtcl-store-manager .rtcl-store-m-info .rtcl-m-info-status a:hover {
  color: var(--rtcl-primary-color);
}
.rtcl-store-manager .rtcl-store-manager-remove {
  align-items: center;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  color: #bebebe;
  cursor: pointer;
  display: inline-flex;
  height: 40px;
  justify-content: center;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
  width: 40px;
}
@media screen and (max-width: 600px) {
  .rtcl-store-manager .rtcl-store-manager-remove {
    top: 15px;
    transform: none;
  }
}
.rtcl-store-manager .rtcl-store-manager-remove:hover {
  background-color: red;
  border-color: red;
  color: #fff;
}
#rtcl-store-sub-category-holder .form-control {
  margin-bottom: 1rem;
}
#rtcl-store-sub-category-holder .form-control:last-child {
  margin-bottom: 0;
}
body.rtcl-account:not(.page-template-rtcl-canvas_template)
  #rtcl-store-managers-content
  .rtcl-store-manager-action {
  right: 0;
  top: 0;
}
html[dir="rtl"]
  .rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .rtcl-media-action
  span
  svg {
  margin-left: 8px;
  margin-right: 0;
}
html[dir="rtl"]
  .rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .rtcl-media-action
  span.add {
  margin-left: 15px;
  margin-right: 0;
}
html[dir="rtl"]
  .rtcl-MyAccount-content
  #rtcl-store-content-wrap
  #oh-type-wrap
  input[type="radio"]:checked
  + label:before,
html[dir="rtl"]
  .rtcl-MyAccount-content
  #rtcl-store-content-wrap
  #oh-type-wrap
  input[type="radio"]:not(:checked)
  + label:before {
  left: auto;
  right: 0;
}
html[dir="rtl"]
  .rtcl-MyAccount-content
  #rtcl-store-content-wrap
  #oh-type-wrap
  input[type="radio"]:checked
  + label:after,
html[dir="rtl"]
  .rtcl-MyAccount-content
  #rtcl-store-content-wrap
  #oh-type-wrap
  input[type="radio"]:not(:checked)
  + label:after {
  left: auto;
  right: 3px;
}
html[dir="rtl"]
  .rtcl-MyAccount-content
  #rtcl-store-content-wrap
  #oh-type-wrap
  input[type="radio"]:checked
  + label,
html[dir="rtl"]
  .rtcl-MyAccount-content
  #rtcl-store-content-wrap
  #oh-type-wrap
  input[type="radio"]:not(:checked)
  + label {
  padding-left: 0;
  padding-right: 26px;
}
html[dir="rtl"]
  .rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .oh-list-wrap
  #oh-list
  .oh-item
  table
  td.oh-time-active
  input[type="checkbox"]:checked
  + label:before,
html[dir="rtl"]
  .rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .oh-list-wrap
  #oh-list
  .oh-item
  table
  td.oh-time-active
  input[type="checkbox"]:not(:checked)
  + label:before {
  left: auto;
  right: 0;
}
html[dir="rtl"]
  .rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .oh-list-wrap
  #oh-list
  .oh-item
  table
  td.oh-time-active
  input[type="checkbox"]:checked
  + label:after,
html[dir="rtl"]
  .rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .oh-list-wrap
  #oh-list
  .oh-item
  table
  td.oh-time-active
  input[type="checkbox"]:not(:checked)
  + label:after {
  left: auto;
  right: 5px;
}
html[dir="rtl"]
  .rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .oh-list-wrap
  #oh-list
  .oh-item
  table
  td.oh-time-active
  input[type="checkbox"]:checked
  + label,
html[dir="rtl"]
  .rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .oh-list-wrap
  #oh-list
  .oh-item
  table
  td.oh-time-active
  input[type="checkbox"]:not(:checked)
  + label {
  padding-left: 0;
  padding-right: 28px;
}
html[dir="rtl"]
  body.rtcl-account
  #rtcl-store-managers-content
  .rtcl-store-manager-action {
  left: 50px;
  right: auto;
}
@media screen and (max-width: 991px) {
  html[dir="rtl"]
    body.rtcl-account
    #rtcl-store-managers-content
    .rtcl-store-manager-action {
    left: 25px;
  }
}
html[dir="rtl"]
  body.rtcl-account:not(.page-template-rtcl-canvas_template)
  .rtcl-MyAccount-wrap
  .rtcl-MyAccount-content {
  padding-left: 0;
}
html[dir="rtl"]
  .rtcl-MyAccount-content
  #rtcl-store-content-wrap
  #oh-type-wrap
  input[type="radio"]:checked,
html[dir="rtl"]
  .rtcl-MyAccount-content
  #rtcl-store-content-wrap
  #oh-type-wrap
  input[type="radio"]:not(:checked),
html[dir="rtl"]
  .rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .oh-list-wrap
  #oh-list
  .oh-item
  table
  td.oh-time-active
  input[type="checkbox"]:checked,
html[dir="rtl"]
  .rtcl-MyAccount-content
  #rtcl-store-content-wrap
  .oh-list-wrap
  #oh-list
  .oh-item
  table
  td.oh-time-active
  input[type="checkbox"]:not(:checked) {
  left: auto;
  right: -9999px;
}