:root {
  --thead-color: #FCEDF2;
  --tfoot-color: #F2DEE5;
  --main-gb-color: #1e1e1e;
  --secondary-bg-color: #682243;
  --text-secondary-color: #682243;
  --text-title-color: #333333;
  --text-label-color: #686868;
  --button-label-color: #777777;
  --text-semibold: #989898;
  --active-nav-title: #d3427a;
  --active-nav: #292929;
  --pane-padding: 5px 42px;
  --table-bg: #ebedef;
  --border-color: #CDCDCD;
  --select-input-bg: url(data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTYuODQzIDEwLjIxMWMuMTA4LS4xNDEuMTU3LS4zLjE1Ny0uNDU2IDAtLjM4OS0uMzA2LS43NTUtLjc0OS0uNzU1aC04LjUwMWMtLjQ0NSAwLS43NS4zNjctLjc1Ljc1NSAwIC4xNTcuMDUuMzE2LjE1OS40NTcgMS4yMDMgMS41NTQgMy4yNTIgNC4xOTkgNC4yNTggNS40OTguMTQyLjE4NC4zNi4yOS41OTIuMjkuMjMgMCAuNDQ5LS4xMDcuNTkxLS4yOTEgMS4wMDItMS4yOTkgMy4wNDQtMy45NDUgNC4yNDMtNS40OTh6Ii8+PC9zdmc+);
  --focus-box-shadow: 0 0 0 0.25rem rgba(110, 110, 110, 0.25);
  --accordion-icon-minus: url(data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjEgMTEuNzVjMC0uNDE0LS4zMzYtLjc1LS43NS0uNzVoLTE2LjVjLS40MTQgMC0uNzUuMzM2LS43NS43NXMuMzM2Ljc1Ljc1Ljc1aDE2LjVjLjQxNCAwIC43NS0uMzM2Ljc1LS43NXoiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);
  --accordion-icon-plus: url(data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTEgMTFoLTcuMjVjLS40MTQgMC0uNzUuMzM2LS43NS43NXMuMzM2Ljc1Ljc1Ljc1aDcuMjV2Ny4yNWMwIC40MTQuMzM2Ljc1Ljc1Ljc1cy43NS0uMzM2Ljc1LS43NXYtNy4yNWg3LjI1Yy40MTQgMCAuNzUtLjMzNi43NS0uNzVzLS4zMzYtLjc1LS43NS0uNzVoLTcuMjV2LTcuMjVjMC0uNDE0LS4zMzYtLjc1LS43NS0uNzVzLS43NS4zMzYtLjc1Ljc1eiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+);
}

