@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap");
body {
  font-family: "Cairo", sans-serif;
}
@media (min-width: 2200px) {
  body {
    max-width: 2200px;
    margin: 0 auto;
    position: relative;
  }
  body .dash-sidebar {
    position: absolute;
    border-right: 1px solid rgba(0, 0, 0, 0.25);
  }
}

button,
button:focus,
button:focus-visible,
input:focus-visible,
.form-control:focus,
select:focus-visible,
.form-select:focus,
li:focus-visible {
  outline: 0 !important;
  box-shadow: none !important;
}

a {
  text-decoration: none;
}

body ::-webkit-scrollbar {
  width: 4px;
}

body ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body ::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid #F8F8F8;
}

@media (max-width: 576px) {
  .psm-3px {
    padding-left: 3px;
    padding-right: 3px;
    padding-inline-start: 3px;
    padding-inline-end: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
  }
}
.toastjs {
  padding: 20px;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.toastjs p {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.toastjs button {
  display: none;
}
.toastjs.danger p::before {
  content: "\f06a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: block;
  font-size: 20px;
  color: #FF4136;
}
.toastjs.success p::before {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: block;
  font-size: 20px;
  color: #16753C;
}

[dir=rtl] body {
  direction: rtl;
  text-align: right;
}
@media (min-width: 1200px) {
  [dir=rtl] .offset-xl-3 {
    margin-right: 25% !important;
    margin-left: unset !important;
  }
}

.forget-swiper .forgetSwiper .forget-img img {
  width: 100%;
  height: 100%;
  object-fit: none;
}

.alert-modal .modal-content .modal-img img, .dash-sidebar .sidebar .nav-menu .nav-item .nav-icon img, .dash-sidebar .sidebar .bottom-nav .nav-item .nav-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.login-swiper .swiper-slide img, .dash-sidebar .dash-side-logo .logo-img img, .dash-header .profile-droplist .profile-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.preloader {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #F8F8F8;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.preloader img {
  width: 200px;
}
.preloader p {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 40px;
  color: #898787;
}

.dashboard-layout {
  display: flex;
  justify-content: start;
  align-items: start;
  flex-direction: row;
  transition: all 0.5s ease-in-out;
}
.dashboard-layout.sm-layout .dash-body, .dashboard-layout.mob-layout .dash-body {
  width: calc(100% - 88px);
  margin-inline-start: 88px;
}
.dashboard-layout .dash-sidebar {
  max-width: 270px;
  height: 100vh;
  transition: all 0.5s ease-in-out;
}
.dashboard-layout .dash-sidebar.opened {
  width: 270px;
}
.dashboard-layout .dash-sidebar.small {
  width: 88px;
}
.dashboard-layout .dash-body {
  width: calc(100% - 270px);
  margin-inline-start: 270px;
}
.dashboard-layout .dash-body .dash-header {
  height: 75px;
}
.dashboard-layout .dash-body .dash-content {
  padding: 24px 30px 150px 30px;
}
.dashboard-layout .dash-body .dash-content.bg-gray {
  background-color: #F8F8F8;
}
.dashboard-layout .dash-body .dash-content .title-centerd {
  position: relative;
  text-align: center;
}
.dashboard-layout .dash-body .dash-content .title-centerd span {
  background-color: white;
  padding: 0 38px;
  width: fit-content;
  font-weight: 600;
  font-size: 24px;
  color: #A40101;
}
.dashboard-layout .dash-body .dash-content .title-centerd::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #A40101;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}

@media (min-width: 1200px) {
  .w-lg-half {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .dashboard-layout .dash-body .dash-content {
    padding: 24px 10px 150px 10px;
  }
  .title-centerd span {
    padding-inline: 15px !important;
    font-size: 20px !important;
  }
}
.dash-header {
  display: flex;
  justify-content: end;
  align-items: center;
  flex-direction: row;
  gap: 29px;
  padding-inline-end: 60px;
  box-shadow: 0px 0.8px 0px 0px #EFF1F5;
}
.dash-header .inbox-droplist .dropdown-menu, .dash-header .notfs-droplist .dropdown-menu {
  top: 30px !important;
}
.dash-header .inbox-droplist .dropdown-toggle::after, .dash-header .notfs-droplist .dropdown-toggle::after {
  display: none;
}
.dash-header .notfs-droplist {
  position: relative;
}
.dash-header .notfs-droplist .notf-num {
  position: absolute;
  right: -8px;
  top: -13px;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  color: white;
  background-color: #A40101;
}
.dash-header .profile-droplist #profile-btn {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
}
.dash-header .profile-droplist #profile-btn::after {
  border: 0;
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-size: 12px;
  font-weight: 900;
  color: #898787;
}
.dash-header .profile-droplist .profile-img {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  margin-inline-end: 20px;
}
.dash-header .profile-droplist .profile-name {
  padding-inline-end: 29px;
}
.dash-header .profile-droplist .profile-name .name {
  max-width: 150px;
  overflow: hidden;
  font-size: 18px;
  font-weight: 400;
  color: black;
}
.dash-header .profile-droplist .profile-name .role {
  color: #898787;
  font-size: 12px;
  font-weight: 400;
}
.dash-header .profile-droplist .dropdown-menu {
  right: 0 !important;
  top: 12px !important;
}
.dash-header .dropdown-menu .dropdown-item {
  color: black;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
}
.dash-header .dropdown-menu .dropdown-item i {
  font-size: 20px;
  color: #898787;
  margin-inline-end: 10px;
}
.dash-header .dropdown-menu .dropdown-item:active {
  background-color: transparent;
}
.dash-header .dropdown-menu .dropdown-item.proile-item {
  display: none;
}

@media (max-width: 768px) {
  .dash-header {
    gap: 15px;
    padding-inline-end: 30px;
  }
  .dash-header .profile-name {
    padding-inline-end: 15px !important;
  }
}
@media (max-width: 576px) {
  .profile-name {
    display: none;
  }
  .profile-img {
    margin-inline-end: 15px !important;
  }
  .proile-item {
    display: flex !important;
  }
  .proile-item .role {
    font-size: 12px;
    color: #898787;
  }
}
[dir=rtl] .dash-header .notf-num {
  left: -8px;
  right: unset !important;
}
[dir=rtl] .dash-header .profile-droplist .dropdown-menu {
  left: 0 !important;
}
@media (max-width: 768px) {
  [dir=rtl] .dash-header .profile-droplist .dropdown-menu {
    right: unset !important;
  }
}
[dir=rtl] .dash-header .profile-droplist .dropdown-menu .proile-item {
  text-align: right;
}

.dash-sidebar {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  background: white;
  z-index: 9;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.25);
}
.dash-sidebar .dash-side-logo {
  height: 75px;
  border-bottom: 1px solid #DADADA;
  padding: 25px;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
}
.dash-sidebar .dash-side-logo .logo-img {
  width: 45px;
  height: 45px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  margin-inline-end: 20px;
  background-color: #D9D9D9;
}
.dash-sidebar .dash-side-logo .brand-name {
  transition: all 0.6s ease-in;
  color: #A40101;
  font-size: 28px;
  font-weight: 700;
}
.dash-sidebar .sidebar {
  position: relative;
  padding: 50px 17px 40px 5px;
}
.dash-sidebar .sidebar .minimize {
  width: 35px;
  height: 35px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #A40101;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  position: absolute;
  top: 15px;
  right: 0;
  transform: translateX(50%);
}
.dash-sidebar .sidebar .minimize i {
  color: white;
  font-size: 20px;
  transition: all 0.3s ease;
}
.dash-sidebar .sidebar .nav-menu {
  max-height: calc(100vh - 180px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-inline-end: 10px;
  padding-bottom: 10px;
}
.dash-sidebar .sidebar .nav-menu + .bottom-nav {
  max-height: calc(100vh - 320px);
}
.dash-sidebar .sidebar .bottom-nav {
  border-top: 1px solid #DADADA;
  padding-top: 20px;
}
.dash-sidebar .sidebar .nav-menu .nav-item, .dash-sidebar .sidebar .bottom-nav .nav-item {
  padding: 8px 20px;
  margin-bottom: 4px;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
}
.dash-sidebar .sidebar .nav-menu .nav-item .nav-icon, .dash-sidebar .sidebar .bottom-nav .nav-item .nav-icon {
  margin-inline-end: 15px;
  width: 20px;
}
.dash-sidebar .sidebar .nav-menu .nav-item .nav-icon img, .dash-sidebar .sidebar .bottom-nav .nav-item .nav-icon img {
  transition: all 0.2s ease;
}
.dash-sidebar .sidebar .nav-menu .nav-item .nav-icon img.home-icon, .dash-sidebar .sidebar .nav-menu .nav-item .nav-icon img.message-icon, .dash-sidebar .sidebar .bottom-nav .nav-item .nav-icon img.home-icon, .dash-sidebar .sidebar .bottom-nav .nav-item .nav-icon img.message-icon {
  filter: brightness(0) saturate(100%) invert(63%) sepia(2%) saturate(12%) hue-rotate(315deg) brightness(85%) contrast(82%);
}
.dash-sidebar .sidebar .nav-menu .nav-item .nav-slink, .dash-sidebar .sidebar .bottom-nav .nav-item .nav-slink {
  color: #898787;
  font-size: 20px;
  font-weight: 500;
  transition: all 0.3s ease;
}
.dash-sidebar .sidebar .nav-menu .nav-item.active, .dash-sidebar .sidebar .nav-menu .nav-item:hover, .dash-sidebar .sidebar .bottom-nav .nav-item.active, .dash-sidebar .sidebar .bottom-nav .nav-item:hover {
  background-color: #A40101;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
.dash-sidebar .sidebar .nav-menu .nav-item.active .nav-icon img, .dash-sidebar .sidebar .nav-menu .nav-item:hover .nav-icon img, .dash-sidebar .sidebar .bottom-nav .nav-item.active .nav-icon img, .dash-sidebar .sidebar .bottom-nav .nav-item:hover .nav-icon img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7468%) hue-rotate(109deg) brightness(108%) contrast(100%);
}
.dash-sidebar .sidebar .nav-menu .nav-item.active .nav-slink, .dash-sidebar .sidebar .nav-menu .nav-item:hover .nav-slink, .dash-sidebar .sidebar .bottom-nav .nav-item.active .nav-slink, .dash-sidebar .sidebar .bottom-nav .nav-item:hover .nav-slink {
  color: white;
}
.dash-sidebar .sidebar .nav-menu .nav-item.active i, .dash-sidebar .sidebar .nav-menu .nav-item:hover i, .dash-sidebar .sidebar .bottom-nav .nav-item.active i, .dash-sidebar .sidebar .bottom-nav .nav-item:hover i {
  color: white !important;
}
.dash-sidebar .sidebar .nav-menu .nav-item.wz-drop, .dash-sidebar .sidebar .bottom-nav .nav-item.wz-drop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.dash-sidebar .sidebar .nav-menu .nav-item.wz-drop div, .dash-sidebar .sidebar .bottom-nav .nav-item.wz-drop div {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
}
.dash-sidebar .sidebar .nav-menu .nav-item.wz-drop i, .dash-sidebar .sidebar .bottom-nav .nav-item.wz-drop i {
  color: #898787;
}
.dash-sidebar .sidebar .nav-menu .sidebar-collapse .card, .dash-sidebar .sidebar .bottom-nav .sidebar-collapse .card {
  border: 0;
  border-bottom: 1px solid #DADADA;
  border-radius: 0;
}
.dash-sidebar .sidebar .nav-menu .sidebar-collapse .card a, .dash-sidebar .sidebar .bottom-nav .sidebar-collapse .card a {
  color: #A40101;
}
.dash-sidebar.small {
  box-shadow: none !important;
}
.dash-sidebar.small .dash-side-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding: 0;
}
.dash-sidebar.small .dash-side-logo .logo-img {
  margin: 0;
}
.dash-sidebar.small .dash-side-logo .brand-name {
  display: none;
}
.dash-sidebar.small .minimize i {
  transform: rotate(180deg);
}
.dash-sidebar.small .sidebar {
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.25);
}
.dash-sidebar.small .nav-menu .nav-item,
.dash-sidebar.small .bottom-nav .nav-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding: 8px;
}
.dash-sidebar.small .nav-menu .nav-item .nav-icon,
.dash-sidebar.small .bottom-nav .nav-item .nav-icon {
  margin-inline-end: 0;
}
.dash-sidebar.small .nav-menu .nav-item .nav-slink,
.dash-sidebar.small .bottom-nav .nav-item .nav-slink {
  display: none;
}
.dash-sidebar.small .bottom-nav {
  padding-right: 15px;
}

[dir=rtl] .dash-sidebar {
  right: 0;
  left: unset !important;
  box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.25) !important;
}
[dir=rtl] .dash-sidebar .minimize {
  left: 0;
  right: unset !important;
  transform: translateX(-50%);
}
[dir=rtl] .dash-sidebar .minimize i {
  transform: rotate(180deg);
}
[dir=rtl] .dash-sidebar.small .minimize i {
  transform: unset;
}
[dir=rtl] .dash-sidebar.small .sidebar {
  box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.25);
}
[dir=rtl] .dash-sidebar.small .bottom-nav {
  padding-right: unset !important;
}

