.color-menu-bar {
  color: var(--color-menu-bar) !important;
}
.color-text-content {
  color: var(--color-text-content) !important;
}

.bg-field {
  background-color: var(--field-bg) !important;
}



.rotate-svg {
  transform: rotate(-180deg);
}



.bg-tab-acordien {
  background-color: var(--tab-acordien) !important;
}

.color-tab-acordien {
  color: var(--color-text-acordien) !important;
}

.bg-color-d-b-2 {
  background-color: var(--color-D-B-2) !important;
}

.color-g {
  color: var(--color-G) !important;
}

.mt-n1 {
  margin-top: -0.5rem !important;
}
.content-b {
  background-color: var(--content-G) !important;
}

.bg-g {
  background-color: var(--color-G) !important;
}





.bg-header-table-color {
  background-color: var(--header-table-color) !important;
}

.color-header-table-color {
  color: var(--color-text-content) !important;
}

.head-group-fields {
  position: relative;
}

.head-group-fields::after {
  content: "";
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  height: 2px;
  background-color: var(--color-G);
  width: 48px;
  bottom: -35%;
  inset-inline-start: 0px;
}

.box-color {
  background-color: var(--box-color);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--color-G);
  color: var(--color-text-content);
}

.nav-pills .nav-link {
  color: var(--color-text-content);
}

.cursor-pointer {
  cursor: pointer;
}
.object-contain {
  object-fit: contain;
}

.room-count-border {
  border-bottom: 1px solid var(--color-G);
}

.room-b {
  background-color: var(--room-G);
}

.payment-btn.pay-fawry {
	background:#fff  url("../../img/logo-fawry.png") !important;
	background-size: 100% 100% !important;
	background-repeat: no-repeat !important;
}

.payment-btn.pay-efinance {
	background:#fff  url("../../img/logo-efinance.png") !important;
	background-size: 100% 100% !important;
	background-repeat: no-repeat !important;
}
.payment-btn.pay-visa {
	background:#fff  url("../../img/logo-visa.png") !important;
	background-size: 100% 100% !important;
	background-repeat: no-repeat !important;
}

.payment-btn {
	width: 200px;
    height: 50px;
    display: block;
}
.ui-messages-error-summary{
	color:red;
}