.loading {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  position: absolute;
  top: 55%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid blue;
  border-right: 16px solid green;
  border-bottom: 16px solid red;
  border-left: 16px solid pink;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.listItem {
  padding: 5px;
}

.listItem:hover {
  background-color: #ebedef;
}

.listItem.odd {
  background-color: #ebedef;
}

.pointer {
  cursor: pointer;
}

.e-avartar {
  width: 90px;
  min-height: 70px;
  float: left;
}

.e-avartar img {
  max-width: 70px;
}

.e-title {
  width: 185px;
  min-height: 50px;
  float: left;
  line-height: 35px;
}

.e-status {

  height: 70px;
  line-height: 70px;
}

.e-status .switch {
  position: relative;
  width: 42px;
  height: 22px;
  vertical-align: middle;
  float: right;
  top: 37%;
}

.e-status .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.e-tab {
  width: auto;
  padding: 10px;
}

.e-list {
  min-width: 120px;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 1px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.slider {
  background-color: #2196F3;
}

input:focus+.slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

.mt-n2 {
  margin-top: -0.5rem !important;
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.even {
  background: #f3f3f3;
}

.leadingImg {
  max-width: 123px;
  width: 123px;
  height: 123px;
}

.leadingImg-temp {
  max-width: 123px;
  width: 123px;
  height: 123px;
}

.leadingAvatar {
  border-radius: 50%;
}

.sidebar {
  background: var(--main-gb-color);
  user-select: none;
}

.sidebar-nav .nav-link.active,
.sidebar-nav .nav-link.active .nav-icon {
  color: var(--text-secondary-color);
}

.sidebar-narrow-unfoldable:not(:hover) #leftNav-item {
  padding: 0 0.8rem;
}

.sidebar-narrow-unfoldable:not(:hover) #leftNav-item-bottom {
  padding: 0 0.8rem;
}

.sidebar-nav .nav-link .nav-icon {
  max-width: 40px;
}

.sidebar-narrow-unfoldable:hover .nav-group-items .sidebar-nav .nav-link .nav-icon {
  max-width: 25px;
}

.sidebar-fixed .sidebar-nav .nav-link.active {
  background: white;
  border-radius: 4px;
}

.sidebar-narrow-unfoldable .sidebar-nav .nav-link.active {
  background: white;
  /* margin-right: 10px; */
  border-radius: 300px;
  transition: 0.5s !important;
}

.sidebar-narrow-unfoldable:hover .sidebar-nav .nav-link.active {
  border-radius: 4px;
}

.hide {
  transform: translate(0, -100%);
  transition: transform 0.3s ease-out;
}

.showItem {
  transform: translate(0, 0);
  transition: transform 0.3s ease-out;
}

nav.navbar {
  border-top: var(--cui-border-width) var(--cui-border-style) var(--cui-border-color);
}

.activeTitle {
  display: flex;
  justify-content: right;
}

/*Button*/
.btn-shiny {
  transition: all 0.5s ease;
  overflow: hidden;
  position: relative;
}

.btn-shiny::before {
  content: "";
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg,
      transparent,
      rgba(255, 255, 255, 0.9),
      transparent);
  transition: all linear 0.5s;
}

.btn-shiny:hover {
  background-color: rgb(32 32 32 / 20%);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 21, 0.15);
}

.btn-shiny:hover::before {
  left: 100%;
}

.btn-savechanges {
  color: #fff;
  background-color: var(--secondary-bg-color);
  font-weight: bold;
}

.btn-savechanges:hover {
  color: var(--secondary-bg-color);
  border-color: var(--secondary-bg-color);
}

.btn-outline-violet {
  color: var(--secondary-bg-color);
  border-color: var(--secondary-bg-color);
  font-weight: 700;
  min-width: 6rem;
  background: transparent;
}

.btn-outline-violet:hover {
  color: #fff;
  background-color: var(--secondary-bg-color);
}

.btn-icon {
  color: var(--secondary-bg-color);
  cursor: pointer;
}

.btn-trash {
  color: #FF0000;
  cursor: pointer;
}

.btn-send-comment {
  bottom: -15px;
  left: 30px;
  background-color: #202020;
}