.form-sec .form-floating {
  margin-bottom: 30px;
}
.form-sec .form-floating input {
  padding-inline-start: 22px;
  font-size: 18px;
  color: black;
  background-color: #F6F6F6;
  border: 1.5px solid #E8E8E8;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  height: 70px;
}
.form-sec .form-floating input.have-error {
  border-color: red;
}
.form-sec .form-floating label {
  padding-inline-start: 22px;
  color: #BDBDBD;
  font-size: 22px;
  font-weight: 500;
}
.form-sec .form-floating > .form-control:focus ~ label {
  font-weight: normal;
  transform: scale(0.7) translateY(-0.5rem) translateX(0.15rem);
}
.form-sec .form-floating span {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: #898787;
}

.custom-check {
  padding-left: 0 !important;
}
.custom-check input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.custom-check label {
  position: relative;
  cursor: pointer;
  color: #898787;
  font-size: 16px;
  font-weight: 700;
}
.custom-check label::before {
  content: "";
  -webkit-appearance: none;
  background-color: white;
  border: 1.5px solid #A40101;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 6px;
  margin-inline-end: 10px;
}
.custom-check input:checked + label:after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  color: white;
  background-color: #A40101;
  border-radius: 5px;
  width: 16px;
  height: 16px;
  font-size: 12px;
  text-align: center;
}

.custom-radio {
  padding-left: 0 !important;
}
.custom-radio input[type=radio] {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.custom-radio label {
  position: relative;
  cursor: pointer;
  color: #898787;
  font-size: 18px;
  font-weight: 700;
}
.custom-radio label::before {
  content: "";
  -webkit-appearance: none;
  background-color: white;
  border: 2px solid #898A8D;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  margin-inline-end: 6px;
}
.custom-radio input:checked + label::before {
  border-color: #A40101;
}
.custom-radio input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 3.6px;
  color: white;
  background-color: #A40101;
  border-radius: 50%;
  width: 13px;
  height: 13px;
}

.otp {
  max-width: 105px;
  height: 120px;
  color: black;
  background-color: #F6F6F6;
  border: 1.5px solid #E8E8E8;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  text-align: center;
}

.float-select > .form-select ~ label {
  padding-inline-start: 20px;
  font-size: 17px;
  font-weight: 700;
  opacity: 1;
  color: #898787;
}
.float-select select {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  padding: 20px;
  border: 1px solid #DDD;
}

.standard-select,
.standard-input {
  position: relative;
  margin-bottom: 30px;
}
.standard-select + .validation-area,
.standard-input + .validation-area {
  margin-top: -30px !important;
  margin-bottom: 10px;
}
.standard-select label,
.standard-input label {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
.standard-select label span.hint,
.standard-input label span.hint {
  color: #898787;
  font-size: 12px;
  font-weight: 600;
}
.standard-select select,
.standard-input select {
  padding-inline-start: 15px;
}
.standard-select select, .standard-select input,
.standard-input select,
.standard-input input {
  height: 48px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #898787;
  font-size: 16px;
  font-weight: 600;
  color: #000;
}
.standard-select select.have-error, .standard-select input.have-error,
.standard-input select.have-error,
.standard-input input.have-error {
  border-color: #DE1313;
}
.standard-select textarea,
.standard-input textarea {
  display: block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #898787;
  font-size: 18px;
  font-weight: 600;
  color: #000;
  width: 100%;
}
@media (min-width: 1200px) {
  .standard-select textarea,
  .standard-input textarea {
    width: 60%;
  }
}
.standard-select input:not([type=time]):not([type=date]):not([type=search]),
.standard-input input:not([type=time]):not([type=date]):not([type=search]) {
  padding-inline-end: 60px;
}
.standard-select input[type=search],
.standard-input input[type=search] {
  padding-inline-end: 15px;
}
.standard-select input[type=time]::-webkit-calendar-picker-indicator,
.standard-select input[type=date]::-webkit-calendar-picker-indicator,
.standard-input input[type=time]::-webkit-calendar-picker-indicator,
.standard-input input[type=date]::-webkit-calendar-picker-indicator {
  filter: brightness(0) saturate(100%) invert(63%) sepia(2%) saturate(12%) hue-rotate(315deg) brightness(85%) contrast(82%);
}
.standard-select input[type=time]:read-only,
.standard-input input[type=time]:read-only {
  background-color: #F6F6F6;
  cursor: not-allowed;
}
.standard-select input[type=time]:read-only::-webkit-calendar-picker-indicator,
.standard-input input[type=time]:read-only::-webkit-calendar-picker-indicator {
  display: none;
}
.standard-select input[type=date]::-webkit-datetime-edit,
.standard-input input[type=date]::-webkit-datetime-edit {
  color: #898787;
}
.standard-select .float-span,
.standard-input .float-span {
  position: absolute;
  right: 15px;
  bottom: 10px;
  font-size: 20px;
  font-weight: 600;
  color: #898787;
}
.standard-select select:disabled,
.standard-select input:read-only,
.standard-select input:disabled,
.standard-input select:disabled,
.standard-input input:read-only,
.standard-input input:disabled {
  background-color: #F6F6F6;
  cursor: not-allowed;
}
.standard-select select:disabled,
.standard-input select:disabled {
  background-image: none;
}
.standard-select select option:checked,
.standard-select select option:hover,
.standard-select select option:selected,
.standard-input select option:checked,
.standard-input select option:hover,
.standard-input select option:selected {
  box-shadow: 0 0 10px 100px #F6F6F6 inset;
}
.standard-select select:focus > option:checked,
.standard-input select:focus > option:checked {
  background: #F6F6F6 !important;
}

.standard-input.wz-search input {
  padding-inline-start: 50px;
  padding-inline-end: 10px;
}
.standard-input.wz-search .s-icon {
  position: absolute;
  left: 20px;
  bottom: 12px;
  color: #898787;
}

.validation-area {
  color: #DE1313;
  font-size: 16px;
  font-weight: 600;
}

.standard-select .select2-container {
  width: 100% !important;
}
.standard-select .select2-container--default .select2-selection--single {
  height: 48px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border-color: #898787;
}
.standard-select .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 48px;
}
.standard-select .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50%;
  transform: translateY(-50%);
  margin-inline-end: 10px;
}
.standard-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.standard-select .select2-container--default .select2-selection--single .select2-selection__arrow::after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: block;
  color: #898787;
  font-size: 15px;
  text-align: center;
  margin-top: 2px;
}

.formItem-wz-float-label {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background-color: white;
  border: 1px solid #D9D5EC;
  height: 40px;
  padding: 8px 15px 8px 4px;
}
.formItem-wz-float-label label {
  font-size: 16px;
  font-weight: 600;
  color: #898787;
  flex-shrink: 0;
}
.formItem-wz-float-label select, .formItem-wz-float-label input {
  border: 0;
  padding: 0;
  padding-inline-start: 8px;
}

@media (max-width: 767px) {
  .form-select {
    padding-inline-start: 10px;
  }
}
[dir=rtl] .form-floating span {
  right: unset !important;
  left: 20px;
}
[dir=rtl] .form-floating > label {
  left: unset !important;
  right: 0;
  transition: all 0.3s ease-in-out;
}
[dir=rtl] .form-floating > .form-control:focus ~ label, [dir=rtl] .form-floating > .form-control:not(:placeholder-shown) ~ label {
  transform: unset;
  top: -10px;
  font-size: 14px;
}
[dir=rtl] .custom-check input:checked + label:after {
  left: unset !important;
  right: 0;
}
[dir=rtl] .custom-radio input:checked + label:after {
  left: unset !important;
  right: 3.6px;
}
[dir=rtl] .float-select select, [dir=rtl] .standard-select select, [dir=rtl] td.tabledit-edit-mode select {
  background-position: left 0.75rem center;
}
[dir=rtl] .formItem-wz-float-label select {
  background-position: left 0.75rem center;
}
[dir=rtl] .standard-input .float-span {
  right: unset !important;
  left: 15px;
}
[dir=rtl] .standard-input .s-icon {
  right: 20px;
  left: unset !important;
}

@media (min-width: 576px) {
  .alert-modal .modal-dialog {
    max-width: 490px;
  }
}
.alert-modal .modal-content {
  border-radius: 18px;
  background: var(--White, #FFF);
}
.alert-modal .modal-content .modal-img {
  width: 160px;
  height: 160px;
  margin: 0px auto 30px auto;
}
.alert-modal .modal-content .modal-img.svg-alert {
  display: flex;
  align-items: center;
  justify-content: center;
}
.alert-modal .modal-content .modal-title {
  color: #000;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
}
.alert-modal .modal-content .modal-title .sub-title {
  width: 270px;
  margin-inline: auto;
  color: #979797;
  font-size: 20px;
  font-weight: 500;
}
.alert-modal .modal-content .modal-footer {
  border: 0;
  padding: 30px 40px 15px 40px;
}
.alert-modal .modal-content .modal-footer .modal-link, .alert-modal .modal-content .modal-footer .alert-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  width: 100%;
  height: 60px;
  border-radius: 18px;
  background: #16753C;
  color: var(--White, #FFF);
  font-size: 24px;
  font-weight: 600;
  border: 0;
}
.alert-modal .modal-content .modal-footer .alert-btn.error-bg {
  background-color: #A40101;
}

#infoAlert .modal-img img {
  filter: brightness(0) saturate(100%) invert(15%) sepia(91%) saturate(3953%) hue-rotate(9deg) brightness(72%) contrast(125%);
  opacity: 0.7;
}
#infoAlert .modal-title {
  font-size: 20px;
}

#confirm .modal-img img, #confirmAttend .modal-img img {
  filter: brightness(0) saturate(100%) invert(15%) sepia(91%) saturate(3953%) hue-rotate(9deg) brightness(72%) contrast(125%);
  opacity: 0.7;
}
#confirm .confirm-buttons, #confirmAttend .confirm-buttons {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  gap: 10px;
}
#confirm .confirm-buttons form, #confirmAttend .confirm-buttons form {
  flex: 1;
}
#confirm .confirm-buttons form button, #confirmAttend .confirm-buttons form button {
  background-color: #A40101;
  color: white;
  border: 0;
}
#confirm .confirm-buttons form button:hover, #confirmAttend .confirm-buttons form button:hover {
  opacity: 0.8;
  color: white;
}
#confirm .confirm-buttons .modal-link, #confirmAttend .confirm-buttons .modal-link {
  flex: 1;
  transition: all 0.3s ease-out;
}
#confirm .confirm-buttons .modal-link.bg-error, #confirmAttend .confirm-buttons .modal-link.bg-error {
  background-color: #A40101;
  color: white;
  border: 0;
}
#confirm .confirm-buttons .modal-link.bg-error:hover, #confirmAttend .confirm-buttons .modal-link.bg-error:hover {
  opacity: 0.8;
  color: white;
}
#confirm .confirm-buttons .modal-link.bg-green, #confirmAttend .confirm-buttons .modal-link.bg-green {
  background-color: #16753C;
  color: white;
  border: 0;
}
#confirm .confirm-buttons .modal-link.bg-green:hover, #confirmAttend .confirm-buttons .modal-link.bg-green:hover {
  opacity: 0.8;
  color: white;
}
#confirm .confirm-buttons button, #confirmAttend .confirm-buttons button {
  background-color: white;
  border: 2px solid #898787;
  color: #898787;
}
#confirm .confirm-buttons button:hover, #confirmAttend .confirm-buttons button:hover {
  border-color: #000;
  color: #000;
}

@media (min-width: 576px) {
  .calendar-modal .modal-dialog {
    width: calc(100vw - 80px);
    max-width: calc(100vw - 80px);
    height: calc(100vh - 80px);
  }
}
.calendar-modal .modal-dialog .modal-content {
  padding: 40px 40px 20px;
  height: 100%;
}
.calendar-modal .modal-dialog .modal-content .calendar-filter .standard-select select, .calendar-modal .modal-dialog .modal-content .calendar-filter .standard-input input {
  height: 42px;
  font-size: 16px;
}
.calendar-modal .modal-dialog .modal-content .calendar-filter .standard-input.wz-search .s-icon {
  bottom: 8px;
}
.calendar-modal .modal-dialog .modal-content .calendar-container {
  height: 100%;
}
.calendar-modal .modal-dialog .modal-content .calendar-container.flex-details {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  height: 80%;
}
.calendar-modal .modal-dialog .modal-content .calendar-container .emptyValues {
  color: #898787;
  font-size: 22px;
  font-weight: 600;
}
.calendar-modal .modal-dialog .modal-content .calendar-container .cal-row {
  height: 100%;
}