.publish-star-btn {
  bottom: 15px;
  left: 15px;
  background-color: var(--active-nav-title);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.publish-star-btn:hover {
  background-color: var(--secondary-bg-color);
}

.publish-star-btn i {
  width: 30px;
  height: 30px;
}

/*Accordion*/
.accordion-button-customize::after {
  background-image: var(--accordion-icon-plus) !important;

}

.accordion-button-customize:focus {
  border-color: var(--table-bg);
  box-shadow: var(--focus-box-shadow);
}

.accordion-button-customize:not(.collapsed) {
  background-color: var(--table-bg);
  color: var(--cui-table-hover-color);
}

.accordion-button-customize:not(.collapsed)::after {
  background-image: var(--accordion-icon-minus) !important;
}

/*form select */
select {
  background-image: var(--select-input-bg);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 30px;
}

/*Modal*/
.show {
  display: block;
}

.modal.show {
  background: rgba(0, 0, 0, 0.5);
}

.modal-title {
  width: calc(100% - 32px);
  text-align: center;
}

/*select option*/
/* .select-wrapper {
  position: relative;
  user-select: none;
  width: 100%;
}
.select {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0rem 0.75rem;
}
.select__trigger {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 0.375rem 0.75rem;
}
.custom-options {
  border-top: 1px solid var(--border-color);
  display: block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.select.open .custom-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.add-option,
.custom-option,
.activation_code {
  position: relative;
  display: block;
  cursor: pointer;
  padding: 0.375rem 0.75rem;
}
.activation_code--save{
  border-radius: 0 16px 16px 0;
}
.custom-option:hover {
  cursor: pointer;
  background-color: #dedede;
}
.custom-option.selected {
  color: #ffffff;
  background-color: var(--secondary-bg-color);
}
.arrow {
  position: relative;
  height: 10px;
  width: 10px;
}
.arrow::before, .arrow::after {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 0.15rem;
  height: 100%;
  transition: all 0.5s;
}
.arrow::before {
  left: -3px;
  transform: rotate(45deg);
  background-color: #394a6d;
}
.arrow::after {
  left: 3px;
  transform: rotate(-45deg);
  background-color: #394a6d;
}
.open .arrow::before {
  left: -3px;
  transform: rotate(-45deg);
}
.open .arrow::after {
  left: 3px;
  transform: rotate(45deg);
} */
.height-hide {
  height: 0;
}

.btn-inline {
  position: absolute;
  top: 0.375rem;
  right: 0.75rem;
}

.bg-light-purple {
  background-color: #FFF9FB;
}

.border-radius {
  border: var(--cui-border-width) var(--cui-border-style) var(--cui-border-color);
  border-radius: 20px;
}

.h-158px {
  height: 158px;
}

.requestCodeText {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: var(--text-title-color);
}

.requestCodeDate {
  color: #777777;
}

.secondaryColor {
  color: var(--secondary-bg-color);
}

.icon-circle {
  background: white;
  border-radius: 50%;
  border: 1px solid;
  padding: 1px;
}

.requestCodeText {
  text-decoration: none;
}

.requestAgain .help-tool {
  justify-content: space-between;
}

@media screen and (max-width:1140px) {}

@media screen and (min-width:769px) and (max-width:1140px) {
  .row-responsive {
    flex-direction: column;
  }

  .row-responsive div {
    width: 100%;
  }

  .requestAgain {
    text-align: center;
  }

  .requestAgain .help-tool {
    justify-content: center;
  }

  body:not(.sidebar-hide):not(.sidebar-unfoldable) #requestCodeRow {
    height: 226px;
  }

  .activeTitle {
    display: flex;
    justify-content: center;
  }

  .requestAgain .justify-content-between {
    justify-content: center;
  }
}

@media screen and (max-width:1140px) {}

@media (min-width: 768px) and (max-width: 938px) {

  body:not(.sidebar-hide):not(.sidebar-unfoldable) .e-avartar img {
    max-width: 53px;
  }

  body:not(.sidebar-hide):not(.sidebar-unfoldable) .e-avartar {
    width: 60px;
    min-height: 56px;
    float: left;
    line-height: 64px;
  }

  body:not(.sidebar-hide):not(.sidebar-unfoldable) .e-title {
    margin-left: 12px;
    font-size: 11pt;
    width: 92px;
  }
}

@media (max-width: 768px) {
  .e-avartar {
    width: 60px;
    min-height: 56px;
    float: left;
    line-height: 64px;
  }

  .e-avartar img {
    max-width: 60px;
  }

  .e-title {
    margin-left: 12px;
  }

  .row-responsive div {
    width: 100%;
  }

  .activeTitle {
    display: flex;
    justify-content: center;
  }

  .requestAgain {
    text-align: center;
  }

  .requestAgain .help-tool {
    justify-content: center;
  }
}


@media screen and (max-width:768px) {
  .col-xs-12 {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  #requestCodeRow {
    height: 226px;
  }
}

@media (max-width: 520px) {
  .e-title {
    font-size: 11pt;
    width: 92px;
  }

  .e-avartar img {
    max-width: 53px;
  }

}

@media (max-width: 338px) {}


.icon-circle-2x {
  background: white;
  border-radius: 50%;
  border: 1px solid;
  padding: 1px;
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.timepicker-size {
  width: 150px;
  height: 40px;
}

.toggle-size {
  width: 80px !important;
  height: 30px;
  cursor: pointer;
}

.form-switch-onoff {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.form-check-input:checked {
  background-color: var(--secondary-bg-color) !important;
  border-color: var(--secondary-bg-color) !important;
}

.form-check-toggle-input {
  background-image: var(--cui-form-switch-bg-image, url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCAyOSAyOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF80NjY2XzU4OCkiPgo8cGF0aCBkPSJNMjQuMTE5MSAxMy45NjY4QzI0LjExOTEgMTkuNDg5NiAxOS42NDIgMjMuOTY2OCAxNC4xMTkxIDIzLjk2NjhDOC41OTYyOSAyMy45NjY4IDQuMTE5MTQgMTkuNDg5NiA0LjExOTE0IDEzLjk2NjhDNC4xMTkxNCA4LjQ0Mzk1IDguNTk2MjkgMy45NjY4IDE0LjExOTEgMy45NjY4QzE5LjY0MiAzLjk2NjggMjQuMTE5MSA4LjQ0Mzk1IDI0LjExOTEgMTMuOTY2OFoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF80NjY2XzU4OCIgeD0iMC4xMTkxNDEiIHk9IjAuOTY2Nzk3IiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzQ2NjZfNTg4Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzQ2NjZfNTg4IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=")) !important;
  background-color: #ececec;
  box-shadow: inset 0 0 4px 0px rgba(0, 0, 0, 0.25);
}

.form-check-toggle-input:checked:after {
  content: "OPEN";
  color: white;
  display: flex;
  align-items: center;
  margin-left: 10px;
  line-height: 28px;
  font-size: 15px;
}

.form-check-toggle-input:after {
  content: "CLOSE";
  color: #777777;
  display: flex;
  align-items: center;
  margin-left: 25px;
  line-height: 28px;
  font-size: 15px;
}

.form-check-toggle-input-onoff {
  width: 61px !important;
}

.form-check-toggle-input-onoff:checked:after {
  content: "ON";
  color: white;
  display: flex;
  align-items: center;
  margin-left: 10px;
  line-height: 28px;
  font-size: 15px;
}

.form-check-toggle-input-onoff:after {
  content: "OFF";
  color: #777777;
  display: flex;
  align-items: center;
  margin-left: 25px;
  line-height: 28px;
  font-size: 15px;
}

.form-check-toggle-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(104, 34, 67, 0.25);
  border-color: var(--secondary-bg-color);
}

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

.special_hours--title {
  font-size: 1.2rem;
  color: var(--text-title-color);
  font-weight: 700;
}

.color-title {
  color: var(--text-title-color);
}

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

.fw-400 {
  font-weight: 400;
}

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

.fw-600 {
  font-weight: 600;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-pointer>* {
  cursor: pointer;
}

.bg-white {
  background-color: #ffffff;
}

.star-checked {
  color: #FFB800;
}

.vote {
  color: #777777;
  font-size: 14px;
}

/*Font-size*/
.fs14px {
  font-size: 14px;
}

.fs16px {
  font-size: 16px;
}

.fs1-5rem {
  font-size: 1.5rem;
}

.fs-12px {
  font-size: 12px;
}

.fs-18px {
  font-size: 18px;
}

.fs-20px {
  font-size: 20px;
}

.fa-star,
.fa-star-half-stroke {
  font-size: 27px;
}

.fa-star-sm,
.fa-star-half-stroke-sm {
  font-size: 16px;
}

.progress-1 {
  background-color: #F17A55;
}

.progress-2 {
  background-color: #FAB851;
}

.progress-3 {
  background-color: #F6D757;
}

.progress-4 {
  background-color: #B7EA83;
}

.progress-5 {
  background-color: #76DC99;
}

/* .review-img:not(:last-child){
  margin-right : 1rem;
} */
.bg-transparent {
  background-color: transparent;
}

.bgthead_color {
  background: var(--thead-color);
}

.bgtfoot_color {
  background: var(--tfoot-color);
}

.userInfo_profile--img {
  height: 60px;
  width: 60px;
  border-radius: 50%;
}

.liked {
  color: #007AB5;
}

.review-btn-report:hover,
.review-btn-reply:hover,
.review-btn-reply.checked {
  color: #ffffff;
  background-color: var(--secondary-bg-color);
  transition: 0.3s;
}

/*Width*/
.w-20 {
  width: 20%;
}

.w-24 {
  width: 24%;
}

.w-90 {
  width: 90%;
}

.mw-581 {
  max-width: 581px;
}

.w-590 {
  width: 590px;
}

.minw-100px {
  min-width: 100px;
}

.list-reply {
  padding-left: 30px;
}

.list-reply li {
  list-style: none;
  border-left: 2px solid var(--border-color);
}

.list-reply--img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-left: calc(-27px / 2);
  /* width 25 + 2px border  */
  margin-top: 5px;
  margin-right: 10px;
}

/* Text color */
.color-pink {
  color: var(--active-nav-title)
}

.color-white {
  color: white;
}

.label-color {
  color: var(--text-label-color);
}

.btn-label-color {
  color: var(--button-label-color);
}

.text-semibold {
  color: var(--text-semibold);
}

.textcolor-secondary {
  color: var(--text-secondary-color);
}

.link:hover {
  color: var(--text-secondary-color);
}

.thead_color {
  color: var(--thead-color);
}

.tfoot_color {
  color: var(--tfoot-color);
}

/*Decoration*/
.text-decoration--none {
  text-decoration: none;
}

/*Pagination*/
.page-link.active,
.active>.page-link {
  background-color: var(--text-title-color);
  border-color: var(--text-title-color);
}

.page-link:hover,
.page-link {
  color: var(--text-title-color);
}

.active>.page-link:hover {
  color: var(--cui-pagination-active-color);
}

.page-link:first-child,
.page-link:last-child {
  border-width: 0;
}

.page-link {
  border-radius: 50%;
  width: 35px;
  height: 35px;
}

.bg-f8 {
  background: #f8f8f8;
}

.module-item {
  position: relative;
}

.module-item::after {
  content: attr(title);
  color: var(--secondary-bg-color);
  position: absolute;
  top: -0.8rem;
  left: 2rem;
  background: white;
  padding: 0 10px;
  font-weight: 700;
  font-size: 16px;
}

/*Margin*/
.ml-1px {
  margin-left: 1px;
}

.mr-u1px {
  margin-right: -1px;
}

@media (max-width: 480px) {
  .sm-mb-2 {
    margin-bottom: 0.5rem;
  }
}

/*Input*/
.hh:focus-visible,
.mm:focus-visible {
  outline: none !important;
}

/* Icon */
.circle-icon-btn:hover {
  background: rgb(32 32 32 / 90%);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 21, 0.5);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 21, 0.5);
  -moz-box-shadow: 0 0.5rem 1rem rgba(0, 0, 21, 0.5);
  fill: #fff;
}