.sports-modal .modal-dialog {
  width: calc(100% - 1rem);
}
@media (min-width: 767px) {
  .sports-modal .modal-dialog {
    width: 700px;
    max-width: 700px;
  }
}
.sports-modal .modal-header {
  justify-content: flex-end !important;
  border-bottom: 0;
}
.sports-modal .modal-header .btn-close {
  margin: unset;
  width: 24px;
  height: 24px;
  padding: 0;
}
.sports-modal .modal-body {
  padding: 0 27px 27px;
}
.sports-modal .modal-body .title-centerd {
  position: relative;
  text-align: center;
  z-index: 1;
}
.sports-modal .modal-body .title-centerd span {
  background-color: white;
  padding: 0 18px;
  width: fit-content;
  font-weight: 600;
  font-size: 26px;
  color: #A40101;
}
.sports-modal .modal-body .title-centerd::before {
  content: "";
  display: block;
  width: calc(100% - 70px);
  height: 2px;
  background-color: #A40101;
  position: absolute;
  left: 35px;
  right: 35px;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
.sports-modal .modal-body .player-name {
  text-align: center;
  color: #000;
  font-size: 20px;
  font-weight: 700;
}
.sports-modal .modal-body .sports-list {
  margin-top: 25px;
  max-height: 300px;
  overflow: auto;
  padding: 0 8px;
}
.sports-modal .modal-body .sports-list .single-sport {
  border-radius: 15px;
  border: 2px solid #DADADA;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 25px 5px;
  margin-bottom: 15px;
  font-size: 18px;
  text-align: center;
}
@media (max-width: 576px) {
  .sports-modal .modal-body .sports-list .single-sport {
    padding: 15px;
  }
  .sports-modal .modal-body .sports-list .single-sport .status {
    font-weight: 600;
  }
}
.sports-modal .modal-body .sports-list .single-sport .sport-name {
  color: #000;
  font-weight: 600;
}
.sports-modal .modal-body .sports-list .single-sport .status {
  font-weight: 700;
}
.sports-modal .modal-body .sports-list .single-sport .status.active-c {
  color: #16753C;
}
.sports-modal .modal-body .sports-list .single-sport .status.not-active {
  color: #DE1313;
}
.sports-modal .modal-body .sports-list .single-sport .status.not-active-gray {
  color: #898787;
}
.sports-modal .modal-footer {
  border-top: 0;
  justify-content: center;
  margin-bottom: 15px;
}
.sports-modal .modal-footer .pay-button {
  height: 45px;
  padding: 0 30px;
  border-radius: 10px;
  background: #A40101;
  color: white;
  font-size: 22px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

.alert-modal#validate .modal-content img.errorimg {
  filter: brightness(0) saturate(100%) invert(15%) sepia(91%) saturate(3953%) hue-rotate(9deg) brightness(72%) contrast(125%);
  opacity: 0.7;
}
.alert-modal#validate .modal-content .modal-title {
  font-size: 20px;
  font-weight: 700;
  padding: 0 10px;
}
.alert-modal#validate .modal-content .modal-footer {
  justify-content: center;
}
.alert-modal#validate .modal-content .modal-footer .modal-link, .alert-modal#validate .modal-content .modal-footer .alert-btn {
  width: fit-content;
  padding: 0 50px;
  height: 50px;
  border-radius: 16px;
  font-size: 20px;
}

@media (min-width: 576px) {
  .billmodal .modal-dialog {
    width: calc(100vw - 80px);
    max-width: calc(100vw - 80px);
  }
}
.billmodal .modal-dialog .modal-body {
  padding: 0 35px 35px;
}
.billmodal .bill-details {
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-direction: row;
}
.billmodal .bill-details .ar-details .detail, .billmodal .bill-details .en-details .detail {
  font-weight: bold;
  font-size: 16px;
}
.billmodal .bill-details .ar-details .detail span, .billmodal .bill-details .en-details .detail span {
  font-weight: normal;
  display: inline-block;
  margin-inline: 10px;
}
.billmodal .bill-details .en-details {
  text-align: left;
  direction: ltr;
}
.billmodal .bill-table {
  margin: 25px 0;
}
.billmodal .bill-table table th, .billmodal .bill-table table td {
  text-align: center;
}
.billmodal .bill-table table th p, .billmodal .bill-table table td p {
  margin-bottom: 0;
}
.billmodal .bill-table table th.colored-td, .billmodal .bill-table table td.colored-td {
  background-color: #f2f1f1;
  text-align: right;
}
.billmodal .bill-qrcode {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.billmodal .bill-qrcode .remain {
  font-weight: bold;
  font-size: 16px;
}
.billmodal .bill-qrcode .remain span {
  font-weight: normal;
  display: inline-block;
  margin-inline: 10px;
}
.billmodal .sign {
  margin-top: 15px;
  padding: 15px 0;
  border-top: 1px solid #dee2e6;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
}
.billmodal .modal-footer .footer-btn {
  color: #A40101;
  border: 2px solid #A40101;
  height: 45px;
  padding: 0 30px;
  border-radius: 10px;
  background: #A40101;
  color: white;
  font-size: 18px;
  font-weight: 600;
}

.timedata-container {
  width: 100%;
  overflow: hidden;
}
.timedata-container #timeData_wrapper {
  width: 100%;
}
.timedata-container .DTFC_ScrollWrapper .dataTables_scrollHead {
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
}
.timedata-container table.dataTable.no-footer {
  border-bottom: 0 !important;
}
.timedata-container .DTFC_LeftHeadWrapper .DTFC_Cloned {
  border-radius: 0 15px 0 0 !important;
}
.timedata-container .DTFC_RightWrapper {
  left: 0 !important;
}
.timedata-container .DTFC_LeftBodyLiner .DTFC_Cloned,
.timedata-container .DTFC_RightBodyLiner .DTFC_Cloned,
.timedata-container .dataTables_scrollBody table {
  border-radius: 0 !important;
}
.timedata-container .custom-datatable {
  border-radius: 15px 15px 0 0;
  overflow: hidden;
  width: 100% !important;
}
.timedata-container .custom-datatable thead tr {
  background-color: #CDCDCD;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
}
.timedata-container .custom-datatable thead tr th[class*=sort]:before,
.timedata-container .custom-datatable thead tr th[class*=sort]:after {
  display: none;
}
.timedata-container .custom-datatable thead tr th {
  padding: 13px 20px;
  font-size: 20px;
  font-weight: 600;
  color: #000;
  text-align: center;
  white-space: nowrap;
}
.timedata-container .custom-datatable tbody tr {
  border-bottom: 1px solid #D9D5EC;
}
.timedata-container .custom-datatable tbody tr:last-child {
  border-bottom: none;
}
.timedata-container .custom-datatable tbody tr.odd > *, .timedata-container .custom-datatable tbody tr.even > * {
  box-shadow: none !important;
}
.timedata-container .custom-datatable tbody tr:hover > *, .timedata-container .custom-datatable tbody tr.odd:hover > * {
  box-shadow: inset 0 0 0 9999px rgba(205, 205, 205, 0.1) !important;
}
.timedata-container .custom-datatable tbody tr td {
  padding: 20px;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
  background-color: white;
}
.timedata-container .custom-datatable tbody tr td:not(.child) {
  text-align: center;
}
.timedata-container .custom-datatable tbody tr td span {
  color: #898787;
}
.timedata-container .custom-datatable tbody tr td.days span, .timedata-container .custom-datatable tbody tr td.players span {
  font-size: 12px;
}

#playerData_wrapper .dataTables_scrollBody {
  border-bottom: 0 !important;
  padding: 0 5px;
}
#playerData_wrapper .dataTables_scrollHeadInner {
  padding: 5px !important;
}
#playerData_wrapper .dataTables_scroll thead tr {
  border-radius: 15px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}
#playerData_wrapper .dataTables_scroll thead tr:last-child {
  border-bottom: none;
}
#playerData_wrapper .dataTables_scroll thead tr.odd > *, #playerData_wrapper .dataTables_scroll thead tr.even > * {
  box-shadow: none !important;
}
#playerData_wrapper .dataTables_scroll thead tr:hover > *, #playerData_wrapper .dataTables_scroll thead tr.odd:hover > * {
  box-shadow: inset 0 0 0 9999px rgba(205, 205, 205, 0.1) !important;
}
#playerData_wrapper .dataTables_scroll thead tr td {
  border-top: 2px solid #DADADA;
  border-bottom: 2px solid #DADADA;
  font-size: 18px;
  font-weight: 600;
  text-align: right;
  font-weight: 700 !important;
}
#playerData_wrapper .dataTables_scroll thead tr td[class*=sort]:before, #playerData_wrapper .dataTables_scroll thead tr td[class*=sort]:after {
  display: none !important;
}
#playerData_wrapper .dataTables_scroll thead tr td:first-child {
  border-radius: 0 15px 15px 0;
}
#playerData_wrapper .dataTables_scroll thead tr td:last-child {
  border-radius: 15px 0 0 15px;
}
#playerData_wrapper .dataTables_scroll thead tr td:not(:last-child) {
  padding: 25px;
}
#playerData_wrapper #playerData {
  border-spacing: 0 20px;
  border-bottom: 0;
}
#playerData_wrapper #playerData thead tr,
#playerData_wrapper #playerData tbody tr {
  border-radius: 15px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}
#playerData_wrapper #playerData thead tr:last-child,
#playerData_wrapper #playerData tbody tr:last-child {
  border-bottom: none;
}
#playerData_wrapper #playerData thead tr.odd > *, #playerData_wrapper #playerData thead tr.even > *,
#playerData_wrapper #playerData tbody tr.odd > *,
#playerData_wrapper #playerData tbody tr.even > * {
  box-shadow: none !important;
}
#playerData_wrapper #playerData thead tr:hover > *, #playerData_wrapper #playerData thead tr.odd:hover > *,
#playerData_wrapper #playerData tbody tr:hover > *,
#playerData_wrapper #playerData tbody tr.odd:hover > * {
  box-shadow: inset 0 0 0 9999px rgba(205, 205, 205, 0.1) !important;
}
#playerData_wrapper #playerData thead tr td,
#playerData_wrapper #playerData tbody tr td {
  border-top: 2px solid #DADADA;
  border-bottom: 2px solid #DADADA;
  font-size: 18px;
  font-weight: 600;
}
#playerData_wrapper #playerData thead tr td a.tdLink,
#playerData_wrapper #playerData tbody tr td a.tdLink {
  color: #898787;
}
#playerData_wrapper #playerData thead tr td a.tdLink:hover,
#playerData_wrapper #playerData tbody tr td a.tdLink:hover {
  color: #000;
}
#playerData_wrapper #playerData thead tr td .status,
#playerData_wrapper #playerData tbody tr td .status {
  font-size: 20px;
  font-weight: 700;
}
#playerData_wrapper #playerData thead tr td .status.active-c,
#playerData_wrapper #playerData tbody tr td .status.active-c {
  color: #16753C;
}
#playerData_wrapper #playerData thead tr td .status.not-active,
#playerData_wrapper #playerData tbody tr td .status.not-active {
  color: #DE1313;
}
#playerData_wrapper #playerData thead tr td .status.not-active-gray,
#playerData_wrapper #playerData tbody tr td .status.not-active-gray {
  color: #898787;
}
#playerData_wrapper #playerData thead tr td:first-child,
#playerData_wrapper #playerData tbody tr td:first-child {
  border-right: 2px solid #DADADA;
  border-radius: 0 15px 15px 0;
}
#playerData_wrapper #playerData thead tr td:last-child,
#playerData_wrapper #playerData tbody tr td:last-child {
  border-left: 2px solid #DADADA;
  border-radius: 15px 0 0 15px;
  padding: 15px;
}
#playerData_wrapper #playerData thead tr td .sportPopup,
#playerData_wrapper #playerData tbody tr td .sportPopup {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  background: #060148;
  color: white;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-inline-start: auto;
}
#playerData_wrapper #playerData thead tr td .sportPopup img,
#playerData_wrapper #playerData tbody tr td .sportPopup img {
  margin-inline-start: 5px;
}
#playerData_wrapper #playerData thead tr td .sportPopup:hover,
#playerData_wrapper #playerData tbody tr td .sportPopup:hover {
  opacity: 0.8;
}
#playerData_wrapper #playerData thead tr td .phones-td,
#playerData_wrapper #playerData tbody tr td .phones-td {
  width: fit-content;
}
#playerData_wrapper #playerData thead tr td .phones-td div,
#playerData_wrapper #playerData tbody tr td .phones-td div {
  display: flex;
  justify-content: end;
  align-items: center;
  flex-direction: row;
  gap: 5px;
}
#playerData_wrapper #playerData thead tr td .phones-td .phone-icon,
#playerData_wrapper #playerData tbody tr td .phones-td .phone-icon {
  color: #898787;
  filter: brightness(0) saturate(100%) invert(63%) sepia(2%) saturate(12%) hue-rotate(315deg) brightness(85%) contrast(82%);
}
#playerData_wrapper #playerData thead tr td:not(:last-child),
#playerData_wrapper #playerData tbody tr td:not(:last-child) {
  padding: 25px;
}

.dt-buttons {
  margin-inline-end: 50px;
  padding: 10px;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 25px;
}
.dt-buttons .dt-button {
  width: 40px !important;
  height: 40px !important;
  border-radius: 5px !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border: 1px solid #898787 !important;
  background: #FFF !important;
  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1) !important;
}
.dt-buttons .dt-button span i {
  color: #50555C !important;
  transition: all 0.3s ease-in-out;
}
.dt-buttons .dt-button:hover span img {
  filter: brightness(0) saturate(100%);
  transform: scale(1.01) !important;
}
.dt-buttons .dt-button.d-none {
  display: none !important;
}

.dataTables_scrollBody::-webkit-scrollbar {
  height: 4px;
}
.dataTables_scrollBody::-webkit-scrollbar-track {
  background-color: #F8F8F8;
}
.dataTables_scrollBody::-webkit-scrollbar-thumb {
  background-color: #898787;
}