.circle-icon-btn {
  width: 44px;
  height: 44px;
  border: 2px solid transparent;
  transition: all 0.3s ease;
  padding: 3px;
}

.circle-notify,
.circle-messages,
.cash-open {
  border: 1px solid #CDCDCD;
  transition: all 0.3s ease;
  border-radius: 14px;
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
}


.circle-notify:hover,
.circle-messages:hover,
.cash-open:hover {
  background: rgb(32 32 32 / 90%);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 21, 0.5);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 21, 0.5);
  -moz-box-shadow: 0 0.5rem 1rem rgba(0, 0, 21, 0.5);
  fill: #fff;
  color: #fff;
}

.avatar:hover {
  border-radius: 50%;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 21, 0.5);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 21, 0.5);
  -moz-box-shadow: 0 0.5rem 1rem rgba(0, 0, 21, 0.5);
  padding: 1px;
}

.avatar:hover .avatar-img {
  transition: all 0.1s ease;
}

.avatar {
  transition: all 0.1s ease;
}

.avatar-2xl {
  width: 5.5rem;
  height: 5.5rem;
  overflow: hidden;
}

.bg-darkness {
  background-color: #202020;
}

.bg-dark {
  background-color: #202020 !important;
}

.text-light {
  color: #CDCDCD !important;
}