.dataTables_paginate .paginate_button {
  font-weight: bold;
  color: #898787 !important;
}
.dataTables_paginate .paginate_button.next, .dataTables_paginate .paginate_button.previous {
  color: #A40101 !important;
}
.dataTables_paginate .paginate_button.next.disabled, .dataTables_paginate .paginate_button.previous.disabled {
  color: #898787 !important;
}
.dataTables_paginate .paginate_button.current {
  border: 0 !important;
  background: none !important;
  color: #A40101 !important;
  text-decoration: underline !important;
  font-size: 20px;
  font-weight: bold;
}
.dataTables_paginate .paginate_button:hover, .dataTables_paginate .paginate_button:focus-visible, .dataTables_paginate .paginate_button:active {
  border: 0 !important;
  background: none !important;
  color: #000 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.dataTables_info {
  color: #000;
  font-weight: 500;
}

#offerTable_wrapper .dataTables_length,
#offersnoDetails_wrapper .dataTables_length {
  display: none;
}

#extend_table td[class*=sort]:before, #extend_table td[class*=sort]:after, #messages_table td[class*=sort]:before, #messages_table td[class*=sort]:after {
  display: none !important;
}

#messages_table_wrapper.dataTable thead > tr > td.sorting::before, #messages_table_wrapper.dataTable thead > tr > td.sorting::after,
#extend_table_wrapper.dataTable thead > tr > td.sorting::before,
#extend_table_wrapper.dataTable thead > tr > td.sorting::after {
  display: none !important;
}
#messages_table_wrapper .dataTables_scrollHeadInner table,
#extend_table_wrapper .dataTables_scrollHeadInner table {
  margin-top: 0px !important;
}
#messages_table_wrapper .dataTables_scrollHeadInner table td,
#extend_table_wrapper .dataTables_scrollHeadInner table td {
  padding: 15px;
}
#messages_table_wrapper .dataTables_scroll table,
#extend_table_wrapper .dataTables_scroll table {
  margin-top: 0;
}

#teamPlayerData_wrapper div.dt-buttons {
  margin-inline-end: 0;
}

#teamPlayerData_wrapper .dataTables_scrollHeadInner {
  width: 100% !important;
}

@media screen and (max-width: 992px) {
  div.dt-buttons {
    float: left !important;
    margin-inline-end: 0 !important;
    margin-bottom: 0 !important;
  }
}
[dir=rtl] .dataTables_wrapper .dataTables_length {
  float: right;
  margin-top: 20px;
  margin-bottom: 10px;
}

.printCalendar {
  display: flex;
  justify-content: end;
  align-items: center;
  flex-direction: row;
}
.printCalendar .printButton {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #898787;
  background: white;
  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1) !important;
}

.fc-col-header th,
.fc-scrollgrid-section-header th,
.fc-theme-standard .fc-scrollgrid {
  border: 0;
}

.fc-scrollgrid-section-header .fc-scroller {
  overflow: hidden !important;
}

.fc-col-header th:not(:first-child) {
  border-bottom: 1px solid #ddd;
}

.fc-theme-standard .fc-scrollgrid {
  border-top: 0;
}

.fc .fc-col-header-cell-cushion {
  margin-bottom: 20px;
  color: #000;
  font-size: 22px;
  font-weight: 600;
}

.fc .fc-timegrid-slot-label {
  vertical-align: unset;
  color: #000;
  font-size: 22px;
  font-weight: 600;
  border: 0;
}

.fc-scrollgrid-section-body td:first-child {
  border-right: 0;
  border-bottom: 0;
}

.fc-timegrid-col-events {
  margin: 0 !important;
}

.fc-timegrid-event {
  border-radius: 0;
  border: 0;
  border-right: 5px solid var(--fc-event-border-color);
}
.fc-timegrid-event.selectedEvent {
  border: 3px solid #EF9104;
  border-color: #EF9104 !important;
}
.fc-timegrid-event .fc-event-main {
  padding: 8px 10px;
  overflow: auto;
}
.fc-timegrid-event .fc-event-main::-webkit-scrollbar {
  display: none;
}
.fc-timegrid-event .fc-event-main .fc-event-main-frame {
  justify-content: space-between;
}
.fc-timegrid-event .fc-event-main .fc-event-title-container {
  order: 1;
  flex-shrink: unset;
  flex-grow: unset;
  width: fit-content;
  padding-inline: 10px;
  background-color: inherit;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  min-height: unset;
}
.fc-timegrid-event .fc-event-main .fc-event-title-container .fc-event-title {
  font-size: 12px;
  font-weight: 600;
}
.fc-timegrid-event .fc-event-main .fc-event-time {
  color: #000;
  font-size: 12px;
  font-weight: 700;
  order: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.fc-timegrid-event .fc-event-main .fc-event-calcPlayers {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  order: 4;
}
.fc-timegrid-event .fc-event-main .fc-event-subtitle {
  color: #454545;
  font-size: 12px;
  font-weight: 600;
  text-align: left;
}
.fc-timegrid-event .fc-event-main .fc-event-team {
  order: 2;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #000;
}

.fc-timegrid-more-link {
  height: fit-content;
  font-size: 10px;
  background: white;
  font-weight: bold;
  border: 1px solid #898787;
  padding: 0 2px;
}

.fc .fc-timegrid-slot {
  height: 60px;
}

[dir=rtl] .fc-direction-rtl .fc-timegrid-slot-label-frame {
  text-align: right;
}

#create_offer .modal-body, #update_offer .modal-body {
  padding: 0 35px 35px;
}
#create_offer .wizard .wizard-nav.dots, #create_offer .wizard .wizard-buttons, #update_offer .wizard .wizard-nav.dots, #update_offer .wizard .wizard-buttons {
  display: none;
}
#create_offer .wizard .wizard-content, #update_offer .wizard .wizard-content {
  padding: 0;
}
#create_offer .wizard .wizard-content .title-centerd, #update_offer .wizard .wizard-content .title-centerd {
  margin-bottom: 20px;
}
#create_offer .wizard .wizard-content .title-centerd span, #update_offer .wizard .wizard-content .title-centerd span {
  font-size: 22px;
}
#create_offer .wizard .wizard-content .standard-select, #create_offer .wizard .wizard-content .standard-input, #update_offer .wizard .wizard-content .standard-select, #update_offer .wizard .wizard-content .standard-input {
  margin-bottom: 15px;
}
#create_offer .wizard .wizard-content .standard-select input:not(.withspan), #create_offer .wizard .wizard-content .standard-input input:not(.withspan), #update_offer .wizard .wizard-content .standard-select input:not(.withspan), #update_offer .wizard .wizard-content .standard-input input:not(.withspan) {
  padding-inline-end: 15px;
}
#create_offer .wizard .wizard-content .standard-select + .validation-area,
#create_offer .wizard .wizard-content .standard-input + .validation-area, #update_offer .wizard .wizard-content .standard-select + .validation-area,
#update_offer .wizard .wizard-content .standard-input + .validation-area {
  margin-top: -20px !important;
  margin-bottom: 10px;
}
#create_offer .wizard .wizard-content .wizard-step .wz_buttons, #update_offer .wizard .wizard-content .wizard-step .wz_buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 40px;
  margin-top: 30px;
}
#create_offer .wizard .wizard-content .wizard-step .wz_buttons .wz-button, #update_offer .wizard .wizard-content .wizard-step .wz_buttons .wz-button {
  width: 250px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  color: #000;
  font-size: 20px;
  font-weight: 600;
  border: 1px solid #A40101;
  background-color: white;
  transition: all 0.3s ease-in-out;
}
#create_offer .wizard .wizard-content .wizard-step .wz_buttons .wz-button:hover, #update_offer .wizard .wizard-content .wizard-step .wz_buttons .wz-button:hover {
  border: 2px solid black;
  color: #898787;
}
#create_offer .wizard .wizard-content .wizard-step .wz_buttons .wz-button.rbg-btn, #update_offer .wizard .wizard-content .wizard-step .wz_buttons .wz-button.rbg-btn {
  color: white;
  background-color: #A40101;
  border: 0;
}
#create_offer .wizard .wizard-content .wizard-step .wz_buttons .wz-button.rbg-btn:hover, #update_offer .wizard .wizard-content .wizard-step .wz_buttons .wz-button.rbg-btn:hover {
  opacity: 0.8;
}
#create_offer .wizard .wizard-content .wizard-step .offer-sport-data, #update_offer .wizard .wizard-content .wizard-step .offer-sport-data {
  padding: 35px;
  text-align: center;
}
#create_offer .wizard .wizard-content .wizard-step .offer-sport-data .list_header, #update_offer .wizard .wizard-content .wizard-step .offer-sport-data .list_header {
  background-color: #F4F2FF;
  border-radius: 10px 10px 0 0;
  padding: 8px 25px;
  color: #000;
  font-weight: 700;
  font-size: 20px;
}
#create_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list, #update_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list {
  border: 1px solid #D9D5EC;
  max-height: 240px;
  overflow-y: auto;
}
#create_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list .activity, #update_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list .activity {
  border-bottom: 1px solid #D9D5EC;
  padding: 15px 0;
}
#create_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list .activity .standard-select + .validation-area,
#create_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list .activity .standard-input + .validation-area, #update_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list .activity .standard-select + .validation-area,
#update_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list .activity .standard-input + .validation-area {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  text-align: right;
}
#create_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list .activity:last-child, #update_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list .activity:last-child {
  border: 0;
}
#create_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list .activity .row, #update_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list .activity .row {
  margin: 0;
  justify-content: space-between;
  align-items: center;
}
#create_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list .activity .custom-check, #update_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list .activity .custom-check {
  text-align: right;
  margin-right: 20px;
}
#create_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list .activity .custom-check label, #update_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list .activity .custom-check label {
  color: #000;
  font-weight: 600;
}
#create_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list .activity .standard-input, #create_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list .activity .standard-select, #update_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list .activity .standard-input, #update_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list .activity .standard-select {
  margin-bottom: 0;
}
#create_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list .activity .standard-input input, #create_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list .activity .standard-input select, #create_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list .activity .standard-select input, #create_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list .activity .standard-select select, #update_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list .activity .standard-input input, #update_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list .activity .standard-input select, #update_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list .activity .standard-select input, #update_offer .wizard .wizard-content .wizard-step .offer-sport-data .activities-list .activity .standard-select select {
  width: 200px;
}

.login-layout {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
}
.login-layout .first-sec,
.login-layout .form-sec {
  width: 50%;
  height: 100vh;
  overflow: hidden;
}
.login-layout .main-login-btn {
  background-color: #A40101;
  border-radius: 15px;
  color: white;
  font-size: 22px;
  width: 100%;
  height: 70px;
  margin-top: 60px;
  position: relative;
}
.login-layout .main-login-btn::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.login-layout .main-login-btn:hover::after {
  background: rgba(255, 255, 255, 0.2);
}
.login-layout .main-login-btn.login-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.login-layout .main-login-btn.login-disabled:disabled {
  pointer-events: unset;
}

.login-swiper .swiper-slide {
  width: 100%;
  height: 100vh;
  position: relative;
}
.login-swiper .swiper-slide::before {
  display: block;
  content: "";
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  top: 0;
}
.login-swiper .swiper-slide .caption {
  position: absolute;
  bottom: 167px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  color: white;
}
.login-swiper .swiper-slide .caption-title {
  font-size: 45px;
  font-weight: 700;
}
.login-swiper .swiper-slide .caption-subtitle {
  font-size: 30px;
  margin-bottom: 0;
}

.swiper .swiper-pagination {
  bottom: 76px;
}
.swiper .swiper-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background-color: white;
  border: 2px solid #A40101;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 25px;
  background-color: #A40101;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.login-form {
  display: flex;
  justify-content: center;
  align-items: unset;
  flex-direction: column;
  padding: 80px 112px;
}
.login-form .form-sec-title {
  color: #000;
  font-size: 38px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 80px;
}
.login-form .form-sec-title span {
  color: #A40101;
}
.login-form .remeber-forget {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.login-form .remeber-forget .forget-link {
  font-size: 16px;
  font-weight: bold;
  color: #898787;
  text-decoration: none;
  transition: all 0.3s ease-out;
}
.login-form .remeber-forget .forget-link:hover {
  text-decoration: underline;
}
.login-form .validation-area {
  color: #DE1313;
  font-size: 22px;
  font-weight: 600;
  margin-top: 40px;
}
.login-form .validation-area span {
  display: block;
}

@media (max-width: 992px) {
  .login-layout {
    flex-wrap: wrap;
  }
  .login-layout .first-sec,
  .login-layout .form-sec {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 576px) {
  .login-swiper .swiper-slide .caption .caption-title {
    font-size: 30px;
  }
  .login-swiper .swiper-slide .caption .caption-subtitle {
    font-size: 20px;
  }
  .login-form {
    padding: 40px;
  }
  .login-form .remeber-forget .forget-link {
    font-size: 15px;
  }
  .login-form .validation-area {
    font-size: 18px;
  }
}
.forget-swiper {
  padding: 70px;
  position: relative;
}
@media (min-width: 1415px) {
  .forget-swiper {
    padding: 100px 120px;
  }
}
.forget-swiper::after {
  content: "";
  display: block;
  width: 2px;
  height: calc(100vh - 200px);
  background-color: #898787;
  position: absolute;
  right: 0;
  top: 100px;
}
.forget-swiper .forgetSwiper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.forget-swiper .forgetSwiper .forget-img {
  width: 400px;
  height: 400px;
  overflow: hidden;
  margin: auto;
}
@media (min-width: 1415px) {
  .forget-swiper .forgetSwiper .forget-img {
    width: 528px;
    height: 528px;
  }
}
.forget-swiper .forgetSwiper .swiper-pagination {
  bottom: 0 !important;
}
.forget-swiper .forgetSwiper .swiper-pagination .swiper-pagination-bullet {
  margin-inline: 12px;
}

.forget-form {
  display: flex;
  justify-content: center;
  align-items: unset;
  flex-direction: column;
  padding: 100px 120px 100px 80px;
}
.forget-form .forget-title {
  margin-bottom: 100px;
  color: #000;
  text-align: center;
  font-size: 40px;
  font-weight: 600;
}
.forget-form .forget-title .sub-title {
  margin-bottom: 0;
  color: #898787;
  font-size: 21px;
  font-weight: 400;
  width: 316px;
  margin: auto;
}
.forget-form .validation-area {
  color: #DE1313;
  font-size: 18px;
  font-weight: 600;
}
.forget-form .validation-area span {
  display: block;
}
.forget-form .main-login-btn {
  margin-top: 100px !important;
}
.forget-form.repeat .forget-title {
  margin-bottom: 50px;
}
.forget-form.repeat .main-login-btn {
  margin-top: 50px !important;
}
.forget-form.with-otp .forget-title {
  margin-bottom: 0px;
}
.forget-form.with-otp .count-down {
  margin-bottom: 40px;
  text-align: center;
}
.forget-form.with-otp .count-down span#timer {
  color: #898787;
  font-size: 20px;
  font-weight: 400;
}
.forget-form.with-otp .forget-inputs {
  direction: ltr;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 35px;
}
.forget-form.with-otp .forget-inputs.have-error input {
  border-color: #A40101;
}
.forget-form.with-otp .main-login-btn {
  margin-top: 35px !important;
  margin-bottom: 18px;
}
.forget-form.with-otp .resend-code {
  text-align: center;
  color: #000;
  font-size: 21px;
  font-weight: 400;
}
.forget-form.with-otp .resend-code span.resend {
  color: #A40101;
}

[dir=rtl] .forget-swiper::after {
  right: unset !important;
  left: 0;
}

@media (max-width: 992px) {
  .forget-swiper {
    padding: 40px;
  }
  .forget-swiper::after {
    display: none;
  }
  .forget-swiper .forget-img {
    width: 85% !important;
    height: auto !important;
  }
  .forget-swiper .forget-img img {
    object-fit: contain !important;
  }
  .forget-swiper .forgetSwiper .swiper-pagination {
    bottom: -5px !important;
  }
  .forget-form {
    padding: 40px;
  }
  .forget-form .forget-title {
    margin-bottom: 40px;
    font-size: 35px;
  }
  .forget-form .forget-title .sub-title {
    font-size: 18px;
  }
  .forget-form .main-login-btn {
    margin-top: 40px !important;
  }
}
.dash-content .title-filter {
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-direction: row;
  margin-bottom: 15px;
}
@media (max-width: 576px) {
  .dash-content .title-filter {
    flex-wrap: wrap-reverse;
  }
  .dash-content .title-filter .float-select {
    margin-inline-start: auto;
  }
}
.dash-content .title-filter .title {
  font-size: 35px;
  font-weight: 400;
  color: black;
  margin-bottom: 10px;
}
.dash-content .title-filter .title .branch-title {
  font-size: 17px;
  font-weight: 700;
  color: #898787;
}
.dash-content .title-filter .dashBranchSelect {
  width: 300px;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  padding: 0 20px;
  border: 1px solid #DDD;
}
.dash-content .title-filter .dashBranchSelect label {
  font-size: 20px;
  font-weight: bold;
  color: #898787;
}
.dash-content .title-filter .dashBranchSelect select {
  border: 0;
  padding: 14px 10px;
}
.dash-content .subscribe-stats .row {
  gap: 26px 0;
}
.dash-content .subscribe-stats .subscribe-card {
  height: 180px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background-color: white;
  border: 1px solid #ddd;
  padding: 20px 12px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.35);
}
.dash-content .subscribe-stats .subscribe-card .subscribe-name {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 30px;
}
.dash-content .subscribe-stats .subscribe-card .subscribe-num {
  text-align: center;
  color: #000;
  font-size: 30px;
  font-weight: 700;
}
.dash-content .subscribe-stats .subscribe-card-lg {
  height: 280px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background-color: white;
  border: 1px solid #ddd;
  padding: 30px 40px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.35);
  position: relative;
}
.dash-content .subscribe-stats .subscribe-card-lg .sub-img {
  position: absolute;
  bottom: 0;
  right: 0;
}
.dash-content .subscribe-stats .subscribe-card-lg .sub-name {
  font-size: 30px;
  font-weight: 700px;
}
.dash-content .subscribe-stats .subscribe-card-lg .sub-num {
  font-size: 60px;
  font-weight: 700px;
  text-align: right;
  margin: 20px 40px;
}
.dash-content .subscribe-stats .subscribe-card-lg .sub-num span {
  font-size: 30px;
  font-weight: 700px;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .dash-content .subscribe-stats .subscribe-card .subscribe-name {
    font-size: 25px;
  }
  .dash-content .subscribe-stats .subscribe-card-lg .sub-num {
    font-size: 40px;
    text-align: center;
  }
}
[dir=rtl] .subscribe-card-lg .sub-num {
  text-align: left !important;
}
[dir=rtl] .dashBranchSelect select {
  background-position: left 0.5rem center;
}

.tab-header {
  margin-bottom: 25px;
}
.tab-header .nav {
  border: 0;
  margin-inline-start: 0;
  padding-inline-start: 0;
  width: fit-content;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  background: rgba(218, 218, 218, 0.7);
  padding: 10px 15px;
}
.tab-header .nav .nav-item .nav-link {
  padding: 8px 18px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  color: #898787;
  font-size: 22px;
  font-weight: 700;
  border: 0;
  transition: all 0.3s ease;
}
.tab-header .nav .nav-item .nav-link.active,
.tab-header .nav .nav-item .nav-link:hover {
  border: 0;
  color: #A40101;
}

.times-total {
  font-size: 18px;
  font-weight: 600;
  color: #898787;
}

@media (max-width: 767px) {
  .tab-header:not(.threeTabs) .nav-item .nav-link {
    font-size: 20px !important;
  }
}
@media (max-width: 576px) {
  .tab-header .nav {
    justify-content: center;
  }
  .tab-header .nav li {
    width: 100%;
  }
}
.addtime, .addteam {
  padding: 10px 40px;
}
.addtime .input-container, .addteam .input-container {
  padding: 20px 25px;
}
.addtime .input-container .standard-select input, .addtime .input-container .standard-select select,
.addtime .input-container .standard-input input,
.addtime .input-container .standard-input select, .addteam .input-container .standard-select input, .addteam .input-container .standard-select select,
.addteam .input-container .standard-input input,
.addteam .input-container .standard-input select {
  height: 50px;
  font-size: 20px;
}
.addtime .input-container .standard-select .float-span,
.addtime .input-container .standard-input .float-span, .addteam .input-container .standard-select .float-span,
.addteam .input-container .standard-input .float-span {
  bottom: 12px;
}
.addtime .times-add-inputs, .addteam .times-add-inputs {
  margin-block: 40px;
}
.addtime .times-add-inputs .add-table-headers, .addteam .times-add-inputs .add-table-headers {
  justify-content: center;
  background-color: #CDCDCD;
  color: black;
  font-size: 20px;
  font-weight: 700;
  padding: 10px 0 15px 0;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
  text-align: center;
}
.addtime .addtimeContainer .single-time-row, .addteam .addtimeContainer .single-time-row {
  padding: 15px;
  border-bottom: 1px solid #CDCDCD;
}
.addtime .addtimeContainer .single-time-row .standard-select,
.addtime .addtimeContainer .single-time-row .standard-input, .addteam .addtimeContainer .single-time-row .standard-select,
.addteam .addtimeContainer .single-time-row .standard-input {
  margin-bottom: 0;
}
.addtime .addtimeContainer .single-time-row .standard-select input, .addtime .addtimeContainer .single-time-row .standard-select select,
.addtime .addtimeContainer .single-time-row .standard-input input,
.addtime .addtimeContainer .single-time-row .standard-input select, .addteam .addtimeContainer .single-time-row .standard-select input, .addteam .addtimeContainer .single-time-row .standard-select select,
.addteam .addtimeContainer .single-time-row .standard-input input,
.addteam .addtimeContainer .single-time-row .standard-input select {
  border-color: #D9D5EC;
}
.addtime .addtimeContainer .single-time-row .standard-select input::placeholder, .addtime .addtimeContainer .single-time-row .standard-select select::placeholder,
.addtime .addtimeContainer .single-time-row .standard-input input::placeholder,
.addtime .addtimeContainer .single-time-row .standard-input select::placeholder, .addteam .addtimeContainer .single-time-row .standard-select input::placeholder, .addteam .addtimeContainer .single-time-row .standard-select select::placeholder,
.addteam .addtimeContainer .single-time-row .standard-input input::placeholder,
.addteam .addtimeContainer .single-time-row .standard-input select::placeholder {
  color: #898787;
}
.addtime .addtimeContainer .single-time-row .col-3 .standard-select select, .addteam .addtimeContainer .single-time-row .col-3 .standard-select select {
  padding-inline-start: 10px;
}
.addtime .addtimeContainer .single-time-row .add-r-time i, .addteam .addtimeContainer .single-time-row .add-r-time i {
  color: #EF9104;
  font-size: 20px;
}

.save-cancel-group {
  position: fixed;
  position: fixed;
  left: 271px;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 50px;
  background-color: white;
  padding: 40px;
  z-index: 9;
}
.save-cancel-group .save, .save-cancel-group .cancel {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  height: 45px;
  width: 300px;
  font-size: 24px;
  font-weight: 600;
  transition: all 0.3s ease-out;
}
.save-cancel-group .save {
  background-color: #A40101;
  color: white;
  position: relative;
}
.save-cancel-group .save::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.save-cancel-group .save:hover::after {
  background: rgba(255, 255, 255, 0.2);
}
.save-cancel-group .cancel {
  background-color: white;
  color: black;
  border: 1px solid #A40101;
}
.save-cancel-group .cancel:hover {
  border: 2px solid black;
}

.sm-layout .save-cancel-group, .mob-layout .save-cancel-group {
  left: 88px;
}