.min-75vh {
  min-height: 75vh;
}

.two-lines {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.one-lines {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.salon-showroom {
  border-radius: 6px;
  transition-duration: 0.5s;
  display: flex;
}

#salon-showroom {
  transition-duration: 0.5s;
  display: flex;
  overflow: hidden;
}

.salon-showroom-avatar {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  font-size: 0.8rem;
  width: 56px;
  max-width: 56px;
  height: 56px;
}

.salon-showroom-avatar img {
  width: 56px;
  max-width: 56px;
  height: 56px;
}

.unread {
  position: relative;
}

.unread:before {
  content: " ";
  width: 10px;
  height: 10px;
  background: var(--active-nav-title);
  border-radius: 50%;
  position: absolute;
  right: 0.3rem;
  top: 0.3rem;
}

a.dropdown-item.n360-dropdown-item:hover {
  color: var(--active-nav-title);
  background-color: transparent;
}

.sidebar-narrow-unfoldable:hover~.sidebar-nav .nav-group-toggle::after {
  display: none;
}

.sidebar-narrow-unfoldable:not(:hover) .nav-link {
  min-height: 30px;
}

.sidebar-narrow-unfoldable:not(:hover) #navbar_salon_name {
  display: none;
}

.sidebar-narrow-unfoldable:not(:hover) .salon-showroom {
  background-color: #1e1e1e;
  margin: 1rem 0;
}

.sidebar-narrow-unfoldable:not(:hover) .salon-showroom-avatar {
  width: 100%;
  aspect-ratio: 1/1;
}

.sidebar-narrow-unfoldable:not(:hover) .nav-icon {
  margin-left: 0px !important;
}

/* .sidebar-narrow-unfoldable:not(:hover) .nav-link span,
.sidebar-narrow-unfoldable:not(:hover) .nav-link b {
  display: none;
} */

.sidebar-narrow-unfoldable:not(:hover) .nav-link {
  padding-left: 0;
}

.sidebar-narrow-unfoldable:not(:hover) .nav-link b {
  padding-left: 1.5rem;
}

.sidebar-narrow-unfoldable:hover .nav-link b {
  padding-left: 0.5rem;
}

.sidebar-narrow-unfoldable:not(:hover) .nav-icon {
  padding-left: 7px;
}

.sidebar-narrow-unfoldable:hover {
  padding-right: 0.5rem;
  padding-bottom: 3rem;
}

.sidebar .nav-link b {
  transition-duration: 750ms;
}

#reportSale .ant-collapse-expand-icon {
  display: initial !important;
  align-self: center;
  padding: 0px;
}

#reportSale .ant-collapse-header {
  padding: 0px;
}

#reportSale .ant-collapse-content-box {
  padding: 0px;
}

#report_Employees .ant-collapse-expand-icon {
  display: initial !important;
  align-self: center;
  padding: 0px;
}

#report_Employees .ant-collapse-header {
  padding: 0px;
}

#report_Employees .ant-collapse-content-box {
  padding: 0px;
}

.ant-collapse-expand-icon {
  width: 50px;
  display: none !important;
}

/* .nav-group.show:not(.showItem) .nav-group-toggle img {
  filter: invert(70%) !important;
} */

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.spinner-payment {
  width: 60px;
  height: 60px;
  position: relative;
  margin: 0 auto;
}

.spinner-payment .ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 3.5px solid transparent;
  border-top-color: #682243;
}

.spinner-payment .ring:nth-child(1) {
  animation: spin 1.2s linear infinite;
}

.spinner-payment .ring:nth-child(2) {
  inset: 5px;
  animation: spin 0.9s linear infinite reverse;
}

.spinner-payment .ring:nth-child(3) {
  inset: 10px;
  animation: spin 1.5s linear infinite;
}

.word-wrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}