@media (max-width: 767px) {
  .addtime {
    padding: 25px 10px;
  }
  .addtime .standard-select input, .addtime .standard-select select,
  .addtime .standard-input input,
  .addtime .standard-input select {
    font-size: 20px !important;
  }
  .addtime .standard-select .float-span,
  .addtime .standard-input .float-span {
    font-size: 16px !important;
    bottom: 18px !important;
  }
  .save-cancel-group:not(.threeBtns) {
    gap: 20px;
    padding: 20px;
  }
  .save-cancel-group:not(.threeBtns) .save, .save-cancel-group:not(.threeBtns) .cancel {
    font-size: 20px !important;
  }
}
@media (max-width: 600px) {
  .col-3, .col-4 {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
  .times-add-inputs .add-table-headers {
    font-size: 16px !important;
  }
}
[dir=rtl] .save-cancel-group {
  right: 271px !important;
  left: 0 !important;
}
[dir=rtl] .sm-layout .save-cancel-group, [dir=rtl] .mob-layout .save-cancel-group {
  right: 88px !important;
  left: 0 !important;
}

.addteam .type-check label.form-label {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
.addteam .type-check .radio-container {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}

.filter-wrapper {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
  gap: 10px;
  flex-wrap: wrap;
}
.filter-wrapper .standard-input, .filter-wrapper .standard-select {
  flex-basis: 175px;
  flex-grow: 0;
  flex-shrink: 0;
  margin-bottom: 20px;
}
@media (min-width: 1199px) {
  .filter-wrapper .standard-input, .filter-wrapper .standard-select {
    flex-basis: 19%;
  }
}

.num-show-teams {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  position: relative;
}
.num-show-teams .show-btn {
  background-color: #EF9104;
  color: white;
  font-size: 18px;
  font-weight: 600;
  -webkit-border-radius: 9.5px;
  -moz-border-radius: 9.5px;
  -o-border-radius: 9.5px;
  border-radius: 9.5px;
  border: 0;
  width: 130px;
  height: 40px;
}
@media (min-width: 992px) {
  .num-show-teams .show-btn {
    position: absolute;
    left: 25px;
    top: 35px;
    z-index: 2;
  }
}

@media (min-width: 992px) {
  .teamdata .dt-buttons {
    margin-inline-end: 160px;
  }
}

.input-search-con {
  position: relative;
}
.input-search-con .standard-input {
  z-index: 2;
}
.input-search-con .autocompleteSearch {
  position: absolute;
  left: 0;
  right: 0;
  top: 90px;
  padding: 20px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  border: 1px solid #898787;
  border-top: 0;
  background-color: white;
  z-index: 1;
  max-height: 200px;
  overflow: auto;
}
.input-search-con .autocompleteSearch div {
  font-weight: bold;
  cursor: pointer;
}
.input-search-con .autocompleteSearch div span {
  color: #898787;
  font-family: 500;
}
.input-search-con .autocompleteSearch div:hover {
  background-color: #DADADA;
}

.teamClick:hover {
  cursor: pointer;
  opacity: 0.7;
}

.main-subscribe-container .iti {
  width: 100%;
}
.main-subscribe-container .iti input[type=tel] {
  padding-left: 60px !important;
  padding-right: 15px;
}
.main-subscribe-container .iti .iti__country-list {
  left: 0;
  max-width: 300px;
}
.main-subscribe-container .type-check label.form-label {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
.main-subscribe-container .type-check .radio-container {
  width: fit-content;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  gap: 50px;
  margin-top: 20px;
  margin-bottom: 40px;
}
.main-subscribe-container .type-check .radio-container label {
  font-weight: 600;
  font-size: 24px;
}
.main-subscribe-container .type-check .radio-container label::after {
  top: 14px;
}
.main-subscribe-container .custom-check label {
  font-size: 18px;
  font-weight: 600;
}
.main-subscribe-container .allData {
  padding: 0 20px;
}
.main-subscribe-container .imgQRcode {
  width: 295px;
  flex-shrink: 0;
  padding-inline: 35px;
}
.main-subscribe-container .imgQRcode .accept-hint {
  color: #898787;
  font-size: 12px;
  display: block;
  text-align: center;
  margin: 5px auto;
}
.main-subscribe-container .imgQRcode .qrCodeContainer {
  margin-top: 30px;
  text-align: left;
}
.main-subscribe-container .imgQRcode .qrCodeContainer #qrcode {
  padding: 10px;
}
.main-subscribe-container .imgQRcode .qrCodeContainer .shareQrBtns {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
  gap: 5px;
  padding: 10px;
}
.main-subscribe-container .imgQRcode .qrCodeContainer .shareQrBtns .share-btn {
  color: white;
  font-size: 10px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  height: 26px;
  flex-basis: calc(50% - 2.5px);
  flex-grow: 0;
  flex-shrink: 0;
  padding: 0;
}
.main-subscribe-container .imgQRcode .qrCodeContainer .shareQrBtns .share-btn:hover {
  opacity: 0.8;
}
.main-subscribe-container .imgQRcode .qrCodeContainer .shareQrBtns .share-btn.whatsShare {
  background-color: #60D669;
}
.main-subscribe-container .imgQRcode .qrCodeContainer .shareQrBtns .share-btn.emailShare {
  background-color: #EA4335;
}
.main-subscribe-container .upload-img input {
  appearance: none;
  display: none;
}
.main-subscribe-container .upload-img label.img-square {
  width: 225px;
  height: 260px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid #898787;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.main-subscribe-container .upload-img label.img-square img {
  object-fit: contain;
}
.main-subscribe-container .upload-img label.button-upload {
  width: 225px;
  height: 32px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #EF9104;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 14px;
  font-weight: 600;
  color: white;
}

@media (max-width: 1200px) {
  .standard-select label, .standard-input {
    font-size: 18px;
  }
  .main-subscribe-container .custom-check label {
    font-size: 14px;
  }
  .imgQRcode {
    width: 255px !important;
    padding-inline: 10px !important;
  }
  .threeBtns button {
    font-size: 16px !important;
  }
  .threeTabs .nav-item .nav-link {
    font-size: 16px !important;
  }
}
@media (max-width: 767px) {
  .save-cancel-group {
    gap: 15px;
  }
  .save-cancel-group.threeBtns button {
    font-size: 12px !important;
  }
}
.previewtable .table-data {
  overflow: auto;
}
.previewtable .table-data::-webkit-scrollbar, .previewtable .table-data::-webkit-scrollbar-thumb, .previewtable .table-data::-webkit-scrollbar-track {
  height: 4px;
}
.previewtable .table-view-title {
  margin-top: 30px;
  font-weight: bold;
  font-size: 18px;
  color: #898787;
}
.previewtable .offer_table_header {
  background-color: #CDCDCD;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
  padding: 12px;
}
.previewtable .offer_table_header .header-column {
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 20px;
  font-weight: 600;
  color: #000;
  text-align: center;
}
.previewtable .offer_table_header .header-column:first-child {
  border-top-right-radius: 15px;
}
.previewtable .offer_table_header .header-column:last-child {
  border-top-left-radius: 15px;
}
.previewtable .add-subscribtion-table {
  width: 100%;
  margin-top: 30px;
}
.previewtable .add-subscribtion-table td {
  text-align: center;
  padding: 25px 15px;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #D9D5EC;
}
.previewtable .add-subscribtion-table td .custom-check label::before {
  width: 25px;
  height: 25px;
}
.previewtable .add-subscribtion-table td .custom-check input:checked + label:after {
  width: 25px;
  height: 25px;
  top: 2px;
  font-size: 15px;
}
.previewtable .add-subscribtion-table td.reason {
  white-space: nowrap;
}
.previewtable.extend .offer_table_header td {
  font-size: 16px !important;
  font-weight: bold;
}
.previewtable.extend td {
  font-size: 14px !important;
  white-space: nowrap;
}

[dir=rtl] .iti--allow-dropdown .iti__flag-container,
[dir=rtl] .iti--separate-dial-code .iti__flag-container {
  right: auto !important;
  left: 0 !important;
}

.plan-container {
  margin-top: 20px;
}
.plan-container .title-centerd {
  margin: 0 40px 40px;
}
.plan-container .planFilter {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
  gap: 10px;
  flex-wrap: wrap;
  background-color: #F4F2FF;
  border-radius: 10px 10px 0 0;
  padding: 8px 25px;
}
.plan-container .planFilter .formItem-wz-float-label {
  flex-basis: 170px;
  flex-grow: 0;
  flex-shrink: 0;
}
@media (min-width: 1199px) {
  .plan-container .planFilter .formItem-wz-float-label {
    flex-basis: 17%;
  }
}
.plan-container #planTable {
  width: 100%;
  border-collapse: separate;
  border-spacing: 10px;
}
.plan-container #planTable tbody, .plan-container #planTable td, .plan-container #planTable tfoot, .plan-container #planTable th, .plan-container #planTable thead, .plan-container #planTable tr {
  width: 100%;
}
.plan-container #planTable tr td, .plan-container #planTable tr th {
  width: 170px !important;
  max-width: 170px;
  text-align: center;
}
@media (min-width: 1199px) {
  .plan-container #planTable tr td, .plan-container #planTable tr th {
    width: 17% !important;
    max-width: 17%;
  }
}
.plan-container #planTable tr td {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}
.plan-container #planTable tr td .tabledit-toolbar {
  justify-content: center;
}
.plan-container #planTable tr td .tabledit-input {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.plan-container #planTable tr td .tabledit-input.form-select {
  padding-inline: 15px !important;
}
.plan-container .createPlanWrapper {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
  gap: 10px;
  padding: 12px 25px 18px 25px;
  border: 1px solid #D9D5EC;
  border-left: 0;
  border-right: 0;
}
@media (max-width: 1400px) {
  .plan-container .createPlanWrapper {
    flex-wrap: wrap;
  }
}
.plan-container .createPlanWrapper .standard-input, .plan-container .createPlanWrapper .standard-select {
  flex-basis: 170px;
  flex-grow: 0;
  flex-shrink: 0;
  margin-bottom: 0;
}
@media (min-width: 1199px) {
  .plan-container .createPlanWrapper .standard-input, .plan-container .createPlanWrapper .standard-select {
    flex-basis: 17%;
  }
}
.plan-container .createPlanWrapper .standard-input input, .plan-container .createPlanWrapper .standard-input select, .plan-container .createPlanWrapper .standard-select input, .plan-container .createPlanWrapper .standard-select select {
  height: 40px;
  font-size: 16px;
  font-weight: 600;
  color: #898787;
}
.plan-container .createPlanWrapper .standard-input .float-span, .plan-container .createPlanWrapper .standard-select .float-span {
  font-size: 12px;
  bottom: 12px;
}
.plan-container .createPlanWrapper .standard-input input, .plan-container .createPlanWrapper .standard-select input {
  padding-inline-end: 40px;
}
.plan-container .createPlanWrapper .standard-input input.no-label, .plan-container .createPlanWrapper .standard-select input.no-label {
  padding: 0 15px;
}
.plan-container .createPlanWrapper .add-div {
  flex-basis: 170px;
}
@media (min-width: 1199px) {
  .plan-container .createPlanWrapper .add-div {
    flex-basis: 17%;
  }
}
.plan-container .createPlanWrapper .add-div .add-item-btn {
  width: 92px;
  height: 35px;
  background-color: #EF9104;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 5px;
  font-size: 16px;
  font-weight: 600;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin: 0 auto;
}
.plan-container .createPlanWrapper .add-div .add-item-btn i {
  font-size: 12px;
}

[dir=rtl] .planFilter .form-floating > label {
  right: 20px;
}

.add-offer {
  margin-bottom: 20px;
}
.add-offer .add-item-btn {
  width: 120px;
  height: 35px;
  background-color: #EF9104;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 5px;
  font-size: 16px;
  font-weight: 600;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.add-offer .add-item-btn i {
  font-size: 12px;
}

.offerFilter {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
  gap: 10px;
  flex-wrap: wrap;
  background-color: #F4F2FF;
  border-radius: 10px 10px 0 0;
  padding: 8px 25px;
}
.offerFilter .formItem-wz-float-label {
  flex-basis: 200px;
  flex-grow: 0;
  flex-shrink: 0;
}
@media (min-width: 1199px) {
  .offerFilter .formItem-wz-float-label {
    flex-basis: 20%;
  }
}
.offerFilter .formItem-wz-float-label.rangeLabel {
  flex-basis: 285px;
}
@media (min-width: 1199px) {
  .offerFilter .formItem-wz-float-label.rangeLabel {
    flex-basis: 25%;
  }
}
.offerFilter .formItem-wz-float-label.rangeLabel input {
  font-size: 14px;
}

#offersnoDetails_wrapper #offersnoDetails {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
}
#offersnoDetails_wrapper #offersnoDetails tbody, #offersnoDetails_wrapper #offersnoDetails td, #offersnoDetails_wrapper #offersnoDetails tfoot, #offersnoDetails_wrapper #offersnoDetails th, #offersnoDetails_wrapper #offersnoDetails thead, #offersnoDetails_wrapper #offersnoDetails tr {
  width: 100%;
}
#offersnoDetails_wrapper #offersnoDetails tr td, #offersnoDetails_wrapper #offersnoDetails tr th {
  width: 200px !important;
  max-width: 200px;
  text-align: center;
}
@media (min-width: 1199px) {
  #offersnoDetails_wrapper #offersnoDetails tr td, #offersnoDetails_wrapper #offersnoDetails tr th {
    width: 20% !important;
    max-width: 20%;
  }
}
#offersnoDetails_wrapper #offersnoDetails tr td.tdRange, #offersnoDetails_wrapper #offersnoDetails tr th.tdRange {
  width: 285px !important;
  max-width: 285px;
}
@media (min-width: 1199px) {
  #offersnoDetails_wrapper #offersnoDetails tr td.tdRange, #offersnoDetails_wrapper #offersnoDetails tr th.tdRange {
    width: 25% !important;
    max-width: 25%;
  }
}
#offersnoDetails_wrapper #offersnoDetails tr td {
  border-bottom: 1px solid #D9D5EC;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 0;
}
#offersnoDetails_wrapper #offersnoDetails tr td .action-group {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
#offersnoDetails_wrapper #offersnoDetails tr td .action-group .action_btn#view {
  color: #EF9104;
}
#offersnoDetails_wrapper .dataTables_paginate {
  padding: 10px 0;
}
#offersnoDetails_wrapper .dataTables_paginate .paginate_button {
  padding: 0.5em 1em;
}

#offerTable_wrapper #offerTable {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
}
#offerTable_wrapper #offerTable tbody, #offerTable_wrapper #offerTable td, #offerTable_wrapper #offerTable tfoot, #offerTable_wrapper #offerTable th, #offerTable_wrapper #offerTable thead, #offerTable_wrapper #offerTable tr {
  width: 100%;
}
#offerTable_wrapper #offerTable tr td, #offerTable_wrapper #offerTable tr th {
  width: 100px !important;
  max-width: 100px;
  text-align: center;
}
#offerTable_wrapper #offerTable tr td.same-wd-size, #offerTable_wrapper #offerTable tr th.same-wd-size {
  width: 170px !important;
  max-width: 170px;
}
@media (min-width: 1199px) {
  #offerTable_wrapper #offerTable tr td.same-wd-size, #offerTable_wrapper #offerTable tr th.same-wd-size {
    width: 17% !important;
    max-width: 17%;
  }
}
#offerTable_wrapper #offerTable tr td:first-child, #offerTable_wrapper #offerTable tr th:first-child {
  padding-inline-start: 20px;
  text-align: right;
}
#offerTable_wrapper #offerTable tr td {
  border-bottom: 1px solid #D9D5EC;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 0;
}
#offerTable_wrapper #offerTable tr td .action-group {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
#offerTable_wrapper #offerTable tr td .action-group .action_btn#view {
  color: #EF9104;
}
#offerTable_wrapper .dataTables_paginate {
  padding: 10px 0;
}
#offerTable_wrapper .dataTables_paginate .paginate_button {
  padding: 0.5em 1em;
}

.sports-modal#offers_modal #offer-info {
  padding: 0 35px;
}
.sports-modal#offers_modal .offer-payment {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.sports-modal#offers_modal .offer-payment .payment-method, .sports-modal#offers_modal .offer-payment .offer-days {
  color: #A40101;
  font-size: 16px;
  font-weight: bold;
}
.sports-modal#offers_modal .offer-payment .payment-method span.payment-value, .sports-modal#offers_modal .offer-payment .payment-method span, .sports-modal#offers_modal .offer-payment .offer-days span.payment-value, .sports-modal#offers_modal .offer-payment .offer-days span {
  font-weight: 600;
  color: #898787;
  margin-inline-start: 8px;
}
.sports-modal#offers_modal .sports-list .offer-sport-header {
  background-color: #F4F2FF;
  border-radius: 10px 10px 0 0;
  padding: 8px 25px;
  text-align: center;
}
.sports-modal#offers_modal .sports-list .offer-sport {
  border-bottom: 1px solid #D9D5EC;
  text-align: center;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 0;
}

.add_subscribe_container .search_result {
  padding: 24px 44px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  border: 2px solid #DADADA;
  color: #000;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 40px;
}
.add_subscribe_container .search_result .user_phone {
  text-align: center;
  direction: ltr;
}
.add_subscribe_container .offerType .radio-container {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
  gap: 50px;
}
.add_subscribe_container .offer_sports_table .empty-offer-content {
  padding: 40px;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
}
.add_subscribe_container .offer_sports_table .offer_table_header {
  background-color: #CDCDCD;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
  padding: 12px;
}
.add_subscribe_container .offer_sports_table .offer_table_header .header-column {
  flex-basis: 14%;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 20px;
  font-weight: 600;
  color: #000;
  text-align: center;
}
.add_subscribe_container .offer_sports_table .offer_table_header .header-column:first-child {
  flex-basis: 10%;
  text-align: right;
  padding-inline-start: 20px;
}
.add_subscribe_container .offer_sports_table .offer_table_header .header-column:last-child {
  flex-basis: 5%;
}
.add_subscribe_container .offer_sports_table .add-subscribtion-table {
  width: 100%;
  margin-top: 30px;
}
.add_subscribe_container .offer_sports_table .add-subscribtion-table td {
  width: 14%;
  text-align: center;
  padding: 25px 12px;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #D9D5EC;
}
.add_subscribe_container .offer_sports_table .add-subscribtion-table td:first-child {
  width: 10%;
  text-align: right;
  padding-inline-start: 32px;
}
.add_subscribe_container .offer_sports_table .add-subscribtion-table td:last-child {
  width: 5%;
}
.add_subscribe_container .offer_sports_table .add-subscribtion-table td .custom-check label::before {
  width: 25px;
  height: 25px;
}
.add_subscribe_container .offer_sports_table .add-subscribtion-table td .custom-check input:checked + label:after {
  width: 25px;
  height: 25px;
  top: 2px;
  font-size: 15px;
}
.add_subscribe_container .offer_sports_table .addRowOfActivity {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.add_subscribe_container .offer_sports_table .addRowOfActivity .input-col {
  flex-basis: 14%;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 20px;
  font-weight: 600;
  color: #000;
  text-align: center;
  padding: 12px 6px;
}
.add_subscribe_container .offer_sports_table .addRowOfActivity .input-col:first-child {
  flex-basis: 24%;
  text-align: right;
  padding-inline-start: 32px;
}
.add_subscribe_container .offer_sports_table .addRowOfActivity .input-col:last-child {
  flex-basis: 5%;
  padding: 0;
}
.add_subscribe_container .offer_sports_table .addRowOfActivity .input-col input[type=text]:read-only {
  border: 0;
  background-color: white;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
.add_subscribe_container .offer_sports_table .addRowOfActivity .input-col .standard-select {
  margin-bottom: 0;
}
.add_subscribe_container .offer_sports_table .addRowOfActivity .input-col .standard-select select {
  height: 42px;
  border: 1px solid #898787;
  color: #000;
  font-size: 16px;
}
.add_subscribe_container .offer_sports_table .addRowOfActivity .input-col .append-td-btn {
  font-size: 20px;
  color: #EF9104;
  padding: 0;
}
.add_subscribe_container .offer_sports_table .addRowOfActivity .input-col .time-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}
.add_subscribe_container .offer_sports_table .addRowOfActivity .input-col .time-buttons .time-btn {
  padding: 0;
  width: 100%;
  height: 24px;
  line-height: 24px;
  background-color: #A40101;
  color: white;
  font-size: 12px;
  font-weight: 600;
}
.add_subscribe_container .offer_sports_table .addRowOfActivity .input-col .time-buttons .time-btn:hover {
  opacity: 0.8;
}

@media (min-width: 767px) {
  .sports-modal#chooseTeam .modal-dialog {
    width: 1100px;
    max-width: 1100px;
  }
}
.sports-modal#chooseTeam .chooseTeamFilter {
  margin-top: 40px;
}
.sports-modal#chooseTeam .chooseTeamFilter label {
  font-size: 24px;
  font-weight: 600;
}
.sports-modal#chooseTeam .chooseTeamFilter .type-check .form-label {
  color: #000;
  font-size: 24px;
  font-weight: 600;
}
.sports-modal#chooseTeam .chooseTeamFilter .type-check .custom-radio input:checked + label:after {
  top: 14px;
}
.sports-modal#chooseTeam .chooseTeamFilter .type-check .radio-container {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
  gap: 15px;
}
.sports-modal#chooseTeam .chooseTeamFilter .custom-check input:checked + label:after {
  top: 12px;
}
.sports-modal#chooseTeam .team-swiper {
  margin-top: 50px;
  padding-inline: 50px;
  position: relative;
}
.sports-modal#chooseTeam .team-swiper .team-cards .swiper-slide:nth-child(odd) .team_card {
  border-color: #006D77;
}
.sports-modal#chooseTeam .team-swiper .team-cards .swiper-slide:nth-child(odd) .team_card .team-name {
  color: #006D77;
}
.sports-modal#chooseTeam .team-swiper .team-cards .swiper-slide:nth-child(odd) .team_card .subscribe {
  background-color: #006D77;
}
.sports-modal#chooseTeam .team-swiper .team-cards .swiper-slide:nth-child(even) .team_card {
  border-color: #B5838D;
}
.sports-modal#chooseTeam .team-swiper .team-cards .swiper-slide:nth-child(even) .team_card .team-name {
  color: #B5838D;
}
.sports-modal#chooseTeam .team-swiper .team-cards .swiper-slide:nth-child(even) .team_card .subscribe {
  background-color: #B5838D;
}
.sports-modal#chooseTeam .team-swiper .team-cards .team_card {
  position: relative;
  min-height: 250px;
  max-width: 280px;
  border: 4px solid #898787;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  padding: 15px 20px 20px;
}
.sports-modal#chooseTeam .team-swiper .team-cards .team_card.selected_team_card {
  border-color: #16753C !important;
}
.sports-modal#chooseTeam .team-swiper .team-cards .team_card.selected_team_card .team-name {
  color: #16753C !important;
}
.sports-modal#chooseTeam .team-swiper .team-cards .team_card.selected_team_card .team_card_footer .subscribe {
  background-color: #16753C;
}
.sports-modal#chooseTeam .team-swiper .team-cards .team_card .team_card_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  gap: 50px;
  margin-bottom: 18px;
}
.sports-modal#chooseTeam .team-swiper .team-cards .team_card .team_card_header .team-name {
  font-size: 16px;
  font-weight: 700;
}
.sports-modal#chooseTeam .team-swiper .team-cards .team_card .team_card_header .session-number {
  flex-shrink: 0;
  color: #898787;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
}
.sports-modal#chooseTeam .team-swiper .team-cards .team_card .team_card_header .session-number .circle {
  display: block;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #EF9104;
  margin-bottom: 8px;
  margin-inline: auto;
}
.sports-modal#chooseTeam .team-swiper .team-cards .team_card .team-work-times {
  margin-bottom: 20px;
  padding-inline: 12px;
  font-size: 16px;
  color: #000;
}
.sports-modal#chooseTeam .team-swiper .team-cards .team_card .team-work-times .single-time {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
  gap: 8px;
  text-align: center;
}
.sports-modal#chooseTeam .team-swiper .team-cards .team_card .team-work-times .single-time .day {
  text-align: right;
  flex-basis: 70px;
  flex-shrink: 0;
  flex-grow: 0;
}
.sports-modal#chooseTeam .team-swiper .team-cards .team_card .team_card_footer {
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
}
.sports-modal#chooseTeam .team-swiper .team-cards .team_card .team_card_footer .subscribe {
  width: 136px;
  height: 32px;
  font-size: 16px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #898787;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.sports-modal#chooseTeam .team-swiper .swiper-button-next,
.sports-modal#chooseTeam .team-swiper .swiper-button-prev {
  color: #000;
}
.sports-modal#chooseTeam .team-swiper .swiper-button-next:after,
.sports-modal#chooseTeam .team-swiper .swiper-button-prev:after {
  font-size: 25px;
}
.sports-modal#chooseTeam .save-cancel-group {
  position: static;
  padding-bottom: 20px;
}

.calendar-modal#chooseTime .save-cancel-group {
  position: static;
  padding-bottom: 20px;
}

#extendSubscription .type-check {
  margin-bottom: 40px;
}
#extendSubscription .type-check .form-label {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 30px;
}
#extendSubscription .type-check .radio-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
#extendSubscription .type-check .radio-container .form-check-label {
  font-size: 20px;
  font-weight: 600;
  color: #898787;
  margin-bottom: 20px;
}
#extendSubscription .type-check .radio-container .custom-radio input:checked + label:after {
  top: 10.8px;
}
#extendSubscription .type-check .radio-container .extend_number input {
  width: 70px;
  height: 46px;
  text-align: center;
  border: 1px solid #898787;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-inline-end: 15px;
}
#extendSubscription .type-check .radio-container .extend_number input:disabled {
  cursor: not-allowed;
}
#extendSubscription .type-check .radio-container .extend_number input.have-error {
  border-color: #A40101;
}
#extendSubscription .type-check .radio-container .extend_number span {
  font-size: 20px;
  font-weight: 600;
  color: #898787;
}
#extendSubscription .reason-input .form-label {
  font-size: 20px;
  font-weight: 700;
}
#extendSubscription .reason-input .form-label span {
  font-size: 16px;
  font-weight: 700;
  color: #898787;
}
#extendSubscription .custom-check .form-check-label {
  font-size: 24px;
  font-weight: 600;
  color: #000;
}
#extendSubscription .custom-check label::before {
  width: 20px;
  height: 20px;
}
#extendSubscription .custom-check input:checked + label:after {
  width: 20px;
  height: 20px;
  top: 10px;
  font-size: 13px;
}

.trial-content {
  padding: 35px;
}
.trial-content .iti {
  width: 100%;
}
.trial-content .iti input[type=tel] {
  padding-left: 60px !important;
  padding-right: 15px;
}
.trial-content .iti .iti__country-list {
  left: 0;
  max-width: 300px;
}
.trial-content .trial-header {
  font-size: 20px;
  color: #898787;
  margin-bottom: 20px;
}
.trial-content .custom-check {
  margin-bottom: 30px;
}
.trial-content .custom-check .form-check-label {
  font-size: 18px;
  font-weight: 600;
  color: #000;
}
.trial-content .type-check .form-label {
  font-size: 20px;
  font-weight: 600;
}
.trial-content .type-check .radio-container {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
  gap: 50px;
}
.trial-content .chooseTitle {
  margin-top: 60px;
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 700;
}
.trial-content .priceFree .custom-check .form-check-label {
  font-size: 24px;
  font-weight: 600;
  color: #000;
}
.trial-content .priceFree .custom-check label::before {
  width: 20px;
  height: 20px;
}
.trial-content .priceFree .custom-check input:checked + label:after {
  width: 20px;
  height: 20px;
  top: 10px;
  font-size: 13px;
}
.trial-content .timeSlots {
  margin: 20px 0 50px 0;
  overflow: auto;
}
.trial-content .timeSlots .timeSlotsHeader {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
  gap: 20px;
}
.trial-content .timeSlots .timeSlotsHeader .slotday {
  background-color: #A40101;
  color: white;
  font-size: 22px;
  font-weight: 500;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  width: 130px;
  height: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-shrink: 0;
}
.trial-content .timeSlots .timeSlotBody {
  display: flex;
  justify-content: start;
  align-items: start;
  flex-direction: row;
  gap: 20px;
}
.trial-content .timeSlots .timeSlotBody .day_slots {
  width: 130px;
  flex-shrink: 0;
}
.trial-content .timeSlots .timeSlotBody .day_slots .session-slot {
  margin-top: 30px;
}
.trial-content .timeSlots .timeSlotBody .day_slots .session-slot .custom-slot-chek {
  padding: 0;
}
.trial-content .timeSlots .timeSlotBody .day_slots .session-slot .custom-slot-chek input {
  display: none;
}
.trial-content .timeSlots .timeSlotBody .day_slots .session-slot .custom-slot-chek label {
  background-color: #E6E6E6;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  height: 65px;
  font-size: 20px;
  color: #373737;
}
.trial-content .timeSlots .timeSlotBody .day_slots .session-slot .custom-slot-chek input:checked + label {
  background-color: #EF9104;
  color: white;
}
.trial-content .timeSlots::-webkit-scrollbar {
  height: 5px;
}

.payment {
  padding-inline: 50px;
}
.payment .payment-container {
  padding-top: 50px;
  color: #000;
  font-weight: 600;
}
.payment .payment-container .paymentRow {
  align-items: center;
  gap: 45px 0;
}
.payment .payment-container .paymentRow .NoSubs {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  color: #000;
  margin-bottom: 60px;
}
.payment .payment-container .standard-input {
  margin-bottom: 0;
}
.payment .payment-container .standard-input label {
  color: #000;
  font-size: 24px;
  font-weight: 600;
}
.payment .payment-container .standard-input input {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  height: 60px;
}
.payment .payment-container .standard-input.wz-search .s-icon {
  bottom: 14px;
  font-size: 20px;
}
.payment .payment-container .flex-position-relative {
  position: relative;
  flex-grow: 0.8;
}
.payment .payment-container .flex-input {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
  gap: 12px;
  margin-bottom: 0;
}
.payment .payment-container .flex-input label {
  flex-shrink: 0;
  font-size: 24px;
  margin-bottom: 0;
}
.payment .payment-container .flex-input .autocompleteSearch {
  top: 60px;
}
.payment .payment-container .search_result {
  padding: 24px 44px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  border: 2px solid #DADADA;
  color: #000;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 40px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}
.payment .payment-container .search_result .user_phone {
  text-align: center;
  direction: ltr;
}
.payment .payment-container .paymentsList {
  margin-bottom: 50px;
}
.payment .payment-container .paymentsList .paymen-header {
  background-color: #CDCDCD;
  border-radius: 10px 10px 0 0;
  padding: 8px 25px;
  text-align: center;
  font-size: 20px;
}
.payment .payment-container .paymentsList .payment-row {
  border-bottom: 1px solid #D9D5EC;
  text-align: center;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  padding: 24px;
}
.payment .payment-container .paymentsList .payment-row .price-col {
  font-size: 12px;
  color: #898787;
}
.payment .payment-container .paymentsList .payment-row .price-col span {
  color: #000;
  font-size: 16px;
}
.payment .payment-container .single-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 40px;
}
.payment .payment-container .single-total .total-label {
  font-size: 24px;
}
.payment .payment-container .single-total .total-value {
  width: 80%;
}
.payment .payment-container .single-total .total-value.contain-select {
  border: 0;
  padding: 0;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
  gap: 5px;
}
.payment .payment-container .single-total .total-value.contain-select .standard-select {
  flex-grow: 1;
}
.payment .payment-container .single-total .total-value.contain-select .standard-select select {
  height: 56px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  padding-inline-end: 60px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.payment .payment-container .single-total .total-value.contain-select .standard-input {
  flex-grow: 0;
}
.payment .payment-container .single-total .total-value.contain-select .standard-input input {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0;
}
.payment .payment-container .single-total .total-value .standard-input input {
  height: 56px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  color: #000;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.payment .payment-container .single-total .total-value .standard-input input:read-only {
  background-color: unset;
}
.payment .payment-container .single-total .total-value .standard-input input::-webkit-outer-spin-button, .payment .payment-container .single-total .total-value .standard-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.payment .payment-container .single-total .total-value .standard-input .float-span {
  font-size: 16px;
  bottom: 15px;
}
.payment .payment-container .type-check .radio-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 50px;
}
.payment .payment-container .type-check .radio-container .custom-radio label {
  color: #000;
  font-weight: 600;
}

@media (min-width: 767px) {
  .alert-modal#bank_modal .modal-dialog {
    width: 550px;
    max-width: 550px;
  }
}
.alert-modal#bank_modal .modal-dialog .modal-content {
  padding: 50px 80px;
}
.alert-modal#bank_modal .modal-dialog .modal-content .standard-input {
  margin-bottom: 30px;
}
.alert-modal#bank_modal .modal-dialog .modal-content .modal-footer {
  padding: 0 50px;
}

.paydata .dt-buttons {
  margin-inline-end: 200px;
}

.sendWhataApp {
  position: relative;
}
.sendWhataApp .send-btn {
  position: absolute;
  left: 0px;
  top: 10px;
  z-index: 2;
  background-color: #EF9104;
  color: white;
  font-size: 18px;
  font-weight: 600;
  -webkit-border-radius: 9.5px;
  -moz-border-radius: 9.5px;
  -o-border-radius: 9.5px;
  border-radius: 9.5px;
  border: 0;
  width: fit-content;
  padding-inline: 15px;
  height: 40px;
}

.viewBill i {
  color: #EF9104;
}

.attendance {
  padding-top: 40px;
}
.attendance .attendanceType {
  margin-bottom: 50px;
}
.attendance .attendanceType .radio-container {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
  gap: 28px;
}
.attendance .attendanceType .radio-container .custom-radio .form-check-label {
  font-size: 22px;
  font-weight: 600;
}
.attendance .attendanceType .radio-container .custom-radio input:checked + label {
  color: #000;
}
.attendance .attendanceType .radio-container .custom-radio input:checked + label:after {
  top: 12.5px;
}
.attendance .players-show {
  margin-top: 40px;
}
.attendance .players-show .checkTeams {
  margin-bottom: 40px;
}
.attendance .players-show .checkTeams .form-check-label {
  font-size: 24px;
  font-weight: 600;
  color: #000;
}
.attendance .players-show .checkTeams .custom-check label::after {
  width: 20px;
  height: 20px;
  top: 11px;
}
.attendance .players-show .checkTeams .custom-check label::before {
  width: 20px;
  height: 20px;
}
.attendance .players-show .scroll-players {
  max-height: 500px;
  overflow-y: auto;
  padding-inline: 14px;
}
.attendance .players-show .scroll-players::-webkit-scrollbar {
  width: 30px;
}
.attendance .players-show .scroll-players::-webkit-scrollbar-track {
  height: 80px;
  background-color: rgba(137, 135, 135, 0.2);
  box-shadow: none;
}
.attendance .players-show .scroll-players::-webkit-scrollbar-thumb {
  width: 15px;
  max-height: 80px;
  background-color: rgba(137, 135, 135, 0.4);
  box-shadow: none;
  outline: none;
  border-radius: 50px;
  border: 7px solid transparent;
  background-clip: content-box;
}
.attendance .players-show .single-player-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  padding: 25px;
  border: 2px solid #DADADA;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}
.attendance .players-show .single-player-row .playerName {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
  gap: 20px;
}
.attendance .players-show .single-player-row .playerName .custom-check label::after {
  width: 25px;
  height: 25px;
  font-size: 15px;
  top: 2px;
}
.attendance .players-show .single-player-row .playerName .custom-check label::before {
  margin-inline-end: 0;
  width: 25px;
  height: 25px;
}
.attendance .players-show .single-player-row .playerName .p_name {
  color: #000;
}
.attendance .players-show .single-player-row .playerStatus.active, .attendance .players-show .single-player-row .playerPayment.active {
  color: #16753C;
}
.attendance .players-show .single-player-row .playerStatus.not-active, .attendance .players-show .single-player-row .playerPayment.not-active {
  color: #A40101;
}

.reports {
  margin-top: 40px;
}
.reports .datatable_reports #attendReport_wrapper .dataTables_scrollHead table {
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  border-top: 2px solid #898787;
}
.reports .datatable_reports #attendReport_wrapper .dataTables_scrollHead table thead td {
  font-size: 22px;
  font-weight: 600;
  color: #000;
  padding: 18px 10px;
}
.reports .datatable_reports #attendReport_wrapper .dataTables_scrollHead table thead td:first-child {
  -webkit-border-radius: 0 10px 0 0;
  -moz-border-radius: 0 10px 0 0;
  -o-border-radius: 0 10px 0 0;
  border-radius: 0 10px 0 0;
  border-right: 2px solid #898787;
}
.reports .datatable_reports #attendReport_wrapper .dataTables_scrollHead table thead td:last-child {
  -webkit-border-radius: 10px 0 0 0;
  -moz-border-radius: 10px 0 0 0;
  -o-border-radius: 10px 0 0 0;
  border-radius: 10px 0 0 0;
  border-left: 2px solid #898787;
}
.reports .datatable_reports #attendReport_wrapper #attendReport {
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  border: 2px solid #898787;
  border-top: 0;
}
.reports .datatable_reports #attendReport_wrapper table.dataTable thead > tr > td.sorting::before,
.reports .datatable_reports #attendReport_wrapper table.dataTable thead > tr > td.sorting::after {
  display: none !important;
}
.reports .datatable_reports #attendReport_wrapper table thead td {
  font-size: 22px;
  font-weight: 600;
  color: #000;
  padding: 18px 10px;
}
.reports .datatable_reports #attendReport_wrapper table thead td:first-child {
  -webkit-border-radius: 0 10px 0 0;
  -moz-border-radius: 0 10px 0 0;
  -o-border-radius: 0 10px 0 0;
  border-radius: 0 10px 0 0;
}
.reports .datatable_reports #attendReport_wrapper table thead td:last-child {
  -webkit-border-radius: 10px 0 0 0;
  -moz-border-radius: 10px 0 0 0;
  -o-border-radius: 10px 0 0 0;
  border-radius: 10px 0 0 0;
}
.reports .datatable_reports #attendReport_wrapper table td {
  text-align: center;
  border: 1px solid #898787;
}
.reports .datatable_reports #attendReport_wrapper table tbody tr td {
  padding: 24px 10px;
  font-size: 18px;
  font-weight: 600;
  color: #000;
}
.reports .datatable_reports #attendReport_wrapper table tbody tr td .attendance_details {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.reports .datatable_reports #attendReport_wrapper table tbody tr td .attendance_details .att-detail {
  border-left: 1px solid #898787;
  font-weight: 700;
  padding: 0 25px;
}
.reports .datatable_reports #attendReport_wrapper table tbody tr td .attendance_details .att-detail p {
  margin-top: 12px;
}
.reports .datatable_reports #attendReport_wrapper table tbody tr td .attendance_details .att-detail.attend p {
  color: #16753C;
}
.reports .datatable_reports #attendReport_wrapper table tbody tr td .attendance_details .att-detail.absence p {
  color: red;
}
.reports .datatable_reports #attendReport_wrapper table tbody tr td .attendance_details .att-detail.remain p {
  color: #636366;
}
.reports .datatable_reports #attendReport_wrapper table tbody tr td .attendance_details .att-detail:last-child {
  border: 0;
}
.reports .datatable_reports #attendReport_wrapper table tbody tr td .show-attendance {
  display: flex;
  justify-content: end;
  align-items: center;
  flex-direction: row;
  margin-inline-end: 25px;
}
.reports .datatable_reports #attendReport_wrapper table tbody tr td .show-attendance .show-attendance-btn {
  width: 24px;
  height: 24px;
  background-color: #A40101;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.reports .datatable_reports #attendReport_wrapper table tbody tr.odd > *, .reports .datatable_reports #attendReport_wrapper table tbody tr.even > * {
  box-shadow: none !important;
}
.reports .datatable_reports #attendReport_wrapper table tbody tr:hover > *, .reports .datatable_reports #attendReport_wrapper table tbody tr.odd:hover > * {
  box-shadow: none !important;
}
.reports .datatable_reports #attendReport_wrapper table tbody tr:last-child td:first-child {
  -webkit-border-radius: 0 0px 10px 0;
  -moz-border-radius: 0 0px 10px 0;
  -o-border-radius: 0 0px 10px 0;
  border-radius: 0 0px 10px 0;
}
.reports .datatable_reports #attendReport_wrapper table tbody tr:last-child td:last-child {
  -webkit-border-radius: 0px 0px 0 10px;
  -moz-border-radius: 0px 0px 0 10px;
  -o-border-radius: 0px 0px 0 10px;
  border-radius: 0px 0px 0 10px;
}

#attendTimes .attendTimesTable {
  margin: 50px 40px;
}
#attendTimes .attendTimesTable .att-times-header {
  background-color: #F4F2FF;
  border-radius: 10px 10px 0 0;
  padding: 8px 25px;
  color: #000;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
}
#attendTimes .attendTimesTable .att-times-header .col-5:first-child {
  text-align: right;
  padding-inline-start: 30px;
}
#attendTimes .attendTimesTable .att-times-body {
  text-align: center;
  color: #000;
  font-weight: 700;
  font-size: 20px;
  border: 1px solid #D9D5EC;
  max-height: 380px;
  overflow-y: auto;
}
#attendTimes .attendTimesTable .att-times-body .row {
  justify-content: space-between;
  border-bottom: 1px solid #D9D5EC;
  padding: 25px;
  margin: 0;
}
#attendTimes .attendTimesTable .att-times-body .row .col-5:first-child {
  text-align: right;
  padding: 8px;
  padding-inline-start: 30px;
}

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