@charset "UTF-8";
@import url("../css/icons.min.css");

@import url("../css/jquery.fancybox.min.css");
@import url("../css/owl.css");
@import url('../libs/smart_DateTimeCalender/css/bootstrap-datetimepicker.min.css');
@import url('../libs/smart_DateTimeCalender/css/calendar.css');
@import url("../libs/toastr/build/toastr.min.css");
@import url("../libs/select2/css/select2.min.css");
@import url("../libs/bootstrap-datepicker/css/bootstrap-datepicker.min.css");
@import url("../libs/bootstrap-rating/bootstrap-rating.css");
@import url("../css/mainStyle.css");
@import url("../libs/TagsInput/tagify.css");
@import url("../libs/Inte_Tel_Code/css/intlTelInput.css");
@import url("../libs/flatbicker/flatpickr.min.css");
@import url("../libs/summernote/summernote.min.css");

@font-face {
  font-family: din_B;
  src: url("../font/Norsal-SemiBold.otf") format("truetype");
}

@font-face {
  font-family: din_M;
  src: url("../font/Norsal-Medium.otf") format("truetype");
}

@font-face {
  font-family: din_R;
  src: url("../font/Norsal-Regular.otf") format("truetype");
}

* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
  font-size: 100%;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: #007B7D;
}

a:hover,
a:focus,
a:visited {
  text-decoration: none;
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  font-weight: normal;
  margin: 0px;
  background: none;
  line-height: 1.2em;
  font-family: "din_B";
}

textarea {
  overflow: hidden;
  resize: none;
}

button {
  outline: none !important;
  cursor: pointer;
}

.theme-btn {
  font-family: "din_R";
}

p,
.text {
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
  color: #6D6D6D;
  font-family: "din_R";
  margin: 0;
}

::-webkit-input-placeholder {
  color: inherit;
}

::-moz-input-placeholder {
  color: inherit;
}

::-ms-input-placeholder {
  color: inherit;
}

::-moz-selection {
  background: #007B7D;
  color: #ffffff;
}

::selection {
  background: #007B7D;
  color: #ffffff;
}

::-moz-selection {
  background: #007B7D;
  color: #ffffff;
}

::-webkit-selection {
  background: #007B7D;
  color: #ffffff;
}

.auto-container {
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
}

.small-container {
  position: static;
  max-width: 1000px;
  padding: 0px 15px;
  margin: 0 auto;
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
  z-index: 99;
}

main {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #fff;
  transition: all 300ms ease;
}

main .content-inner {
  position: relative;
}

.sidenav-bar .mCSB_inside>.mCSB_container {
  margin-right: 0;
}

.sidenav-bar .mCSB_scrollTools {
  opacity: 0 !important;
}

ul,
li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.theme-btn {
  display: inline-block;
  text-align: center;
  transition: all 0.3s ease;
}

.centered {
  text-align: center !important;
}

/*=== List Style One ===*/
.list-style-one {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.list-style-one li {
  position: relative;
  font-size: 14px;
  line-height: 24px;
  color: #f1f1f1;
  font-weight: 400;
  padding-left: 35px;
  margin-bottom: 15px;
}

.list-style-one li:before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  line-height: 25px;
  color: #007B7D;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
}

/*=== List Style Two ===*/
.list-style-two {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.list-style-two li {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  font-weight: 500;
  padding-left: 35px;
  margin-bottom: 15px;
}

.list-style-two li:before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  line-height: 20px;
  color: #007B7D;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f061";
}

.theme_color {
  color: #007B7D;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: #FFFFFF;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/Coursale/Logo_icon.svg);
  background-size: 100px;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.tabs-box {
  position: relative;
}

.tabs-box .tab {
  display: none;
}

.tabs-box .active-tab {
  display: block;
}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/
.scroll-to-top {
  position: fixed;
  left: 40px;
  bottom: 15px;
  height: 44px;
  width: 44px;
  font-size: 14px;
  line-height: 45px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  z-index: 100;
  background: #007B7D;
  display: none;
  border-radius: 4px;
  margin: 0 auto;
  transition: all 300ms ease;
}

.scroll-to-top:hover {
  background: #ffffff;
  color: #222222;
}

.page-title {
  position: relative;
  text-align: center;
  padding: 200px 0px 150px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page-title:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.6);
}

.page-title .auto-container {
  position: relative;
}

.page-title h2 {
  position: relative;
  color: #ffffff;
  font-size: 74px;
  line-height: 1.2em;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: capitalize;
}

.page-breadcrumb {
  position: relative;
  margin-top: 5px;
}

.page-breadcrumb li {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  padding-right: 15px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
}

.page-breadcrumb li:after {
  position: absolute;
  content: ">";
  right: -2px;
  top: 1px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}

.page-breadcrumb li:last-child::after {
  display: none;
}

.page-breadcrumb li:last-child {
  padding-right: 0px;
  margin-right: 0px;
}

.page-breadcrumb li a {
  color: #ffffff;
  font-weight: 500;
  text-transform: capitalize;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.page-breadcrumb li a:hover {
  color: #007B7D;
}

.play-now {
  position: relative;
  display: block;
  z-index: 9;
  transition: all 300ms ease;
}

.play-now .icon {
  position: relative;
  display: inline-block;
  height: 80px;
  width: 80px;
  text-align: center;
  line-height: 80px;
  background-color: #000000;
  color: #ffffff;
  z-index: 1;
  padding-left: 5px;
  font-size: 24px;
  display: block;
  border-radius: 50%;
  -ms-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  -o-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  transform-origin: center;
}

.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 70px;
  width: 70px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  animation: ripple 3s infinite;
}

.play-now .ripple:before {
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}

.play-now .ripple:after {
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}

@keyframes ripple {
  70% {
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

/*** 

====================================================================
		Styled Pagination
====================================================================

***/
.form-group {
  margin-bottom: 20px;
}

.form-group label {
  font-size: 14px;
  margin: 10px;
  margin-bottom: 12px;
  margin-top: 0;
  font-weight: 400;
  font-family: "din_R";
  color: #0F0F0F;
}

.form-group label .req {
  color: #D32A28;
}

.form-group label span {
  color: #898989;
  font-family: "din_R";
}

.form-group .inputGroup {
  position: relative;
}

.inputIcreaseDecrse .number-spinner {
  position: relative;
}

.inputIcreaseDecrse .number-spinner .input-group-btn_Dwn {
  position: absolute;
  display: flex;
  align-items: center;
  height: 56px;
  left: 30%;
  top: 0;
}

.inputIcreaseDecrse .number-spinner .input-group-btn_Dwn button {
  display: flex;
  height: 22px;
  padding: 0;
  width: 22px;
  border: 2px solid #007B7D;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: #007B7D;
}

.inputIcreaseDecrse .number-spinner .input-group-btn_Up {
  position: absolute;
  display: flex;
  align-items: center;
  height: 56px;
  right: 30%;
  top: 0;
}

.inputIcreaseDecrse .number-spinner .input-group-btn_Up button {
  display: flex;
  height: 22px;
  padding: 0;
  width: 22px;
  border: 2px solid #007B7D;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: #007B7D;
}

.form-group .inputGroup .form-control {
  display: block;
  width: 100%;
  height: 44px;
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  padding: 0 48px;
  padding-inline-end: 10px;
  outline: none;
  box-shadow: none;
  color: #0F0F0F;
  font-size: 14px;
  font-family: "din_R";
  font-weight: 400;
  background: transparent;
  text-align: start;
  direction: rtl;
}

.form-group .inputGroup .form-control:-moz-read-only {
  background: #fafafa;
}

.form-group .inputGroup .form-control:read-only {
  background: #fafafa;
}

.form-group .inputGroup .form-control ::-moz-placeholder {
  color: #6D6D6D;
}

.form-group .inputGroup .form-control ::placeholder {
  color: #6D6D6D;
}

.form-group .inputGroup input[type=password] {
  padding-inline-end: 48px;
}

.form-group .inputGroup textarea.form-control {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #0F0F0F;
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  height: 120px;
  font-size: 14px;
  height: auto !important;
  max-height: -moz-max-content;
  max-height: max-content;
  font-size: 14px;
  min-height: 100px;
  overflow: auto;
  resize: vertical;
}

.form-group .inputGroup textarea.form-control::-moz-placeholder {
  color: #6D6D6D;
}

.form-group .inputGroup textarea.form-control::placeholder {
  color: #6D6D6D;
}




.form-group .inputGroup .iti .form-control {
  text-align: right;
}

.form-group .inputGroup .IconSHape {
  position: absolute;
  top: 0;
  height: 44px;
  display: flex;
  align-items: center;
  width: 44px;
  justify-content: center;
  z-index: 99999;
}

.form-group .inputGroup .IconSHape img {
  display: block;
  height: 22px;
}

.form-group .inputGroup .IconSHape_2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 44px;
  display: flex;
  align-items: center;
  width: 44px;
  justify-content: center;
  cursor: pointer;
  z-index: 99999;
  color: #007B7D;
}

.form-group .inputGroup .IconSHape_2 img {
  display: block;
  width: 22px;
  height: 22px;
}

.form-group .inputGroup .IconSHape_2_d {
  position: absolute;
  top: 0;
  left: 0;
  height: 44px;
  display: flex;
  align-items: center;
  width: 44px;
  justify-content: center;
  cursor: pointer;
  z-index: 99999;
}

.form-group .inputGroup .IconSHape_2_d img {
  display: block;
  width: 11px;
  height: auto;
}

.form-group .inputGroup .IconSHape_2_text {
  position: absolute;
  top: 0;
  left: 0;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 9999;
  color: #007B7D;
  width: -moz-max-content;
  width: max-content;
  direction: ltr;
  padding: 0 10px;
}

.form-group .inputGroup .IconSHape_Span {
  position: absolute;
  top: 0;
  left: 15px;
  height: 44px;
  display: flex;
  align-items: center;
  line-height: 44px;
  justify-content: center;
  cursor: pointer;
  z-index: 9999;
  direction: ltr;
}

hr {
  margin-top: 24px;
  margin-bottom: 24px;
  border-top: 1px solid #EAEAEA;
  opacity: 1;
}

/*******************/
/*****************/
input[switch] {
  display: none;
}

input[switch]+label {
  font-size: 1em;
  line-height: 1;
  width: 42px;
  height: 24px;
  background-color: #ced4da;
  background-image: none;
  border-radius: 2rem;
  padding: 0.16667rem;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  position: relative;
  font-weight: 500;
  transition: all 0.1s ease-in-out;
}

input[switch]+label:before {
  color: #343a40;
  content: attr(data-off-label);
  display: block;
  font-family: inherit;
  font-weight: 500;
  font-size: 12px;
  line-height: 21px;
  position: absolute;
  right: 1px;
  margin: 3px;
  top: -2px;
  text-align: center;
  min-width: 1.66667rem;
  overflow: hidden;
  transition: all 0.1s ease-in-out;
}

input[switch]+label:after {
  content: "";
  position: absolute;
  left: 19px;
  background-color: #eff2f7;
  box-shadow: none;
  border-radius: 2rem;
  height: 20px;
  width: 20px;
  top: 2px;
  transition: all 0.1s ease-in-out;
}

input[switch]:checked+label {
  background-color: #002DE7;
}

input[switch]:checked+label {
  background-color: #002DE7;
}

input[switch]:checked+label:before {
  color: #fff;
  content: attr(data-on-label);
  right: auto;
  left: 3px;
}

input[switch]:checked+label:after {
  left: 2px;
  background-color: #fff;
}

input[switch=bool]+label {
  background-color: #f46a6a;
}

input[switch=bool]+label:before,
input[switch=bool]:checked+label:before,
input[switch=default]:checked+label:before {
  color: #fff;
}

input[switch=bool]:checked+label {
  background-color: #34c38f;
}

input[switch=default]:checked+label {
  background-color: #a2a2a2;
}

input[switch=primary]:checked+label {
  background-color: #556ee6;
}

input[switch=success]:checked+label {
  background-color: #0d7d50 !important;
}

input[switch=info]:checked+label {
  background-color: #50a5f1;
}

input[switch=warning]:checked+label {
  background-color: #f1b44c;
}

input[switch=danger]:checked+label {
  background-color: #f46a6a;
}

input[switch=dark]:checked+label {
  background-color: #343a40;
}

input[switch=dark]:checked+label:before {
  color: #eff2f7;
}

input[switch]+label {
  height: 32px;
  width: 60px;
  background-color: #F0F0F0;
}

input[switch]+label:after {
  height: 24px;
  width: 24px;
  top: 4px;
  left: 23px;
}

input[switch]:checked+label:after {
  left: 3px;
  background-color: #fff;
}

input[switch]+label:after {
  background-color: #898989;
}

.withswitchbtnn {
  display: inline-block;
  height: 32px;
}

.withswitchbtnn label {
  height: 32px;
  width: 51px;
}

.withswitchbtnn input[switch]+label {
  background: #f1f1f1;
}

.withswitchbtnn input[switch]:checked+label {
  background: #1DB261;
}

.withswitchbtnn input[switch]+label:after {
  content: "";
  position: absolute;
  left: 23px;
  background-color: #6D6D6D;
  box-shadow: none;
  border-radius: 2rem;
  height: 24px;
  width: 24px;
  top: 4px;
  transition: all 0.1s ease-in-out;
}

.withswitchbtnn input[switch]:checked+label:after {
  left: 4px;
  background-color: #fff;
}

.bg {
  display: -webkit-box;
  direction: rtl;
}

.span_pseudo,
.chiller_cb span:before,
.chiller_cb span:after {
  content: "";
  display: inline-block;
  background: #fff;
  width: 0;
  height: 0.2rem;
  position: absolute;
  transform-origin: 0% 0%;
}

.chiller_cb {
  position: relative;
  height: auto;
  margin: 0 0px;
  margin-left: 0px;
}

.chiller_cb input {
  display: none;
}

.chiller_cb input:checked~span {
  background: #007B7D !important;
  border-color: #007B7D !important;
  border-radius: 4px;
}

.chiller_cb input:checked~span:before {
  width: 13px;
  height: 2px;
  transition: width 0.1s;
  transition-delay: 0.3s;
}

.chiller_cb input:checked~span:after {
  width: 7px;
  height: 2px;
  transition: width 0.1s;
  transition-delay: 0.2s;
}

.chiller_cb input:disabled~span {
  background: #ececec;
  border-color: #dcdcdc;
}

.chiller_cb input:disabled~label {
  color: #dcdcdc;
}

.chiller_cb input:disabled~label:hover {
  cursor: default;
}

.chiller_cb label {
  padding-inline-start: 32px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin-bottom: 0;
  font-size: 14px !important;
  margin-bottom: 0 !important;
  font-family: "din_R";
}

.chiller_cb label a {
  margin: 0 5px;
}

.chiller_cb span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  position: absolute;
  right: 0;
  transition: all 0.2s;
  z-index: 1;
  box-sizing: content-box;
  background: #fff;
  top: 0px;
}

.chiller_cb span:before {
  transform: rotate(-50deg);
  top: 15px;
  left: 8px;
}

.chiller_cb span:after {
  transform: rotate(48deg);
  bottom: 8px;
  left: 5px;
}

.animation_20 {
  animation: rotat360deg 15s linear 0s infinite;
}

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

  50% {
    transform: rotate(180deg);
  }

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

.ModalAuth .modal-dialog {
  min-width: 560px;
}

.ModalAuth .modal-content {
  border-radius: 4px;
  border: 0;
  overflow: hidden;
}

.ModalAuth .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 24px;
  padding-bottom: 0;
  border-bottom: 0;
}

.ModalAuth .modal-header .RihghtSideee h2 {
  color: #0F0F0F;
  font-size: 20px;
  font-weight: 700;
  font-family: "din_B";
}

.ModalAuth .modal-header .RihghtSideee h2 span {
  color: #007B7D;
}

.ModalAuth .modal-header .RihghtSideee p {
  font-size: 14px;
  color: #6D6D6D;
}

.ModalAuth .modal-header .leftSide .CloseBTN {
  height: 44px;
  width: 44px;
  display: block;
}

.ModalAuth .modal-header .leftSide .CloseBTN button {
  background: none;
  padding: 0;
  height: 44px;
  width: 44px;
  display: block;
  margin: 0;
}

.ModalAuth .modal-header .leftSide .CloseBTN button img {
  height: 44px;
  width: 44px;
  display: block;
}

.ModalAuth .modal-body {
  padding: 24px;
}

.ModalAuth .btn-close {
  opacity: 1;
  outline: 0;
  box-shadow: none;
}

.ModalAuth .ModalAuthBoxy .Title_Image {
  text-align: center;
}

.ModalAuth .ModalAuthBoxy .Title_Image img {
  margin-bottom: 0px;
  width: auto;
  height: 44px;
  margin-bottom: 16px;
}

.ModalAuth .ModalAuthBoxy .Title_Image .image {
  border-radius: 50%;
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-bottom: 24px;
}

.ModalAuth .ModalAuthBoxy .Title_Image .image img {
  margin-bottom: 0px;
  width: 72px;
  height: 72px;
}

.ModalAuth .ModalAuthBoxy .Title_Image .groupImage {
  border: 0;
  border-radius: 50%;
  width: 128px;
  height: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  overflow: hidden;
  margin-bottom: 24px;
}

.ModalAuth .ModalAuthBoxy .Title_Image .groupImage img {
  margin-bottom: 0px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  display: block;
  height: 100%;
}

.ModalAuth .ModalAuthBoxy .Title_Image h2 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
  font-family: "din_B";
}

.ModalAuth .ModalAuthBoxy .Title_Image p {
  font-size: 14px;
  color: #6D6D6D;
  margin-bottom: 15px;
  font-family: "din_R";
}

.ModalAuth .ModalAuthBoxy .Title_Image p strong {
  color: #0F0F0F;
}

.ModalAuth .ModalAuthBoxy .Title_Image p span {
  color: #0F0F0F;
  font-weight: 700;
  display: block;
  direction: ltr;
}

.ModalAuth .ModalAuthBoxy .imageProfile {
  display: block;
  width: 125px;
  height: 125px;
  margin: auto;
  position: relative;
  margin-bottom: 40px;
}

.ModalAuth .ModalAuthBoxy .imageProfile .image {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.ModalAuth .ModalAuthBoxy .imageProfile .image img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #EAEAEA;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.ModalAuth .ModalAuthBoxy .imageProfile .ProfileImagelable {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 45px;
  height: 45px;
  background: #000;
  border-radius: 50%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.ModalAuth .ModalAuthBoxy .GroupItems {
  height: 390px;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #EAEAEA;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem:last-child {
  border-bottom: 0 !important;
  margin-bottom: 0;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .Image {
  display: block;
  height: 44px;
  width: 44px;
  overflow: hidden;
  border-radius: 50%;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .Image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData h2 {
  color: #0F0F0F;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 4px;
  line-height: 20px;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData p {
  color: #6D6D6D;
  font-size: 14px;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData .WorkesTeam {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData .WorkesTeam .userCount h2 {
  font-weight: 700;
  font-family: "din_B";
  color: #0F0F0F;
  font-size: 14px;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData .WorkesTeam .userImagess {
  display: flex;
  align-items: center;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData .WorkesTeam .userImagess .ImageIem {
  display: inline-flex;
  margin-inline-end: -10px;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData .WorkesTeam .userImagess img.ImageIem {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border: 1px solid #EAEAEA;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData .WorkesTeam .userImagess span.ImageIem {
  background: #1DB261;
  color: #FFFFFF;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData .LabeSpanl {
  height: 36px;
  border-radius: 4px;
  padding: 0 12px;
  line-height: 36px;
  width: -moz-max-content;
  width: max-content;
  text-align: center;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData .LabeSpanl span {
  font-size: 12px;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .LeftSide .CountItems {
  height: 36px;
  border-radius: 4px;
  padding: 0 12px;
  line-height: 36px;
  width: -moz-max-content;
  width: max-content;
  text-align: center;
  background: rgba(25, 103, 210, 0.0784313725);
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .LeftSide .CountItems span {
  font-size: 12px;
  color: #007B7D;
}

.ModalAuth .ActionModalBody {
  text-align: center;
}

.ModalAuth .ActionModalBody .iconImage {
  display: block;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  margin-bottom: 20px;
}

.ModalAuth .ActionModalBody .iconImage img {
  display: block;
  width: 96px;
}

.ModalAuth .ActionModalBody h2 {
  color: #0F0F0F;
  font-size: 20px;
  font-weight: 700;
  font-family: "din_M";
  margin-bottom: 20px;
}

.ModalAuth .ActionModalBody p {
  font-size: 14px;
  font-weight: 400;
  font-family: "din_R";
  color: #6D6D6D;
}

.ModalAuth .ActionModalBody p strong {
  color: #0F0F0F;
}

.ModalAuth .modal-dialog {
  min-width: 560px;
}

.ModalAuth .modal-content {
  border-radius: 4px;
  border: 0;
  overflow: hidden;
}

.ModalAuth .modal-body {
  padding: 40px;
}

.ModalAuth .btn-close {
  opacity: 1;
  outline: 0;
  box-shadow: none;
  position: absolute;
  z-index: 11;
}

.ModalAuth .ModalAuthBoxy .Title_Image {
  text-align: center;
  margin-bottom: 24px;
}

.ModalAuth .ModalAuthBoxy .Title_Image .image {
  margin-bottom: 24px;
}

.ModalAuth .ModalAuthBoxy .Title_Image h2 {
  font-size: 20px;
  color: #0F0F0F;
  margin-bottom: 12px;
  font-weight: 900;
  font-family: "din_B";
}

.ModalAuth .ModalAuthBoxy .Title_Image p {
  color: #6D6D6D;
  font-size: 14px;
  font-family: "din_R";
}

.ModalAuth .ModalAuthBoxy .Title_Image p span {
  color: #0F0F0F;
}

.ModalAuth .ModalAuthBoxy .LineImage {
  margin: 40px 0;
}

.ModalAuth .ModalAuthBoxy .LineImage img {
  display: block;
  width: 100%;
}

.ModalAuth .ModalFooter {
  margin-top: 32px !important;
  display: flex;
  align-items: center;
  gap: 8px;
}

.ModalAuth .ModalFooter.W_70_auto {
  width: 70%;
  margin: auto;
}

.ModalAuth .ModalFooter button {
  flex-grow: 1;
}

/*****************/
.superAgentRight {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9;
  background: #fff;
  width: 30%;
  left: 0;
  transition: 0.3s;
  transform: translate(-100%);
  overflow: hidden;
  z-index: 99999;
  padding: 0px 0;
  height: 100vh;
  overflow: hidden;
}

.superAgentRight .FarzSideBare .FarzHeader {
  padding: 0 24px;
  padding-bottom: 24px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  justify-content: space-between;
  border-bottom: 1px solid #EAEAEA;
}

.superAgentRight .FarzSideBare .FarzHeader .headerData h2 {
  color: #0F0F0F;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 8px;
  line-height: 24px;
}

.superAgentRight .FarzSideBare .FarzHeader .headerData p {
  color: #6D6D6D;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.superAgentRight .FarzSideBare .FarzHeader .closeIcon {
  cursor: pointer;
}

.superAgentRight .FarzSideBare .FarzHeader .closeIcon img {
  display: block;
}

.superAgentRight .FarzSideBare .FarzBody {
  padding: 24px;
  padding-bottom: 0;
  height: calc(100vh - 200px);
}

.superAgentRight .FarzSideBare .FarzBody .form-group .inputGroup .IconSHape {
  z-index: 99999;
}

.superAgentRight .FarzSideBare .FarzBody .form-group .inputGroup .IconSHape_2_d {
  z-index: 99999;
}

.superAgentRight .FarzSideBare .FarzBody .form-group .inputGroup .select2-container--default .select2-selection--multiple {
  padding: 0 40px;
  min-height: 44px;
}

.superAgentRight .FarzSideBare .FarzBody .form-group .inputGroup .select2-container .select2-search--inline .select2-search__field {
  margin-top: 0px;
  font-size: 13px;
}

.superAgentRight .FarzSideBare .FarzBody .form-group .inputGroup .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  margin-top: 0;
  padding: 0;
}

.superAgentRight .FarzSideBare .FarzFooter {
  border-top: 1px solid #EAEAEA;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 24px;
  position: relative;
  z-index: 99999;
}

.superAgentRight .FarzSideBare .FarzFooter .theme-btn {
  flex-grow: 1;
}

.superAgentRight .FarzSideBare .FarzFooter .theme-btn span span {
  color: #1DB261;
}

.overlay-menu-right {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 8;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  transition: 0.3s;
  display: none;
  z-index: 9999;
}

.overlay-menu-right.active {
  display: block;
}

.overlay-menu-right .close-menu {
  position: absolute;
  left: auto;
  right: 41%;
  color: #fff !important;
  font-size: 30px !important;
  top: 13px;
  cursor: pointer;
}

.super-agent.active {
  transform: translate(0);
}

body.no-scroll {
  overflow: hidden;
}

.FilterSideBare {
  height: 100%;
  padding-bottom: 90px;
  position: relative;
}

.FilterSideBare .FilterHeader {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 24px;
}

.FilterSideBare .FilterHeader .headerData h2 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0px;
}

.FilterSideBare .FilterHeader .headerData p {
  font-size: 14px;
  font-weight: 400;
  color: #6D6D6D;
}

.FilterSideBare .FilterHeader .closeIcon {
  height: 36px;
  width: 36px;

  border-radius: 4px;
  border: 1px solid #EAEAEA;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.FilterSideBare .FilterHeader .closeIcon img {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.FilterSideBare .FilterHeader .closeIcon:hover {
  background: #007B7D !important;
}

.FilterSideBare .FilterHeader .closeIcon:hover img {
  filter: brightness(100) grayscale(100);
}

.FilterSideBare .FilterSideBody {
  overflow: auto;
  height: calc(100% - 80px);
  padding: 24px;
  padding-top: 8px;
}

.FilterSideBare .FilterSideBody::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: 4px;
  background: #fff;
}

.FilterSideBare .FilterSideBody::-webkit-scrollbar-thumb {
  width: 5px;
  height: 5px;
  border-radius: 4px;
  background: #f9f9f9;
}

.FilterSideBare .FilterFooter {
  padding: 16px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #EAEAEA;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #fff;
  gap: 12px;
  z-index: 99999;
}

.FilterSideBare .FilterFooter button {
  flex-grow: 1;
  width: 50%;
}

.ExporFiles .dropdown .header-item {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #007B7D14;
  border-radius: 4px;
  height: 44px;
  padding: 0 20px;
  border: 0;
  transition: all 0.2s ease-in-out;
  font-size: 14px;
  font-weight: 300;
  color: #007B7D;
  font-family: "din_R";
  gap: 8px;
  transition: all 0.3s ease-in-out;
}

.ExporFiles .dropdown .header-item:hover {
  background: #007B7D;
  color: #FFFFFF;
}

.ExporFiles .dropdown .header-item:hover img {
  filter: grayscale(100) brightness(100);
}

.ExporFiles .dropdown .dropdown-menu {
  min-width: 100%;
  margin-top: 8px !important;
}

.ExporFiles .dropdown .dropdown-menu .dropdown-item img {
  width: 18px;
}

.dropdown .dropdown-menu {
  border-radius: 4px;
  border: 0px solid #EAEAEA;
  box-shadow: 0px 0px 20px 0px #19547D0F;
  padding: 0px 16px;
  text-align: start;
  z-index: 99999;
}

.dropdown .dropdown-menu .dropdown-item {
  border-bottom: 1px solid #EAEAEA;
  font-size: 14px;
  font-weight: 400;
  padding: 12px 0;
  background: transparent;
  transition: all 0.2s ease-in-out;
  font-family: "din_R";
}

.dropdown .dropdown-menu .dropdown-item img {
  margin-inline-end: 7px;
}

.dropdown .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0 !important;
}

.dropdown .dropdown-menu .dropdown-item:hover {
  color: #1DB261 !important;
}

/*************/
.select2-container {
  z-index: 99999;
  width: 100% !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #EAEAEA;
  outline: 0;
  direction: rtl;
  padding: 0 40px;
  border-radius: 4px;
}

.superAgentRight .select2-container--default.select2-container--focus .select2-selection--multiple {
  padding: 0 0px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  line-height: 32px;
  height: 35px;
  font-size: 14px;
  margin: 2px;
  margin-top: 0px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  color: #007B7D;
  background: #F8F8F8;
  border-radius: 4px;
  border: 0;
}

.select2-container--default .select2-selection--multiple {
  border: 1px solid #EAEAEA;
  outline: 0;
  direction: rtl;
  padding: 0 40px;
  border-radius: 4px;
}

.superAgentRight .select2-container--default .select2-selection--multiple {
  padding: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: right;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 15px;
  background: rgba(0, 45, 231, 0.0588235294);
  border: 1px solid #f0f3fe;
  color: #007B7D;
  font-size: 14px;
  font-weight: 500;
  direction: ltr;
  height: 42px;
  line-height: 42px;
  margin: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  direction: rtl;
  margin-top: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #007B7D;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-inline-end: 8px;
  margin-inline-start: 0;
  font-size: 18px;
  font-weight: 100;
}

.select2-container .select2-search--inline .select2-search__field {
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 0;
}

.select2-container .select2-search--inline {
  float: right;
}

.select2-container--default .select2-results>.select2-results__options {
  max-height: 200px;
  overflow-y: auto;
  text-align: start;
  direction: rtl;
}

.select2-results__option {
  padding: 8px 12px;
  font-size: 14px;
}

.select2-container--default .select2-selection--single {
  background-color: transparent;
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  display: block;
  width: 100%;
  height: 44px;
  padding: 0 32px;
  outline: none;
  box-shadow: none;
  color: #0F0F0F;
  font-family: "din_R";
  font-size: 14px;
  direction: rtl;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #0F0F0F;
  line-height: 44px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered img {
  margin-inline-end: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}

.select2-dropdown {
  border: 1px solid #EAEAEA;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #EAEAEA;
  background: #F8F8F8;
  direction: rtl;
  border-radius: 4px;
}

.select2-dropdown {
  border-radius: 4px;
  overflow: hidden;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #eee;
  color: #212121;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #eee;
  color: #212121;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
  font-family: "din_R";
  border-bottom: 1px solid #EAEAEA;
  padding: 8px 16px;
  font-size: 14px;
}

.select2-results__option[aria-selected] img {
  margin-inline-end: 4px;
}

.select2-results__option[aria-selected]:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #007B7D;
  color: #FFFFFF;
  font-family: "din_R";
  border-color: rgba(65, 90, 62, 0.1);
}

/***********/
.filterBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  position: relative;
  z-index: 1;
}

.filterBar .FiltrGroupItems {
  display: flex;
  align-items: center;
  gap: 8px;
}

.filterBar .FiltrGroupItems .filterItem .Title h2 {
  color: #0F0F0F;
  font-size: 14px;
  margin-bottom: 4px;
}

.filterBar .FiltrGroupItems .filterItem .Title p {
  color: #6D6D6D;
  font-size: 14px;
}

.filterBar .FiltrGroupItems .filterItem .form-group .nav {
  display: flex;
  height: 44px;
  line-height: 44px;
  padding: 0 16px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border: 1px solid #EAEAEA;
  background: #fff;
  border-radius: 4px;
  font-size: 14px;
}

.filterBar .FiltrGroupItems .filterItem .form-group .nav .nav-item {
  border: 0;
}

.filterBar .FiltrGroupItems .filterItem .form-group .nav .nav-item .nav-link {
  border: 0;
  padding: 0;
  display: contents;
}

.filterBar .FiltrGroupItems .filterItem .form-group .nav .nav-item .nav-link img {
  filter: grayscale(1);
}

.filterBar .FiltrGroupItems .filterItem .form-group .nav .nav-item .nav-link.active img {
  filter: none;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup {
  position: relative;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .form-control {
  width: 350px;
  background: #fff;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .header-item {
  display: block;
  position: relative;
  height: 44px;
  line-height: 44px;
  padding: 0 40px;
  border-radius: 4px;
  background: transparent;
  border: 1px solid #EAEAEA;
  min-width: 175px;
  text-align: start;
  color: #0F0F0F;
  font-family: "din_R";
  font-size: 14px;
  background: #fff;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu {
  min-width: 175px;
  border-radius: 4px;
  border: 0px solid #EAEAEA;
  box-shadow: 0px 0px 20px 0px #19547D0F;
  padding: 20px;
  text-align: start;
  z-index: 99999;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item {
  border-bottom: 1px solid #EAEAEA;
  font-size: 14px;
  font-weight: 400;
  padding: 16px 0;
  background: transparent;
  transition: all 0.3s ease-in-out;
  font-family: "din_R";
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item:first-child {
  padding-top: 0;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item:hover {
  color: #007B7D;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item.UserItemDrop {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 8px;
  justify-content: space-between;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item.UserItemDrop .Userata {
  display: flex;
  align-items: center;
  gap: 8px;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item.UserItemDrop .Userata .Image {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item.UserItemDrop .Userata .Image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item.UserItemDrop .Userata .userInfo h2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
  color: #0F0F0F;
  font-family: "din_R";
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item.UserItemDrop .Userata .userInfo p {
  color: #6D6D6D;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item.UserItemDrop .CheckLable .chiller_cb label {
  min-width: 20px;
  display: block;
  height: 20px;
  top: 6px;
  right: 1px;
  margin: 0;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .IconSHape_2_d img {
  width: 11px;
}

.filterBar .FiltrGroupItems .filterItem .form-group .theme-btn {
  height: 44px;
  line-height: 44px;
}

.filterBar .FiltrGroupItems .filterItem .form-group .FilterSideBareBTN {
  display: flex;
  min-width: 175px;
  height: 44px;
  line-height: 44px;
  padding: 0 12px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid #EAEAEA;
  background: #fff;
  border-radius: 4px;
  font-size: 14px;
}

.filterBar .FiltrGroupItems .filterItem .form-group .FilterSideBareBTN img {
  display: inline-block;
}

.filterBar .FiltrGroupItems .filterItem .form-group .FilterSideBareBTN span {
  display: flex;
  height: 28px;
  width: 28px;
  background: rgba(25, 103, 210, 0.0784313725);
  color: #007B7D;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
}

.filterBar .rightSide {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.filterBar .leftSide {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.modal {
  z-index: 999999;
  background: rgba(0, 0, 0, 0.6);
}

.fancybox-container {
  z-index: 99999999999;
}

/****************/
.TagsInput-control {
  padding-inline-start: 32px;
  padding-inline-end: 4px;
  height: auto !important;
}

.TagsInput-control::-moz-placeholder {
  color: #6D6D6D;
  position: relative;
  top: 5px;
}

.TagsInput-control::placeholder {
  color: #6D6D6D;
  position: relative;
  top: 5px;
}

.tagify__tag {
  height: 44px;
  line-height: 44px;
  padding: 0 16px;
  border-radius: 4px;
  background: #fafafa;
}

.tagify__tag>div::before {
  box-shadow: none;
}

.tagify__tag:focus div::before,
.tagify__tag:hover:not([readonly]) div::before {
  box-shadow: none;
  content: none !important;
}

.tagify__tag>div>* {
  color: #007B7D;
  font-weight: 400;
  font-size: 14px;
}

.tagify__tag:hover {
  box-shadow: none !important;
}

.tagify__tag__removeBtn::after {
  content: "×";
  transition: 0.3s, color 0s;
  font-size: 30px;
  color: #007B7D;
  font-weight: 100;
  font-family: "Font Awesome 5 Free";
}

.tagify__tag__removeBtn {
  width: auto;
  height: auto;
}

.tagify__tag>div {
  padding: 0;
}

.tagify__tag__removeBtn:hover {
  background: transparent;
}

.tagify div::before {
  box-shadow: none;
}

/*****************/
.styled-pagination {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 32px;
}

.styled-pagination ul {
  direction: rtl;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.styled-pagination li {
  position: relative;
  display: inline-block;
  margin: 0px;
}

.styled-pagination li a {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 44px;
  width: 44px;
  height: 44px;
  font-weight: 500;
  color: #6D6D6D;
  text-align: center;
  border-radius: 4px;
  border-bottom: 0px;
  transition: all 0.3s ease-in-out;
  border: 1px solid #EAEAEA;
  background: transparent;
}

.styled-pagination li a:hover,
.styled-pagination li.active a {
  color: #FFFFFF !important;
  background: #1DB261 !important;
  border: 1px solid #1DB261 !important;
}

.max-auto {
  max-width: none !important;
}

.filterdroop .header-item {
  display: block;
  position: relative;
  height: 44px;
  line-height: 44px;
  padding: 0 16px 0 24px;
  border-radius: 4px;
  background: transparent;
  border: 1px solid #EAEAEA;
  min-width: 180px;
  text-align: start;
  color: #6D6D6D;
  font-family: "din_R";
  min-width: 100% !important;
  padding: 0 48px !important;
  font-family: "din_R";
  font-size: 14px;
}

.filterdroop .dropdown-menu {
  width: 180px;
  border-radius: 4px;
  border: 1px solid #EAEAEA;
  padding: 8px 16px;
  text-align: start;
  z-index: 9999999;
  width: 100%;
  padding: 8px;
}

.filterdroop .dropdown-menu .dropdown-item {
  border-bottom: 1px solid #EAEAEA;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 0;
  background: transparent;
  transition: all 0.2s ease-in-out;
  font-family: "din_R";
  padding: 12px 0;
  font-family: "din_R";
}

.filterdroop .dropdown-menu .dropdown-item:hover,
.filterdroop .dropdown-menu .dropdown-item:focus {
  background: transparent;
  color: #1DB261 !important;
}

.filterdroop .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0 !important;
}

.DropDowenUsers .dropdown-menu .UserItemDrop {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 8px;
  justify-content: space-between;
}

.DropDowenUsers .dropdown-menu .UserItemDrop .Userata {
  display: flex;
  align-items: center;
  gap: 8px;
}

.DropDowenUsers .dropdown-menu .UserItemDrop .Userata .Image {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
}

.DropDowenUsers .dropdown-menu .UserItemDrop .Userata .Image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.DropDowenUsers .dropdown-menu .UserItemDrop .Userata .userInfo h2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
  color: #0F0F0F;
  font-family: "din_R";
}

.DropDowenUsers .dropdown-menu .UserItemDrop .Userata .userInfo p {
  color: #6D6D6D;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.DropDowenUsers .dropdown-menu .UserItemDrop .Userata .userInfo p img {
  margin-inline-end: 4px;
}

.DropDowenUsers .dropdown-menu .UserItemDrop .Userata .userInfo p strong {
  color: #0F0F0F;
}

.DropDowenUsers .dropdown-menu .UserItemDrop .CheckLable .chiller_cb label {
  min-width: 20px;
  display: block;
  height: 20px;
  top: 6px;
  right: 1px;
  margin: 0;
}

.DropDowenUsers .dropdown-menu .SearchInputItem:first-child {
  border-bottom: 0 !important;
}

.CustomScroolDropMenu {
  max-height: 200px;
  padding: 0 12px;
  overflow-x: hidden;
}

.AllInstructorss {
  max-height: 400px;
  overflow: auto;
  padding-inline-end: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.AllInstructorss::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: 4px;
  background: #fff;
}

.AllInstructorss::-webkit-scrollbar-thumb {
  width: 5px;
  height: 5px;
  border-radius: 4px;
  background: #f9f9f9;
}

.AllInstructorss .InstrucItem {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 8px;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #EAEAEA;
}

.AllInstructorss .InstrucItem:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0 !important;
}

.AllInstructorss .InstrucItem .Userata {
  display: flex;
  align-items: center;
  gap: 8px;
}

.AllInstructorss .InstrucItem .Userata .Image {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
}

.AllInstructorss .InstrucItem .Userata .Image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.AllInstructorss .InstrucItem .Userata .userInfo h2 {
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  margin-bottom: 0;
  color: #0F0F0F;
}

.AllInstructorss .InstrucItem .Userata .userInfo span {
  color: #007B7D;
  font-size: 12px;
  line-height: 16px;
}

.AllInstructorss .InstrucItem .Userata .userInfo p {
  color: #6D6D6D;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  font-family: "din_R";
}

.AllInstructorss .InstrucItem .CheckLable button {
  background: none;
}

.AllInstructorss .InstrucItem .CheckLable .chiller_cb label {
  min-width: 20px;
  display: block;
  height: 20px;
  top: 6px;
  right: 1px;
  margin: 0;
}

.TeamInvetaionItems .Userata {
  display: flex;
  align-items: center;
  gap: 8px;
}

.TeamInvetaionItems .Userata .Image {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
}

.TeamInvetaionItems .Userata .Image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.TeamInvetaionItems .Userata .userInfo h2 {
  margin-bottom: 12px !important;
}

.TeamInvetaionItems .Userata .userInfo strong {
  color: #0F0F0F;
}

.TeamInvetaionItems .Userata .userInfo p {
  display: flex;
  gap: 12px;
  margin-bottom: 8px;
}

.TeamInvetaionItems .userImagess {
  display: flex;
  align-items: center;
}

.TeamInvetaionItems .userImagess .ImageIem {
  display: inline-flex;
  margin-inline-end: -10px;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.TeamInvetaionItems .userImagess img.ImageIem {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border: 1px solid #EAEAEA;
}

.TeamInvetaionItems .userImagess span.ImageIem {
  background: #1DB261;
  color: #FFFFFF !important;
}

.TapsModal .filterdroop .header-item {
  min-width: 100% !important;
  padding: 0 48px !important;
  font-family: "din_R";
}

.TapsModal .filterdroop .dropdown-menu {
  width: 100%;
  padding: 8px;
}

.TapsModal .filterdroop .dropdown-menu .dropdown-item {
  padding: 12px 0;
  font-family: "din_R";
}

.TapsModal .filterdroop .dropdown-menu .dropdown-item .userInfo h2 {
  font-family: "din_R";
}

.TapsModal .nav {
  border-radius: 4px;
  padding: 0px;
  width: 100%;
  margin: auto;
  border: 0;
  margin-bottom: 32px;
  gap: 8px;
}

.TapsModal .nav .nav-item {
  border: 0;
  flex-grow: 1;
}

.TapsModal .nav .nav-item .nav-link {
  height: 44px;
  border-radius: 4px;
  border: 0;
  line-height: 44px;
  padding: 0 24px;
  color: #6D6D6D;
  font-size: 14px;
  text-align: center;
  border: 1px solid #EAEAEA;
}

.TapsModal .nav .nav-item .nav-link img {
  margin: 0 8px;
}

.TapsModal .nav .nav-item .active {
  background: #007B7D !important;
  color: #FFFFFF;
  border: 1px solid #007B7D;
}

.TapsModal .nav .nav-item .active img {
  filter: brightness(100) grayscale(100);
}

/****************/
.datepicker {
  left: auto !important;
  right: auto;
  border-radius: 4px;
  border: 1px solid #EAEAEA;
  padding: 8px 4px;
  box-shadow: none;
  z-index: 999999 !important;
  width: -moz-max-content;
  width: max-content;
  margin-top: 12px;
}

.datepicker:before {
  border-bottom: 7px solid #F0F0F0;
  border-bottom-color: 1px solid #EAEAEA;
}

.datepicker td,
.datepicker th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 0;
  border: none;
  font-size: 12px;
  border: 1px solid #EAEAEA;
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
  background: #1DB261;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled] {
  background: #1DB261 !important;
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
  border-color: rgba(255, 255, 255, 0);
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
  background: #1DB261;
}

.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
  background: #1DB261 !important;
  color: #FFFFFF !important;
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled] {
  background: #1DB261 !important;
  color: #FFFFFF !important;
}

.UploadInput {
  border: 0;
  border-radius: 4px;
  padding: 32px 12px;
  background: #FFFFFF14;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 250px;
  flex-direction: column;
}

.UploadInput .dz-message {
  display: block;
  width: 100%;
  margin: 0;
  cursor: pointer;
  text-align: center;
}

.UploadInput .dz-message img {
  margin-bottom: 16px;
}

.UploadInput .dz-message h4 {
  margin-bottom: 12px;
  font-size: 14px;
}

.UploadInput .dz-message h4 span {
  color: #1DB261;
}

.UploadInput .dz-message p {
  direction: ltr;
  font-size: 14px;
}

.UploadInput .ImagePrivewAndDelete {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-direction: column;
}

.UploadInput .ImagePrivewAndDelete .ImagePrivw {
  height: 80px;
  width: 80px;
  border-radius: 4px;
  overflow: hidden;
  display: block;
}

.UploadInput .ImagePrivewAndDelete .ImagePrivw img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.UploadInput .ImagePrivewAndDelete .ImageData h2 {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  margin: 4px 0;
  text-align: center;
}

.UploadInput .ImagePrivewAndDelete .ImageData span {
  position: relative;
  font-size: 14px;
  line-height: normal;
  padding: 0px 16px;
  height: auto;
  width: auto;
  font-weight: 500;
  overflow: hidden;
  border-radius: 50px;
  text-align: center;
  color: #6D6D6D;
  display: block;
  direction: ltr;
}

.UploadInput .DeleteImage {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  background: transparent;
  border-radius: 0;
  height: auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ImageBoxSuperEdit_style_2 {
  position: relative;
  border: 0;
  padding: 24px;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  min-height: 300px;
  background: #FFFFFF14;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ImageBoxSuperEdit_style_2 img {
  display: block;
  margin: 0;
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 4px;
}

.ImageBoxSuperEdit_style_2 .DeleteImage {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  width: -moz-max-content;
  width: max-content;
  background: transparent;
  position: relative;
  margin: 0;
  margin-top: 12px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 0;
}

.ImageBoxSuperEdit_style_2 .DeleteImage img {
  display: block;
  height: 24px;
  width: 24px;
}

.ImageBoxSuperEdit_style_2 p {
  font-size: 14px;
}

.socialSelect_p_0 .select2-container--default .select2-selection--single {
  padding: 0 !important;
}

.socialSelect_p_0 .select2-container .select2-selection--single .select2-selection__rendered {
  padding-inline-start: 12px;
}

.note-editor .dropdown-toggle::after {
  content: none;
}

.note-editor .note-btn-group {
  direction: ltr;
}

/*Btn Style Two*/
.btn-style-two {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  padding: 15px 40px;
  font-weight: 700;
  border-radius: 4px;
  background: #007B7D;
  overflow: hidden;
  border: 1px solid #EAEAEA;
}

.btn-style-two .btn-title {
  position: relative;
}

.btn-style-two:hover {
  color: #1DB261;
}

.btn-style-two:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #ffffff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
}

.btn-style-two:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style danger*/
.btn-style-danger {
  position: relative;
  font-size: 14px;
  line-height: 44px;
  color: #fff;
  padding: 0px 15px;
  height: 44px;
  width: 145px;
  font-weight: 500;
  background-color: #D32A28;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #D32A28;
}

.btn-style-danger .btn-title {
  position: relative;
}

.btn-style-danger img {
  margin-left: 5px;
  filter: brightness(100) grayscale(100);
}

.btn-style-danger:hover img {
  filter: none;
}

.btn-style-danger:hover {
  color: #EA4335;
  border: 1px solid #EA4335;
}

.btn-style-danger:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #fff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
}

.btn-style-danger:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style blue*/
.btn-style-blue {
  position: relative;
  font-size: 14px;
  line-height: 44px;
  color: #fff;
  padding: 0px 15px;
  height: 44px;
  width: 145px;
  font-weight: 500;
  background: #007B7D;
  overflow: hidden;
  border-radius: 4px;
  border: 0px solid rgba(255, 255, 255, 0.1019607843);
  border: 1px solid #EAEAEA;
}

.btn-style-blue .btn-title {
  position: relative;
}

.btn-style-blue img {
  margin-left: 5px;
  filter: brightness(100) grayscale(100);
}

.btn-style-blue:hover img {
  filter: none;
}

.btn-style-blue:hover {
  color: #007B7D;
}

.btn-style-blue:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #fff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
}

.btn-style-blue:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style blue light*/
.btn-style-blue-light {
  position: relative;
  font-size: 14px;
  line-height: 44px;
  color: #007B7D;
  padding: 0px 15px;
  height: 44px;
  width: 145px;
  font-weight: 500;
  background-color: #fff;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #EAEAEA;
}

.btn-style-blue-light .btn-title {
  position: relative;
}

.btn-style-blue-light img {
  margin-inline-end: 8px;
}

.btn-style-blue-light:hover img {
  filter: brightness(100) grayscale(100);
}

.btn-style-blue-light:hover {
  color: #FFFFFF !important;
  border: 1px solid #EAEAEA;
}

.btn-style-blue-light:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: #007B7D;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
}

.btn-style-blue-light:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style orange*/
.btn-style-orange {
  position: relative;
  font-size: 14px;
  line-height: 44px;
  color: #fff;
  padding: 0px 15px;
  line-height: 54px;
  width: 145px;
  font-weight: 500;
  background-color: #007B7D;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #007B7D;
}

.btn-style-orange .btn-title {
  position: relative;
}

.btn-style-orange img {
  margin-left: 5px;
  filter: brightness(100) grayscale(100);
}

.btn-style-orange:hover img {
  filter: none;
}

.btn-style-orange:hover {
  color: #007B7D;
  border: 1px solid #007B7D;
}

.btn-style-orange:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #fff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
}

.btn-style-orange:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style orange light*/
.btn-style-orange-light {
  position: relative;
  font-size: 14px;
  line-height: 44px;
  color: #007B7D;
  padding: 0px 15px;
  line-height: 56px;
  width: 145px;
  font-weight: 700;
  background-color: #fff;
  border: 1px solid #007B7D;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #007B7D;
}

.btn-style-orange-light .btn-title {
  position: relative;
}

.btn-style-orange-light img {
  margin-left: 5px;
}

.btn-style-orange-light:hover img {
  filter: brightness(100) grayscale(100);
}

.btn-style-orange-light:hover {
  color: #fff;
  border: 1px solid #007B7D;
}

.btn-style-orange-light:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #007B7D;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
}

.btn-style-orange-light:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/**********/
.btn_style_yellow {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  line-height: 44px;
  gap: 4px;
  min-width: 148px;
  color: #FFFFFF;
  font-size: 14px;
  border: 2px solid #1DB261;
  padding: 0px 16px;
  overflow: hidden;
  transition: 3s all ease;
  background: #1DB261;
  border-radius: 4px;
  transition: 0.3s;
}

.btn_style_yellow::before {
  background: #007B7D;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  height: 0%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.btn_style_yellow:hover {
  background: transparent;
  border-color: #007B7D;
  transition: 0.3s;
  transform: scale(1);
}

.btn_style_yellow:hover::before {
  height: 380%;
}

.btn_style_yellow.w-100:hover::before {
  height: 780%;
}

.btn_style_yellow.w_255px:hover::before {
  height: 480%;
}

.btn_style_yellow_light {
  position: relative;
  color: #1DB261;
  font-size: 14px;
  border: 0px solid #FFFFFF14;
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 3s all ease;
  background: #FFFFFF14;
  border-radius: 4px;
}

.btn_style_yellow_light::before {
  background: #1DB261;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  height: 0%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.btn_style_yellow_light:hover {
  background: transparent;
  border-color: #1DB261;
  color: #FFFFFF;
  transform: scale(1);
}

.btn_style_yellow_light:hover img {
  filter: grayscale(100) brightness(100);
}

.btn_style_yellow_light:hover::before {
  height: 380%;
}

/**********/
.btn_style_green {
  position: relative;
  color: #FFFFFF;
  font-size: 14px;
  border: 2px solid #007B7D;
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 3s all ease;
  background: #007B7D;
  border-radius: 4px;
}

.btn_style_green::before {
  background: #1DB261;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  height: 0%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.btn_style_green:hover {
  background: transparent;
  border-color: #1DB261;
  transform: scale(1);
}

.btn_style_green:hover::before {
  height: 380%;
}

.btn_style_green.w-100:hover::before {
  height: 780%;
}

.btn_style_green.w_255px:hover::before {
  height: 480%;
}

.btn_style_green_light {
  position: relative;
  color: #007B7D;
  font-size: 14px;
  border: 0px solid rgba(65, 90, 62, 0.06);
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 3s all ease;
  background: rgba(65, 90, 62, 0.06);
  border-radius: 4px;
}

.btn_style_green_light::before {
  background: #007B7D;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  height: 0%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.btn_style_green_light:hover {
  background: transparent;
  border-color: #007B7D;
  color: #FFFFFF;
  transform: scale(1);
}

.btn_style_green_light:hover::before {
  height: 380%;
}

.btn_style_green_light:hover img {
  filter: grayscale(100) brightness(100);
}

.btn_style_green_light.w-100:hover::before {
  height: 780%;
}

.btn_style_green_open {
  position: relative;
  color: #FFFFFF;
  font-size: 14px;
  border: 2px solid #1DB261;
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 3s all ease;
  background: #1DB261;
  border-radius: 4px;
}

.btn_style_green_open::before {
  background: #007B7D;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  height: 0%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.btn_style_green_open:hover {
  background: transparent;
  border-color: #007B7D;
  transform: scale(1);
}

.btn_style_green_open:hover::before {
  height: 380%;
}

.btn_style_green_open.w-100:hover::before {
  height: 780%;
}

.btn_style_green_open.w_255px:hover::before {
  height: 480%;
}

.btn_style_light {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  line-height: 44px;
  gap: 4px;
  min-width: 148px;
  color: #FFFFFF;
  font-size: 14px;
  border: 0px solid #1DB261;
  padding: 0px 16px;
  overflow: hidden;
  transition: 3s all ease;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}

.btn_style_light::before {
  background: #007B7D;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  height: 0%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.btn_style_light:hover {
  background: transparent;
  border-color: #007B7D;
  transform: scale(1);
}

.btn_style_light:hover::before {
  height: 380%;
}

.btn_style_light.w-100:hover::before {
  height: 780%;
}

.btn_style_light.w_255px:hover::before {
  height: 480%;
}

.btn_style_gray_light {
  position: relative;
  color: #6D6D6D;
  font-size: 14px;
  border: 0px solid rgba(250, 250, 250, 0.06);
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 3s all ease;
  background: #fafafa;
  border-radius: 4px;
}

.btn_style_gray_light::before {
  background: #6D6D6D;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  height: 0%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.btn_style_gray_light:hover {
  background: transparent;
  border-color: #6D6D6D;
  color: #FFFFFF;
  transform: scale(1);
}

.btn_style_gray_light:hover img {
  filter: grayscale(100) brightness(100);
}

.btn_style_gray_light:hover::before {
  height: 380%;
}

.btn_style_gray_light.w-100:hover::before {
  height: 780%;
}

.btn_style_gray_light.w_255px:hover::before {
  height: 480%;
}

.btn_style_danger {
  position: relative;
  color: #FFFFFF;
  font-size: 14px;
  border: 2px solid #D32A28;
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 3s all ease;
  background: #D32A28;
  border-radius: 4px;
}

.btn_style_danger::before {
  background: #D32A28;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  min-width: 100px;
  height: 0%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.btn_style_danger:hover {
  background: transparent;
  border-color: #D32A28;
  transform: scale(1);
}

.btn_style_danger:hover::before {
  height: 380%;
}

.btn_style_danger.w-100:hover::before {
  height: 780%;
}

.btn_style_danger.w_255px:hover::before {
  height: 480%;
}

.btn_style_danger_light {
  position: relative;
  color: #D32A28;
  font-size: 14px;
  border: 0px solid rgba(171, 78, 69, 0.06);
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 3s all ease;
  background: rgba(171, 78, 69, 0.06);
  border-radius: 4px;
}

.btn_style_danger_light img {
  transition: all 0.3s ease;
}

.btn_style_danger_light::before {
  background: #D32A28;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  height: 0%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.btn_style_danger_light:hover {
  background: transparent;
  border-color: #D32A28;
  color: #FFFFFF;
  transform: scale(1);
}

.btn_style_danger_light:hover::before {
  height: 380%;
}

.btn_style_danger_light:hover img {
  filter: brightness(100) grayscale(100);
}




.TypeItems {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.TypeItems .gray_light {
  position: relative;
  color: #6D6D6D;
  font-size: 14px;
  border: 0px solid rgba(250, 250, 250, 0.06);
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 0.3s all ease;
  background: #fafafa;
  border-radius: 4px;
  width: -moz-max-content;
  width: max-content;
  display: inline-flex;
  font-weight: 400;
}

.TypeItems .yellow_light {
  position: relative;
  color: #1DB261;
  font-size: 14px;
  border: 0px solid #FFFFFF14;
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 0.3s all ease;
  background: #fafafa;
  border-radius: 4px;
  width: -moz-max-content;
  width: max-content;
  display: inline-flex;
  font-weight: 400;
}

/*Btn Style Two*/
.btn-style-two {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  padding: 15px 40px;
  font-weight: 700;
  border-radius: 4px;
  background: #007B7D;
  overflow: hidden;
  border: 1px solid #EAEAEA;
}

.btn-style-two .btn-title {
  position: relative;
}

.btn-style-two:hover {
  color: #1DB261;
}

.btn-style-two:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #ffffff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
}

.btn-style-two:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style danger*/
.btn-style-danger {
  position: relative;
  font-size: 14px;
  line-height: 44px;
  color: #fff;
  padding: 0px 15px;
  height: 44px;
  width: 145px;
  font-weight: 500;
  background-color: #D32A28;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #D32A28;
}

.btn-style-danger .btn-title {
  position: relative;
}

.btn-style-danger img {
  margin-left: 5px;
  filter: brightness(100) grayscale(100);
}

.btn-style-danger:hover img {
  filter: none;
}

.btn-style-danger:hover {
  color: #EA4335;
  border: 1px solid #EA4335;
}

.btn-style-danger:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #fff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
}

.btn-style-danger:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style blue*/
.btn-style-blue {
  position: relative;
  font-size: 14px;
  line-height: 44px;
  color: #fff;
  padding: 0px 15px;
  height: 44px;
  width: 145px;
  font-weight: 500;
  background: #007B7D;
  overflow: hidden;
  border-radius: 4px;
  border: 0px solid rgba(255, 255, 255, 0.1019607843);
  border: 1px solid #EAEAEA;
}

.btn-style-blue .btn-title {
  position: relative;
}

.btn-style-blue img {
  margin-left: 5px;
  filter: brightness(100) grayscale(100);
}

.btn-style-blue:hover img {
  filter: none;
}

.btn-style-blue:hover {
  color: #007B7D;
}

.btn-style-blue:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #fff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
}

.btn-style-blue:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style blue light*/
.btn-style-blue-light {
  position: relative;
  font-size: 14px;
  line-height: 44px;
  color: #007B7D;
  padding: 0px 15px;
  height: 44px;
  width: 145px;
  font-weight: 500;
  background-color: #fff;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #EAEAEA;
}

.btn-style-blue-light .btn-title {
  position: relative;
}

.btn-style-blue-light img {
  margin-inline-end: 8px;
}

.btn-style-blue-light:hover img {
  filter: brightness(100) grayscale(100);
}

.btn-style-blue-light:hover {
  color: #FFFFFF !important;
  border: 1px solid #EAEAEA;
}

.btn-style-blue-light:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: #007B7D;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
}

.btn-style-blue-light:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style orange*/
.btn-style-orange {
  position: relative;
  font-size: 14px;
  line-height: 44px;
  color: #fff;
  padding: 0px 15px;
  line-height: 54px;
  width: 145px;
  font-weight: 500;
  background-color: #007B7D;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #007B7D;
}

.btn-style-orange .btn-title {
  position: relative;
}

.btn-style-orange img {
  margin-left: 5px;
  filter: brightness(100) grayscale(100);
}

.btn-style-orange:hover img {
  filter: none;
}

.btn-style-orange:hover {
  color: #007B7D;
  border: 1px solid #007B7D;
}

.btn-style-orange:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #fff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
}

.btn-style-orange:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style orange light*/
.btn-style-orange-light {
  position: relative;
  font-size: 14px;
  line-height: 44px;
  color: #007B7D;
  padding: 0px 15px;
  line-height: 56px;
  width: 145px;
  font-weight: 700;
  background-color: #fff;
  border: 1px solid #007B7D;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #007B7D;
}

.btn-style-orange-light .btn-title {
  position: relative;
}

.btn-style-orange-light img {
  margin-left: 5px;
}

.btn-style-orange-light:hover img {
  filter: brightness(100) grayscale(100);
}

.btn-style-orange-light:hover {
  color: #fff;
  border: 1px solid #007B7D;
}

.btn-style-orange-light:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #007B7D;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
}

.btn-style-orange-light:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/**********/
.btn_style_yellow {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  line-height: 44px;
  gap: 4px;
  min-width: 148px;
  color: #FFFFFF;
  font-size: 14px;
  border: 2px solid #1DB261;
  padding: 0px 16px;
  overflow: hidden;
  transition: 3s all ease;
  background: #1DB261;
  border-radius: 4px;
  transition: 0.3s;
}

.btn_style_yellow::before {
  background: #007B7D;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  height: 0%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.btn_style_yellow:hover {
  background: transparent;
  border-color: #007B7D;
  transition: 0.3s;
  transform: scale(1);
}

.btn_style_yellow:hover::before {
  height: 380%;
}

.btn_style_yellow.w-100:hover::before {
  height: 780%;
}

.btn_style_yellow.w_255px:hover::before {
  height: 480%;
}

.btn_style_yellow_light {
  position: relative;
  color: #1DB261;
  font-size: 14px;
  border: 0px solid #FFFFFF14;
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 3s all ease;
  background: #FFFFFF14;
  border-radius: 4px;
}

.btn_style_yellow_light::before {
  background: #1DB261;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  height: 0%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.btn_style_yellow_light:hover {
  background: transparent;
  border-color: #1DB261;
  color: #FFFFFF;
  transform: scale(1);
}

.btn_style_yellow_light:hover img {
  filter: grayscale(100) brightness(100);
}

.btn_style_yellow_light:hover::before {
  height: 380%;
}

/**********/
.btn_style_green {
  position: relative;
  color: #FFFFFF;
  font-size: 14px;
  border: 2px solid #007B7D;
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 3s all ease;
  background: #007B7D;
  border-radius: 4px;
}

.btn_style_green::before {
  background: #1DB261;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  height: 0%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.btn_style_green:hover {
  background: transparent;
  border-color: #1DB261;
  transform: scale(1);
}

.btn_style_green:hover::before {
  height: 380%;
}

.btn_style_green.w-100:hover::before {
  height: 780%;
}

.btn_style_green.w_255px:hover::before {
  height: 480%;
}

.btn_style_green_light {
  position: relative;
  color: #007B7D;
  font-size: 14px;
  border: 0px solid rgba(65, 90, 62, 0.06);
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 3s all ease;
  background: rgba(65, 90, 62, 0.06);
  border-radius: 4px;
}

.btn_style_green_light::before {
  background: #007B7D;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  height: 0%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.btn_style_green_light:hover {
  background: transparent;
  border-color: #007B7D;
  color: #FFFFFF;
  transform: scale(1);
}

.btn_style_green_light:hover::before {
  height: 380%;
}

.btn_style_green_light:hover img {
  filter: brightness(100) grayscale(100);
}

.btn_style_green_light.w-100:hover::before {
  height: 780%;
}

.btn_style_green_open {
  position: relative;
  color: #FFFFFF;
  font-size: 14px;
  border: 2px solid #19875B;
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 3s all ease;
  background: #19875B;
  border-radius: 4px;
}

.btn_style_green_open::before {
  background: #007B7D;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  height: 0%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.btn_style_green_open:hover {
  background: transparent;
  border-color: #007B7D;
  transform: scale(1);
}

.btn_style_green_open:hover::before {
  height: 380%;
}

.btn_style_green_open.w-100:hover::before {
  height: 780%;
}

.btn_style_green_open.w_255px:hover::before {
  height: 480%;
}

.btn_style_light {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  line-height: 44px;
  gap: 4px;
  min-width: 148px;
  color: #FFFFFF;
  font-size: 14px;
  border: 0px solid #1DB261;
  padding: 0px 16px;
  overflow: hidden;
  transition: 3s all ease;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}

.btn_style_light::before {
  background: #007B7D;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  height: 0%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.btn_style_light:hover {
  background: transparent;
  border-color: #007B7D;
  transform: scale(1);
}

.btn_style_light:hover::before {
  height: 380%;
}

.btn_style_light.w-100:hover::before {
  height: 780%;
}

.btn_style_light.w_255px:hover::before {
  height: 480%;
}

.btn_style_gray_light {
  position: relative;
  color: #6D6D6D;
  font-size: 14px;
  border: 0px solid rgba(250, 250, 250, 0.06);
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 3s all ease;
  background: #fafafa;
  border-radius: 4px;
}

.btn_style_gray_light::before {
  background: #6D6D6D;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  height: 0%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.btn_style_gray_light:hover {
  background: transparent;
  border-color: #6D6D6D;
  color: #FFFFFF;
  transform: scale(1);
}

.btn_style_gray_light:hover img {
  filter: grayscale(100) brightness(100);
}

.btn_style_gray_light:hover::before {
  height: 380%;
}

.btn_style_gray_light.w-100:hover::before {
  height: 780%;
}

.btn_style_gray_light.w_255px:hover::before {
  height: 480%;
}

.btn_style_danger {
  position: relative;
  color: #FFFFFF;
  font-size: 14px;
  border: 2px solid #D32A28;
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 3s all ease;
  background: #D32A28;
  border-radius: 4px;
}

.btn_style_danger::before {
  background: #D32A28;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  min-width: 100px;
  height: 0%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.btn_style_danger:hover {
  background: transparent;
  border-color: #D32A28;
  transform: scale(1);
}

.btn_style_danger:hover::before {
  height: 380%;
}

.btn_style_danger.w-100:hover::before {
  height: 780%;
}

.btn_style_danger.w_255px:hover::before {
  height: 480%;
}

.btn_style_danger_light {
  position: relative;
  color: #D32A28;
  font-size: 14px;
  border: 0px solid rgba(171, 78, 69, 0.06);
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 3s all ease;
  background: rgba(171, 78, 69, 0.06);
  border-radius: 4px;
}

.btn_style_danger_light img {
  transition: all 0.3s ease;
}

.btn_style_danger_light::before {
  background: #D32A28;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  height: 0%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.btn_style_danger_light:hover {
  background: transparent;
  border-color: #D32A28;
  color: #FFFFFF;
  transform: scale(1);
}

.btn_style_danger_light:hover::before {
  height: 380%;
}

.btn_style_danger_light:hover img {
  filter: brightness(100) grayscale(100);
}



.TypeItems {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.TypeItems .gray_light {
  position: relative;
  color: #6D6D6D;
  font-size: 14px;
  border: 0px solid rgba(250, 250, 250, 0.06);
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 0.3s all ease;
  background: #fafafa;
  border-radius: 4px;
  width: -moz-max-content;
  width: max-content;
  display: inline-flex;
  font-weight: 400;
}

.TypeItems .yellow_light {
  position: relative;
  color: #1DB261;
  font-size: 14px;
  border: 0px solid #FFFFFF14;
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 0.3s all ease;
  background: #fafafa;
  border-radius: 4px;
  width: -moz-max-content;
  width: max-content;
  display: inline-flex;
  font-weight: 400;
}


* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
  font-size: 100%;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: #007B7D;
}

a:hover,
a:focus,
a:visited {
  text-decoration: none;
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  font-weight: normal;
  margin: 0px;
  background: none;
  line-height: 1.2em;
  font-family: "din_B";
}

textarea {
  overflow: hidden;
  resize: none;
}

button {
  outline: none !important;
  cursor: pointer;
}

.theme-btn {
  font-family: "din_R";
}

p,
.text {
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
  color: #6D6D6D;
  font-family: "din_R";
  margin: 0;
}

::-webkit-input-placeholder {
  color: inherit;
}

::-moz-input-placeholder {
  color: inherit;
}

::-ms-input-placeholder {
  color: inherit;
}

::-moz-selection {
  background: #007B7D;
  color: #ffffff;
}

::selection {
  background: #007B7D;
  color: #ffffff;
}

::-moz-selection {
  background: #007B7D;
  color: #ffffff;
}

::-webkit-selection {
  background: #007B7D;
  color: #ffffff;
}

.auto-container {
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
}

.small-container {
  position: static;
  max-width: 1000px;
  padding: 0px 15px;
  margin: 0 auto;
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
  z-index: 99;
}

main {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #fff;
  transition: all 300ms ease;
}

main .content-inner {
  position: relative;
}

.sidenav-bar .mCSB_inside>.mCSB_container {
  margin-right: 0;
}

.sidenav-bar .mCSB_scrollTools {
  opacity: 0 !important;
}

ul,
li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.theme-btn {
  display: inline-block;
  text-align: center;
  transition: all 0.3s ease;
}

.centered {
  text-align: center !important;
}

/*=== List Style One ===*/
.list-style-one {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.list-style-one li {
  position: relative;
  font-size: 14px;
  line-height: 24px;
  color: #f1f1f1;
  font-weight: 400;
  padding-left: 35px;
  margin-bottom: 15px;
}

.list-style-one li:before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  line-height: 25px;
  color: #007B7D;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
}

/*=== List Style Two ===*/
.list-style-two {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.list-style-two li {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  font-weight: 500;
  padding-left: 35px;
  margin-bottom: 15px;
}

.list-style-two li:before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  line-height: 20px;
  color: #007B7D;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f061";
}

.theme_color {
  color: #007B7D;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: #FFFFFF;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/Coursale/Logo_icon.svg);
  background-size: 100px;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.tabs-box {
  position: relative;
}

.tabs-box .tab {
  display: none;
}

.tabs-box .active-tab {
  display: block;
}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/
.scroll-to-top {
  position: fixed;
  left: 40px;
  bottom: 15px;
  height: 44px;
  width: 44px;
  font-size: 14px;
  line-height: 45px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  z-index: 100;
  background: #007B7D;
  display: none;
  border-radius: 4px;
  margin: 0 auto;
  transition: all 300ms ease;
}

.scroll-to-top:hover {
  background: #ffffff;
  color: #222222;
}

.page-title {
  position: relative;
  text-align: center;
  padding: 200px 0px 150px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page-title:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.6);
}

.page-title .auto-container {
  position: relative;
}

.page-title h2 {
  position: relative;
  color: #ffffff;
  font-size: 74px;
  line-height: 1.2em;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: capitalize;
}

.page-breadcrumb {
  position: relative;
  margin-top: 5px;
}

.page-breadcrumb li {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  padding-right: 15px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
}

.page-breadcrumb li:after {
  position: absolute;
  content: ">";
  right: -2px;
  top: 1px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}

.page-breadcrumb li:last-child::after {
  display: none;
}

.page-breadcrumb li:last-child {
  padding-right: 0px;
  margin-right: 0px;
}

.page-breadcrumb li a {
  color: #ffffff;
  font-weight: 500;
  text-transform: capitalize;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.page-breadcrumb li a:hover {
  color: #007B7D;
}

.play-now {
  position: relative;
  display: block;
  z-index: 9;
  transition: all 300ms ease;
}

.play-now .icon {
  position: relative;
  display: inline-block;
  height: 80px;
  width: 80px;
  text-align: center;
  line-height: 80px;
  background-color: #000000;
  color: #ffffff;
  z-index: 1;
  padding-left: 5px;
  font-size: 24px;
  display: block;
  border-radius: 50%;
  -ms-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  -o-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  transform-origin: center;
}

.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 70px;
  width: 70px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  animation: ripple 3s infinite;
}

.play-now .ripple:before {
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}

.play-now .ripple:after {
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}

@keyframes ripple {
  70% {
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

/*** 

====================================================================
		Styled Pagination
====================================================================

***/
.form-group {
  margin-bottom: 20px;
}

.form-group label {
  font-size: 14px;
  margin: 10px;
  margin-bottom: 12px;
  margin-top: 0;
  font-weight: 400;
  font-family: "din_R";
  color: #0F0F0F;
}

.form-group label .req {
  color: #D32A28;
}

.form-group label span {
  color: #898989;
  font-family: "din_R";
}

.form-group .inputGroup {
  position: relative;
}

.inputIcreaseDecrse .number-spinner {
  position: relative;
}

.inputIcreaseDecrse .number-spinner .input-group-btn_Dwn {
  position: absolute;
  display: flex;
  align-items: center;
  height: 56px;
  left: 30%;
  top: 0;
}

.inputIcreaseDecrse .number-spinner .input-group-btn_Dwn button {
  display: flex;
  height: 22px;
  padding: 0;
  width: 22px;
  border: 2px solid #007B7D;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: #007B7D;
}

.inputIcreaseDecrse .number-spinner .input-group-btn_Up {
  position: absolute;
  display: flex;
  align-items: center;
  height: 56px;
  right: 30%;
  top: 0;
}

.inputIcreaseDecrse .number-spinner .input-group-btn_Up button {
  display: flex;
  height: 22px;
  padding: 0;
  width: 22px;
  border: 2px solid #007B7D;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: #007B7D;
}

.form-group .inputGroup .form-control {
  display: block;
  width: 100%;
  height: 44px;
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  padding: 0 48px;
  padding-inline-end: 10px;
  outline: none;
  box-shadow: none;
  color: #0F0F0F;
  font-size: 14px;
  font-family: "din_R";
  font-weight: 400;
  background: transparent;
  text-align: start;
  direction: rtl;
}

.form-group .inputGroup .form-control:-moz-read-only {
  background: #fafafa;
}

.form-group .inputGroup .form-control:read-only {
  background: #fafafa;
}

.form-group .inputGroup .form-control ::-moz-placeholder {
  color: #6D6D6D;
}

.form-group .inputGroup .form-control ::placeholder {
  color: #6D6D6D;
}

.form-group .inputGroup input[type=password] {
  padding-inline-end: 48px;
}

.form-group .inputGroup textarea.form-control {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #0F0F0F;
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  height: 120px;
  font-size: 14px;
  height: auto !important;
  max-height: -moz-max-content;
  max-height: max-content;
  font-size: 14px;
  min-height: 100px;
  overflow: auto;
  resize: vertical;
}

.form-group .inputGroup textarea.form-control::-moz-placeholder {
  color: #6D6D6D;
}

.form-group .inputGroup textarea.form-control::placeholder {
  color: #6D6D6D;
}

.form-group .inputGroup .iti .form-control {
  text-align: right;
}

.form-group .inputGroup .IconSHape {
  position: absolute;
  top: 0;
  height: 44px;
  display: flex;
  align-items: center;
  width: 44px;
  justify-content: center;
  z-index: 99999;
}

.form-group .inputGroup .IconSHape img {
  display: block;
  height: 22px;
}

.form-group .inputGroup .IconSHape_2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 44px;
  display: flex;
  align-items: center;
  width: 44px;
  justify-content: center;
  cursor: pointer;
  z-index: 99999;
  color: #007B7D;
}

.form-group .inputGroup .IconSHape_2 img {
  display: block;
  width: 20px;
  height: 20px;
}

.form-group .inputGroup .IconSHape_2_d {
  position: absolute;
  top: 0;
  left: 0;
  height: 44px;
  display: flex;
  align-items: center;
  width: 44px;
  justify-content: center;
  cursor: pointer;
  z-index: 99999;
}

.form-group .inputGroup .IconSHape_2_d img {
  display: block;
  width: 11px;
  height: auto;
}

.form-group .inputGroup .IconSHape_2_text {
  position: absolute;
  top: 0;
  left: 0;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 9999;
  color: #007B7D;
  width: -moz-max-content;
  width: max-content;
  direction: ltr;
  padding: 0 10px;
}

.form-group .inputGroup .IconSHape_Span {
  position: absolute;
  top: 0;
  left: 15px;
  height: 44px;
  display: flex;
  align-items: center;
  line-height: 44px;
  justify-content: center;
  cursor: pointer;
  z-index: 9999;
  direction: ltr;
}

hr {
  margin-top: 24px;
  margin-bottom: 24px;
  border-top: 1px solid #EAEAEA;
  opacity: 1;
}

/*******************/
/*****************/
input[switch] {
  display: none;
}

input[switch]+label {
  font-size: 1em;
  line-height: 1;
  width: 42px;
  height: 24px;
  background-color: #ced4da;
  background-image: none;
  border-radius: 2rem;
  padding: 0.16667rem;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  position: relative;
  font-weight: 500;
  transition: all 0.1s ease-in-out;
}

input[switch]+label:before {
  color: #343a40;
  content: attr(data-off-label);
  display: block;
  font-family: inherit;
  font-weight: 500;
  font-size: 12px;
  line-height: 21px;
  position: absolute;
  right: 1px;
  margin: 3px;
  top: -2px;
  text-align: center;
  min-width: 1.66667rem;
  overflow: hidden;
  transition: all 0.1s ease-in-out;
}

input[switch]+label:after {
  content: "";
  position: absolute;
  left: 19px;
  background-color: #eff2f7;
  box-shadow: none;
  border-radius: 2rem;
  height: 20px;
  width: 20px;
  top: 2px;
  transition: all 0.1s ease-in-out;
}

input[switch]:checked+label {
  background-color: #002DE7;
}

input[switch]:checked+label {
  background-color: #002DE7;
}

input[switch]:checked+label:before {
  color: #fff;
  content: attr(data-on-label);
  right: auto;
  left: 3px;
}

input[switch]:checked+label:after {
  left: 2px;
  background-color: #fff;
}

input[switch=bool]+label {
  background-color: #f46a6a;
}

input[switch=bool]+label:before,
input[switch=bool]:checked+label:before,
input[switch=default]:checked+label:before {
  color: #fff;
}

input[switch=bool]:checked+label {
  background-color: #34c38f;
}

input[switch=default]:checked+label {
  background-color: #a2a2a2;
}

input[switch=primary]:checked+label {
  background-color: #556ee6;
}

input[switch=success]:checked+label {
  background-color: #0d7d50 !important;
}

input[switch=info]:checked+label {
  background-color: #50a5f1;
}

input[switch=warning]:checked+label {
  background-color: #f1b44c;
}

input[switch=danger]:checked+label {
  background-color: #f46a6a;
}

input[switch=dark]:checked+label {
  background-color: #343a40;
}

input[switch=dark]:checked+label:before {
  color: #eff2f7;
}

input[switch]+label {
  height: 32px;
  width: 60px;
  background-color: #F0F0F0;
}

input[switch]+label:after {
  height: 24px;
  width: 24px;
  top: 4px;
  left: 23px;
}

input[switch]:checked+label:after {
  left: 3px;
  background-color: #fff;
}

input[switch]+label:after {
  background-color: #898989;
}

.withswitchbtnn {
  display: inline-block;
  height: 32px;
}

.withswitchbtnn label {
  height: 32px;
  width: 51px;
}

.withswitchbtnn input[switch]+label {
  background: #f1f1f1;
}

.withswitchbtnn input[switch]:checked+label {
  background: #1DB261;
}

.withswitchbtnn input[switch]+label:after {
  content: "";
  position: absolute;
  left: 23px;
  background-color: #6D6D6D;
  box-shadow: none;
  border-radius: 2rem;
  height: 24px;
  width: 24px;
  top: 4px;
  transition: all 0.1s ease-in-out;
}

.withswitchbtnn input[switch]:checked+label:after {
  left: 4px;
  background-color: #fff;
}

.bg {
  display: -webkit-box;
  direction: rtl;
}

.span_pseudo,
.chiller_cb span:before,
.chiller_cb span:after {
  content: "";
  display: inline-block;
  background: #fff;
  width: 0;
  height: 0.2rem;
  position: absolute;
  transform-origin: 0% 0%;
}

.chiller_cb {
  position: relative;
  height: auto;
  margin: 0 0px;
  margin-left: 0px;
}

.chiller_cb input {
  display: none;
}

.chiller_cb input:checked~span {
  background: #007B7D !important;
  border-color: #007B7D !important;
  border-radius: 4px;
}

.chiller_cb input:checked~span:before {
  width: 13px;
  height: 2px;
  transition: width 0.1s;
  transition-delay: 0.3s;
}

.chiller_cb input:checked~span:after {
  width: 7px;
  height: 2px;
  transition: width 0.1s;
  transition-delay: 0.2s;
}

.chiller_cb input:disabled~span {
  background: #ececec;
  border-color: #dcdcdc;
}

.chiller_cb input:disabled~label {
  color: #dcdcdc;
}

.chiller_cb input:disabled~label:hover {
  cursor: default;
}

.chiller_cb label {
  padding-inline-start: 32px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin-bottom: 0;
  font-size: 14px !important;
  margin-bottom: 0 !important;
  font-family: "din_R";
}

.chiller_cb label a {
  margin: 0 5px;
}

.chiller_cb span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  position: absolute;
  right: 0;
  transition: all 0.2s;
  z-index: 1;
  box-sizing: content-box;
  background: #fff;
  top: 0px;
}

.chiller_cb span:before {
  transform: rotate(-50deg);
  top: 15px;
  left: 8px;
}

.chiller_cb span:after {
  transform: rotate(48deg);
  bottom: 8px;
  left: 5px;
}


.animation_20 {
  animation: rotat360deg 15s linear 0s infinite;
}

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

  50% {
    transform: rotate(180deg);
  }

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

.ModalAuth .modal-dialog {
  min-width: 560px;
}

.ModalAuth .modal-content {
  border-radius: 4px;
  border: 0;
  overflow: hidden;
}

.ModalAuth .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 24px;
  padding-bottom: 0;
  border-bottom: 0;
}

.ModalAuth .modal-header .RihghtSideee h2 {
  color: #0F0F0F;
  font-size: 20px;
  font-weight: 700;
  font-family: "din_B";
}

.ModalAuth .modal-header .RihghtSideee h2 span {
  color: #007B7D;
}

.ModalAuth .modal-header .RihghtSideee p {
  font-size: 14px;
  color: #6D6D6D;
}

.ModalAuth .modal-header .leftSide .CloseBTN {
  height: 44px;
  width: 44px;
  display: block;
}

.ModalAuth .modal-header .leftSide .CloseBTN button {
  background: none;
  padding: 0;
  height: 44px;
  width: 44px;
  display: block;
  margin: 0;
}

.ModalAuth .modal-header .leftSide .CloseBTN button img {
  height: 44px;
  width: 44px;
  display: block;
}

.ModalAuth .modal-body {
  padding: 24px;
}

.ModalAuth .btn-close {
  opacity: 1;
  outline: 0;
  box-shadow: none;
}

.ModalAuth .ModalAuthBoxy .Title_Image {
  text-align: center;
}

.ModalAuth .ModalAuthBoxy .Title_Image img {
  margin-bottom: 0px;
  width: auto;
  height: 44px;
  margin-bottom: 16px;
}

.ModalAuth .ModalAuthBoxy .Title_Image .image {
  border-radius: 50%;
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-bottom: 24px;
}

.ModalAuth .ModalAuthBoxy .Title_Image .image img {
  margin-bottom: 0px;
  width: 72px;
  height: 72px;
}

.ModalAuth .ModalAuthBoxy .Title_Image .groupImage {
  border: 0;
  border-radius: 50%;
  width: 128px;
  height: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  overflow: hidden;
  margin-bottom: 24px;
}

.ModalAuth .ModalAuthBoxy .Title_Image .groupImage img {
  margin-bottom: 0px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  display: block;
  height: 100%;
}

.ModalAuth .ModalAuthBoxy .Title_Image h2 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
  font-family: "din_B";
}

.ModalAuth .ModalAuthBoxy .Title_Image p {
  font-size: 14px;
  color: #6D6D6D;
  margin-bottom: 15px;
  font-family: "din_R";
}

.ModalAuth .ModalAuthBoxy .Title_Image p strong {
  color: #0F0F0F;
}

.ModalAuth .ModalAuthBoxy .Title_Image p span {
  color: #0F0F0F;
  font-weight: 700;
  display: block;
  direction: ltr;
}

.ModalAuth .ModalAuthBoxy .imageProfile {
  display: block;
  width: 125px;
  height: 125px;
  margin: auto;
  position: relative;
  margin-bottom: 40px;
}

.ModalAuth .ModalAuthBoxy .imageProfile .image {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.ModalAuth .ModalAuthBoxy .imageProfile .image img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #EAEAEA;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.ModalAuth .ModalAuthBoxy .imageProfile .ProfileImagelable {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 45px;
  height: 45px;
  background: #000;
  border-radius: 50%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.ModalAuth .ModalAuthBoxy .GroupItems {
  height: 390px;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #EAEAEA;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem:last-child {
  border-bottom: 0 !important;
  margin-bottom: 0;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .Image {
  display: block;
  height: 44px;
  width: 44px;
  overflow: hidden;
  border-radius: 50%;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .Image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData h2 {
  color: #0F0F0F;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 4px;
  line-height: 20px;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData p {
  color: #6D6D6D;
  font-size: 14px;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData .WorkesTeam {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData .WorkesTeam .userCount h2 {
  font-weight: 700;
  font-family: "din_B";
  color: #0F0F0F;
  font-size: 14px;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData .WorkesTeam .userImagess {
  display: flex;
  align-items: center;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData .WorkesTeam .userImagess .ImageIem {
  display: inline-flex;
  margin-inline-end: -10px;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData .WorkesTeam .userImagess img.ImageIem {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border: 1px solid #EAEAEA;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData .WorkesTeam .userImagess span.ImageIem {
  background: #1DB261;
  color: #FFFFFF;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData .LabeSpanl {
  height: 36px;
  border-radius: 4px;
  padding: 0 12px;
  line-height: 36px;
  width: -moz-max-content;
  width: max-content;
  text-align: center;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData .LabeSpanl span {
  font-size: 12px;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .LeftSide .CountItems {
  height: 36px;
  border-radius: 4px;
  padding: 0 12px;
  line-height: 36px;
  width: -moz-max-content;
  width: max-content;
  text-align: center;
  background: rgba(25, 103, 210, 0.0784313725);
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .LeftSide .CountItems span {
  font-size: 12px;
  color: #007B7D;
}

.ModalAuth .ActionModalBody {
  text-align: center;
}

.ModalAuth .ActionModalBody .iconImage {
  display: block;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  margin-bottom: 20px;
}

.ModalAuth .ActionModalBody .iconImage img {
  display: block;
  width: 96px;
}

.ModalAuth .ActionModalBody h2 {
  color: #0F0F0F;
  font-size: 20px;
  font-weight: 700;
  font-family: "din_M";
  margin-bottom: 20px;
}

.ModalAuth .ActionModalBody p {
  font-size: 14px;
  font-weight: 400;
  font-family: "din_R";
  color: #6D6D6D;
}

.ModalAuth .ActionModalBody p strong {
  color: #0F0F0F;
}

.ModalAuth .modal-dialog {
  min-width: 560px;
}

.ModalAuth .modal-content {
  border-radius: 4px;
  border: 0;
  overflow: hidden;
}

.ModalAuth .modal-body {
  padding: 40px;
}

.ModalAuth .btn-close {
  opacity: 1;
  outline: 0;
  box-shadow: none;
  position: absolute;
  z-index: 11;
}

.ModalAuth .ModalAuthBoxy .Title_Image {
  text-align: center;
  margin-bottom: 24px;
}

.ModalAuth .ModalAuthBoxy .Title_Image .image {
  margin-bottom: 24px;
}

.ModalAuth .ModalAuthBoxy .Title_Image h2 {
  font-size: 20px;
  color: #0F0F0F;
  margin-bottom: 12px;
  font-weight: 900;
  font-family: "din_B";
}

.ModalAuth .ModalAuthBoxy .Title_Image p {
  color: #6D6D6D;
  font-size: 14px;
  font-family: "din_R";
}

.ModalAuth .ModalAuthBoxy .Title_Image p span {
  color: #0F0F0F;
}

.ModalAuth .ModalAuthBoxy .LineImage {
  margin: 40px 0;
}

.ModalAuth .ModalAuthBoxy .LineImage img {
  display: block;
  width: 100%;
}

.ModalAuth .ModalFooter {
  margin-top: 32px !important;
  display: flex;
  align-items: center;
  gap: 8px;
}

.ModalAuth .ModalFooter.W_70_auto {
  width: 70%;
  margin: auto;
}

.ModalAuth .ModalFooter button {
  flex-grow: 1;
}

/*****************/
.superAgentRight {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9;
  background: #fff;
  width: 30%;
  left: 0;
  transition: 0.3s;
  transform: translate(-100%);
  overflow: hidden;
  z-index: 99999;
  padding: 0px 0;
  height: 100vh;
  overflow: hidden;
}

.superAgentRight .FarzSideBare .FarzHeader {
  padding: 0 24px;
  padding-bottom: 24px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  justify-content: space-between;
  border-bottom: 1px solid #EAEAEA;
}

.superAgentRight .FarzSideBare .FarzHeader .headerData h2 {
  color: #0F0F0F;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 8px;
  line-height: 24px;
}

.superAgentRight .FarzSideBare .FarzHeader .headerData p {
  color: #6D6D6D;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.superAgentRight .FarzSideBare .FarzHeader .closeIcon {
  cursor: pointer;
}

.superAgentRight .FarzSideBare .FarzHeader .closeIcon img {
  display: block;
}

.superAgentRight .FarzSideBare .FarzBody {
  padding: 24px;
  padding-bottom: 0;
  height: calc(100vh - 200px);
}

.superAgentRight .FarzSideBare .FarzBody .form-group .inputGroup .IconSHape {
  z-index: 99999;
}

.superAgentRight .FarzSideBare .FarzBody .form-group .inputGroup .IconSHape_2_d {
  z-index: 99999;
}

.superAgentRight .FarzSideBare .FarzBody .form-group .inputGroup .select2-container--default .select2-selection--multiple {
  padding: 0 40px;
  min-height: 44px;
}

.superAgentRight .FarzSideBare .FarzBody .form-group .inputGroup .select2-container .select2-search--inline .select2-search__field {
  margin-top: 0px;
  font-size: 13px;
}

.superAgentRight .FarzSideBare .FarzBody .form-group .inputGroup .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  margin-top: 0;
  padding: 0;
}

.superAgentRight .FarzSideBare .FarzFooter {
  border-top: 1px solid #EAEAEA;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 24px;
  position: relative;
  z-index: 99999;
}

.superAgentRight .FarzSideBare .FarzFooter .theme-btn {
  flex-grow: 1;
}

.superAgentRight .FarzSideBare .FarzFooter .theme-btn span span {
  color: #1DB261;
}

.overlay-menu-right {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 8;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  transition: 0.3s;
  display: none;
  z-index: 9999;
}

.overlay-menu-right.active {
  display: block;
}

.overlay-menu-right .close-menu {
  position: absolute;
  left: auto;
  right: 41%;
  color: #fff !important;
  font-size: 30px !important;
  top: 13px;
  cursor: pointer;
}

.super-agent.active {
  transform: translate(0);
}

body.no-scroll {
  overflow: hidden;
}

.FilterSideBare {
  height: 100%;
  padding-bottom: 90px;
  position: relative;
}

.FilterSideBare .FilterHeader {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 24px;
}

.FilterSideBare .FilterHeader .headerData h2 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 8px;
}

.FilterSideBare .FilterHeader .headerData p {
  font-size: 14px;
  font-weight: 400;
  color: #6D6D6D;
}

.FilterSideBare .FilterHeader .closeIcon {
  height: 36px;
  width: 36px;
  background: rgba(65, 90, 62, 0.1);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.FilterSideBare .FilterHeader .closeIcon img {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.FilterSideBare .FilterHeader .closeIcon:hover {
  background: #007B7D;
}

.FilterSideBare .FilterHeader .closeIcon:hover img {
  filter: brightness(100) grayscale(100);
}

.FilterSideBare .FilterSideBody {
  overflow: auto;
  height: calc(100% - 80px);
  padding: 24px;
  padding-top: 8px;
}

.FilterSideBare .FilterSideBody::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: 4px;
  background: #fff;
}

.FilterSideBare .FilterSideBody::-webkit-scrollbar-thumb {
  width: 5px;
  height: 5px;
  border-radius: 4px;
  background: #f9f9f9;
}

.FilterSideBare .FilterFooter {
  padding: 16px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #EAEAEA;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #fff;
  gap: 12px;
  z-index: 99999;
}

.FilterSideBare .FilterFooter button {
  flex-grow: 1;
  width: 50%;
}

.ExporFiles .dropdown .header-item {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(137, 166, 134, 0.06);
  border-radius: 4px;
  height: 44px;
  padding: 0 20px;
  border: 0;
  transition: all 0.2s ease-in-out;
  font-size: 14px;
  font-weight: 300;
  color: #89A686;
  font-family: "din_R";
  gap: 8px;
  transition: all 0.3s ease-in-out;
}

.ExporFiles .dropdown .header-item:hover {
  background: #89A686;
  color: #FFFFFF;
}

.ExporFiles .dropdown .header-item:hover img {
  filter: brightness(100) grayscale(100);
}

.ExporFiles .dropdown .dropdown-menu {
  min-width: 100%;
  margin-top: 8px !important;
}

.ExporFiles .dropdown .dropdown-menu .dropdown-item img {
  width: 18px;
}

.dropdown .dropdown-menu {
  border-radius: 4px;
  border: 0px solid #EAEAEA;
  box-shadow: 0px 0px 20px 0px #19547D0F;
  padding: 0px 16px;
  text-align: start;
  z-index: 99999;
}

.dropdown .dropdown-menu .dropdown-item {
  border-bottom: 1px solid #EAEAEA;
  font-size: 14px;
  font-weight: 400;
  padding: 12px 0;
  background: transparent;
  transition: all 0.2s ease-in-out;
  font-family: "din_R";
}

.dropdown .dropdown-menu .dropdown-item img {
  margin-inline-end: 7px;
}

.dropdown .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0 !important;
}

.dropdown .dropdown-menu .dropdown-item:hover {
  color: #1DB261 !important;
}

/*************/
.select2-container {
  z-index: 99999;
  width: 100% !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #EAEAEA;
  outline: 0;
  direction: rtl;
  padding: 0 40px;
  border-radius: 4px;
}

.superAgentRight .select2-container--default.select2-container--focus .select2-selection--multiple {
  padding: 0 0px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  line-height: 32px;
  height: 35px;
  font-size: 14px;
  margin: 2px;
  margin-top: 0px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  color: #007B7D;
  background: #F8F8F8;
  border-radius: 4px;
  border: 0;
}

.select2-container--default .select2-selection--multiple {
  border: 1px solid #EAEAEA;
  outline: 0;
  direction: rtl;
  padding: 0 40px;
  border-radius: 4px;
}

.superAgentRight .select2-container--default .select2-selection--multiple {
  padding: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: right;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 15px;
  background: rgba(0, 45, 231, 0.0588235294);
  border: 1px solid #f0f3fe;
  color: #007B7D;
  font-size: 14px;
  font-weight: 500;
  direction: ltr;
  height: 42px;
  line-height: 42px;
  margin: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  direction: rtl;
  margin-top: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #007B7D;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-inline-end: 8px;
  margin-inline-start: 0;
  font-size: 18px;
  font-weight: 100;
}

.select2-container .select2-search--inline .select2-search__field {
  font-size: 14px;
}

.select2-container .select2-search--inline {
  float: right;
}

.select2-container--default .select2-results>.select2-results__options {
  max-height: 200px;
  overflow-y: auto;
  text-align: start;
  direction: rtl;
}

.select2-results__option {
  padding: 8px 12px;
  font-size: 14px;
}

.select2-container--default .select2-selection--single {
  background-color: transparent;
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  display: block;
  width: 100%;
  height: 44px;
  padding: 0 32px;
  outline: none;
  box-shadow: none;
  color: #0F0F0F;
  font-family: "din_R";
  font-size: 14px;
  direction: rtl;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #0F0F0F;
  line-height: 44px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered img {
  margin-inline-end: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}

.select2-dropdown {
  border: 1px solid #EAEAEA;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #EAEAEA;
  background: #F8F8F8;
  direction: rtl;
  border-radius: 4px;
}

.select2-dropdown {
  border-radius: 4px;
  overflow: hidden;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #eee;
  color: #212121;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #eee;
  color: #212121;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
  font-family: "din_R";
  border-bottom: 1px solid #EAEAEA;
  padding: 8px 16px;
  font-size: 14px;
}

.select2-results__option[aria-selected] img {
  margin-inline-end: 4px;
}

.select2-results__option[aria-selected]:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #007B7D;
  color: #FFFFFF;
  font-family: "din_R";
  border-color: rgba(65, 90, 62, 0.1);
}

/***********/
.filterBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  position: relative;
  z-index: 1;
}

.filterBar .FiltrGroupItems {
  display: flex;
  align-items: center;
  gap: 8px;
}

.filterBar .FiltrGroupItems .filterItem .Title h2 {
  color: #0F0F0F;
  font-size: 14px;
  margin-bottom: 4px;
}

.filterBar .FiltrGroupItems .filterItem .Title p {
  color: #6D6D6D;
  font-size: 14px;
}

.filterBar .FiltrGroupItems .filterItem .form-group .nav {
  display: flex;
  height: 44px;
  line-height: 44px;
  padding: 0 16px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border: 1px solid #EAEAEA;
  background: #fff;
  border-radius: 4px;
  font-size: 14px;
}

.filterBar .FiltrGroupItems .filterItem .form-group .nav .nav-item {
  border: 0;
}

.filterBar .FiltrGroupItems .filterItem .form-group .nav .nav-item .nav-link {
  border: 0;
  padding: 0;
  display: contents;
}

.filterBar .FiltrGroupItems .filterItem .form-group .nav .nav-item .nav-link img {
  filter: grayscale(1);
}

.filterBar .FiltrGroupItems .filterItem .form-group .nav .nav-item .nav-link.active img {
  filter: none;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup {
  position: relative;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .form-control {
  width: 350px;
  background: #fff;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .header-item {
  display: block;
  position: relative;
  height: 44px;
  line-height: 44px;
  padding: 0 40px;
  border-radius: 4px;
  background: transparent;
  border: 1px solid #EAEAEA;
  min-width: 175px;
  text-align: start;
  color: #0F0F0F;
  font-family: "din_R";
  font-size: 14px;
  background: #fff;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu {
  min-width: 175px;
  border-radius: 4px;
  border: 0px solid #EAEAEA;
  box-shadow: 0px 0px 20px 0px #19547D0F;
  padding: 20px;
  text-align: start;
  z-index: 99999;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item {
  border-bottom: 1px solid #EAEAEA;
  font-size: 14px;
  font-weight: 400;
  padding: 16px 0;
  background: transparent;
  transition: all 0.3s ease-in-out;
  font-family: "din_R";
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item:first-child {
  padding-top: 0;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item:hover {
  color: #007B7D;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item.UserItemDrop {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 8px;
  justify-content: space-between;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item.UserItemDrop .Userata {
  display: flex;
  align-items: center;
  gap: 8px;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item.UserItemDrop .Userata .Image {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item.UserItemDrop .Userata .Image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item.UserItemDrop .Userata .userInfo h2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
  color: #0F0F0F;
  font-family: "din_R";
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item.UserItemDrop .Userata .userInfo p {
  color: #6D6D6D;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item.UserItemDrop .CheckLable .chiller_cb label {
  min-width: 20px;
  display: block;
  height: 20px;
  top: 6px;
  right: 1px;
  margin: 0;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .IconSHape_2_d img {
  width: 11px;
}

.filterBar .FiltrGroupItems .filterItem .form-group .theme-btn {
  height: 44px;
  line-height: 44px;
}

.filterBar .FiltrGroupItems .filterItem .form-group .FilterSideBareBTN {
  display: flex;
  min-width: 175px;
  height: 44px;
  line-height: 44px;
  padding: 0 12px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid #EAEAEA;
  background: #fff;
  border-radius: 4px;
  font-size: 14px;
}

.filterBar .FiltrGroupItems .filterItem .form-group .FilterSideBareBTN img {
  display: inline-block;
}

.filterBar .FiltrGroupItems .filterItem .form-group .FilterSideBareBTN span {
  display: flex;
  height: 28px;
  width: 28px;
  background: rgba(25, 103, 210, 0.0784313725);
  color: #007B7D;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
}

.filterBar .rightSide {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.filterBar .leftSide {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.modal {
  z-index: 999999;
  background: rgba(0, 0, 0, 0.6);
}

.fancybox-container {
  z-index: 99999999999;
}

/****************/
.TagsInput-control {
  padding-inline-start: 32px;
  padding-inline-end: 4px;
  height: auto !important;
}

.TagsInput-control::-moz-placeholder {
  color: #6D6D6D;
  position: relative;
  top: 5px;
}

.TagsInput-control::placeholder {
  color: #6D6D6D;
  position: relative;
  top: 5px;
}

.tagify__tag {
  height: 44px;
  line-height: 44px;
  padding: 0 16px;
  border-radius: 4px;
  background: #fafafa;
}

.tagify__tag>div::before {
  box-shadow: none;
}

.tagify__tag:focus div::before,
.tagify__tag:hover:not([readonly]) div::before {
  box-shadow: none;
  content: none !important;
}

.tagify__tag>div>* {
  color: #007B7D;
  font-weight: 400;
  font-size: 14px;
}

.tagify__tag:hover {
  box-shadow: none !important;
}

.tagify__tag__removeBtn::after {
  content: "×";
  transition: 0.3s, color 0s;
  font-size: 30px;
  color: #007B7D;
  font-weight: 100;
  font-family: "Font Awesome 5 Free";
}

.tagify__tag__removeBtn {
  width: auto;
  height: auto;
}

.tagify__tag>div {
  padding: 0;
}

.tagify__tag__removeBtn:hover {
  background: transparent;
}

.tagify div::before {
  box-shadow: none;
}

/*****************/
.styled-pagination {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 32px;
}

.styled-pagination ul {
  direction: rtl;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.styled-pagination li {
  position: relative;
  display: inline-block;
  margin: 0px;
}

.styled-pagination li a {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 44px;
  width: 44px;
  height: 44px;
  font-weight: 500;
  color: #6D6D6D;
  text-align: center;
  border-radius: 4px;
  border-bottom: 0px;
  transition: all 0.3s ease-in-out;
  border: 1px solid #EAEAEA;
  background: transparent;
}

.styled-pagination li a:hover,
.styled-pagination li.active a {
  color: #FFFFFF !important;
  background: #1DB261 !important;
  border: 1px solid #1DB261 !important;
}

.max-auto {
  max-width: none !important;
}

.filterdroop .header-item {
  display: block;
  position: relative;
  height: 44px;
  line-height: 44px;
  padding: 0 16px 0 24px;
  border-radius: 4px;
  background: transparent;
  border: 1px solid #EAEAEA;
  min-width: 180px;
  text-align: start;
  color: #6D6D6D;
  font-family: "din_R";
  min-width: 100% !important;
  padding: 0 48px !important;
  font-family: "din_R";
  font-size: 14px;
}

.filterdroop .dropdown-menu {
  width: 180px;
  border-radius: 4px;
  border: 1px solid #EAEAEA;
  padding: 8px 16px;
  text-align: start;
  z-index: 9999999;
  width: 100%;
  padding: 8px;
}

.filterdroop .dropdown-menu .dropdown-item {
  border-bottom: 1px solid #EAEAEA;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 0;
  background: transparent;
  transition: all 0.2s ease-in-out;
  font-family: "din_R";
  padding: 12px 0;
  font-family: "din_R";
}

.filterdroop .dropdown-menu .dropdown-item:hover,
.filterdroop .dropdown-menu .dropdown-item:focus {
  background: transparent;
  color: #1DB261 !important;
}

.filterdroop .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0 !important;
}

.DropDowenUsers .dropdown-menu .UserItemDrop {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 8px;
  justify-content: space-between;
}

.DropDowenUsers .dropdown-menu .UserItemDrop .Userata {
  display: flex;
  align-items: center;
  gap: 8px;
}

.DropDowenUsers .dropdown-menu .UserItemDrop .Userata .Image {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
}

.DropDowenUsers .dropdown-menu .UserItemDrop .Userata .Image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.DropDowenUsers .dropdown-menu .UserItemDrop .Userata .userInfo h2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
  color: #0F0F0F;
  font-family: "din_R";
}

.DropDowenUsers .dropdown-menu .UserItemDrop .Userata .userInfo p {
  color: #6D6D6D;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.DropDowenUsers .dropdown-menu .UserItemDrop .Userata .userInfo p img {
  margin-inline-end: 4px;
}

.DropDowenUsers .dropdown-menu .UserItemDrop .Userata .userInfo p strong {
  color: #0F0F0F;
}

.DropDowenUsers .dropdown-menu .UserItemDrop .CheckLable .chiller_cb label {
  min-width: 20px;
  display: block;
  height: 20px;
  top: 6px;
  right: 1px;
  margin: 0;
}

.DropDowenUsers .dropdown-menu .SearchInputItem:first-child {
  border-bottom: 0 !important;
}

.CustomScroolDropMenu {
  max-height: 200px;
  padding: 0 12px;
  overflow-x: hidden;
}

.AllInstructorss {
  max-height: 400px;
  overflow: auto;
  padding-inline-end: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.AllInstructorss::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: 4px;
  background: #fff;
}

.AllInstructorss::-webkit-scrollbar-thumb {
  width: 5px;
  height: 5px;
  border-radius: 4px;
  background: #f9f9f9;
}

.AllInstructorss .InstrucItem {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 8px;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #EAEAEA;
}

.AllInstructorss .InstrucItem:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0 !important;
}

.AllInstructorss .InstrucItem .Userata {
  display: flex;
  align-items: center;
  gap: 8px;
}

.AllInstructorss .InstrucItem .Userata .Image {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
}

.AllInstructorss .InstrucItem .Userata .Image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.AllInstructorss .InstrucItem .Userata .userInfo h2 {
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  margin-bottom: 0;
  color: #0F0F0F;
}

.AllInstructorss .InstrucItem .Userata .userInfo span {
  color: #007B7D;
  font-size: 12px;
  line-height: 16px;
}

.AllInstructorss .InstrucItem .Userata .userInfo p {
  color: #6D6D6D;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  font-family: "din_R";
}

.AllInstructorss .InstrucItem .CheckLable button {
  background: none;
}

.AllInstructorss .InstrucItem .CheckLable .chiller_cb label {
  min-width: 20px;
  display: block;
  height: 20px;
  top: 6px;
  right: 1px;
  margin: 0;
}

.TeamInvetaionItems .Userata {
  display: flex;
  align-items: center;
  gap: 8px;
}

.TeamInvetaionItems .Userata .Image {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
}

.TeamInvetaionItems .Userata .Image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.TeamInvetaionItems .Userata .userInfo h2 {
  margin-bottom: 12px !important;
}

.TeamInvetaionItems .Userata .userInfo strong {
  color: #0F0F0F;
}

.TeamInvetaionItems .Userata .userInfo p {
  display: flex;
  gap: 12px;
  margin-bottom: 8px;
}

.TeamInvetaionItems .userImagess {
  display: flex;
  align-items: center;
}

.TeamInvetaionItems .userImagess .ImageIem {
  display: inline-flex;
  margin-inline-end: -10px;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.TeamInvetaionItems .userImagess img.ImageIem {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border: 1px solid #EAEAEA;
}

.TeamInvetaionItems .userImagess span.ImageIem {
  background: #1DB261;
  color: #FFFFFF !important;
}

.TapsModal .filterdroop .header-item {
  min-width: 100% !important;
  padding: 0 48px !important;
  font-family: "din_R";
}

.TapsModal .filterdroop .dropdown-menu {
  width: 100%;
  padding: 8px;
}

.TapsModal .filterdroop .dropdown-menu .dropdown-item {
  padding: 12px 0;
  font-family: "din_R";
}

.TapsModal .filterdroop .dropdown-menu .dropdown-item .userInfo h2 {
  font-family: "din_R";
}

.TapsModal .nav {
  border-radius: 4px;
  padding: 0px;
  width: 100%;
  margin: auto;
  border: 0;
  margin-bottom: 32px;
  gap: 8px;
}

.TapsModal .nav .nav-item {
  border: 0;
  flex-grow: 1;
}

.TapsModal .nav .nav-item .nav-link {
  height: 44px;
  border-radius: 4px;
  border: 0;
  line-height: 44px;
  padding: 0 24px;
  color: #6D6D6D;
  font-size: 14px;
  text-align: center;
  border: 1px solid #EAEAEA;
}

.TapsModal .nav .nav-item .nav-link img {
  margin: 0 8px;
}

.TapsModal .nav .nav-item .active {
  background: #007B7D !important;
  color: #FFFFFF;
  border: 1px solid #007B7D;
}

.TapsModal .nav .nav-item .active img {
  filter: brightness(100) grayscale(100);
}

/****************/
.datepicker {
  left: auto !important;
  right: auto;
  border-radius: 4px;
  border: 1px solid #EAEAEA;
  padding: 8px 4px;
  box-shadow: none;
  z-index: 999999 !important;
  width: -moz-max-content;
  width: max-content;
  margin-top: 12px;
}

.datepicker:before {
  border-bottom: 7px solid #F0F0F0;
  border-bottom-color: 1px solid #EAEAEA;
}

.datepicker td,
.datepicker th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 0;
  border: none;
  font-size: 12px;
  border: 1px solid #EAEAEA;
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
  background: #1DB261;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled] {
  background: #1DB261 !important;
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
  border-color: rgba(255, 255, 255, 0);
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
  background: #1DB261;
}

.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
  background: #1DB261 !important;
  color: #FFFFFF !important;
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled] {
  background: #1DB261 !important;
  color: #FFFFFF !important;
}

.UploadInput {
  border: 0;
  border-radius: 4px;
  padding: 32px 12px;
  background: #FFFFFF14;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 250px;
  flex-direction: column;
}

.UploadInput .dz-message {
  display: block;
  width: 100%;
  margin: 0;
  cursor: pointer;
  text-align: center;
}

.UploadInput .dz-message img {
  margin-bottom: 16px;
}

.UploadInput .dz-message h4 {
  margin-bottom: 12px;
  font-size: 14px;
}

.UploadInput .dz-message h4 span {
  color: #1DB261;
}

.UploadInput .dz-message p {
  direction: ltr;
  font-size: 14px;
}

.UploadInput .ImagePrivewAndDelete {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-direction: column;
}

.UploadInput .ImagePrivewAndDelete .ImagePrivw {
  height: 80px;
  width: 80px;
  border-radius: 4px;
  overflow: hidden;
  display: block;
}

.UploadInput .ImagePrivewAndDelete .ImagePrivw img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.UploadInput .ImagePrivewAndDelete .ImageData h2 {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  margin: 4px 0;
  text-align: center;
}

.UploadInput .ImagePrivewAndDelete .ImageData span {
  position: relative;
  font-size: 14px;
  line-height: normal;
  padding: 0px 16px;
  height: auto;
  width: auto;
  font-weight: 500;
  overflow: hidden;
  border-radius: 50px;
  text-align: center;
  color: #6D6D6D;
  display: block;
  direction: ltr;
}

.UploadInput .DeleteImage {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  background: transparent;
  border-radius: 0;
  height: auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ImageBoxSuperEdit_style_2 {
  position: relative;
  border: 0;
  padding: 24px;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  min-height: 300px;
  background: #FFFFFF14;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ImageBoxSuperEdit_style_2 img {
  display: block;
  margin: 0;
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 4px;
}

.ImageBoxSuperEdit_style_2 .DeleteImage {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  width: -moz-max-content;
  width: max-content;
  background: transparent;
  position: relative;
  margin: 0;
  margin-top: 12px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 0;
}

.ImageBoxSuperEdit_style_2 .DeleteImage img {
  display: block;
  height: 22px;
  width: 22px;
}

.ImageBoxSuperEdit_style_2 p {
  font-size: 14px;
}

.socialSelect_p_0 .select2-container--default .select2-selection--single {
  padding: 0 !important;
}

.socialSelect_p_0 .select2-container .select2-selection--single .select2-selection__rendered {
  padding-inline-start: 12px;
}

.note-editor .dropdown-toggle::after {
  content: none;
}

.note-editor .note-btn-group {
  direction: ltr;
}

/*Btn Style Two*/
.btn-style-two {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  padding: 15px 40px;
  font-weight: 700;
  border-radius: 4px;
  background: #007B7D;
  overflow: hidden;
  border: 1px solid #EAEAEA;
}

.btn-style-two .btn-title {
  position: relative;
}

.btn-style-two:hover {
  color: #1DB261;
}

.btn-style-two:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #ffffff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
}

.btn-style-two:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style danger*/
.btn-style-danger {
  position: relative;
  font-size: 14px;
  line-height: 44px;
  color: #fff;
  padding: 0px 15px;
  height: 44px;
  width: 145px;
  font-weight: 500;
  background-color: #D32A28;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #D32A28;
}

.btn-style-danger .btn-title {
  position: relative;
}

.btn-style-danger img {
  margin-left: 5px;
  filter: brightness(100) grayscale(100);
}

.btn-style-danger:hover img {
  filter: none;
}

.btn-style-danger:hover {
  color: #EA4335;
  border: 1px solid #EA4335;
}

.btn-style-danger:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #fff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
}

.btn-style-danger:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style blue*/
.btn-style-blue {
  position: relative;
  font-size: 14px;
  line-height: 44px;
  color: #fff;
  padding: 0px 15px;
  height: 44px;
  width: 145px;
  font-weight: 500;
  background: #007B7D;
  overflow: hidden;
  border-radius: 4px;
  border: 0px solid rgba(255, 255, 255, 0.1019607843);
  border: 1px solid #EAEAEA;
}

.btn-style-blue .btn-title {
  position: relative;
}

.btn-style-blue img {
  margin-left: 5px;
  filter: brightness(100) grayscale(100);
}

.btn-style-blue:hover img {
  filter: none;
}

.btn-style-blue:hover {
  color: #007B7D;
}

.btn-style-blue:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #fff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
}

.btn-style-blue:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style blue light*/
.btn-style-blue-light {
  position: relative;
  font-size: 14px;
  line-height: 44px;
  color: #007B7D;
  padding: 0px 15px;
  height: 44px;
  width: 145px;
  font-weight: 500;
  background-color: #fff;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #EAEAEA;
}

.btn-style-blue-light .btn-title {
  position: relative;
}

.btn-style-blue-light img {
  margin-inline-end: 8px;
}

.btn-style-blue-light:hover img {
  filter: brightness(100) grayscale(100);
}

.btn-style-blue-light:hover {
  color: #FFFFFF !important;
  border: 1px solid #EAEAEA;
}

.btn-style-blue-light:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: #007B7D;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
}

.btn-style-blue-light:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style orange*/
.btn-style-orange {
  position: relative;
  font-size: 14px;
  line-height: 44px;
  color: #fff;
  padding: 0px 15px;
  line-height: 54px;
  width: 145px;
  font-weight: 500;
  background-color: #007B7D;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #007B7D;
}

.btn-style-orange .btn-title {
  position: relative;
}

.btn-style-orange img {
  margin-left: 5px;
  filter: brightness(100) grayscale(100);
}

.btn-style-orange:hover img {
  filter: none;
}

.btn-style-orange:hover {
  color: #007B7D;
  border: 1px solid #007B7D;
}

.btn-style-orange:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #fff;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
}

.btn-style-orange:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/*Btn Style orange light*/
.btn-style-orange-light {
  position: relative;
  font-size: 14px;
  line-height: 44px;
  color: #007B7D;
  padding: 0px 15px;
  line-height: 56px;
  width: 145px;
  font-weight: 700;
  background-color: #fff;
  border: 1px solid #007B7D;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #007B7D;
}

.btn-style-orange-light .btn-title {
  position: relative;
}

.btn-style-orange-light img {
  margin-left: 5px;
}

.btn-style-orange-light:hover img {
  filter: brightness(100) grayscale(100);
}

.btn-style-orange-light:hover {
  color: #fff;
  border: 1px solid #007B7D;
}

.btn-style-orange-light:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #007B7D;
  transform: scale(0, 1);
  transform-origin: top right;
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  /* easeInOutQuint */
}

.btn-style-orange-light:hover:before {
  transform: scale(1, 1);
  transform-origin: bottom left;
}

/**********/
.btn_style_yellow {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  line-height: 44px;
  gap: 4px;
  min-width: 148px;
  color: #FFFFFF;
  font-size: 14px;
  border: 2px solid #1DB261;
  padding: 0px 16px;
  overflow: hidden;
  transition: 3s all ease;
  background: #1DB261;
  border-radius: 4px;
  transition: 0.3s;
}

.btn_style_yellow::before {
  background: #007B7D;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  height: 0%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.btn_style_yellow:hover {
  background: transparent;
  border-color: #007B7D;
  transition: 0.3s;
  transform: scale(1);
}

.btn_style_yellow:hover::before {
  height: 380%;
}

.btn_style_yellow.w-100:hover::before {
  height: 780%;
}

.btn_style_yellow.w_255px:hover::before {
  height: 480%;
}

.btn_style_yellow_light {
  position: relative;
  color: #1DB261;
  font-size: 14px;
  border: 0px solid #FFFFFF14;
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 3s all ease;
  background: #FFFFFF14;
  border-radius: 4px;
}

.btn_style_yellow_light::before {
  background: #1DB261;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  height: 0%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.btn_style_yellow_light:hover {
  background: transparent;
  border-color: #1DB261;
  color: #FFFFFF;
  transform: scale(1);
}

.btn_style_yellow_light:hover img {
  filter: grayscale(100) brightness(100);
}

.btn_style_yellow_light:hover::before {
  height: 380%;
}

/**********/
.btn_style_green {
  position: relative;
  color: #FFFFFF;
  font-size: 14px;
  border: 2px solid #007B7D;
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 3s all ease;
  background: #007B7D;
  border-radius: 4px;
}

.btn_style_green::before {
  background: #1DB261;
  content: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  height: 0%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.btn_style_green:hover {
  background: #1DB261;
  border-color: #1DB261;
  transform: scale(1);
}

.btn_style_green:hover::before {
  height: 380%;
}

.btn_style_green.w-100:hover::before {
  height: 780%;
}

.btn_style_green.w_255px:hover::before {
  height: 480%;
}




.btn_style_green_hover_light {
  position: relative;
  color: #FFFFFF;
  font-size: 14px;
  border: 2px solid #007B7D;
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 3s all ease;
  background: #007B7D;
  border-radius: 4px;
}

.btn_style_green_hover_light img {
  filter: grayscale(100) brightness(100);
}

.btn_style_green_hover_light::before {
  background: #f4f5f4;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  height: 0%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.btn_style_green_hover_light:hover {
  background: transparent;
  border-color: #f4f5f4;
  transform: scale(1);
  color: #007B7D;
}

.btn_style_green_hover_light:hover img {
  filter: none;
}

.btn_style_green_hover_light:hover::before {
  height: 380%;
}

.btn_style_green_hover_light.w-100:hover::before {
  height: 780%;
}

.btn_style_green_hover_light.w_255px:hover::before {
  height: 480%;
}











.btn_style_green_light {
  position: relative;
  color: #007B7D;
  font-size: 14px;
  border: 0px solid rgba(65, 90, 62, 0.06);
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 3s all ease;
  background: rgba(65, 90, 62, 0.06);
  border-radius: 4px;
}

.btn_style_green_light::before {
  background: #007B7D;
  content: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  height: 0%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.btn_style_green_light:hover {
  background: #007B7D;
  border-color: #007B7D;
  color: #FFFFFF;
  transform: scale(1);
}

.btn_style_green_light:hover::before {
  height: 380%;
}

.btn_style_green_light:hover img {
  filter: grayscale(100) brightness(100);
}

.btn_style_green_light.w-100:hover::before {
  height: 780%;
}

.btn_style_green_open {
  position: relative;
  color: #FFFFFF;
  font-size: 14px;
  border: 2px solid #1DB261;
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 3s all ease;
  background: #1DB261;
  border-radius: 4px;
}

.btn_style_green_open::before {
  background: #007B7D;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  height: 0%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.btn_style_green_open:hover {
  background: transparent;
  border-color: #007B7D;
  transform: scale(1);
}

.btn_style_green_open:hover::before {
  height: 380%;
}

.btn_style_green_open.w-100:hover::before {
  height: 780%;
}

.btn_style_green_open.w_255px:hover::before {
  height: 480%;
}


.btn_style_green_open_light {
  position: relative;
  color: #1DB261;
  font-size: 14px;
  border: 0px solid rgba(65, 90, 62, 0.06);
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 3s all ease;
  background: rgba(65, 90, 62, 0.06);
  border-radius: 4px;
}

.btn_style_green_open_light::before {
  background: #1DB261;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  height: 0%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.btn_style_green_open_light:hover {
  background: transparent;
  border-color: #1DB261;
  color: #FFFFFF;
  transform: scale(1);
}

.btn_style_green_open_light:hover::before {
  height: 380%;
}

.btn_style_green_open_light:hover img {
  filter: brightness(100) grayscale(100);
}

.btn_style_green_open_light.w-100:hover::before {
  height: 780%;
}


.btn_style_light {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  line-height: 44px;
  gap: 4px;
  min-width: 148px;
  color: #FFFFFF;
  font-size: 14px;
  border: 0px solid #1DB261;
  padding: 0px 16px;
  overflow: hidden;
  transition: 3s all ease;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}

.btn_style_light::before {
  background: #007B7D;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  height: 0%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.btn_style_light:hover {
  background: transparent;
  border-color: #007B7D;
  transform: scale(1);
}

.btn_style_light:hover::before {
  height: 380%;
}

.btn_style_light.w-100:hover::before {
  height: 780%;
}

.btn_style_light.w_255px:hover::before {
  height: 480%;
}

.btn_style_gray_light {
  position: relative;
  color: #6D6D6D;
  font-size: 14px;
  border: 0px solid rgba(250, 250, 250, 0.06);
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 3s all ease;
  background: #fafafa;
  border-radius: 4px;
}

.btn_style_gray_light::before {
  background: #6D6D6D;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  height: 0%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.btn_style_gray_light:hover {
  background: transparent;
  border-color: #6D6D6D;
  color: #FFFFFF;
  transform: scale(1);
}

.btn_style_gray_light:hover img {
  filter: grayscale(100) brightness(100);
}

.btn_style_gray_light:hover::before {
  height: 380%;
}

.btn_style_gray_light.w-100:hover::before {
  height: 780%;
}

.btn_style_gray_light.w_255px:hover::before {
  height: 480%;
}

.btn_style_danger {
  position: relative;
  color: #FFFFFF;
  font-size: 14px;
  border: 2px solid #D32A28;
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 3s all ease;
  background: #D32A28;
  border-radius: 4px;
}

.btn_style_danger::before {
  background: #D32A28;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  min-width: 100px;
  height: 0%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.btn_style_danger:hover {
  background: transparent;
  border-color: #D32A28;
  transform: scale(1);
}

.btn_style_danger:hover::before {
  height: 380%;
}

.btn_style_danger.w-100:hover::before {
  height: 780%;
}

.btn_style_danger.w_255px:hover::before {
  height: 480%;
}

.btn_style_danger_light {
  position: relative;
  color: #D32A28;
  font-size: 14px;
  border: 0px solid rgba(171, 78, 69, 0.06);
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 3s all ease;
  background: rgba(171, 78, 69, 0.06);
  border-radius: 4px;
}

.btn_style_danger_light img {
  transition: all 0.3s ease;
}

.btn_style_danger_light::before {
  background: #D32A28;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  height: 0%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.btn_style_danger_light:hover {
  background: transparent;
  border-color: #D32A28;
  color: #FFFFFF;
  transform: scale(1);
}

.btn_style_danger_light:hover::before {
  height: 380%;
}

.btn_style_danger_light:hover img {
  filter: brightness(100) grayscale(100);
}

.btn_style_white {
  position: relative;
  color: #007B7D;
  font-size: 14px;
  border: 2px solid #fff;
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  overflow: hidden;
  transition: 3s all ease;
  background: #fff;
  border-radius: 4px;
}

.btn_style_white::before {
  background: #007B7D;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 150%;
  height: 0%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.btn_style_white:hover {
  background: transparent;
  border-color: #007B7D !important;
  transform: scale(1);
  color: #FFFFFF;
}

.btn_style_white:hover::before {
  height: 680%;
}

.btn_style_white:hover img {
  filter: grayscale(100) brightness(100);
}





/********************/
/* .button--calypso {
	overflow: hidden;
	font-family: freight-display-pro, serif;
	font-size: 1.15rem;
	border-radius: 0.85rem;
	color: #fff;
}

.button--calypso span {
	display: block;
	position: relative;
	mix-blend-mode: difference;
	z-index: 10;
}

.button--calypso:hover span {
	animation: MoveScaleUpInitial 0.3s forwards, MoveScaleUpEnd 0.3s forwards 0.3s;
}

@keyframes MoveScaleUpInitial {
	to {
		transform: translate3d(0,-105%,0) scale3d(1,2,1);
		opacity: 0;
	}
}

@keyframes MoveScaleUpEnd {
	from {
		transform: translate3d(0,100%,0) scale3d(1,2,1);
		opacity: 0;
	}
	to {
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

.button--calypso::before {
	content: '';
	background: #000;
	width: 120%;
	height: 0;
	padding-bottom: 120%;
	top: -110%;
	left: -10%;
	border-radius: 50%;
	transform: translate3d(0,68%,0) scale3d(0,0,0);
}

.button--calypso:hover::before {
	transform: translate3d(0,0,0) scale3d(1,1,1);
	transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}

.button--calypso::after {
	content: '';
	background: #000;
	transform: translate3d(0,-100%,0);
	transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}

.button--calypso:hover::after {
	transform: translate3d(0,0,0);
	transition-duration: 0.05s;
	transition-delay: 0.4s;
	transition-timing-function: linear;
} */

.btn_style_green {
	overflow: hidden;
	font-size: 14px;
	border-radius: 4px;
	color: #fff;
  border: 0;
}

.btn_style_green span {
	display: block;
	position: relative;
	z-index: 10;
}

.btn_style_green:hover span {
	animation: MoveScaleUpInitial 0.3s forwards, MoveScaleUpEnd 0.3s forwards 0.3s;
}
.btn_style_green::before {
	content: '';
	background: #1DB261;
	width: 120%;
	height: 0;
	padding-bottom: 120%;
	top: -110%;
	left: -10%;
	border-radius: 50%;
	transform: translate3d(0,68%,0) scale3d(0,0,0);
}

.btn_style_green:hover::before {
	transform: translate3d(0,0,0) scale3d(1.2,1.2,1.2);
	transition: transform 0.6s cubic-bezier(0.1, 0, 0.3, 1);
}

.btn_style_green::after {
	content: '';
	background: #1DB261;
	transform: translate3d(0,-100%,0);
	transition: transform 0.6s cubic-bezier(0.1, 0, 0.3, 1);
}

.btn_style_green:hover::after {
	transform: translate3d(0,0,0);
	transition-duration: 0.05s;
	transition-delay: 0.4s;
	transition-timing-function: linear;
}
/***/

.btn_style_green_light {
	overflow: hidden;
  border: 0;
  background: rgba(65, 90, 62, 0.06);
}

.btn_style_green_light span {
	display: block;
	position: relative;
	z-index: 10;
}

.btn_style_green_light:hover span {
	animation: MoveScaleUpInitial 0.3s forwards, MoveScaleUpEnd 0.3s forwards 0.3s;
}

.btn_style_green_light::before {
	content: '';
	background: #007B7D;
	width: 120%;
	height: 0;
	padding-bottom: 120%;
	top: -110%;
	left: -10%;
	border-radius: 50%;
	transform: translate3d(0,68%,0) scale3d(0,0,0);
}

.btn_style_green_light:hover::before {
	transform: translate3d(0,0,0) scale3d(1.2,1.2,1.2);
	transition: transform 0.6s cubic-bezier(0.1, 0, 0.3, 1);
}

.btn_style_green_light::after {
	content: '';
	background: #007B7D;
	transform: translate3d(0,-100%,0);
	transition: transform 0.6s cubic-bezier(0.1, 0, 0.3, 1);
}

.btn_style_green_light:hover::after {
	transform: translate3d(0,0,0);
	transition-duration: 0.05s;
	transition-delay: 0.4s;
	transition-timing-function: linear;
}
/*****/


.btn_style_green_hover_light {
	overflow: hidden;
  border: 0;
  background: #007B7D;
}
.btn_style_green_hover_light span {
	display: block;
	position: relative;
	z-index: 10;
}
.btn_style_green_hover_light:hover span {
	animation: MoveScaleUpInitial 0.3s forwards, MoveScaleUpEnd 0.3s forwards 0.3s;
}
.btn_style_green_hover_light::before {
	content: '';
	background: #f4f5f4;
	width: 120%;
	height: 0;
	padding-bottom: 120%;
	top: -110%;
	left: -10%;
	border-radius: 50%;
	transform: translate3d(0,68%,0) scale3d(0,0,0);
}
.btn_style_green_hover_light:hover::before {
	transform: translate3d(0,0,0) scale3d(1,1,1);
	transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.btn_style_green_hover_light::after {
	content: '';
	background: #f4f5f4;
	transform: translate3d(0,-100%,0);
	transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.btn_style_green_hover_light:hover::after {
	transform: translate3d(0,0,0);
	transition-duration: 0.05s;
	transition-delay: 0.4s;
	transition-timing-function: linear;
}

/***/
.btn_style_green_open {
	overflow: hidden;
  border: 0;
  background: #1DB261;
}
.btn_style_green_open span {
	display: block;
	position: relative;
	z-index: 10;
}
.btn_style_green_open:hover span {
	animation: MoveScaleUpInitial 0.3s forwards, MoveScaleUpEnd 0.3s forwards 0.3s;
}
.btn_style_green_open::before {
	content: '';
	background: #007B7D;
	width: 120%;
	height: 0;
	padding-bottom: 120%;
	top: -110%;
	left: -10%;
	border-radius: 50%;
	transform: translate3d(0,68%,0) scale3d(0,0,0);
}
.btn_style_green_open:hover::before {
	transform: translate3d(0,0,0) scale3d(1.2,1.2,1.2);
	transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.btn_style_green_open::after {
	content: '';
	background: #007B7D;
	transform: translate3d(0,-100%,0);
	transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.btn_style_green_open:hover::after {
	transform: translate3d(0,0,0);
	transition-duration: 0.05s;
	transition-delay: 0.4s;
	transition-timing-function: linear;
}

/****/
.btn_style_green_open_light {
	overflow: hidden;
  border: 0;
  background: rgba(65, 90, 62, 0.06);
}
.btn_style_green_open_light span {
	display: block;
	position: relative;
	z-index: 10;
}
.btn_style_green_open_light:hover span {
	animation: MoveScaleUpInitial 0.3s forwards, MoveScaleUpEnd 0.3s forwards 0.3s;
}
.btn_style_green_open_light::before {
	content: '';
	background: #1DB261;
	width: 120%;
	height: 0;
	padding-bottom: 120%;
	top: -110%;
	left: -10%;
	border-radius: 50%;
	transform: translate3d(0,68%,0) scale3d(0,0,0);
}
.btn_style_green_open_light:hover::before {
	transform: translate3d(0,0,0) scale3d(1.2,1.2,1.2);
	transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.btn_style_green_open_light::after {
	content: '';
	background: #1DB261;
	transform: translate3d(0,-100%,0);
	transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.btn_style_green_open_light:hover::after {
	transform: translate3d(0,0,0);
	transition-duration: 0.05s;
	transition-delay: 0.4s;
	transition-timing-function: linear;
}
/*********************/
@keyframes MoveScaleUpInitial {
	to {
		transform: translate3d(0,-105%,0) scale3d(1,2,1);
		opacity: 0;
	}
}

@keyframes MoveScaleUpEnd {
	from {
		transform: translate3d(0,100%,0) scale3d(1,2,1);
		opacity: 0;
	}
	to {
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}










































.TypeItems {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.TypeItems .gray_light {
  position: relative;
  color: #6D6D6D;
  font-size: 14px;
  border: 0px solid rgba(250, 250, 250, 0.06);
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 0.3s all ease;
  background: #fafafa;
  border-radius: 4px;
  width: -moz-max-content;
  width: max-content;
  display: inline-flex;
  font-weight: 400;
}

.TypeItems .yellow_light {
  position: relative;
  color: #1DB261;
  font-size: 14px;
  border: 0px solid #FFFFFF14;
  padding: 0px 16px;
  min-width: 148px;
  height: 44px;
  line-height: 44px;
  align-items: center;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  transition: 0.3s all ease;
  background: #fafafa;
  border-radius: 4px;
  width: -moz-max-content;
  width: max-content;
  display: inline-flex;
  font-weight: 400;
}


* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
  font-size: 100%;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: #007B7D;
}

a:hover,
a:focus,
a:visited {
  text-decoration: none;
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  font-weight: normal;
  margin: 0px;
  background: none;
  line-height: 1.2em;
  font-family: "din_B";
}

textarea {
  overflow: hidden;
  resize: none;
}

button {
  outline: none !important;
  cursor: pointer;
}

.theme-btn {
  font-family: "din_R";
}

p,
.text {
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
  color: #6D6D6D;
  font-family: "din_R";
  margin: 0;
}

::-webkit-input-placeholder {
  color: inherit;
}

::-moz-input-placeholder {
  color: inherit;
}

::-ms-input-placeholder {
  color: inherit;
}

::-moz-selection {
  background: #007B7D;
  color: #ffffff;
}

::selection {
  background: #007B7D;
  color: #ffffff;
}

::-moz-selection {
  background: #007B7D;
  color: #ffffff;
}

::-webkit-selection {
  background: #007B7D;
  color: #ffffff;
}

.auto-container {
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
}

.small-container {
  position: static;
  max-width: 1000px;
  padding: 0px 15px;
  margin: 0 auto;
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
  z-index: 99;
}

main {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #fff;
  transition: all 300ms ease;
}

main .content-inner {
  position: relative;
}

.sidenav-bar .mCSB_inside>.mCSB_container {
  margin-right: 0;
}

.sidenav-bar .mCSB_scrollTools {
  opacity: 0 !important;
}

ul,
li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.theme-btn {
  display: inline-flex;
  text-align: center;
  transition: all 0.3s ease;
}

.centered {
  text-align: center !important;
}

/*=== List Style One ===*/
.list-style-one {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.list-style-one li {
  position: relative;
  font-size: 14px;
  line-height: 24px;
  color: #f1f1f1;
  font-weight: 400;
  padding-left: 35px;
  margin-bottom: 15px;
}

.list-style-one li:before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  line-height: 25px;
  color: #007B7D;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
}

/*=== List Style Two ===*/
.list-style-two {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.list-style-two li {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  font-weight: 500;
  padding-left: 35px;
  margin-bottom: 15px;
}

.list-style-two li:before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  line-height: 20px;
  color: #007B7D;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f061";
}

.theme_color {
  color: #007B7D;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: #FFFFFF;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/Coursale/Logo_icon.svg);
  background-size: 100px;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.tabs-box {
  position: relative;
}

.tabs-box .tab {
  display: none;
}

.tabs-box .active-tab {
  display: block;
}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/
.scroll-to-top {
  position: fixed;
  left: 40px;
  bottom: 15px;
  height: 44px;
  width: 44px;
  font-size: 14px;
  line-height: 45px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  z-index: 100;
  background: #007B7D;
  display: none;
  border-radius: 4px;
  margin: 0 auto;
  transition: all 300ms ease;
}

.scroll-to-top:hover {
  background: #ffffff;
  color: #222222;
}

.page-title {
  position: relative;
  text-align: center;
  padding: 200px 0px 150px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page-title:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.6);
}

.page-title .auto-container {
  position: relative;
}

.page-title h2 {
  position: relative;
  color: #ffffff;
  font-size: 74px;
  line-height: 1.2em;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: capitalize;
}

.page-breadcrumb {
  position: relative;
  margin-top: 5px;
}

.page-breadcrumb li {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  padding-right: 15px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
}

.page-breadcrumb li:after {
  position: absolute;
  content: ">";
  right: -2px;
  top: 1px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}

.page-breadcrumb li:last-child::after {
  display: none;
}

.page-breadcrumb li:last-child {
  padding-right: 0px;
  margin-right: 0px;
}

.page-breadcrumb li a {
  color: #ffffff;
  font-weight: 500;
  text-transform: capitalize;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.page-breadcrumb li a:hover {
  color: #007B7D;
}

.play-now {
  position: relative;
  display: block;
  z-index: 9;
  transition: all 300ms ease;
}

.play-now .icon {
  position: relative;
  display: inline-block;
  height: 80px;
  width: 80px;
  text-align: center;
  line-height: 80px;
  background-color: #000000;
  color: #ffffff;
  z-index: 1;
  padding-left: 5px;
  font-size: 24px;
  display: block;
  border-radius: 50%;
  -ms-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  -o-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  transform-origin: center;
}

.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 70px;
  width: 70px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  animation: ripple 3s infinite;
}

.play-now .ripple:before {
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}

.play-now .ripple:after {
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}

@keyframes ripple {
  70% {
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

/*** 

====================================================================
		Styled Pagination
====================================================================

***/
.form-group {
  margin-bottom: 8px;
}

.form-group label {
  font-size: 14px;
  margin: 10px;
  margin-bottom: 12px;
  margin-top: 0;
  font-weight: 400;
  font-family: "din_R";
  color: #0F0F0F;
}

.form-group label .req {
  color: #D32A28;
}

.form-group label span {
  color: #898989;
  font-family: "din_R";
}

.form-group .inputGroup {
  position: relative;
}

.inputIcreaseDecrse .number-spinner {
  position: relative;
}

.inputIcreaseDecrse .number-spinner .input-group-btn_Dwn {
  position: absolute;
  display: flex;
  align-items: center;
  height: 56px;
  left: 30%;
  top: 0;
}

.inputIcreaseDecrse .number-spinner .input-group-btn_Dwn button {
  display: flex;
  height: 22px;
  padding: 0;
  width: 22px;
  border: 2px solid #007B7D;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: #007B7D;
}

.inputIcreaseDecrse .number-spinner .input-group-btn_Up {
  position: absolute;
  display: flex;
  align-items: center;
  height: 56px;
  right: 30%;
  top: 0;
}

.inputIcreaseDecrse .number-spinner .input-group-btn_Up button {
  display: flex;
  height: 22px;
  padding: 0;
  width: 22px;
  border: 2px solid #007B7D;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: #007B7D;
}

.form-group .inputGroup .form-control {
  display: block;
  width: 100%;
  height: 44px;
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  padding: 0 38px;
  padding-inline-end: 10px;
  outline: none;
  box-shadow: none;
  color: #0F0F0F;
  font-size: 14px;
  font-family: "din_R";
  font-weight: 400;
  background: transparent;
  text-align: start;
  direction: rtl;
}

.form-group .inputGroup .form-control:-moz-read-only {
  background: #fafafa;
}

.form-group .inputGroup .form-control:read-only {
  background: #fafafa;
}

.form-group .inputGroup .form-control ::-moz-placeholder {
  color: #6D6D6D;
}

.form-group .inputGroup .form-control ::placeholder {
  color: #6D6D6D;
}

.form-group .inputGroup .form-control:focus {
  border-color: #007B7D !important;
}

.form-group .inputGroup input[type=password] {
  padding-inline-end: 48px;
}

.form-group .inputGroup textarea.form-control {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #0F0F0F;
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  height: 120px;
  font-size: 14px;
  height: auto !important;
  max-height: -moz-max-content;
  max-height: max-content;
  font-size: 14px;
  min-height: 100px;
  overflow: auto;
  resize: vertical;
}

.form-group .inputGroup textarea.form-control::-moz-placeholder {
  color: #6D6D6D;
}

.form-group .inputGroup textarea.form-control::placeholder {
  color: #6D6D6D;
}

.form-group .inputGroup .alertP {
  display: none;
  color: #D32A28;
  font-size: 14px;
  margin-top: 12px;
  align-items: center;
  gap: 10px;
  font-weight: 300;
}

.form-group .inputGroup.invalid .alertP {
  display: flex;
}

.form-group .inputGroup.invalid .form-control {
  border-color: #D32A28;
}

.form-group .inputGroup .iti .form-control {
  text-align: right;
}

.form-group .inputGroup .IconSHape {
  position: absolute;
  top: 0;
  height: 44px;
  display: flex;
  align-items: center;
  width: 44px;
  justify-content: center;
  z-index: 999999;
}

.form-group .inputGroup .IconSHape img {
  display: block;
  height: 22px;
}

.form-group .inputGroup .IconSHape_2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 44px;
  display: flex;
  align-items: center;
  width: 44px;
  justify-content: center;
  cursor: pointer;
  z-index: 999999;
  color: #007B7D;
}

.form-group .inputGroup .IconSHape_2 img {
  display: block;
  width: 22px;
  height: 22px;
}

.form-group .inputGroup .IconSHape_2_d {
  position: absolute;
  top: 0;
  left: 0;
  height: 44px;
  display: flex;
  align-items: center;
  width: 32px;
  justify-content: center;
  cursor: pointer;
  z-index: 999999;
}

.form-group .inputGroup .IconSHape_2_d img {
  display: block;
  width: 11px;
  height: auto;
}

.form-group .inputGroup .IconSHape_2_text {
  position: absolute;
  top: 0;
  left: 0;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 999999;
  color: #007B7D;
  width: -moz-max-content;
  width: max-content;
  direction: ltr;
  padding: 0 10px;
}

.form-group .inputGroup .IconSHape_Span {
  position: absolute;
  top: 0;
  left: 15px;
  height: 44px;
  display: flex;
  align-items: center;
  line-height: 44px;
  justify-content: center;
  cursor: pointer;
  z-index: 999999;
  direction: ltr;
}

hr {
  margin-top: 24px;
  margin-bottom: 24px;
  border-top: 1px solid #EAEAEA;
  opacity: 1;
}

/*******************/
/*****************/
input[switch] {
  display: none;
}

input[switch]+label {
  font-size: 1em;
  line-height: 1;
  width: 42px;
  height: 24px;
  background-color: #ced4da;
  background-image: none;
  border-radius: 2rem;
  padding: 0.16667rem;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  position: relative;
  font-weight: 500;
  transition: all 0.1s ease-in-out;
}

input[switch]+label:before {
  color: #343a40;
  content: attr(data-off-label);
  display: block;
  font-family: inherit;
  font-weight: 500;
  font-size: 12px;
  line-height: 21px;
  position: absolute;
  right: 1px;
  margin: 3px;
  top: -2px;
  text-align: center;
  min-width: 1.66667rem;
  overflow: hidden;
  transition: all 0.1s ease-in-out;
}

input[switch]+label:after {
  content: "";
  position: absolute;
  left: 19px;
  background-color: #eff2f7;
  box-shadow: none;
  border-radius: 2rem;
  height: 20px;
  width: 20px;
  top: 2px;
  transition: all 0.1s ease-in-out;
}

input[switch]:checked+label {
  background-color: #002DE7;
}

input[switch]:checked+label {
  background-color: #002DE7;
}

input[switch]:checked+label:before {
  color: #fff;
  content: attr(data-on-label);
  right: auto;
  left: 3px;
}

input[switch]:checked+label:after {
  left: 2px;
  background-color: #fff;
}

input[switch=bool]+label {
  background-color: #f46a6a;
}

input[switch=bool]+label:before,
input[switch=bool]:checked+label:before,
input[switch=default]:checked+label:before {
  color: #fff;
}

input[switch=bool]:checked+label {
  background-color: #34c38f;
}

input[switch=default]:checked+label {
  background-color: #a2a2a2;
}

input[switch=primary]:checked+label {
  background-color: #556ee6;
}

input[switch=success]:checked+label {
  background-color: #0d7d50 !important;
}

input[switch=info]:checked+label {
  background-color: #50a5f1;
}

input[switch=warning]:checked+label {
  background-color: #f1b44c;
}

input[switch=danger]:checked+label {
  background-color: #f46a6a;
}

input[switch=dark]:checked+label {
  background-color: #343a40;
}

input[switch=dark]:checked+label:before {
  color: #eff2f7;
}

input[switch]+label {
  height: 28px;
  width: 42px;
  background-color: #F0F0F0;
}

input[switch]+label:after {
  height: 24px;
  width: 24px;
  top: 2px;
  left: 13px;
}

input[switch]:checked+label:after {
  left: 3px;
  background-color: #fff;
}

input[switch]+label:after {
  background-color: #898989;
}

.withswitchbtnn {
  display: inline-block;
  height: 32px;
}

.withswitchbtnn label {
  height: 32px;
  width: 51px;
}

.withswitchbtnn input[switch]+label {
  background: #f1f1f1;
}

.withswitchbtnn input[switch]:checked+label {
  background: #1DB261;
}

.withswitchbtnn input[switch]+label:after {
  content: "";
  position: absolute;
  left: 23px;
  background-color: #6D6D6D;
  box-shadow: none;
  border-radius: 2rem;
  height: 24px;
  width: 24px;
  top: 2px;
  transition: all 0.1s ease-in-out;
}

.withswitchbtnn * {}

.withswitchbtnn input[switch]:checked+label:after {
  left: 4px;
  right: 16px;
  background-color: #fff;

}

.bg {
  display: -webkit-box;
  direction: rtl;
}

.span_pseudo,
.chiller_cb span:before,
.chiller_cb span:after {
  content: "";
  display: inline-block;
  background: #fff;
  width: 0;
  height: 0.2rem;
  position: absolute;
  transform-origin: 0% 0%;
}

.chiller_cb {
  position: relative;
  height: auto;
  margin: 0 0px;
  margin-left: 0px;
}

.chiller_cb input {
  display: none;
}

.chiller_cb input:checked~span {
  background: #1DB261 !important;
  border-color: #1DB261 !important;
  border-radius: 2px;
}

.chiller_cb input:checked~span:before {
  width: 11px;
  height: 2px;
  transition: width 0s;
  transition-delay: 0s;
}

.chiller_cb input:checked~span:after {
  width: 7px;
  height: 2px;
  transition: width 0s;
  transition-delay: 0s;
}

.chiller_cb input:disabled~span {
  background: #ececec;
  border-color: #dcdcdc;
}

.chiller_cb input:disabled~label {
  color: #dcdcdc;
}

.chiller_cb input:disabled~label:hover {
  cursor: default;
}

.chiller_cb label {
  padding-inline-start: 20px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin-bottom: 0;
  font-size: 14px !important;
  margin-bottom: 0 !important;
  font-family: "din_R";
  margin: 0;
}

.chiller_cb label a {
  margin: 0 5px;
}

.chiller_cb span {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #EAEAEA;
  border-radius: 2px;
  position: absolute;
  right: 0;
  transition: all 0.2s;
  z-index: 1;
  box-sizing: content-box;
  background: #fff;
  top: 0px;
}

.chiller_cb span:before {
  transform: rotate(-50deg);
  top: 12px;
  left: 7px;
}

.chiller_cb span:after {
  transform: rotate(48deg);
  bottom: 8px;
  left: 4px;
}


.animation_20 {
  animation: rotat360deg 15s linear 0s infinite;
}

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

  50% {
    transform: rotate(180deg);
  }

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

.ModalAuth .modal-dialog {
  min-width: 560px;
}

.ModalAuth .modal-content {
  border-radius: 4px;
  border: 0;
  overflow: hidden;
}

.ModalAuth .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 24px;
  padding-bottom: 0;
  border-bottom: 0;
}

.ModalAuth .modal-header .RihghtSideee h2 {
  color: #0F0F0F;
  font-size: 20px;
  font-weight: 700;
  font-family: "din_B";
}

.ModalAuth .modal-header .RihghtSideee h2 span {
  color: #007B7D;
}

.ModalAuth .modal-header .RihghtSideee p {
  font-size: 14px;
  color: #6D6D6D;
}

.ModalAuth .modal-header .leftSide .CloseBTN {
  height: 44px;
  width: 44px;
  display: block;
}

.ModalAuth .modal-header .leftSide .CloseBTN button {
  background: none;
  padding: 0;
  height: 44px;
  width: 44px;
  display: block;
  margin: 0;
}

.ModalAuth .modal-header .leftSide .CloseBTN button img {
  height: 44px;
  width: 44px;
  display: block;
}

.ModalAuth .modal-body {
  padding: 24px;
}

.ModalAuth .btn-close {
  opacity: 1;
  outline: 0;
  box-shadow: none;
}

.ModalAuth .ModalAuthBoxy .Title_Image {
  text-align: center;
}

.ModalAuth .ModalAuthBoxy .Title_Image img {
  margin-bottom: 0px;
  width: auto;
  height: 44px;
  margin-bottom: 16px;
}

.ModalAuth .ModalAuthBoxy .Title_Image .image {
  border-radius: 50%;
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-bottom: 24px;
}

.ModalAuth .ModalAuthBoxy .Title_Image .image img {
  margin-bottom: 0px;
  width: 72px;
  height: 72px;
}

.ModalAuth .ModalAuthBoxy .Title_Image .groupImage {
  border: 0;
  border-radius: 50%;
  width: 128px;
  height: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  overflow: hidden;
  margin-bottom: 24px;
}

.ModalAuth .ModalAuthBoxy .Title_Image .groupImage img {
  margin-bottom: 0px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  display: block;
  height: 100%;
}

.ModalAuth .ModalAuthBoxy .Title_Image h2 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
  font-family: "din_B";
}

.ModalAuth .ModalAuthBoxy .Title_Image p {
  font-size: 14px;
  color: #6D6D6D;
  margin-bottom: 15px;
  font-family: "din_R";
}

.ModalAuth .ModalAuthBoxy .Title_Image p strong {
  color: #0F0F0F;
}

.ModalAuth .ModalAuthBoxy .Title_Image p span {
  color: #0F0F0F;
  font-weight: 700;
  display: block;
  direction: ltr;
}

.ModalAuth .ModalAuthBoxy .imageProfile {
  display: block;
  width: 125px;
  height: 125px;
  margin: auto;
  position: relative;
  margin-bottom: 40px;
}

.ModalAuth .ModalAuthBoxy .imageProfile .image {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.ModalAuth .ModalAuthBoxy .imageProfile .image img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #EAEAEA;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.ModalAuth .ModalAuthBoxy .imageProfile .ProfileImagelable {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 45px;
  height: 45px;
  background: #000;
  border-radius: 50%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.ModalAuth .ModalAuthBoxy .GroupItems {
  height: 390px;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #EAEAEA;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem:last-child {
  border-bottom: 0 !important;
  margin-bottom: 0;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .Image {
  display: block;
  height: 44px;
  width: 44px;
  overflow: hidden;
  border-radius: 50%;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .Image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData h2 {
  color: #0F0F0F;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 4px;
  line-height: 20px;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData p {
  color: #6D6D6D;
  font-size: 14px;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData .WorkesTeam {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData .WorkesTeam .userCount h2 {
  font-weight: 700;
  font-family: "din_B";
  color: #0F0F0F;
  font-size: 14px;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData .WorkesTeam .userImagess {
  display: flex;
  align-items: center;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData .WorkesTeam .userImagess .ImageIem {
  display: inline-flex;
  margin-inline-end: -10px;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData .WorkesTeam .userImagess img.ImageIem {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border: 1px solid #EAEAEA;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData .WorkesTeam .userImagess span.ImageIem {
  background: #1DB261;
  color: #FFFFFF;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData .LabeSpanl {
  height: 36px;
  border-radius: 4px;
  padding: 0 12px;
  line-height: 36px;
  width: -moz-max-content;
  width: max-content;
  text-align: center;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .RightSide .ItemData .LabeSpanl span {
  font-size: 12px;
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .LeftSide .CountItems {
  height: 36px;
  border-radius: 4px;
  padding: 0 12px;
  line-height: 36px;
  width: -moz-max-content;
  width: max-content;
  text-align: center;
  background: rgba(25, 103, 210, 0.0784313725);
}

.ModalAuth .ModalAuthBoxy .GroupItems .ItemItem .LeftSide .CountItems span {
  font-size: 12px;
  color: #007B7D;
}

.ModalAuth .ActionModalBody {
  text-align: center;
}

.ModalAuth .ActionModalBody .iconImage {
  display: block;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  margin-bottom: 4px;
}

.ModalAuth .ActionModalBody .iconImage img {
  display: block;
  width: 80px;
}

.ModalAuth .ActionModalBody h2 {
  color: #0F0F0F;
  font-size: 18px;
  font-weight: 700;
  font-family: "din_M";
  margin-bottom: 4px;
}

.ModalAuth .ActionModalBody p {
  font-size: 14px;
  font-weight: 400;
  font-family: "din_R";
  color: #6D6D6D;
}

.ModalAuth .ActionModalBody p strong {
  color: #0F0F0F;
}

.ModalAuth .modal-dialog {
  min-width: 500px;
  direction: rtl;
}

.ModalAuth .modal-content {
  border-radius: 4px;
  border: 0;
  overflow: hidden;
}

.ModalAuth .modal-body {
  padding: 32px;
}

.ModalAuth .btn-close {
  opacity: 1;
  outline: 0;
  box-shadow: none;
  position: absolute;
  z-index: 11;
  display: none;
  background: #F6F6F6;
  border-radius: 4px;
  height: 38px;
  width: 38px;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: all .4s ease-in-out;
}

.ModalAuth .btn-close:hover {
  background: #007B7D !important;
}

.ModalAuth .btn-close:hover img {
  filter: brightness(100) grayscale(100);
}

.ModalAuth .ModalAuthBoxy .Title_Image {
  text-align: center;
  margin-bottom: 24px;
}

.ModalAuth .ModalAuthBoxy .Title_Image .image {
  margin-bottom: 24px;
}

.ModalAuth .ModalAuthBoxy .Title_Image h2 {
  font-size: 20px;
  color: #0F0F0F;
  margin-bottom: 12px;
  font-weight: 900;
  font-family: "din_B";
}

.ModalAuth .ModalAuthBoxy .Title_Image p {
  color: #6D6D6D;
  font-size: 14px;
  font-family: "din_R";
}

.ModalAuth .ModalAuthBoxy .Title_Image p span {
  color: #0F0F0F;
}

.ModalAuth .ModalAuthBoxy .LineImage {
  margin: 40px 0;
}

.ModalAuth .ModalAuthBoxy .LineImage img {
  display: block;
  width: 100%;
}

.ModalAuth .ModalAuthBoxy .ModalBody .form-group:last-child {
  margin-bottom: 0;
}

.ModalAuth .ModalFooter {
  margin-top: 20px !important;
  display: flex;
  align-items: center;
  gap: 20px;
}

.ModalAuth .ModalFooter.W_70_auto {
  width: 70%;
  margin: auto;
}

.ModalAuth .ModalFooter button {
  flex-grow: 1;
}
.ModalAuth .ModalFooter form{
  flex-grow: 1;
    display: contents;
}
/*****************/
.superAgentRight {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9;
  background: #fff;
  width: 348px;
  left: 0;
  transition: 0.3s;
  transform: translate(-100%);
  overflow: hidden;
  z-index: 99999;
  padding: 0px 0;
  height: 100vh;
  overflow: hidden;
}

.superAgentRight .FarzSideBare .FarzHeader {
  padding: 0 24px;
  padding-bottom: 24px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  justify-content: space-between;
  border-bottom: 1px solid #EAEAEA;
}

.superAgentRight .FarzSideBare .FarzHeader .headerData h2 {
  color: #0F0F0F;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 8px;
  line-height: 24px;
}

.superAgentRight .FarzSideBare .FarzHeader .headerData p {
  color: #6D6D6D;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.superAgentRight .FarzSideBare .FarzHeader .closeIcon {
  cursor: pointer;
}

.superAgentRight .FarzSideBare .FarzHeader .closeIcon img {
  display: block;
}

.superAgentRight .FarzSideBare .FarzBody {
  padding: 24px;
  padding-bottom: 0;
  height: calc(100vh - 200px);
}

.superAgentRight .FarzSideBare .FarzBody .form-group .inputGroup .IconSHape {
  z-index: 99999;
}

.superAgentRight .FarzSideBare .FarzBody .form-group .inputGroup .IconSHape_2_d {
  z-index: 99999;
}

.superAgentRight .FarzSideBare .FarzBody .form-group .inputGroup .select2-container--default .select2-selection--multiple {
  padding: 0 40px;
  min-height: 44px;
}

.superAgentRight .FarzSideBare .FarzBody .form-group .inputGroup .select2-container .select2-search--inline .select2-search__field {
  margin-top: 0px;
  font-size: 13px;
}

.superAgentRight .FarzSideBare .FarzBody .form-group .inputGroup .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  margin-top: 0;
  padding: 0;
}

.superAgentRight .FarzSideBare .FarzFooter {
  border-top: 1px solid #EAEAEA;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 24px;
  position: relative;
  z-index: 99999;
}

.superAgentRight .FarzSideBare .FarzFooter .theme-btn {
  flex-grow: 1;
}

.superAgentRight .FarzSideBare .FarzFooter .theme-btn span span {
  color: #1DB261;
}

.overlay-menu-right {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 8;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  transition: 0.3s;
  display: none;
  z-index: 9999;
}

.overlay-menu-right.active {
  display: block;
}

.overlay-menu-right .close-menu {
  position: absolute;
  left: auto;
  right: 41%;
  color: #fff !important;
  font-size: 30px !important;
  top: 13px;
  cursor: pointer;
}

.super-agent.active {
  transform: translate(0);
}

body.no-scroll {
  overflow: hidden;
}

.FilterSideBare {
  height: 100%;
  padding-bottom: 90px;
  position: relative;
}

.FilterSideBare .FilterHeader {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 24px;
}

.FilterSideBare .FilterHeader .headerData h2 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 8px;
}

.FilterSideBare .FilterHeader .headerData p {
  font-size: 14px;
  font-weight: 400;
  color: #6D6D6D;
}

.FilterSideBare .FilterHeader .closeIcon {
  height: 36px;
  width: 36px;
  border: 0px solid #EAEAEA;
  background: #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  background: #F6F6F6;
}

.FilterSideBare .FilterHeader .closeIcon img {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.FilterSideBare .FilterHeader .closeIcon:hover {
  background: #007B7D;
  border-color: #007B7D;
}

.FilterSideBare .FilterHeader .closeIcon:hover img {
  filter: brightness(100) grayscale(100);
}

.FilterSideBare .FilterSideBody {
  overflow: auto;
  height: calc(100% - 80px);
  padding: 24px;
  padding-top: 8px;
}

.FilterSideBare .FilterSideBody::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: 4px;
  background: #fff;
}

.FilterSideBare .FilterSideBody::-webkit-scrollbar-thumb {
  width: 5px;
  height: 5px;
  border-radius: 4px;
  background: #f9f9f9;
}

.FilterSideBare .form-group .inputGroup .IconSHape_2_d {
  z-index: 999999;
}

.FilterSideBare .FilterFooter {
  padding: 16px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #EAEAEA;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #fff;
  gap: 12px;
  z-index: 999999;
}

.FilterSideBare .FilterFooter button {
  flex-grow: 1;
  width: 50%;
}

.FilterSideBare .form-group .inputGroup .IconSHape {
  z-index: 999999;
}

.ExporFiles .dropdown .header-item {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #007B7D14;
  border-radius: 4px;
  height: 44px;
  padding: 0 20px;
  border: 0;
  transition: all 0.2s ease-in-out;
  font-size: 14px;
  font-weight: 300;
  color: #007B7D;
  font-family: "din_R";
  gap: 8px;
  transition: all 0.3s ease-in-out;
  width: 132px;
}

.ExporFiles .dropdown .header-item:hover {
  background: #007B7D;
  color: #FFFFFF;
}

.ExporFiles .dropdown .header-item:hover img {
  filter: grayscale(100) brightness(100);
}

.ExporFiles .dropdown .dropdown-menu {
  min-width: 100%;
  margin-top: 8px !important;
}

.ExporFiles .dropdown .dropdown-menu .dropdown-item img {
  width: 18px;
}

.dropdown .dropdown-menu {
  border-radius: 4px;
  border: 0px solid #EAEAEA;
  box-shadow: 0px 0px 20px 0px #19547D0F;
  padding: 8px 16px;
  text-align: start;
  z-index: 99999;
}

.dropdown .dropdown-menu .dropdown-item {
  border-bottom: 0px solid #EAEAEA;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 0;
  background: transparent;
  transition: all 0.2s ease-in-out;
  font-family: "din_R";
}

.dropdown .dropdown-menu .dropdown-item img {
  margin-inline-end: 7px;
}

.dropdown .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0 !important;
}

.dropdown .dropdown-menu .dropdown-item:hover {
  color: #1DB261 !important;
}

/*************/
.select2-container {
  z-index: 999999;
  width: 100% !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #EAEAEA;
  outline: 0;
  direction: rtl;
  padding: 0 40px;
  border-radius: 4px;
}

.superAgentRight .select2-container--default.select2-container--focus .select2-selection--multiple {
  padding: 0 0px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  line-height: 32px;
  height: 35px;
  font-size: 14px;
  margin: 2px;
  margin-top: 0px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  color: #007B7D;
  background: #F8F8F8;
  border-radius: 4px;
  border: 0;
}

.select2-container--default .select2-selection--multiple {
  border: 1px solid #EAEAEA;
  outline: 0;
  direction: rtl;
  padding: 0 40px;
  border-radius: 4px;
}

.superAgentRight .select2-container--default .select2-selection--multiple {
  padding: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: right;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 15px;
  background: rgba(0, 45, 231, 0.0588235294);
  border: 1px solid #f0f3fe;
  color: #007B7D;
  font-size: 14px;
  font-weight: 500;
  direction: ltr;
  height: 42px;
  line-height: 42px;
  margin: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  direction: rtl;
  margin-top: 5px;
  padding-inline-start: 40px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #007B7D;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-inline-end: 8px;
  margin-inline-start: 0;
  font-size: 18px;
  font-weight: 100;
}

.select2-container .select2-search--inline .select2-search__field {
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 0;
}

.select2-container .select2-selection--multiple {
  min-height: 20px;
}

.select2-container .select2-search--inline {
  float: right;
}

.select2-container--default .select2-results>.select2-results__options {
  max-height: 200px;
  overflow-y: auto;
  text-align: start;
  direction: rtl;
}

.select2-results__option {
  padding: 8px 12px;
  font-size: 14px;
}

.select2-container--default .select2-selection--single {
  background-color: transparent;
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  display: block;
  width: 100%;
  height: 44px;
  padding: 0 32px;
  outline: none;
  box-shadow: none;
  color: #0F0F0F;
  font-family: "din_R";
  font-size: 14px;
  direction: rtl;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #0F0F0F;
  line-height: 44px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered img {
  margin-inline-end: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}

.select2-dropdown {
  border: 1px solid #EAEAEA;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #EAEAEA;
  background: #F8F8F8;
  direction: rtl;
  border-radius: 4px;
  height: 40px;
}

.select2-dropdown {
  border-radius: 4px;
  overflow: hidden;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #eee;
  color: #212121;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #eee;
  color: #212121;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
  font-family: "din_R";
  border-bottom: 0px solid #EAEAEA;
  padding: 8px 16px;
  font-size: 14px;
}

.select2-results__option[aria-selected] img {
  margin-inline-end: 4px;
}

.select2-results__option[aria-selected]:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #007B7D;
  color: #FFFFFF;
  font-family: "din_R";
  border-color: rgba(65, 90, 62, 0.1);
}

/***********/
.filterBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  position: relative;
  z-index: 1;
}

.filterBar .FiltrGroupItems {
  display: flex;
  align-items: center;
  gap: 8px;
}

.filterBar .FiltrGroupItems .filterItem .Title h2 {
  color: #0F0F0F;
  font-size: 14px;
  margin-bottom: 4px;
}

.filterBar .FiltrGroupItems .filterItem .Title p {
  color: #6D6D6D;
  font-size: 14px;
}

.filterBar .FiltrGroupItems .filterItem .form-group .nav {
  display: flex;
  height: 44px;
  line-height: 44px;
  padding: 0 16px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border: 1px solid #EAEAEA;
  background: #fff;
  border-radius: 4px;
  font-size: 14px;
}

.filterBar .FiltrGroupItems .filterItem .form-group .nav .nav-item {
  border: 0;
}

.filterBar .FiltrGroupItems .filterItem .form-group .nav .nav-item .nav-link {
  border: 0;
  padding: 0;
  display: contents;
}

.filterBar .FiltrGroupItems .filterItem .form-group .nav .nav-item .nav-link img {
  filter: grayscale(1);
}

.filterBar .FiltrGroupItems .filterItem .form-group .nav .nav-item .nav-link.active img {
  filter: none;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup {
  position: relative;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .form-control {
  width: 350px;
  background: #fff;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .header-item {
  display: block;
  position: relative;
  height: 44px;
  line-height: 44px;
  padding: 0 40px;
  border-radius: 4px;
  background: transparent;
  border: 1px solid #EAEAEA;
  min-width: 175px;
  text-align: start;
  color: #0F0F0F;
  font-family: "din_R";
  font-size: 14px;
  background: #fff;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu {
  min-width: 175px;
  border-radius: 4px;
  border: 0px solid #EAEAEA;
  box-shadow: 0px 0px 20px 0px #19547D0F;
  padding: 20px;
  text-align: start;
  z-index: 99999;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item {
  border-bottom: 1px solid #EAEAEA;
  font-size: 14px;
  font-weight: 400;
  padding: 16px 0;
  background: transparent;
  transition: all 0.3s ease-in-out;
  font-family: "din_R";
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item:first-child {
  padding-top: 0;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item:hover {
  color: #007B7D;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item.UserItemDrop {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 8px;
  justify-content: space-between;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item.UserItemDrop .Userata {
  display: flex;
  align-items: center;
  gap: 8px;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item.UserItemDrop .Userata .Image {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item.UserItemDrop .Userata .Image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item.UserItemDrop .Userata .userInfo h2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
  color: #0F0F0F;
  font-family: "din_R";
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item.UserItemDrop .Userata .userInfo p {
  color: #6D6D6D;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu .dropdown-item.UserItemDrop .CheckLable .chiller_cb label {
  min-width: 20px;
  display: block;
  height: 20px;
  top: 6px;
  right: 1px;
  margin: 0;
}

.filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .IconSHape_2_d img {
  width: 11px;
}

.filterBar .FiltrGroupItems .filterItem .form-group .theme-btn {
  height: 44px;
  line-height: 44px;
}

.filterBar .FiltrGroupItems .filterItem .form-group .FilterSideBareBTN {
  display: flex;
  min-width: 175px;
  height: 44px;
  line-height: 44px;
  padding: 0 12px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid #EAEAEA;
  background: #fff;
  border-radius: 4px;
  font-size: 14px;
}

.filterBar .FiltrGroupItems .filterItem .form-group .FilterSideBareBTN img {
  display: inline-block;
}

.filterBar .FiltrGroupItems .filterItem .form-group .FilterSideBareBTN span {
  display: flex;
  height: 28px;
  width: 28px;
  background: rgba(25, 103, 210, 0.0784313725);
  color: #007B7D;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
}

.filterBar .rightSide {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.filterBar .leftSide {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.modal {
  z-index: 999999;
  background: rgba(0, 0, 0, 0.6);
  direction: ltr;
}

.fancybox-container {
  z-index: 99999999999;
}

/****************/
.TagsInput-control {
  padding-inline-start: 32px;
  padding-inline-end: 4px;
  height: auto !important;
}

.TagsInput-control::-moz-placeholder {
  color: #6D6D6D;
  position: relative;
  top: 5px;
}

.TagsInput-control::placeholder {
  color: #6D6D6D;
  position: relative;
  top: 5px;
}

.tagify__tag {
  height: 44px;
  line-height: 44px;
  padding: 0 16px;
  border-radius: 4px;
  background: #fafafa;
}

.tagify__tag>div::before {
  box-shadow: none;
}

.tagify__tag:focus div::before,
.tagify__tag:hover:not([readonly]) div::before {
  box-shadow: none;
  content: none !important;
}

.tagify__tag>div>* {
  color: #007B7D;
  font-weight: 400;
  font-size: 14px;
}

.tagify__tag:hover {
  box-shadow: none !important;
}

.tagify__tag__removeBtn::after {
  content: "×";
  transition: 0.3s, color 0s;
  font-size: 30px;
  color: #007B7D;
  font-weight: 100;
  font-family: "Font Awesome 5 Free";
}

.tagify__tag__removeBtn {
  width: auto;
  height: auto;
}

.tagify__tag>div {
  padding: 0;
}

.tagify__tag__removeBtn:hover {
  background: transparent;
}

.tagify div::before {
  box-shadow: none;
}

/*****************/
.styled-pagination {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 32px;
}

.styled-pagination ul {
  direction: rtl;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.styled-pagination li {
  position: relative;
  display: inline-block;
  margin: 0px;
}

.styled-pagination li a {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 44px;
  width: 44px;
  height: 44px;
  font-weight: 500;
  color: #6D6D6D;
  text-align: center;
  border-radius: 4px;
  border-bottom: 0px;
  transition: all 0.3s ease-in-out;
  border: 1px solid #EAEAEA;
  background: transparent;
}

.styled-pagination li a:hover,
.styled-pagination li.active a {
  color: #FFFFFF !important;
  background: #1DB261 !important;
  border: 1px solid #1DB261 !important;
}

.max-auto {
  max-width: none !important;
}

.filterdroop .header-item {
  display: block;
  position: relative;
  height: 44px;
  line-height: 44px;
  padding: 0 16px 0 24px;
  border-radius: 4px;
  background: transparent;
  border: 1px solid #EAEAEA;
  min-width: 180px;
  text-align: start;
  color: #6D6D6D;
  font-family: "din_R";
  min-width: 100% !important;
  padding: 0 48px !important;
  font-family: "din_R";
  font-size: 14px;
}

.filterdroop .dropdown-menu {
  width: 180px;
  border-radius: 4px;
  border: 1px solid #EAEAEA;
  padding: 8px 16px;
  text-align: start;
  z-index: 9999999;
  width: 100%;
  padding: 8px;
}

.filterdroop .dropdown-menu .dropdown-item {
  border-bottom: 1px solid #EAEAEA;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 0;
  background: transparent;
  transition: all 0.2s ease-in-out;
  font-family: "din_R";
  padding: 12px 0;
  font-family: "din_R";
}

.filterdroop .dropdown-menu .dropdown-item:hover,
.filterdroop .dropdown-menu .dropdown-item:focus {
  background: transparent;
  color: #1DB261 !important;
}

.filterdroop .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0 !important;
}

.DropDowenUsers .dropdown-menu .UserItemDrop {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 8px;
  justify-content: space-between;
}

.DropDowenUsers .dropdown-menu .UserItemDrop .Userata {
  display: flex;
  align-items: center;
  gap: 8px;
}

.DropDowenUsers .dropdown-menu .UserItemDrop .Userata .Image {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
}

.DropDowenUsers .dropdown-menu .UserItemDrop .Userata .Image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.DropDowenUsers .dropdown-menu .UserItemDrop .Userata .userInfo h2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
  color: #0F0F0F;
  font-family: "din_R";
}

.DropDowenUsers .dropdown-menu .UserItemDrop .Userata .userInfo p {
  color: #6D6D6D;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.DropDowenUsers .dropdown-menu .UserItemDrop .Userata .userInfo p img {
  margin-inline-end: 4px;
}

.DropDowenUsers .dropdown-menu .UserItemDrop .Userata .userInfo p strong {
  color: #0F0F0F;
}

.DropDowenUsers .dropdown-menu .UserItemDrop .CheckLable .chiller_cb label {
  min-width: 20px;
  display: block;
  height: 20px;
  top: 6px;
  right: 1px;
  margin: 0;
}

.DropDowenUsers .dropdown-menu .SearchInputItem:first-child {
  border-bottom: 0 !important;
}

.CustomScroolDropMenu {
  max-height: 200px;
  padding: 0 12px;
  overflow-x: hidden;
}

.AllInstructorss {
  max-height: 400px;
  overflow: auto;
  padding-inline-end: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.AllInstructorss::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: 4px;
  background: #fff;
}

.AllInstructorss::-webkit-scrollbar-thumb {
  width: 5px;
  height: 5px;
  border-radius: 4px;
  background: #f9f9f9;
}

.AllInstructorss .InstrucItem {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 8px;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #EAEAEA;
}

.AllInstructorss .InstrucItem:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0 !important;
}

.AllInstructorss .InstrucItem .Userata {
  display: flex;
  align-items: center;
  gap: 8px;
}

.AllInstructorss .InstrucItem .Userata .Image {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
}

.AllInstructorss .InstrucItem .Userata .Image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.AllInstructorss .InstrucItem .Userata .userInfo h2 {
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  margin-bottom: 0;
  color: #0F0F0F;
}

.AllInstructorss .InstrucItem .Userata .userInfo span {
  color: #007B7D;
  font-size: 12px;
  line-height: 16px;
}

.AllInstructorss .InstrucItem .Userata .userInfo p {
  color: #6D6D6D;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  font-family: "din_R";
}

.AllInstructorss .InstrucItem .CheckLable button {
  background: none;
}

.AllInstructorss .InstrucItem .CheckLable .chiller_cb label {
  min-width: 20px;
  display: block;
  height: 20px;
  top: 6px;
  right: 1px;
  margin: 0;
}

.TeamInvetaionItems .Userata {
  display: flex;
  align-items: center;
  gap: 8px;
}

.TeamInvetaionItems .Userata .Image {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
}

.TeamInvetaionItems .Userata .Image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.TeamInvetaionItems .Userata .userInfo h2 {
  margin-bottom: 12px !important;
}

.TeamInvetaionItems .Userata .userInfo strong {
  color: #0F0F0F;
}

.TeamInvetaionItems .Userata .userInfo p {
  display: flex;
  gap: 12px;
  margin-bottom: 8px;
}

.TeamInvetaionItems .userImagess {
  display: flex;
  align-items: center;
}

.TeamInvetaionItems .userImagess .ImageIem {
  display: inline-flex;
  margin-inline-end: -10px;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.TeamInvetaionItems .userImagess img.ImageIem {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border: 1px solid #EAEAEA;
}

.TeamInvetaionItems .userImagess span.ImageIem {
  background: #1DB261;
  color: #FFFFFF !important;
}

.TapsModal .filterdroop .header-item {
  min-width: 100% !important;
  padding: 0 48px !important;
  font-family: "din_R";
}

.TapsModal .filterdroop .dropdown-menu {
  width: 100%;
  padding: 8px;
}

.TapsModal .filterdroop .dropdown-menu .dropdown-item {
  padding: 12px 0;
  font-family: "din_R";
}

.TapsModal .filterdroop .dropdown-menu .dropdown-item .userInfo h2 {
  font-family: "din_R";
}

.TapsModal .nav {
  border-radius: 4px;
  padding: 0px;
  width: 100%;
  margin: auto;
  border: 0;
  margin-bottom: 32px;
  gap: 8px;
}

.TapsModal .nav .nav-item {
  border: 0;
  flex-grow: 1;
}

.TapsModal .nav .nav-item .nav-link {
  height: 44px;
  border-radius: 4px;
  border: 0;
  line-height: 44px;
  padding: 0 24px;
  color: #6D6D6D;
  font-size: 14px;
  text-align: center;
  border: 1px solid #EAEAEA;
}

.TapsModal .nav .nav-item .nav-link img {
  margin: 0 8px;
}

.TapsModal .nav .nav-item .active {
  background: #007B7D !important;
  color: #FFFFFF;
  border: 1px solid #007B7D;
}

.TapsModal .nav .nav-item .active img {
  filter: brightness(100) grayscale(100);
}

/****************/
.datepicker {
  left: auto !important;
  right: auto !important;
  border-radius: 4px;
  border: 0px solid #EAEAEA;
  box-shadow: 0px 0px 20px 0px #19547D0F;
  padding: 8px 8px;
  z-index: 999999 !important;
  width: -moz-max-content;
  width: max-content;
  margin-top: 4px;
}

.datepicker:before {
  border-bottom: 7px solid #F0F0F0;
  border-bottom-color: 1px solid #EAEAEA;
}

.datepicker td,
.datepicker th {
  text-align: center;
  width: 36px;
  height: 36px;
  border-radius: 4px;
  border: none;
  font-size: 14px;
  border: 0px solid #EAEAEA;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  display: none;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  display: none;
}

.datepicker .next,
.datepicker .prev {
  background: #007B7D14;
  color: #007B7D;
  font-size: 20px;
  padding: 0;
  line-height: 20px;
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
  background: #1DB261;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled] {
  background: #007B7D !important;
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
  border-color: rgba(255, 255, 255, 0);
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
  background: #1DB261;
}

.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
  background: #1DB261 !important;
  color: #FFFFFF !important;
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled] {
  background: #1DB261 !important;
  color: #FFFFFF !important;
}

.UploadInput {
  border: 0;
  border-radius: 4px;
  padding: 32px 12px;
  background: #fff;
  border: 1px dashed #EAEAEA;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 250px;
  flex-direction: column;
  direction: rtl;
}

.UploadInput .dz-message {
  display: block;
  width: 100%;
  margin: 0;
  cursor: pointer;
  text-align: center;
}

.UploadInput .dz-message img {
  margin-bottom: 16px;
}

.UploadInput .dz-message h4 {
  margin-bottom: 12px;
  font-size: 14px;
}

.UploadInput .dz-message h4 span {
  color: #1DB261;
}

.UploadInput .dz-message p {
  direction: rtl;
  font-size: 12px !important;
}

.UploadInput .dz-message p span {
  font-weight: 300;
  color: #6D6D6D;
}

.UploadInput .ImagePrivewAndDelete {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-direction: column;
}

.UploadInput .ImagePrivewAndDelete .ImagePrivw {
  height: 80px;
  width: 80px;
  border-radius: 4px;
  overflow: hidden;
  display: block;
}

.UploadInput .ImagePrivewAndDelete .ImagePrivw img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.UploadInput .ImagePrivewAndDelete .ImageData h2 {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  margin: 4px 0;
  text-align: center;
}

.UploadInput .ImagePrivewAndDelete .ImageData span {
  position: relative;
  font-size: 14px;
  line-height: normal;
  padding: 0px 16px;
  height: auto;
  width: auto;
  font-weight: 500;
  overflow: hidden;
  border-radius: 50px;
  text-align: center;
  color: #6D6D6D;
  display: block;
  direction: ltr;
}

.UploadInput .DeleteImage {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  background: #D32A281F;
  border-radius: 4px;
  height: 44px;
  width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ImageBoxSuperEdit_style_2 {
  position: relative;
  border: 0;
  padding: 24px;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  min-height: 300px;
  background: #fff;
  border: 1px dashed #EAEAEA;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ImageBoxSuperEdit_style_2 img {
  display: block;
  margin: 0;
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 4px;
}

.ImageBoxSuperEdit_style_2 .DeleteImage {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  background: #D32A281F;
  border-radius: 4px;
  height: 44px;
  width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ImageBoxSuperEdit_style_2 .DeleteImage img {
  display: block;
  height: 22px;
  width: 22px;
}

.ImageBoxSuperEdit_style_2 p {
  font-size: 14px;
}

.socialSelect_p_0 .select2-container--default .select2-selection--single {
  padding: 0 !important;
}

.socialSelect_p_0 .select2-container .select2-selection--single .select2-selection__rendered {
  padding-inline-start: 12px;
}

.note-editor .dropdown-toggle::after {
  content: none;
}

.note-editor .note-btn-group {
  direction: ltr;
}

/************Start New Style************/
body {
  background: #f9f9f9;
  font-family: "din_R";
  overflow-x: hidden;
}

p {
  color: #6D6D6D;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #211E1F;
}

#layout-wrapper {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  background: #fff;
  z-index: 9;
}

.navbar-header {
  padding-inline-end: 24px;
  padding-inline-start: 0;
}

.LeftHeaderCOntent {
  align-items: center;
  display: none;
  gap: 12px;
}

.LeftHeaderCOntent .dropdown .dropdown-menu {
  padding: 20px;
  border-radius: 4px;
  border: 0px solid #EAEAEA;
  box-shadow: 0px 0px 20px 0px #19547D0F;
  background: #fff;
  min-width: 175px;
}

.LeftHeaderCOntent .dropdown .dropdown-menu .dropdown-item {
  padding: 8px 0;
  background: transparent;
  font-size: 14px;
  border-bottom: 1px solid #EAEAEA;
}

.LeftHeaderCOntent .dropdown .dropdown-menu .dropdown-item:last-child {
  border: 0 !important;
}

.LeftHeaderCOntent .dropdown .dropdown-menu .dropdown-item:hover {
  color: #1DB261;
}

.LeftHeaderCOntent .dropdown .dropdown-menu .dropdown-item:first-child {
  padding-top: 0;
}

.LeftHeaderCOntent .dropdown .dropdown-menu .dropdown-item img {
  display: inline-block;
  margin-inline-end: 4px;
}

.LeftHeaderCOntent .dropdown .dropdown-menu .dropdown-item span {
  color: #0F0F0F;
  transition: all 0.3s ease-in-out;
}

.LeftHeaderCOntent .dropdown .dropdown-menu .dropdown-item span span {
  color: #bcbcbc;
}

.LeftHeaderCOntent .dropdown .dropdown-menu .dropdown-item:hover span {
  color: #1DB261 !important;
}

.LeftHeaderCOntent .dropdown .dropdown-menu .dropdown-item.Log_Out {
  padding-bottom: 0;
  margin-top: 4px;
}

.LeftHeaderCOntent .dropdown .dropdown-menu .dropdown-item.Log_Out:hover span {
  color: #D32A28 !important;
}

.Lang_BTN {
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: #FFFFFF14;
  position: relative;
  cursor: pointer;
  margin: 0;
}

.Lang_BTN input,
.Lang_BTN .Light_ModeIcon,
.Lang_BTN .Dark_ModeIcon {
  display: none;
}

.Lang_BTN .ContNot {
  position: absolute;
  top: -5px;
  right: -5px;
  height: 20px;
  width: 20px;
  background: #D32A28;
  display: block;
  font-family: "din_R";
  color: #fff;
  border-radius: 50%;
  font-size: 12px;
  text-align: center;
  line-height: 22px;
}

.Lang_BTN.Notificaion {
  background: rgba(65, 90, 62, 0.06);
}

.switch_Mode_Label {
  display: inline-flex;
  width: 44px;
  height: 44px;
  background: rgba(255, 255, 255, 0.1019607843);
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: #FFFFFF14;
  cursor: pointer;
  margin: 0;
}

.switch_Mode_Label input,
.switch_Mode_Label .Light_ModeIcon,
.switch_Mode_Label .Dark_ModeIcon {
  display: none;
}

.light-mode .switch_Mode_Label .Light_ModeIcon,
.dark-mode .switch_Mode_Label .Dark_ModeIcon {
  display: block !important;
}

#sidebar-menu {
  padding: 12px 12px;
}

#sidebar-menu ul li {
  margin-bottom: 4px;
}

#sidebar-menu ul li:last-child {
  margin-bottom: 0;
}

#sidebar-menu ul li a {
  font-size: 14px;
  font-weight: 400;
  padding: 0 12px;
  height: 44px;
  line-height: 44px;
  border-radius: 0;
  border-bottom: 0px;
  font-family: "din_R";
  border-radius: 4px;
}

#sidebar-menu ul li a .image {
  display: inline-block;
  margin-inline-end: 12px;
}

#sidebar-menu ul li a .activeimage {
  display: none;
  margin-inline-end: 12px;
}

#sidebar-menu ul li a span {
  color: #fff;
}

#sidebar-menu ul li a:hover {
  padding: 0 12px;
  background: #FFFFFF14;
}

#sidebar-menu ul li a:hover .image {
  display: none;
}

#sidebar-menu ul li a:hover .activeimage {
  display: inline-block;
}

#sidebar-menu ul li a:hover span {
  color: #fff;
}

#sidebar-menu ul li a.active {
  background: #FFFFFF14;
  color: #0F0F0F;
  border: 0;
}

#sidebar-menu ul li a.active .image {
  display: none;
}

#sidebar-menu ul li a.active .activeimage {
  display: inline-block;
}

#sidebar-menu ul li a.active span {
  color: #fff !important;
}

#sidebar-menu ul li.mm-active {
  background: #FFFFFF14;
  border-radius: 4px;
}

#sidebar-menu ul li.mm-active a {
  padding: 0 12px;
  background: transparent !important;
}

#sidebar-menu ul li.mm-active a .image {
  display: none;
  height: 22px;
  width: 22px;
}

#sidebar-menu ul li.mm-active a .activeimage {
  display: inline-block;
  height: 22px;
  width: 22px;
}

#sidebar-menu ul li.mm-active a span {
  color: #fff !important;
}

#sidebar-menu ul li.mm-active a:hover {
  background: transparent;
}

#sidebar-menu ul li.mm-active .sub-menu {
  padding-bottom: 12px;
}

#sidebar-menu ul li.mm-active .sub-menu li {
  width: 85%;
  margin-bottom: 0;
  margin: auto;
}

#sidebar-menu ul li.mm-active .sub-menu li a {
  padding: 0rem 30px 0rem 12px;
  font-size: 14px;
  color: #fff;
  height: 35px;
  line-height: 35px;
  border-inline-start: 2px solid #FFFFFF1F;
  border-radius: 0;
  background: transparent !important;
}

#sidebar-menu ul li.mm-active .sub-menu li a:hover {
  color: #1DB261;
  background: transparent;
  border-color: #1DB261;
}

#sidebar-menu ul li.mm-active .sub-menu li a.active {
  border-color: #1DB261;
  color: #1DB261 !important;
  background: transparent !important;
}

#sidebar-menu ul li.mm-active .sub-menu li.mm-active {
  background: transparent !important;
}

#sidebar-menu ul li:last-child a {
  border-bottom: 0 !important;
}

.vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .sub-menu li a.active {
  color: #007B7D !important;
  border-color: #007B7D;
}



.CloapsMenuBTN .OpenMenu {
  display: inline-block;
  height: 44px;
}

.CloapsMenuBTN .CloseMenu {
  display: none;
}

.vertical-collpsed .CloapsMenuBTN .OpenMenu {
  display: none;
}

.vertical-collpsed .CloapsMenuBTN .CloseMenu {
  display: inline-block;
}

.vertical-collpsed .vertical-menu #sidebar-menu {
  padding: 12px 12px;
  background: transparent;
}

.vertical-collpsed .vertical-menu #sidebar-menu ul li a {
  padding: 0;
  padding-inline-start: 16px;
}

.vertical-collpsed .vertical-menu #sidebar-menu ul li a span {
  color: #FFFFFF !important;
}

.vertical-collpsed .vertical-menu #sidebar-menu ul li:hover a {
  background: #007B7D !important;
  border-radius: 4px;
}

.vertical-collpsed .vertical-menu #sidebar-menu ul li:hover a .image {
  display: none;
}

.vertical-collpsed .vertical-menu #sidebar-menu ul li:hover a .activeimage {
  display: inline-block;
}

.vertical-collpsed .vertical-menu #sidebar-menu ul li:hover a span {
  color: #FFFFFF !important;
}

.vertical-collpsed .vertical-menu #sidebar-menu ul li .sub-menu {
  background: #1DB261;
  border-radius: 4px 0 0 4px;
  right: 69px !important;
  width: auto !important;
  margin-top: 0px;
  padding: 12px;
}

.vertical-collpsed .vertical-menu #sidebar-menu ul li .sub-menu li a {
  height: auto;
  line-height: normal;
  background: transparent !important;
  border-radius: 0;
  border-inline-start: 2px solid #EAEAEA;
  color: #FFFFFF;
}

.vertical-collpsed .vertical-menu #sidebar-menu ul li .sub-menu li a:hover {
  border-color: #007B7D;
}

.metismenu li {
  padding: 0;
}

.navbar-brand-box {
  border-left: 0px solid #EAEAEA;
}

.navbar-brand-box .logo img {
  height: 44px;
}

.sidebar-enable .navbar-brand-box {
  padding: 0 10px;
}

.h_calc100_70 {
  height: calc(100% - 70px) !important;
}

#page-topbar {
  box-shadow: none;
  border-left: 0px solid #EAEAEA;
  max-width: 250px;
  margin: 0;
  background-image: url(../images/dobly/bg_Side.png);
  background-size: cover;
  background-position: center;
}

.vertical-menu {
  border-left: 0px solid #EAEAEA;
  box-shadow: none;
  background-image: url(../images/dobly/bg_Side.png);
  background-size: cover;
  background-position: center;

}

.modal-open {
  padding-right: 0 !important;
}

.vertical-collpsed #page-topbar {
  max-width: 80px;
}

.page-content {
  position: relative;
  min-height: 100vh;
}

.page-content .PageHeader {
  position: relative;
  padding-top: 0;
  padding-bottom: 24px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.page-content .PageHeader .rightSide {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.page-content .PageHeader .rightSide .GoBackPage {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  width: 44px;
  border-radius: 4px;
  background: #007B7D14;
}

.page-content .PageHeader .rightSide .ImageBox {
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 4px;
  overflow: hidden;
}

.page-content .PageHeader .rightSide .ImageBox img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.page-content .PageHeader .rightSide .DataSide h2 {
  font-size: 18px;
  font-weight: 400;
  font-family: 'din_B';
  line-height: 24px;
  margin-bottom: 8px;
}

.page-content .PageHeader .rightSide .DataSide h2 span {
  color: #1DB261;
}

.page-content .PageHeader .rightSide .DataSide p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.page-content .PageHeader .rightSide .DataSide ul {
  display: flex;
  gap: 20px;
  align-items: center;
  position: relative;
  z-index: 0;
  flex-wrap: wrap;
}

.page-content .PageHeader .rightSide .DataSide ul li {
  display: flex;

  align-items: center;
  font-size: 14px;
}

.page-content .PageHeader .rightSide .DataSide ul li img {
  margin-inline-end: 8px;
  width: 22px;
}

.page-content .PageHeader .rightSide .DataSide ul li span {
  color: #6D6D6D;
}

.page-content .PageHeader .rightSide .DataSide ul li a {
  color: #6D6D6D;
  transition: all 0.2s ease-in-out;
}

.page-content .PageHeader .rightSide .DataSide ul li a:hover {
  color: #1DB261 !important;
}

.page-content .PageHeader .rightSide .DataSide ul li.active span {
  color: #0F0F0F;
}

.page-content .PageHeader .leftSide {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.page-content .PageHeader .leftSide .dateNote {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 44px;
  border-radius: 4px;
  border: 1px solid #EAEAEA;
  padding: 0 16px;
}

.page-content .PageHeader .leftSide .dateNote p {
  color: #211E1F;
}

.page-content .PageHeader .leftSide .dateNote p span {}

.page-content .PageHeader .leftSide .inputGroup .dropdown .header-item {
  display: block;
  position: relative;
  height: 44px;
  line-height: 44px;
  padding: 0 12px;
  border-radius: 4px;
  background: transparent;
  border: 1px solid #EAEAEA;
  min-width: 115px;
  text-align: start;
  color: #211E1F;
  font-family: "din_R";
  font-size: 14px;
}

.page-content .PageHeader .leftSide .inputGroup .dropdown .dropdown-menu {
  min-width: 100%;
  border-radius: 4px;
  border: 0px solid #EAEAEA;
  box-shadow: 0px 0px 20px 0px #19547D0F;
  padding: 20px;
  text-align: start;
  z-index: 99999;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.page-content .PageHeader .leftSide .inputGroup .dropdown .dropdown-menu .dropdown-item {
  border-bottom: 0px solid #EAEAEA;
  font-size: 14px;
  font-weight: 100;
  padding: 8px 0;
  background: transparent;
  transition: all 0.3s ease-in-out;
  font-family: "din_R";
}

.page-content .PageHeader .leftSide .inputGroup .dropdown .dropdown-menu .dropdown-item:first-child {
  padding-top: 0;
}

.page-content .PageHeader .leftSide .inputGroup .dropdown .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0;
}

.page-content .PageHeader .leftSide .inputGroup .dropdown .dropdown-menu .dropdown-item:hover {
  color: #1967D2;
}

.page-content .PageHeader .leftSide .inputGroup .IconSHape_2_d img {
  width: 11px;
}

.page-content .PageHeader.PageHaderDetails {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: -4px;
}

.page-content .PageHeader.PageHaderDetails .UndoLink a {
  height: 44px;
  width: 44px;
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-content .PageHeader.PageHaderDetails .UndoLink a img {
  display: inline-block;
}

.SearchBoxHeader {
  padding: 10px 30px;
}

.SearchBoxHeader .form-group .inputGroup .form-control {
  background: #fafafa !important;
  height: 48px !important;
  border-radius: 4px;
  width: 400px;
}















.AuthenticationPage {
  background: #fff;
}

.AuthenticationPage .rightSide {
  height: 100vh;
  position: fixed;
  width: 50%;
  top: 0;
}

.AuthenticationPage .rightSide .DtataSide {
  position: absolute;
  width: 100%;
  height: 100%;
}

.AuthenticationPage .rightSide .DtataSide .BGImage {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}

.AuthenticationPage .rightSide .DtataSide .BGImage .ImageOne {
  position: absolute;
  bottom: 0;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  height: 100%;
}

.AuthenticationPage .rightSide .DtataSide .BGImage::before {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #1967D2 0%, rgba(25, 103, 210, 0.16) 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}

.AuthenticationPage .rightSide .DtataSide .BGImage .ImageTwo {
  position: absolute;
  height: 80%;
  bottom: 0;
  z-index: 99;
  top: 0;
  margin: auto;
}

.AuthenticationPage .rightSide .DtataSide .DataContent {
  position: absolute;
  top: 0;
  padding: 48px 48px;
}

.AuthenticationPage .rightSide .DtataSide .DataContent .Logo a img {
  width: -moz-max-content;
  width: max-content;
}

.AuthenticationPage .LeftSide .UperHeader {
  padding: 0 98px;
  padding-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.AuthenticationPage .LeftSide .SideData {
  display: flex;
  height: 100%;
  min-height: calc(100vh - 80px);
  align-items: center;
  padding: 0 98px;
}

.AuthenticationPage .LeftSide .SideData .FormSide .Title_Image {
  text-align: center;
  margin-bottom: 40px;
}

.AuthenticationPage .LeftSide .SideData .FormSide .Title_Image .image {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-bottom: 20px;
}

.AuthenticationPage .LeftSide .SideData .FormSide .Title_Image .image img {
  margin-bottom: 0px;
  width: 100%;
  height: 100%;
}

.AuthenticationPage .LeftSide .SideData .FormSide .Title_Image h2 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 16px;
}

.AuthenticationPage .LeftSide .SideData .FormSide .Title_Image p {
  font-size: 14px;
  font-family: "din_R";
}

.AuthenticationPage .LeftSide .SideData .FormSide .Title_Image p strong {
  color: #0F0F0F;
}

.AuthenticationPage .LeftSide .SideData .FormSide .Title_Image p span {
  color: #0F0F0F;
  font-weight: 700;
  display: inline-block;
  direction: ltr;
}

.AuthenticationPage .LeftSide .SideData .FormSide .Acivateinputs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  direction: ltr;
}

.AuthenticationPage .LeftSide .SideData .FormSide .Acivateinputs input {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 4px;
  border: 1px solid #EAEAEA;
  color: #0F0F0F;
  font-size: 18px;
  outline: 0;
  box-shadow: none;
  padding: 0;
}

.AuthenticationPage .LeftSide .SideData .FormSide .Acivateinputs input.active {
  border: 1px solid #007B7D;
  font-size: 18px;
  font-weight: 400;
  color: #0F0F0F;
}

.AuthenticationPage .LeftSide .SideData .FormSide .OTP_Inputs p {
  color: #D32A28;
  text-align: center;
  font-size: 14px;
  margin-top: 12px;
  display: none;
}

.AuthenticationPage .LeftSide .SideData .FormSide .OTP_Inputs.ValidCode p {
  display: block;
}

.AuthenticationPage .LeftSide .SideData .FormSide .OTP_Inputs.ValidCode .Acivateinputs input {
  border: 1px solid #D32A28;
}

.AuthenticationPage .LeftSide .SideData .FormSide .resendCode {
  margin-top: 16px;
}

.AuthenticationPage .LeftSide .SideData .FormSide .resendCode p {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 12px;
}

.AuthenticationPage .LeftSide .SideData .FormSide .resendCode p span {
  display: inline-block;
  width: 70px;
  height: 35px;
  line-height: 35px;
  color: #007B7D;
  border-radius: 4px;
  margin: 4px;
  background: rgba(25, 103, 210, 0.0784313725);
}

.AuthenticationPage .LeftSide .SideData .FormSide .resendCode p a {
  margin: 0 5px;
  display: none;
  color: #007B7D;
  text-decoration: underline;
  font-weight: 700;
}

.AuthenticationPage .LeftSide .SideData .FormSide .theme-btn {
  width: 100%;
}

.footer {
  background: #fff;
  color: #6D6D6D;
  border-top: 1px solid #EAEAEA;
}

.TitleOutBox {
  margin-bottom: 24px;
  margin-top: 8px;
}

.TitleOutBox h2 {
  font-weight: 700;
  font-size: 20px;
  font-family: "din_B";
}

.popover {
  border: 0;
  box-shadow: none;
  z-index: 999999;
}

.popover-body {
  background: #0B5E31;
  color: rgba(255, 255, 255, 0.8);
  border-radius: 4px;
  font-family: "din_R";
  max-width: 270px;
  text-align: justify;
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
.bs-popover-top>.popover-arrow::before {
  border-top-color: #0B5E31;
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
.bs-popover-top>.popover-arrow::after {
  border-top-color: #0B5E31;
}

.popover-arrow {
  transform: translate(144px, -2px) !important;
}

/*******************/
.Select_P_End_10 .select2-container--default .select2-selection--single {
  padding-inline-start: 10px;
}

.Select_P_End_10 .select2-container .select2-selection--single .select2-selection__rendered {
  padding-inline-start: 0;
}

.Select_P_End_10 .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #0F0F0F;
}

.rating-star {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 0px;
}

.rating-star .rating-symbol .Selctedrate {
  color: #1DB261;
  font-size: 20px;
  margin: 0 2px;
}

.rating-star .rating-symbol .UnselectedRate {
  color: #E5E5E5;
  font-size: 20px;
  margin: 0 2px;
}

.rating-star .badge {
  display: none;
}

.rating-star .countrate {
  margin: 0 8px;
  color: #6D6D6D;
  font-size: 14px;
}

.popover .popover-arrow {
  display: none;
}

/***************************/
#timeline-container {
  position: relative;
  width: 100%;
  height: auto;
}

.vis-item .vis-item-content {
  padding: 0;
}

.vis-content {
  top: 10px !important;
}

#timeline {
  width: 100%;
  height: auto;
  min-height: 300px;
  max-height: -moz-max-content;
  max-height: max-content;
  border: 0px solid #ddd;
  border-radius: 0px;
  overflow: hidden;
  padding: 5px;
}

.vis-time-axis .vis-text.vis-major.today-highlight {
  background-color: #f4b400;
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  font-weight: bold;
}

.vis-text {
  text-align: center;
  color: #8C8C8C !important;
  padding: 5px !important;
}

.vis-text.vis-today {
  background: #FFB602;
  color: #000 !important;
  border-radius: 5px;
}

.vis-major>div {
  padding: 0px 15px;
  color: #000 !important;
  margin-bottom: 5px !important;
}

.vis-current-time {
  display: none !important;
}

.vis-grid.vis-minor,
.vis-grid.vis-major {
  display: none !important;
}

.desc {
  font-size: 12px;
  color: #666;
  margin-top: 5px;
}

.date-range {
  font-size: 12px;
  color: #8C8C8C;
  font-weight: bold;
  margin-top: 5px;
}

.vis-panel.vis-top {
  padding-bottom: 5px;
  border: 0;
  border-bottom: 1px solid #EAEAEA;
  margin-bottom: 10px;
}

.New-item {
  background-color: rgba(25, 103, 210, 0.1607843137) !important;
  color: #000 !important;
  border: 0px solid rgba(25, 103, 210, 0.1607843137) !important;
}

.Underwork-item {
  background-color: rgba(204, 146, 2, 0.1607843137) !important;
  color: #000 !important;
  border: 0px solid rgba(204, 146, 2, 0.1607843137) !important;
}

.Delevered-item {
  background-color: rgba(25, 135, 91, 0.1607843137) !important;
  color: #000 !important;
  border: 0px solid rgba(25, 135, 91, 0.1607843137) !important;
}

.Accepted-item {
  background-color: rgba(0, 189, 72, 0.1607843137) !important;
  color: #000 !important;
  border: 0px solid rgba(0, 189, 72, 0.1607843137) !important;
}

.vis-item.vis-range {
  border-radius: 5px;
  padding: 12px 16px;
}

.vis-timeline {
  border: 0 !important;
}

.vis-panel.vis-bottom,
.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right {
  border: 0 !important;
}

.vis-panel .contentItem {
  color: #0F0F0F;
}

.LabelsInfoForTabel {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  margin-bottom: 12px;
  margin-top: 24px;
}

.LabelsInfoForTabel p {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #0F0F0F;
  font-size: 14px;
  font-weight: 400;
  font-family: "din_R";
}

.LabelsInfoForTabel p .circleItem {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.LabelsInfoForTabel p.NewItem .circleItem {
  background: #1967D2;
  border: 1px solid #1967D2;
}

.LabelsInfoForTabel p.NewItem .Count {
  color: #1967D2;
}

.LabelsInfoForTabel p.UnderWork .circleItem {
  background: #CC9202;
  border: 1px solid #CC9202;
}

.LabelsInfoForTabel p.UnderWork .Count {
  color: #CC9202;
}

.LabelsInfoForTabel p.Delevered .circleItem {
  background: #19875B;
  border: 1px solid #19875B;
}

.LabelsInfoForTabel p.Delevered .Count {
  color: #19875B;
}

.LabelsInfoForTabel p.Accepted .circleItem {
  background: #00BD48;
  border: 1px solid #00BD48;
}

.LabelsInfoForTabel p.Accepted .Count {
  color: #00BD48;
}

/**********New Style*********/
.owl-carousel:hover .owl-prev {
  left: -10px;
  opacity: 1;
}

.owl-carousel:hover .owl-next {
  right: -10px;
  opacity: 1;
}

.owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-top: 24px;
}

.owl-dots .owl-dot span {
  height: 3px;
  width: 44px;
  background: rgba(65, 90, 62, 0.1);
  display: inline-block;
}

.owl-dots .owl-dot.active span {
  background: #1DB261;
}

.AuthnticationPage {
  background: #fff;
  position: relative;
  direction: ltr;
}

.AuthnticationPage .bg_shape_1 {
  position: absolute;
  top: 0;
  right: 0;
}

.AuthnticationPage .containerWidth {
  max-width: 1400px;
  margin: auto;
}

.AuthnticationPage .rightSide {
  padding-top: 50px;
  padding-inline-start: 75px;
  padding-inline-end: 75px;
  padding-bottom: 50px;
  height: 100%;
  direction: rtl;
  min-height: 100vh;
}

.AuthnticationPage .rightSide .AuthBox {
  max-width: 100%;
  margin: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.AuthnticationPage .rightSide .AuthBox .logoAndLang {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.AuthnticationPage .rightSide .AuthBox .logoAndLang .logo {
  width: auto;
  margin: 0;
  margin-bottom: 0;
  line-height: normal;
}

.AuthnticationPage .rightSide .AuthBox .logoAndLang .logo img {
  margin: auto;
  display: inline-block;
  height: 44px;
}
.AuthnticationPage .rightSide .AuthBox .logoAndLang .Droplang{
  display: none;
}
.AuthnticationPage .rightSide .AuthBox .logoAndLang .Droplang .dropdown .header-item {
  background: #F6F6F6;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 44px;
  border-radius: 4px;
  padding: 5px;
  min-width: 75px;
  color: #0F0F0F;
  font-size: 14px;
  transition: all 0.3s ease-in-out;
}

.AuthnticationPage .rightSide .AuthBox .logoAndLang .Droplang .dropdown .header-item img {
  width: 22px;
  height: 16px;
}

.AuthnticationPage .rightSide .AuthBox .logoAndLang .Droplang .dropdown .header-item .Arrow {
  filter: brightness(0) grayscale(1);
}

.AuthnticationPage .rightSide .AuthBox .logoAndLang .Droplang .dropdown .header-item:hover {
  color: #1DB261 !important;
}

.AuthnticationPage .rightSide .AuthBox .logoAndLang .Droplang .dropdown .dropdown-menu {
  border-radius: 4px;
  border: 0px solid #EAEAEA;
  box-shadow: 0px 0px 20px 0px #19547D0F;
  padding: 4px 16px;
  text-align: start;
  z-index: 99999;
  left: auto;
  right: 0;
  margin-top: 10px;
}

.AuthnticationPage .rightSide .AuthBox .logoAndLang .Droplang .dropdown .dropdown-menu .dropdown-item {
  border-bottom: 1px solid #EAEAEA;
  font-size: 14px;
  font-weight: 400;
  padding: 12px 0;
  background: transparent;
  transition: all 0.3s ease-in-out;
  font-family: "din_R";
}

.AuthnticationPage .rightSide .AuthBox .logoAndLang .Droplang .dropdown .dropdown-menu .dropdown-item img {
  margin-inline-end: 8px;
}

.AuthnticationPage .rightSide .AuthBox .logoAndLang .Droplang .dropdown .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0 !important;
}

.AuthnticationPage .rightSide .AuthBox .logoAndLang .Droplang .dropdown .dropdown-menu .dropdown-item:hover {
  color: #1DB261 !important;
}

.AuthnticationPage .rightSide .AuthBox .InfoBox {
  margin-bottom: 24px;
  text-align: center;
}

.AuthnticationPage .rightSide .AuthBox .InfoBox .ImageIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-bottom: 0px;
  width: 80px;
  height: 80px;
}

.AuthnticationPage .rightSide .AuthBox .InfoBox .ImageIcon img {
  display: block;
  max-width: 100%;
  width: 60px;
  height: 60px;
}

.AuthnticationPage .rightSide .AuthBox .InfoBox h2 {
  font-size: 20px;
  margin-bottom: 12px;
  font-weight: 800;
  font-family: "din_M";
}

.AuthnticationPage .rightSide .AuthBox .InfoBox p {
  font-size: 14px;
}

.AuthnticationPage .rightSide .AuthBox .InfoBox p strong {
  color: #1DB261;
  display: block;
}

.AuthnticationPage .rightSide .AuthBox .InfoBox p span {
  color: #1DB261;
  display: block;
}

.AuthnticationPage .rightSide .AuthBox .BG_Stepeers {
  background: linear-gradient(90deg, rgba(246, 246, 246, 1) 50%, rgba(0, 85, 86, 1) 100%);
  border-radius: 4px;
  padding: 1px;
  margin-bottom: 20px;
}

.AuthnticationPage .rightSide .AuthBox .Steps {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  background: #F6F6F6;
  border-radius: 4px;
}

.AuthnticationPage .rightSide .AuthBox .Steps .stepItem {
  flex-grow: 1;
  width: calc(100% / 3);
  text-align: center;
}

.AuthnticationPage .rightSide .AuthBox .Steps .stepItem h2 {
  color: #6D6D6D;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  font-family: 'din_M';
}

.AuthnticationPage .rightSide .AuthBox .Steps .stepItem p {
  color: #6D6D6D;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0px;
}

.AuthnticationPage .rightSide .AuthBox .Steps .stepItem .line {
  display: block;
  flex-grow: 1;
  height: 3px;
  border-radius: 4px;
  background: #EAEAEA;
  border-radius: 4px;
}

.AuthnticationPage .rightSide .AuthBox .Steps .stepItem.active {}

.AuthnticationPage .rightSide .AuthBox .Steps .stepItem.active h2 {
  color: #000;
}

.AuthnticationPage .rightSide .AuthBox .Steps .stepItem.active .line {
  background: #1DB261;
}

.AuthnticationPage .rightSide .AuthBox .FormBox .form-group {
  display: block;
  margin-bottom: 20px;
}

.AuthnticationPage .rightSide .AuthBox .FormBox button:hover::before {
  height: 900%;
}

.AuthnticationPage .rightSide .AuthBox .DontHave p {
  color: #211E1F;
  font-weight: 500;
  font-family: "din_M";
  text-align: center;
  margin-bottom: 20px;
}

.AuthnticationPage .rightSide .AuthBox .DontHave a:hover::before {
  height: 900%;
}

.AuthnticationPage .ColImages {
  height: 100vh;
  position: fixed;
  right: 0;
  display: none;
}

.AuthnticationPage .leftSide {
  height: 100%;
  padding: 0px;
  position: relative;
  direction: rtl;
}

.AuthnticationPage .leftSide .owl-carousel {
  height: 100%;
}

.AuthnticationPage .leftSide .owl-carousel .owl-stage-outer {
  height: 100% !important;
  direction: ltr;
}

.AuthnticationPage .leftSide .owl-carousel .owl-stage-outer .owl-stage {
  height: 100%;
}

.AuthnticationPage .leftSide .owl-carousel .owl-stage-outer .owl-stage .owl-item {
  height: 100%;
}

.AuthnticationPage .leftSide .owl-dots {
  position: absolute;
  bottom: 30px;
  width: 100%;
}

.AuthnticationPage .leftSide .ImagesAuthentication {
  height: 100%;
}

.AuthnticationPage .leftSide .ImagesAuthentication .imageItem {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 0px;
  overflow: hidden;
}

.AuthnticationPage .leftSide .ImagesAuthentication .imageItem .image {
  display: block;
  width: 100%;
  height: 100%;
}

.AuthnticationPage .leftSide .ImagesAuthentication .imageItem .image img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  height: 100%;
}

.AuthnticationPage .leftSide .ImagesAuthentication .imageItem .dataLayer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 80px 100px;
  display: flex;
  align-items: flex-end;
  text-align: center;
  justify-content: center;
  background: linear-gradient(180deg, #007B7Dad 26.63%, #007B7D 100%);
}

.AuthnticationPage .leftSide .ImagesAuthentication .imageItem .dataLayer .forflex {
  width: 85%;
}

.AuthnticationPage .leftSide .ImagesAuthentication .imageItem .dataLayer h2 {
  font-size: 24px;
  color: #FFFFFF;
  line-height: 44px;
  font-weight: 800;
  font-family: "din_B";
  text-align: center;
  width: 100%;
}

.AuthnticationPage .leftSide .ImagesAuthentication .imageItem .dataLayer h2 span {
  color: #1DB261;
}

.AuthnticationPage .leftSide .ImagesAuthentication .imageItem .dataLayer p {
  color: #bcbcbc;
  font-size: 14px;
  text-align: center;
  font-family: 'din_R';
  font-weight: 500;
  margin: auto;
}

.AuthnticationPage .carousel {
  height: 100%;
}

.AuthnticationPage .carousel-inner {
  height: 100%;
}

.AuthnticationPage .carousel-fade .carousel-item {
  height: 100%;
}


.AuthnticationPage .owl-dots .owl-dot span {
  background: rgba(255, 255, 255, 0.24);
}

.AuthnticationPage .owl-dots .owl-dot.active span {
  background: #1DB261;
}

.AuthnticationPage .form-group .rermperForget {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.AuthnticationPage .form-group .rermperForget .chiller_cb label {
  padding-inline-start: 28px !important;
}

.AuthnticationPage .form-group .rermperForget .ForgtPass a {
  color: #1DB261;
}

.AuthnticationPage .form-group .rermperForget .ForgtPass a:hover {
  text-decoration: underline;
}

.owl-carousel .owl-nav .owl-next {
  position: absolute;
  bottom: 10%;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
  left: 10%;
  display: flex;
  height: 96px;
  width: 56px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  right: auto;
}

.owl-carousel .owl-nav .owl-next img {
  width: 32px;
  height: 32px;
}

.owl-carousel .owl-nav .owl-prev {
  position: absolute;
  bottom: 10%;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);

  right: 10%;
  display: flex;
  height: 96px;
  width: 56px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}

.owl-carousel .owl-nav .owl-prev img {
  width: 32px;
  height: 32px;
}



.Acivateinputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 15px;
  direction: ltr;
}

.Acivateinputs input {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 4px;
  border: 1px solid #EAEAEA;
  color: #0F0F0F;
  font-size: 22px;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: "din_R";
  box-shadow: none !important;
}

.Acivateinputs input:focus {
  border-color: #1DB261;
}

.Acivateinputs input.active {
  border: 1px solid #007B7D !important;
  font-size: 22px;
  font-weight: 400;
  color: #0F0F0F;
}

.Acivateinputs.ValidCode input {
  border: 1px solid #AB4E45;
}

.resendCode {
  margin-top: 16px;
}

.resendCode p {
  color: #0F0F0F;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}

.resendCode p span {
  display: inline-block;
  width: 60px;
  height: 35px;
  line-height: 35px;
  color: #1DB261;
  border-radius: 35px;
  margin: 0 0px;
}

.resendCode p a {
  font-weight: 500;
  margin: 0 5px;
  display: none;
  color: #1DB261;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
}

.resendCode p a::before {
  content: "";
  height: 1px;
  width: 0%;
  background: #007B7D;
  display: block;
  position: absolute;
  bottom: 2px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.resendCode p a:hover::before {
  width: 100%;
}


.BoxCard {
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  padding: 24px;
  margin-bottom: 24px;
}

.BoxCard .BoxHeader {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #EAEAEA;
}

.BoxCard .BoxHeader .rightSide h2 {
  font-size: 16px;
  font-weight: 600;
  font-family: "din_M";
  margin-bottom: 4px;
  line-height: 24px;
}

.BoxCard .BoxHeader .rightSide p {
  font-size: 14px;
  font-weight: 400;
}

.BoxCard .BoxHeader .rightSide p span {
  color: #0F0F0F;
}

.BoxCard .BoxHeader .rightSide ul {
  display: flex;
  gap: 8px;
  align-items: center;
  position: relative;
  z-index: 0;
  flex-wrap: wrap;
  margin-top: 12px;
}

.BoxCard .BoxHeader .rightSide ul li {
  display: flex;
  align-items: center;
  gap: 4px;
}

.BoxCard .BoxHeader .rightSide ul li p {
  font-weight: 400;
  line-height: 20px;
}

.BoxCard .BoxHeader .rightSide ul li img {
  margin-inline-end: 0px;
  width: 22px;
}

.BoxCard .BoxHeader .rightSide ul li a {
  display: inline-block;
}

.BoxCard .BoxHeader .rightSide ul li a img {
  width: 12px;
}

.BoxCard .BoxHeader .leftSide {
  display: flex;
  gap: 4px;
}

.BoxCard.GrayBG {
  background: #fafafa;
  border-color: #fafafa;
}

.Table_style_1 {
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  padding-bottom: 2px;
}

.Table_style_1 .table-responsive {}

.Table_style_1 table {
  vertical-align: middle;
  margin: 0;
  --bs-table-bg: #fff0;
}

.Table_style_1 table thead {
  vertical-align: middle;
}

.Table_style_1 table thead tr th {
  border: 1px solid #EAEAEA;
  background: #F6F6F6;
  border-top: 0;
  padding: 15px 8px;
}

.Table_style_1 table thead tr th:first-child {
  border-right: 0;
}

.Table_style_1 table thead tr th:last-child {
  border-left: 0;
}

.Table_style_1 table thead tr th .chiller_cb {
  line-height: 10px;
}

.Table_style_1 table thead tr th p {
  font-size: 14px;
  font-weight: 500;
  color: #0F0F0F;
  font-family: "din_M";
  width: 100%;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: space-between;
  min-width: max-content;
}

.Table_style_1 table thead tr th p.min_w_150px {
  min-width: 150px;
}

.Table_style_1 table tbody tr td {
  border: 1px solid #EAEAEA;
  padding-top: 10px;
  min-height: 64px;
  align-items: center;
  padding: 8px 12px;
}

.Table_style_1 table tbody tr td:first-child {
  border-right: 0;
}

.Table_style_1 table tbody tr td:last-child {
  border-left: 0;
}

.Table_style_1 table tbody tr td .chiller_cb {
  line-height: 10px;
}

.Table_style_1 table tbody tr td p {
  font-size: 14px;
  font-weight: 400;
  color: #0F0F0F;
  width: -moz-max-content;
  width: max-content;
}

.Table_style_1 table tbody tr td p span {
  color: #6D6D6D;
}

.Table_style_1 table tbody tr td p.Price {
  font-weight: 400;
}

.Table_style_1 table tbody tr td p.Price img {
  filter: brightness(0) grayscale(0);
}

.Table_style_1 table tbody tr td p.underLine {
  border-bottom: 2px solid #0F0F0F;
  padding-top: 0;
  line-height: 16px;
  font-family: "din_M";
  font-weight: 500;
}

.Table_style_1 table tbody tr td .SagelMazadak {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #007B7D;
  margin-top: 8px;
  background: transparent;
  border: 0;
  box-shadow: none;
  outline: 0;
}

.Table_style_1 table tbody tr td .SagelMazadak span {
  text-decoration: underline;
}

.Table_style_1 table tbody tr td .Colored {
  color: #007B7D;
  font-weight: 600;
  font-size: 14px;
  margin-inline-end: 0;
  margin-inline-start: auto;
}

.Table_style_1 table tbody tr td .DateAlone {
  color: #6D6D6D;
  margin-inline-end: 0;
  margin-inline-start: auto;
}

.Table_style_1 table tbody tr td .BoxImage {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
}

.Table_style_1 table tbody tr td .BoxImage .image {
  display: block;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 4px;
}

.Table_style_1 table tbody tr td .BoxImage .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.Table_style_1 table tbody tr td .BoxImage .image.IconImage {
  background: rgba(65, 90, 62, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}

.Table_style_1 table tbody tr td .BoxImage .image.IconImage img {
  width: auto;
  height: auto;
}

.Table_style_1 table tbody tr td .BoxImage .Data p {
  font-size: 14px;
  font-weight: 500;
  color: #0F0F0F;
  font-family: "din_M";
  width: -moz-max-content;
  width: max-content;
}

.Table_style_1 table tbody tr td .BoxImage .Data p.max-width-200 {
  max-width: 175px;
}

.Table_style_1 table tbody tr td .BoxImage .Data h2 {
  font-size: 14px;
  font-weight: 400;
  font-family: "din_R";
  margin-bottom: 4px;
  transition: all 0.3s ease-in-out;
}

.Table_style_1 table tbody tr td .BoxImage .Data h2.max_width_150 {
  max-width: 150px;
}

.Table_style_1 table tbody tr td .BoxImage .Data h2:hover {
  color: #1DB261 !important;
}

.Table_style_1 table tbody tr td .BoxImage .Data span {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 300;
  color: #6D6D6D;
  width: -moz-max-content;
  width: max-content;
}

.Table_style_1 table tbody tr td .BoxImage .Data span img {
  display: inline-block;
}

.Table_style_1 table tbody tr td .BoxImage .Data span.PakageType {
  color: #007B7D;
  font-weight: 400;
}

.Table_style_1 table tbody tr td .userBox {
  display: flex;
  align-items: center;
  gap: 12px;
}

.Table_style_1 table tbody tr td .userBox .image {
  display: block;
  width: 44px;
  height: 44px;
  overflow: hidden;
  border-radius: 50%;
}

.Table_style_1 table tbody tr td .userBox .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.Table_style_1 table tbody tr td .userBox .image.IconImage {
  background: rgba(65, 90, 62, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}

.Table_style_1 table tbody tr td .userBox .image.IconImage img {
  width: auto;
  height: auto;
}

.Table_style_1 table tbody tr td .userBox .Data p {
  font-size: 14px;
  font-weight: 500;
  color: #6D6D6D;
  font-family: "din_R";
  width: -moz-max-content;
  width: max-content;
}

.Table_style_1 table tbody tr td .userBox .Data p.max-width-200 {
  max-width: 175px;
}

.Table_style_1 table tbody tr td .userBox .Data h2 {
  font-size: 14px;
  font-weight: 400;
  font-family: "din_R";
  margin-bottom: 4px;
  transition: all 0.3s ease-in-out;
}

.Table_style_1 table tbody tr td .userBox .Data h2.max_width_150 {
  max-width: 150px;
}

.Table_style_1 table tbody tr td .userBox .Data h2:hover {
  color: #1DB261 !important;
}

.Table_style_1 table tbody tr td .userBox .Data span {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 300;
  color: #6D6D6D;
  width: -moz-max-content;
  width: max-content;
}

.Table_style_1 table tbody tr td .userBox .Data span img {
  display: inline-block;
}

.Table_style_1 table tbody tr td .userBox .Data span.PakageType {
  color: #007B7D;
  font-weight: 400;
}

.Table_style_1 table tbody tr td .ComleteStatus {
  width: 100%;
  margin-top: 24px;
}

.Table_style_1 table tbody tr td .ComleteStatus .progressBar {
  margin-bottom: 4px;
}

.Table_style_1 table tbody tr td .ComleteStatus .progressBar .BarProg {
  position: relative;
  width: 100%;
  height: 6px;
  background: #fafafa;
  border-radius: 4px;
}

.Table_style_1 table tbody tr td .ComleteStatus .progressBar .BarProg .BarActive {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 6px;
  border-bottom: 6px solid #007B7D;
  transition: all 0.3s ease-in-out;
  border-radius: 4px;
}

.Table_style_1 table tbody tr td .ComleteStatus .EaxmCounts {
  display: flex;
  justify-content: center;
  gap: 8px;
  align-items: center;
}

.Table_style_1 table tbody tr td .ComleteStatus .EaxmCounts p {
  color: #0F0F0F;
  font-size: 14px;
  font-family: "din_R";
}

.Table_style_1 table tbody tr td .ComleteStatus .EaxmCounts p span {
  margin: 4px;
}

.Table_style_1 table tbody tr td .PackageName span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0 24px;
  min-width: 100px;
  background: rgba(65, 90, 62, 0.06);
  border-radius: 50px;
  color: #0F0F0F;
  text-align: center;
  font-size: 14px;
}

.Table_style_1 table tbody tr td .packageDiscount span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0 24px;
  min-width: 100px;
  background: #E5E5E5;
  border-radius: 50px;
  color: #0F0F0F;
  text-align: center;
  font-size: 14px;
  font-family: "din_R";
}

.Table_style_1 table tbody tr td .linkBox {
  display: flex;
  gap: 12px;
  align-items: center;
  width: 250px;
}

.Table_style_1 table tbody tr td .linkBox p {
  display: block;
  width: calc(100% - 40px);
  word-break: break-all;
}

.Table_style_1 table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.ActionsGroup {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: auto;
  justify-content: center;
}

.ActionsGroup .theme-btn {
  min-width: 105px;
}

.ActionsGroup .dropdownActions .header-item {
  display: flex;
  height: 44px;
  width: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: #F9F9F9;
}

.ActionsGroup .dropdownActions .dropdown-menu {
  border-radius: 4px;
  border: 1px solid #EAEAEA;
  padding: 0px 16px;
  text-align: start;
  z-index: 99999;
}

.ActionsGroup .dropdownActions .dropdown-menu .dropdown-item {
  border-bottom: 1px solid #EAEAEA;
  font-size: 14px;
  font-weight: 400;
  padding: 12px 0;
  background: transparent;
  transition: all 0.2s ease-in-out;
  font-family: "din_R";
}

.ActionsGroup .dropdownActions .dropdown-menu .dropdown-item img {
  margin-inline-end: 7px;
  width: 22px;
}

.ActionsGroup .dropdownActions .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0 !important;
}

.ActionsGroup .dropdownActions .dropdown-menu .dropdown-item:hover {
  color: #1DB261 !important;
}

.ActionsGroup .optionItem {
  border: 1px solid #EAEAEA;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  width: 38px;
  transition: all .4s ease-in-out;
  border-radius: 4px;
}

.ActionsGroup .DeleteAction {}

.ActionsGroup .DeleteAction:hover {
  background: #FF3B30;
  border-color: #FF3B30;
}

.ActionsGroup .DeleteAction:hover img {
  filter: grayscale(100) brightness(100);
}

.ActionsGroup .EditAction {}

.ActionsGroup .EditAction:hover {
  background: #007B7D;
  border-color: #007B7D;
}

.ActionsGroup .EditAction:hover img {
  filter: grayscale(100) brightness(100);
}


.ActionsGroup .Close_circleAction {}

.ActionsGroup .Close_circleAction:hover {
  background: #D32A28;
  border-color: #D32A28;
}

.ActionsGroup .Close_circleAction:hover img {
  filter: grayscale(100) brightness(100);
}

.ActionsGroup .PrintAction {}

.ActionsGroup .PrintAction:hover {
  background: #007B7D;
  border-color: #007B7D;
}

.ActionsGroup .PrintAction:hover img {
  filter: grayscale(100) brightness(100);
}


.ActionsGroup .QrcodeAction {}

.ActionsGroup .QrcodeAction:hover {
  background: #00C249;
  border-color: #00C249;
}

.ActionsGroup .QrcodeAction:hover img {
  filter: grayscale(100) brightness(100);
}


.ActionsGroup .openGreenAction {}

.ActionsGroup .openGreenAction:hover {
  background: #00C249;
  border-color: #00C249;
}

.ActionsGroup .openGreenAction:hover img {
  filter: grayscale(100) brightness(100);
}

.ActionsGroup .blueAction {}

.ActionsGroup .blueAction:hover {
  background: #346AD6;
  border-color: #346AD6;
}

.ActionsGroup .blueAction:hover img {
  filter: grayscale(100) brightness(100);
}

.ActionsGroup .ChatAction {}

.ActionsGroup .ChatAction:hover {
  background: #346AD6;
  border-color: #346AD6;
}

.ActionsGroup .ChatAction:hover img {
  filter: grayscale(100) brightness(100);
}

.TableDataShow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.TableDataShow p {}

.TableDataShow .leftSide {
  display: flex;
  align-items: center;
  gap: 0px;
}

.TableDataShow select {
  border: 0;
  width: 35px;
  text-align: center;
  outline: 0;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 14px;
  background-image: none;
  background: transparent;
}

.TableDataShow select::-ms-expand {
  display: none;
}

.TableDataShow img {}




.StatusBox .ItemStatus {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  height: 38px;
  border-radius: 35px;
  width: max-content;
}

.StatusBox .ItemStatus span {
  font-size: 14px;
}

.StatusBox .ItemStatus.status_1 {
  background: #007B7D14;
  color: #007B7D;
}

.StatusBox .ItemStatus.status_2 {
  background: #1DB26114;
  color: #1DB261;
}

.StatusBox .ItemStatus.status_3 {
  background: #0F946114;
  color: #0F9461;
}

.StatusBox .ItemStatus.status_4 {
  background: #346AD614;
  color: #346AD6;
}

.StatusBox .ItemStatus.status_blue {
  background: #346AD614;
  color: #346AD6;
}

.StatusBox .ItemStatus.status_greenopen {
  background: #1DB26114;
  color: #1DB261;
}

.StatusBox .ItemStatus.status_greenMid {
  background: #0F946114;
  color: #0F9461;
}

.StatusBox .ItemStatus.status_greenDark {
  background: #007B7D14;
  color: #007B7D;
}

.StatusBox .ItemStatus.status_red {
  background: #D32A2814;
  color: #D32A28;
}

.StatusBox .ItemStatus.warning {
  background: rgba(188, 184, 51, 0.1);
  color: #1DB261;
}

.StatusBox .ItemStatus.success {
  background: rgba(59, 163, 111, 0.1);
  color: #3BA36F;
}

.StatusBox .ItemStatus.danger {
  background: #D32A2814;
  color: #D32A28;
}

.StatusBox .ItemStatus.new {
  background: #007B7D14;
  color: #007B7D;
}

.StatusBox .ItemStatus.finished {
  background: rgba(171, 78, 69, 0.1);
  color: #D32A28;
}

.StatusBox .ItemStatus.Canceled {
  background: rgba(144, 28, 36, 0.1);
  color: #901C24;
}

.StatusBox .ItemStatus.UnderPreparation {
  background: rgba(51, 179, 188, 0.1);
  color: #33B3BC;
}

.StatusBox .ItemStatus.Prepared {
  background: rgba(59, 163, 111, 0.1);
  color: #3BA36F;
}

.StatusBox .ItemStatus.Shipped {
  background: rgba(137, 166, 134, 0.1);
  color: #89A686;
}

.StatusBox .ItemStatus.OutforDelivery {
  background: rgba(93, 95, 229, 0.1);
  color: #5D5FE5;
}

.StatusBox .ItemStatus.Delivered {
  background: rgba(0, 197, 53, 0.1);
  color: #00C535;
}

.StatusBox .ItemStatus.DeliveryAttemptFailed {
  background: rgba(190, 49, 68, 0.1);
  color: #BE3144;
}

.StatusBox .ItemStatus.ReturnedbyCustomer {
  background: rgba(88, 71, 173, 0.1);
  color: #5847AD;
}

.StatusBox .ItemStatus.ReturnedDuringShipping {
  background: rgba(41, 94, 106, 0.1);
  color: #295E6A;
}

.StatusBox .ItemStatus.ReturnedandRefunded {
  background: rgba(135, 35, 65, 0.1);
  color: #872341;
}

.StatusBox .ItemStatus.CancelledbyCustomer {
  background: rgba(171, 78, 69, 0.1);
  color: #D32A28;
}

.StatusBox .ItemStatus.CancelledbyStore {
  background: rgba(241, 45, 45, 0.1);
  color: #F12D2D;
}

.StatusBox .ItemStatus.InExchangeProcess {
  background: rgba(63, 82, 227, 0.1);
  color: #3F52E3;
}

.StatusBox .ItemStatus.Exchanged {
  background: rgba(23, 185, 120, 0.1);
  color: #17B978;
}

.StatusBox .ItemStatus.Published {
  background: rgba(137, 166, 134, 0.1);
  color: #89A686;
}

.StatusBox .ItemStatus .dropdownStatus .header-item {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 4px;
  height: 32px;
  width: 32px;
}

.StatusBox .ItemStatus .dropdownStatus .dropdown-menu {
  border-radius: 4px;
  border: 1px solid #EAEAEA;
  padding: 20px;
  text-align: start;
  z-index: 99999;
  width: 220px;
  max-height: 250px;
}

.StatusBox .ItemStatus .dropdownStatus .dropdown-menu .dropdown-item {
  border-bottom: 0px;
  font-size: 14px;
  font-weight: 400;
  padding: 12px 0;
  background: transparent;
  transition: all 0.2s ease-in-out;
  font-family: "din_R";
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 8px;
  border-radius: 4px;
  margin-bottom: 8px;
}

.StatusBox .ItemStatus .dropdownStatus .dropdown-menu .dropdown-item .SelectAloneBox .bg .chiller_cb span {
  background: transparent;
  border-color: #fff;
}

.StatusBox .ItemStatus .dropdownStatus .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.StatusBox .ItemStatus .dropdownStatus .dropdown-menu .dropdown-item.warning {
  background: rgba(188, 184, 51, 0.1);
  color: #1DB261;
}

.StatusBox .ItemStatus .dropdownStatus .dropdown-menu .dropdown-item.success {
  background: rgba(59, 163, 111, 0.1);
  color: #3BA36F;
}

.StatusBox .ItemStatus .dropdownStatus .dropdown-menu .dropdown-item.danger {
  background: rgba(190, 49, 68, 0.1);
  color: #BE3144;
}

.StatusBox .ItemStatus .dropdownStatus .dropdown-menu .dropdown-item.finished {
  background: rgba(171, 78, 69, 0.1);
  color: #D32A28;
}

.StatusBox .ItemStatus .dropdownStatus .dropdown-menu .dropdown-item.Canceled {
  background: rgba(144, 28, 36, 0.1);
  color: #901C24;
}

.StatusBox .ItemStatus .dropdownStatus .dropdown-menu .dropdown-item.new {
  background: rgba(188, 184, 51, 0.1);
  color: #1DB261;
}

.StatusBox .ItemStatus .dropdownStatus .dropdown-menu .dropdown-item.UnderPreparation {
  background: rgba(51, 179, 188, 0.1);
  color: #33B3BC;
}

.StatusBox .ItemStatus .dropdownStatus .dropdown-menu .dropdown-item.Prepared {
  background: rgba(59, 163, 111, 0.1);
  color: #3BA36F;
}

.StatusBox .ItemStatus .dropdownStatus .dropdown-menu .dropdown-item.Shipped {
  background: rgba(137, 166, 134, 0.1);
  color: #89A686;
}

.StatusBox .ItemStatus .dropdownStatus .dropdown-menu .dropdown-item.OutforDelivery {
  background: rgba(93, 95, 229, 0.1);
  color: #5D5FE5;
}

.StatusBox .ItemStatus .dropdownStatus .dropdown-menu .dropdown-item.Delivered {
  background: rgba(0, 197, 53, 0.1);
  color: #00C535;
}

.StatusBox .ItemStatus .dropdownStatus .dropdown-menu .dropdown-item.DeliveryAttemptFailed {
  background: rgba(190, 49, 68, 0.1);
  color: #BE3144;
}

.StatusBox .ItemStatus .dropdownStatus .dropdown-menu .dropdown-item.ReturnedbyCustomer {
  background: rgba(88, 71, 173, 0.1);
  color: #5847AD;
}

.StatusBox .ItemStatus .dropdownStatus .dropdown-menu .dropdown-item.ReturnedDuringShipping {
  background: rgba(41, 94, 106, 0.1);
  color: #295E6A;
}

.StatusBox .ItemStatus .dropdownStatus .dropdown-menu .dropdown-item.ReturnedandRefunded {
  background: rgba(135, 35, 65, 0.1);
  color: #872341;
}

.StatusBox .ItemStatus .dropdownStatus .dropdown-menu .dropdown-item.CancelledbyCustomer {
  background: rgba(171, 78, 69, 0.1);
  color: #D32A28;
}

.StatusBox .ItemStatus .dropdownStatus .dropdown-menu .dropdown-item.CancelledbyStore {
  background: rgba(241, 45, 45, 0.1);
  color: #F12D2D;
}

.StatusBox .ItemStatus .dropdownStatus .dropdown-menu .dropdown-item.InExchangeProcess {
  background: rgba(63, 82, 227, 0.1);
  color: #3F52E3;
}

.StatusBox .ItemStatus .dropdownStatus .dropdown-menu .dropdown-item.Exchanged {
  background: rgba(23, 185, 120, 0.1);
  color: #17B978;
}

.StatusBox .ItemStatus .dropdownStatus .dropdown-menu .dropdown-item.Published {
  background: rgba(137, 166, 134, 0.1);
  color: #89A686;
}

.SelectAloneBox .chiller_cb {
  height: 24px;
}

.SelectAloneBox .chiller_cb label {
  width: 24px;
  height: 24px;
  padding: 0;
}

.ModalStyle_1 .modal-dialog {
  min-width: 600px;
}

.ModalStyle_1 .modal-dialog .modal-content {
  background: #fafafa;
}

.ModalStyle_1 .modal-dialog .modal-content .modal-body {
  padding: 32px;
  position: relative;
}

.ModalStyle_1 .modal-dialog .modal-content .modal-body .btnclose {
  position: absolute;
  top: 32px;
  left: 32px;
  height: 44px;
  width: 44px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EAEAEA;
  transition: all 0.2s ease-in-out;
  z-index: 9;
}

.ModalStyle_1 .modal-dialog .modal-content .modal-body .btnclose:hover {
  background: #6D6D6D !important;
}

.ModalStyle_1 .modal-dialog .modal-content .modal-body .btnclose:hover img {
  filter: brightness(100) grayscale(100);
}

.ModalStyle_1 .modal-dialog .modal-content .modal-body .ModalTitle {
  margin-bottom: 32px;
  text-align: center;
}

.ModalStyle_1 .modal-dialog .modal-content .modal-body .ModalTitle h2 {
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 8px;
}

.ModalStyle_1 .modal-dialog .modal-content .modal-body .ModalTitle p {
  font-size: 14px;
  margin: 0;
  line-height: 20px;
}

.ModalStyle_1 .modal-dialog .modal-content .modal-body .ModalBody {
  padding: 32px;
  background: #fff;
  border-radius: 4px;
}

.ModalStyle_1 .modal-dialog .modal-content .modal-body .ModalBody .mapBox {
  height: 250px;
  overflow: hidden;
  width: 100%;
  border-radius: 4px;
}

.ModalStyle_1 .modal-dialog .modal-content .modal-body .ModalBody .mapBox img {
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ModalStyle_1 .modal-dialog .modal-content .modal-body .ModalBody .SubscripDesc h2 {
  font-size: 20px;
  margin: 32px 0;
}

.ModalStyle_1 .modal-dialog .modal-content .modal-body .ModalBody .SubscripDesc p {
  font-size: 14px;
  color: #0F0F0F;
}

.ModalStyle_1 .modal-dialog .modal-content .modal-body .ModalFooter {
  margin-top: 32px !important;
  display: flex;
  align-items: center;
  gap: 8px;
}

.ModalStyle_1 .modal-dialog .modal-content .modal-body .ModalFooter.W_70_auto {
  width: 70%;
  margin: auto;
}

.ModalStyle_1 .modal-dialog .modal-content .modal-body .ModalFooter button {
  flex-grow: 1;
}

.invoiceModalBody {
  position: relative;
}

.invoiceModalBody .InvoiceData {
  position: relative;
  z-index: 2;
}

.invoiceModalBody .InvoiceData .headerInvoice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}

.invoiceModalBody .InvoiceData .headerInvoice .logoimae img {
  display: block;
  width: 160px;
}

.invoiceModalBody .InvoiceData .headerInvoice .NumberDateTime p {
  font-size: 14px;
  margin-bottom: 5px;
}

.invoiceModalBody .InvoiceData .headerInvoice .NumberDateTime p span {
  color: #0F0F0F;
}

.invoiceModalBody .InvoiceData .PaymentBoxs {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.invoiceModalBody .InvoiceData .PaymentBoxs .BoxItem {
  flex-grow: 1;
  width: 33.333%;
}

.invoiceModalBody .InvoiceData .PaymentBoxs .BoxItem h2 {
  font-size: 14px;
  font-weight: 700;
  font-family: "din_M";
  margin-bottom: 20px;
}

.invoiceModalBody .InvoiceData .PaymentBoxs .BoxItem p {
  font-size: 14px;
  font-weight: 400;
  font-family: "din_R";
  margin-top: 4px;
  text-align: start;
}

.invoiceModalBody .InvoiceData .DataCOntent .Title {
  margin: 30px 0;
}

.invoiceModalBody .InvoiceData .DataCOntent .Title h2 {
  font-size: 14px;
  font-weight: 700;
  font-family: "din_M";
}

.invoiceModalBody .InvoiceData .DataCOntent .Infos .infoItem {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
  margin: 12px 0;
}

.invoiceModalBody .InvoiceData .DataCOntent .Infos .infoItem p {
  font-size: 14px;
  font-weight: 400;
  font-family: "din_R";
  display: flex;
  align-items: center;
  gap: 6px;
  color: #0F0F0F;
}

.invoiceModalBody .InvoiceData .DataCOntent .Infos .infoItem p span {
  font-weight: 700;
  font-family: "din_M";
}

.invoiceModalBody .InvoiceData .DataCOntent .Infos .infoItem p img {
  filter: brightness(0) grayscale(0);
}

.invoiceModalBody .InvoiceData .DataCOntent .Infos .infoItem p.colored {
  font-size: 18px;
  font-weight: 500;
  font-family: "din_M";
  color: #0F0F0F !important;
}

.invoiceModalBody .InvoiceData .ResultDetails {
  background: transparent;
}

.InfosOrder {
  margin-bottom: 32px;
}

.InfosOrder .infoItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.InfosOrder .infoItem:last-child {
  margin-bottom: 0;
}

.InfosOrder .infoItem p {
  color: #0F0F0F;
  font-size: 14px;
  font-weight: 400;
}

.InfosOrder .infoItem p span {
  color: #6D6D6D;
}

.InfosOrder .infoItem p img {
  filter: brightness(0) grayscale(0);
}

.InfosOrder .infoItem p strong {
  font-size: 18px;
}

.ordrFollowItems .itemfollow {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 20px;
}

.ordrFollowItems .itemfollow:last-child {
  margin-bottom: 0;
}

.ordrFollowItems .itemfollow .Icon {
  display: flex;
  align-items: center;
  height: 44px;
  width: 44px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  border: 1px solid #6D6D6D;
  background: #6D6D6D;
}

.ordrFollowItems .itemfollow .Icon .checkLine {
  display: none;
}

.ordrFollowItems .itemfollow .Icon .curentspan {
  display: none;
  width: 30px;
  height: 30px;
  background: #1DB261;
  border-radius: 50%;
}

.ordrFollowItems .itemfollow .Icon .loading {
  display: block;
}

.ordrFollowItems .itemfollow .itemData {
  display: block;
  width: calc(100% - 56px);
}

.ordrFollowItems .itemfollow .itemData h2 {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 4px;
}

.ordrFollowItems .itemfollow .itemData p {
  font-size: 12px;
  font-weight: 400;
}

.ordrFollowItems .itemfollow.Done .Icon {
  border-color: #007B7D !important;
  background: #007B7D !important;
}

.ordrFollowItems .itemfollow.Done .Icon .checkLine {
  display: block !important;
}

.ordrFollowItems .itemfollow.Done .Icon .curentspan {
  display: none !important;
}

.ordrFollowItems .itemfollow.Done .Icon .loading {
  display: none !important;
}

.ordrFollowItems .itemfollow.Current .Icon {
  border-color: #1DB261 !important;
  background: #fff;
}

.ordrFollowItems .itemfollow.Current .Icon .checkLine {
  display: none !important;
}

.ordrFollowItems .itemfollow.Current .Icon .curentspan {
  display: block !important;
}

.ordrFollowItems .itemfollow.Current .Icon .loading {
  display: none !important;
}

.ordrFollowItems .itemfollow.Current .itemData h2 {
  color: #1DB261 !important;
}

.Rateing {
  margin-top: 0px;
}

.Rateing .rating-star {
  text-align: center;
  justify-content: center;
  margin-bottom: 20px;
}

.Rateing .rating-star .Selctedrate {
  font-size: 30px;
  margin: 0 4px;
}

.Rateing .rating-star .UnselectedRate {
  font-size: 30px;
  margin: 0 4px;
}

.Rateing h4 {
  font-size: 14px;
  margin: 0;
  text-align: center;
  font-weight: 400;
  font-family: "din_M";
}

.TapsDaysAndOptions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.TapsDaysAndOptions .nav .nav-item {
  margin: 0 8px;
}

.TapsDaysAndOptions .nav .nav-item .nav-link {
  font-size: 14px;
  color: #6D6D6D;
  font-weight: 400;
  font-family: "din_R";
  width: auto;
  padding: 0px !important;
  padding-bottom: 0px !important;
  background: none !important;
  border-bottom: 2px solid rgba(255, 255, 255, 0);
  border-radius: 0;
}

.TapsDaysAndOptions .nav .nav-item .nav-link:hover {
  color: #0F0F0F;
}

.TapsDaysAndOptions .nav .nav-item .nav-link.active {
  color: #0F0F0F;
  border-bottom: 2px solid #007B7D;
}

.TapsDaysAndOptions .CalendeLabel {
  position: relative;
}

.TapsDaysAndOptions .CalendeLabel label {
  cursor: pointer;
}

.TapsDaysAndOptions .CalendeLabel label img {
  display: inline-block;
}

.TapsDaysAndOptions .CalendeLabel input {
  position: absolute;
  top: 30px;
  left: -10px;
  width: 0;
  height: 0;
}

.TapsDaysAndOptions .refresh img {
  display: inline-block;
}

.popover {
  border: 0;
  background: #0B5E31;
  border-radius: 4px;
}

.popover .popover-body {
  padding: 15px;
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
.bs-popover-top>.popover-arrow::before {
  bottom: 1px;
  border-top-color: #0B5E31;
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
.bs-popover-top>.popover-arrow::after {
  border-top-color: #0B5E31;
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
.bs-popover-top>.popover-arrow::before {
  left: -1px;
  border-left-color: #0B5E31;
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
.bs-popover-top>.popover-arrow::after {
  border-left-color: #0B5E31;
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
.bs-popover-top>.popover-arrow::before {
  right: -1px;
  border-right-color: #0B5E31;
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
.bs-popover-top>.popover-arrow::after {
  border-right-color: #0B5E31;
}

.Calendertoltip h2 {
  font-size: 14px;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 4px;
}

.Calendertoltip p {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 100;
  font-family: 'din_R';
  opacity: .8;
  margin-top: 12px;
}

.CartShoppingItems {
  margin-bottom: 24px;
}

.CartShoppingItems .CartItem {
  margin-bottom: 24px;
  padding: 20px;
  border-radius: 4px;
}

.CartShoppingItems .CartItem .HeaderCart {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 8px;
}

.CartShoppingItems .CartItem .HeaderCart .Icon img {
  display: inline-block;
  height: 36px;
}

.CartShoppingItems .CartItem .HeaderCart .NotsCart span {
  display: flex;
  height: 44px;
  border-radius: 4px;
  background: #fff;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  color: #6D6D6D;
  font-size: 14px;
}

.CartShoppingItems .CartItem .Descrip {
  margin-bottom: 8px;
}

.CartShoppingItems .CartItem .Descrip p {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  font-family: "din_R";
}

.CartShoppingItems .CartItem .CartStatisc h2 {
  font-weight: 700;
  font-family: "din_R";
  display: flex;
  gap: 8px;
  font-size: 22px;
}

.CartShoppingItems .CartItem .CartStatisc h2 img {
  display: inline-block;
  filter: brightness(0) grayscale(0);
}

.FilterBar {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.FilterBar .RightSide .SubTitle {
  flex-grow: 1;
}

.FilterBar .RightSide .SubTitle h2 {
  font-size: 14px;
  font-weight: 500;
  font-family: "din_M";
}

.FilterBar .LeftSide {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.Tap_underLine_Style .nav {
  margin-bottom: 24px;
  border: 0;
  justify-content: center;
  border-bottom: 2px solid #EAEAEA;
}

.Tap_underLine_Style .nav .nav-item {
  flex-basis: auto;
  flex-grow: unset;
  text-align: center;
  width: 260px;
  position: relative;
  bottom: -1px;
}

.Tap_underLine_Style .nav .nav-item .nav-link {
  position: relative;
  border: 0;
  border-bottom: 2px solid #EAEAEA;
  font-size: 14px !important;
  color: #6D6D6D;
}

.Tap_underLine_Style .nav .nav-item .nav-link.active {
  border-color: #1DB261 !important;
  color: #0F0F0F;
}

.Tap_underLine_Style .nav .nav-item .nav-link:hover {
  border-color: #1DB261 !important;
  color: #0F0F0F;
}

.Tap_underLine_Style .nav .nav-item.w-100 {
  flex-grow: 1;
  flex-basis: 0;
}

.Tap_underLine_Style .nav .nav-item.w-100 .nav-link {
  padding: 10px 0;
}

.Tap_underLine_Style .nav .nav-item.w-auto {
  flex-grow: 1;
}

.Tap_underLine_Style .nav .nav-item.w-auto .nav-link {
  padding: 10px 0;
}

.OptionDropMenu {
  padding: 8px;
  border-radius: 4px;
  background: #007B7D;
  display: flex;
  align-items: center;
  gap: 32px;
  min-width: 150px;
  justify-content: space-between;
}

.OptionDropMenu .title {
  color: #FFFFFF;
  font-size: 14px;
}

.OptionDropMenu .dropdownActions .header-item {
  display: flex;
  height: 32px;
  width: 32px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: #fff;
  font-size: 14px;
}

.OptionDropMenu .dropdownActions .dropdown-menu {
  border-radius: 4px;
  border: 1px solid #EAEAEA;
  padding: 0px 16px;
  text-align: start;
  z-index: 99999;
}

.OptionDropMenu .dropdownActions .dropdown-menu .dropdown-item {
  border-bottom: 1px solid #EAEAEA;
  font-size: 14px;
  font-weight: 400;
  padding: 12px 0;
  background: transparent;
  transition: all 0.2s ease-in-out;
  font-family: "din_R";
}

.OptionDropMenu .dropdownActions .dropdown-menu .dropdown-item img {
  margin-inline-end: 7px;
  width: 22px;
}

.OptionDropMenu .dropdownActions .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0 !important;
}

.OptionDropMenu .dropdownActions .dropdown-menu .dropdown-item:hover {
  color: #1DB261 !important;
}

.ConfirmAccoring .accordion .accordion-item {
  border: 0;
  border-bottom: 1px solid #EAEAEA;
  padding: 32px 0;
  background: #fff;
}

.ConfirmAccoring .accordion .accordion-item:first-child {
  padding-top: 0;
}

.ConfirmAccoring .accordion .accordion-item:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0;
}

.ConfirmAccoring .accordion .accordion-item .accordion-header .accordion-button {
  background: #fff;
  display: flex;
  justify-content: space-between;
  box-shadow: none;
  outline: 0;
  padding: 0;
}

.ConfirmAccoring .accordion .accordion-item .accordion-header .accordion-button .DataSide {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #0F0F0F;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}

.ConfirmAccoring .accordion .accordion-item .accordion-header .accordion-button .DataSide .Count {
  display: flex;
  height: 35px;
  width: 35px;
  align-items: center;
  justify-content: center;
  background: rgba(65, 90, 62, 0.06);
  color: #007B7D;
  border-radius: 4px;
}

.ConfirmAccoring .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) span {
  color: #0F0F0F;
}

.ConfirmAccoring .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) img {
  transform: rotate(180deg);
}

.ConfirmAccoring .accordion .accordion-item .accordion-header .accordion-button::after {
  content: none;
}

.ConfirmAccoring .accordion .accordion-item .accordion-header .accordion-button img {
  transition: all 0.2s ease-in-out;
}

.ConfirmAccoring .accordion .accordion-item .accordion-body {
  padding: 0;
  padding-top: 32px;
}

.ConfirmAccoring .ConfermItems .itemconferm {
  margin-bottom: 16px;
}

.ConfirmAccoring .ConfermItems .itemconferm:last-child {
  margin-bottom: 0;
}

.ConfirmAccoring .ConfermItems .itemconferm p {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 4px;
  line-height: 24px;
}

.ConfirmAccoring .ConfermItems .itemconferm h2 {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 0;
  line-height: 24px;
  font-family: "din_M";
}

.ConfirmAccoring .ConfermItems .itemconferm h2.price img {
  filter: brightness(0) grayscale(0);
}

.ConfirmAccoring .ConfermItems .itemconferm .imageProfile {
  display: block;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0;
}

.ConfirmAccoring .ConfermItems .itemconferm .imageProfile img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  height: 100%;
}

.ConfirmAccoring .ConfermItems .itemconferm .imagesGroup .row .col-xs-6 {
  padding: 0 8px !important;
}

.ConfirmAccoring .ConfermItems .itemconferm .imagesGroup .ImageItem {
  position: relative;
  width: 100%;
  height: 130px;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 20px;
}

.ConfirmAccoring .ConfermItems .itemconferm .imagesGroup .ImageItem img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.ConfirmAccoring .ConfermItems .itemconferm .imagesGroup .ImageItem span {
  color: #FFFFFF;
  background: rgba(15, 15, 15, 0.6);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  height: 44px;
  line-height: 44px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.ConfirmAccoring .socialConferm {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.ConfirmAccoring .socialConferm img {
  display: inline-block;
  height: 24px;
}

.ConfirmAccoring .socialConferm p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #0F0F0F;
}

.ProdFatureTable .table {
  vertical-align: middle;
}

.ProdFatureTable .table tbody tr td {
  border: 1px solid #EAEAEA;
}

.ProdFatureTable .table tbody tr td p {
  color: #0F0F0F;
  font-size: 14px;
  min-width: 130px;
  padding: 5px;
}

.ProdFatureTable .table tbody tr:last-child td {
  border-bottom: 1px solid #EAEAEA;
}

.PorductPreview {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  position: relative;
}

.PorductPreview .BoxImage {
  display: block;
  width: 70px;
  height: 70px;
  overflow: hidden;
  border-radius: 4px;
}

.PorductPreview .BoxImage img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.PorductPreview .BoxData {
  display: block;
  width: calc(100% - 125px);
}

.PorductPreview .BoxData h2 {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
}

.PorductPreview .BoxData p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
}

.PorductPreview .PreviewLink {
  position: absolute;
  top: 0;
  left: 0;
  height: 44px;
  width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fafafa;
  border-radius: 4px;
}

.ArtistOwner {
  background: #F9F9F9;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 32px;
}

.ArtistOwner .ArtistData {
  display: flex;
  align-items: center;
  gap: 12px;
}

.ArtistOwner .ArtistData .image {
  width: 44px;
  height: 44px;
  border-radius: 4px;
  overflow: hidden;
}

.ArtistOwner .ArtistData .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.ArtistOwner .ArtistData .userNmae h2 {
  font-size: 14px;
  font-weight: 500;
  font-family: "din_M";
}

.ArtistOwner .PreviewLink {
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 4px;
}

.BoxNot {
  padding: 16px;
  border-radius: 4px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  background: #fafafa;
  margin-bottom: 24px;
}

.BoxNot .icon {
  position: relative;
  top: 5px;
}

.BoxNot .icon img {
  display: inline-block;
}

.BoxNot .descc {
  width: calc(100% - 24px);
  display: block;
}

.BoxNot .descc p {
  color: #0F0F0F;
  font-weight: 400;
  font-size: 14px;
}

.BoxNot_2 {
  padding: 16px;
  border-radius: 4px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  background: rgba(171, 78, 69, 0.06);
  margin-bottom: 24px;
}

.BoxNot_2 .icon {
  position: relative;
  top: 5px;
}

.BoxNot_2 .icon img {
  display: inline-block;
}

.BoxNot_2 .descc {
  width: calc(100% - 24px);
  display: block;
}

.BoxNot_2 .descc p {
  color: #0F0F0F;
  font-weight: 400;
  font-size: 14px;
}

.inputIcreaseDecrse {
  position: relative;
}

.inputIcreaseDecrse .input-group-btn.increase {
  position: absolute;
  top: 0;
  left: 0;
}

.inputIcreaseDecrse .input-group-btn.dcrasee {
  position: absolute;
  bottom: 0;
  left: 0;
}

.inputIcreaseDecrse .input-group-btn button {
  padding: 0;
  width: 30px;
  outline: 0;
}

.ImagePreviewItemBOX {
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}

.ImagePreviewItemBOX .image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 250px;
}

.ImagePreviewItemBOX .image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.ImagePreviewItemBOX .DeleteBOX {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  background: transparent;
  border-radius: 4px 0 4px 0;
  height: 44px;
  width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(15, 15, 15, 0.5);
  transition: all 0.2s ease-in-out;
}

.ImagePreviewItemBOX .DeleteBOX:hover {
  background: #D32A28;
}

.ImagePreviewItemBOX .ImageFullBox {
  position: relative;
}

.ImagePreviewItemBOX .ImageFullBox .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.ImagePreviewItemBOX .ImageFullBox .CheckImageProduct {
  display: flex;
  border-radius: 4px;
  height: auto;
  background: #fff;
  align-items: center;
  justify-content: center;
  padding: 8px 4px;
  width: 90%;
  margin: auto;
  position: absolute;
  bottom: 15px;
  left: 5%;
}

.ImagePreviewItemBOX .ImageFullBox .CheckImageProduct .bg {
  width: 100%;
}

.ImagePreviewItemBOX .ImageFullBox .CheckImageProduct .bg .chiller_cb {
  width: 100%;
}

.ImagePreviewItemBOX .ImageFullBox .CheckImageProduct .bg .chiller_cb label {
  width: 100%;
  padding-inline-start: 32px;
  margin: 0;
  text-align: center;
  color: #007B7D;
}

.ImagePreviewItemBOX .ImageFullBox .CheckImageProduct .bg .chiller_cb span {
  right: 7px;
}

.ImagePreviewItemBOX .ImageFullBox .CheckImageProduct .bg .chiller_cb input:checked~span {
  background: #FFFFFF;
  border-color: #FFFFFF;
}

.mazadWinerBox .image {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  margin: auto;
  margin-bottom: 24px;
}

.mazadWinerBox .image img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  height: 100%;
}

.mazadWinerBox .Data {
  text-align: center;
}

.mazadWinerBox .Data h2 {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 4px;
}

.mazadWinerBox .Data p {
  color: #007B7D;
  font-size: 20px;
}

.mazadWinerBox .desc {
  margin-bottom: 24px;
}

.mazadWinerBox .desc p {
  font-size: 14px;
}

.StatusItem span {
  min-width: 145px;
  max-width: 160px;
  height: 44px;
  padding: 0 16px;
  border-radius: 4px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.StatusItem span.active {
  background: rgba(59, 163, 111, 0.06);
  color: #3BA36F;
}

.StatusItem span.block {
  background: rgba(171, 78, 69, 0.06);
  color: #D32A28;
}

.StatusItem span.waiting {
  background: #FFFFFF14;
  color: #1DB261;
}

.StatusItem span.warning {
  background: #FFFFFF14;
  color: #1DB261;
}

.StatusItem span.success {
  background: rgba(59, 163, 111, 0.06);
  color: #3BA36F;
}

.imageProfile {
  display: block;
  width: 140px;
  height: 140px;
  margin: auto;
  position: relative;
  margin-bottom: 40px;
  margin-top: 40px;
}

.imageProfile .image {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.imageProfile .image img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #EAEAEA;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.imageProfile .ProfileImagelable {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 45px;
  height: 45px;
  background: #1DB261;
  border-radius: 50%;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.deleteImageBox {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.deleteImageBox .DeleteImage {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  width: -moz-max-content;
  width: max-content;
  background: transparent;
  position: relative;
  margin: auto;
  margin-top: 12px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 0;
}

.deleteImageBox .DeleteImage img {
  display: block;
  height: 22px;
  width: 22px;
}

.deleteImageBox p {
  font-size: 14px;
}

.BankItemData .logoBank {
  margin-bottom: 16px;
}

.BankItemData .logoBank img {
  height: 56px;
  margin-bottom: 12px;
}

.BankItemData .logoBank h2 {
  font-size: 18px;
}

.BankItemData .InfosBankAccount .infoItem {
  margin-bottom: 16px;
}

.BankItemData .InfosBankAccount .infoItem:last-child {
  margin-bottom: 0;
}

.BankItemData .InfosBankAccount .infoItem p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 4px;
}

.BankItemData .InfosBankAccount .infoItem h2 {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  font-weight: 400;
}

.BankItemData .InfosBankAccount .infoItem h2 img {
  display: inline-block;
  cursor: pointer;
}

.SubBoxWaletData {
  border-radius: 4px;
  padding: 32px;
}

.SubBoxWaletData .price {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  margin-bottom: 16px;
}

.SubBoxWaletData .price h2 {
  color: #007B7D;
  font-size: 34px;
  font-weight: 500;
  line-height: 20px;
}

.SubBoxWaletData .price img {
  display: inline-block;
  padding-bottom: 3px;
  height: 20px;
}

.SubBoxWaletData .price.color_sec h2 {
  color: #1DB261;
}

.SubBoxWaletData .price.color_red h2 {
  color: #D32A28;
}

.SubBoxWaletData .price.color_green h2 {
  color: #19875B;
}

.SubBoxWaletData .price.color_pink h2 {
  color: #9747FF;
}

.SubBoxWaletData .titileDesc {
  text-align: start;
}

.SubBoxWaletData .titileDesc h2 {
  font-weight: 700;
  margin-bottom: 4px;
  font-size: 14px;
}

.SubBoxWaletData .titileDesc p {
  font-size: 14px;
  font-weight: 400;
}

.SubBoxWaletData .upperBox {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.SubBoxWaletData .subInfos {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-top: 24px;
  flex-wrap: wrap;
}

.SubBoxWaletData .subInfos .infoItem {
  display: flex;
  align-items: center;
  gap: 32px;
}

.SubBoxWaletData .subInfos .infoItem p {
  font-size: 14px;
  color: #0F0F0F;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
}

.SubBoxWaletData .subInfos .infoItem p span {
  display: block;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #007B7D;
}

.SubBoxWaletData .subInfos .infoItem p span.color_sec {
  background: #1DB261;
}

.SubBoxWaletData .subInfos .infoItem p img {
  filter: brightness(0) grayscale(0);
}

.BankTrsnferImage {
  display: block;
  width: 250px;
  height: a;
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  overflow: hidden;
}

.BankTrsnferImage img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  display: block;
  width: 100%;
  height: auto;
}

.CommentsGroup .Title {
  margin-bottom: 40px;
}

.CommentsGroup .Title h2 {
  font-size: 20px;
  font-weight: 900;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.CommentsGroup .Title h2 span {
  color: #1DB261;
}

.CommentsGroup .Title p {
  font-weight: 400;
  font-size: 14px;
}

.CommentsGroup .CommentItems .ItemComment {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #EAEAEA;
}

.CommentsGroup .CommentItems .ItemComment:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0 !important;
}

.CommentsGroup .CommentItems .ItemComment hr {
  margin-top: 20px;
  margin-bottom: 20px;
}

.CommentsGroup .CommentItems .ItemComment .UserImage {
  display: block;
  width: 44px;
  height: 44px;
  overflow: hidden;
  border-radius: 50%;
}

.CommentsGroup .CommentItems .ItemComment .UserImage img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.CommentsGroup .CommentItems .ItemComment .DataComment {
  width: calc(100% - 70px);
  position: relative;
}

.CommentsGroup .CommentItems .ItemComment .DataComment .UpperBox {
  position: relative;
}

.CommentsGroup .CommentItems .ItemComment .DataComment .Deleteitem {
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
  border: 0;
  outline: 0;
  box-shadow: none;
  height: auto;
  width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.CommentsGroup .CommentItems .ItemComment .DataComment h2 {
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 32px;
  font-weight: 700;
  margin-bottom: 12px;
}

.CommentsGroup .CommentItems .ItemComment .DataComment h2 span {
  color: #6D6D6D;
  font-weight: 400;
}

.CommentsGroup .CommentItems .ItemComment .DataComment p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 12px;
}

.CommentsGroup .CommentItems .ItemComment .DataComment .replayIicon button {
  background: transparent;
  border: 0;
  box-shadow: none;
  outline: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.CommentsGroup .CommentItems .ItemComment .DataComment .replayesItems .ItemReplay {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 12px;
}

.CommentsGroup .CommentItems .ItemComment .DataComment .replayesItems .ItemReplay:last-child {
  margin-bottom: 0;
}

.GenrateCoponlabelLink {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.GenrateCoponlabelLink button {
  background: transparent;
  color: #007B7D;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 12px;
}

.RollesBox {
  padding: 24px;
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  margin-bottom: 20px;
  height: calc(100% - 20px);
}

.RollesBox h2 {
  font-size: 14px;

}
.RollesBox .rolls-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #EAEAEA;
}

.RollesBox .chiller_cb span {
  top: 5px;
}

.RollesBox .chiller_cb label {
  padding-inline-start: 30px;
}



.master-toggle {
            display: flex;
            align-items: center;
            gap: 8px;
            cursor: pointer;
            user-select: none;
        }
        .master-toggle input[type="checkbox"] {
            display: none;
        }
        .master-toggle .toggle-track {
            position: relative;
            width: 40px;
            height: 22px;
            background: #e0e0e0;
            border-radius: 999px;
            transition: background .2s;
            flex-shrink: 0;
        }
        .master-toggle .toggle-track::after {
            content: '';
            position: absolute;
            top: 3px;
            right: 3px;
            width: 16px;
            height: 16px;
            background: #fff;
            border-radius: 50%;
            transition: transform .2s;
            box-shadow: 0 1px 3px rgba(0,0,0,.2);
        }
        .master-toggle input:checked ~ .toggle-track {
            background: var(--main-color, #2ecc71);
        }
        .master-toggle input:checked ~ .toggle-track::after {
            transform: translateX(-18px);
        }
        .master-toggle .toggle-label {
            font-size: 13px;
            font-weight: 600;
            color: #211E1F;
            white-space: nowrap;
        }
        /* select-all row */
        .select-all-row {
            background: #fff;
            border: 1px solid #EAEAEA;
            border-radius: 4px;
            padding: 10px 16px;
            margin-bottom: 16px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .select-all-row span {
            font-size: 14px;
            font-weight: 700;
            color: #333;
        }


.FastLinkBox .LinkItem {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  justify-content: space-between;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #EAEAEA;
}

.FastLinkBox .LinkItem:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0 !important;
}

.FastLinkBox .LinkItem .RigthSide {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.FastLinkBox .LinkItem .RigthSide .Datata h2 {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 4px;
  font-family: "din_M";
}

p,
a,
input,
label,
.form-control,
li,
.theme-btn,
.header-item,
button {
  font-size: 14px !important;
}

.note-dropdown-menu {
  left: auto !important;
  right: 0;
}

.tagify.form-control {
  background: transparent !important;
}

.SelectManager .select2-container--default .select2-selection--single .select2-selection__rendered img {
  border-radius: 4px;
  overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  height: 35px !important;
  width: 35px !important;
}

.SelectManager .select2-results__option[aria-selected] img {
  border-radius: 4px;
  overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  height: 35px !important;
  width: 35px !important;
}

.footer {
  min-height: 60px;
  height: auto;
}

.footer .BTNFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.page-content {
  padding: 20px 20px 90px 20px;
}

.iti--separate-dial-code .iti__selected-flag {
  background: transparent;
  direction: ltr;
}

.iti__country-list {
  left: 0;
  right: auto;
}

.iti--separate-dial-code .iti__selected-dial-code {
  border-inline-end: 1px solid #EAEAEA;
  padding-inline-end: 15px;
  font-family: sans-serif;
  font-weight: 100;
}

.img-reflection {
  background-position: left top;
  position: relative;
  overflow: hidden;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.img-reflection:after {
  content: "";
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  width: 35%;
  height: 200%;
  left: -100%;
  top: -50%;
  transition: all 0.5s linear;
  transform: rotate(40deg);
}

.img-reflection:hover:after {
  left: 150%;
}

/**************/
.max_w_100 {
  max-width: 100% !important;
}

.redColor {
  color: #D32A28 !important;
}

.fs_44px {
  font-size: 44px;
}

.fs_20px {
  font-size: 20px;
}

.radius_100px {
  border-radius: 50% !important;
}

.radius_4px {
  border-radius: 4px !important;
}

.fs_12 {
  font-size: 12px !important;
}

.p_Start_10 {
  padding-inline-start: 10px !important;
}

.p_Start_48 {
  padding-inline-start: 48px !important;
}

.w-65px {
  width: 65px !important;
}

.w_255px {
  width: 250px !important;
}

.m_w_255px {
  max-width: 250px !important;
}

.m_w_300px {
  max-width: 300px !important;
}

.m_w_150px {
  min-width: 150px !important;
}

.max_width_150 {
  max-width: 150px;
}

.g-4px {
  gap: 4px;
}

.g_8px {
  gap: 8px;
}

.g_12px {
  gap: 12px;
}

.g_16px {
  gap: 16px;
}

.g_24px {
  gap: 24px;
}

.g_20px {
  gap: 20px;
}

.w_max {
  width: -moz-max-content;
  width: max-content !important;
}

.w_30px {
  width: 30px !important;
}

.w_40px {
  width: 40px !important;
}

.h_40px {
  height: 40px !important;
}

.h_44px {
  height: 44px !important;
}

.w_44px {
  width: 44px !important;
}

.w_50px {
  width: 50px !important;
}

.h_50px {
  height: 50px !important;
}

.w_38px {
  width: 38px !important;
}

.h_38px {
  height: 38px !important;
}

.m_w_auto {
  min-width: -moz-max-content !important;
  min-width: max-content !important;
}

#preloader {
  background: #005556;
}
.loader_New {
  width: 60px;
  aspect-ratio: 2;
  --_g: no-repeat radial-gradient(circle closest-side,#1fb261 90%,#0000);
  background: 
    var(--_g) 0%   50%,
    var(--_g) 50%  50%,
    var(--_g) 100% 50%;
  background-size: calc(100%/3) 50%;
  animation: l3 1s infinite linear;
}
@keyframes l3 {
    20%{background-position:0%   0%, 50%  50%,100%  50%}
    40%{background-position:0% 100%, 50%   0%,100%  50%}
    60%{background-position:0%  50%, 50% 100%,100%   0%}
    80%{background-position:0%  50%, 50%  50%,100% 100%}
}

.toast {
  min-width: 300px;
  -webkit-padding-end: 15px !important;
  padding-inline-end: 15px !important;
}

#toast-container>.toast-error {
  /* background-image: url(../images/yadawia/close_not.png) !important; */
  background-image: none !important;
  background-position: calc(100% - 10px) center;
  /* padding-right: 50px; */
  direction: rtl;
}

.toast-message {
  font-family: "din_R";
}

#toast-container>div {
  box-shadow: none;
  opacity: 1;
  width: 265px;
  border: 0;
  border-radius: 0;
}

#toast-container>div:hover {
  box-shadow: none;
}

.toast-error {
  background: #D32A28;
}

#toast-container>.toast-success {
  /* background-image: url(../images/yadawia/checkbox-circle-line.svg) !important; */
  background-image: none !important;
  background-position: calc(100% - 10px) center;
  /* padding-right: 50px; */
  direction: rtl;
}

.toast-success {
  background: #00935E;
}

.theme-btn.disabled {
  background: #6D6D6D;
  border-color: #6D6D6D;
  cursor: no-drop;

}

.copyWriteAuth {
  margin-top: 24px;
}

.copyWriteAuth p {
  text-align: center;
  color: #6D6D6D;
}

.copyWriteAuth p a {
  color: #1DB261;
  transition: all .4s ease-in-out;
}

.copyWriteAuth p a:hover {
  text-decoration: underline;
}


.flex_Grow_box {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 12px;
}

.flex_Grow_box .form-group {
  flex-grow: 1;
}

.deviderLine {
  margin-top: 20px;
  margin-bottom: 20px !important;
}

.deviderLine hr {
  border-top: 1px solid rgb(255 255 255 / 12%);
  margin: 0;
}

.doblyVersionSide {
  text-align: center;
  color: #bcbcbc;
  width: 100%;
  white-space: break-spaces;
  font-size: 14px !important;
  line-height: revert;
  margin-top: 16px;
}

.vertical-collpsed .doblyVersionSide {
  display: none;
}

.CenterContntPage {}

.leftSideNotfication {
  position: fixed;
  left: 0;
  width: 332px;
  top: 0;
  padding: 0 20px;
  height: 100vh;
  background: #fff;

}

.ActivitiesSide {
  height: calc(100vh - 100px);
}

.ActivitiesSide .ActivityItem {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;

}

.ActivitiesSide .ActivityItem .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 4px;
  background: #007B7D14;
}

.ActivitiesSide .ActivityItem .icon img {
  display: inline-block;
  height: 22px;
}

.ActivitiesSide .ActivityItem .Data {
  display: block;
  width: calc(100% - 62px);
}

.ActivitiesSide .ActivityItem .Data p {
  font-size: 14px;
  color: #211E1F;

}

.ActivitiesSide .ActivityItem .Data p span {
  color: #1DB261;

}

.ActivitiesSide .ActivityItem .Data .timee {
  font-size: 12px;
  color: #6D6D6D;
}



.createShippigBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  gap: 12px 32px;
  background: #1DB261;
  background-image: url(../images/dobly/banner.png);
  background-size: cover;
  background-position: center;
  border-radius: 4px;
  flex-wrap: wrap;
}

.createShippigBox .rightSide {}

.createShippigBox .rightSide h2 {
  font-size: 20px;
  color: #fff;
  margin-bottom: 4px;
  font-weight: 600;
}

.createShippigBox .rightSide p {
  color: #fff;
  opacity: .8;
}

.createShippigBox .leftSide {}




.StaticsBox {}

.StaticsBox .itemStatisticBox {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}

.StaticsBox .itemStatisticBox .icon {
  display: flex;
  height: 44px;
  width: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: #007B7D14;
}

.StaticsBox .itemStatisticBox .icon img {
  display: inline-block;
  height: 22px;
}

.StaticsBox .itemStatisticBox .DataBox {
  display: block;
  width: calc(100% - 62px);
}

.StaticsBox .itemStatisticBox .DataBox p {
  color: #6D6D6D;
  display: flex;
  gap: 4px;
  margin-bottom: 4px;
}

.StaticsBox .itemStatisticBox .DataBox p strong {
  font-size: 20px;
  color: #211E1F;
  font-weight: 700;
}

.StaticsBox .itemStatisticBox .DataBox p img {}

.StaticsBox .itemStatisticBox .DataBox p span {
  color: #211E1F;
}

.StaticsBox .itemStatisticBox .DataBox p span.increase {
  color: #00C249;
  font-size: 12px;
}

.StaticsBox .itemStatisticBox .DataBox p span.decrease {
  color: #D32A28;
  font-size: 12px;
}


.Border_right_EAEAEA {
  border-inline-start: 1px solid #EAEAEA;
}

.Border_left_EAEAEA {
  border-inline-end: 1px solid #EAEAEA;
}



.AddCustomShippingBox {
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  position: sticky;
  top: 8px;
  z-index: 9999999;
  background: #fff;
  transition: all .4s ease-in-out;

}

.AddCustomShippingBox .GridItems {}

.AddCustomShippingBox .GridItems .ItemBox {
  position: relative;
  border-inline-end: 1px solid #EAEAEA;
  border-block-end: 1px solid #EAEAEA;
}

.AddCustomShippingBox .GridItems .ItemBox:last-child {
  border-block-end: 0;
}

.AddCustomShippingBox .GridItems .ItemBox .dropdown {
  
}

.AddCustomShippingBox .GridItems .ItemBox .dropdown .header-item {
  height: 59px;
  display: block;
  position: relative;
  padding-inline-start: 40px;
  padding-inline-end: 24px;
  background: transparent;
  text-align: start;
  color: #8D8D8D;
  font-family: "din_R";
  width: 100%;
  z-index: 2;
}

.AddCustomShippingBox .GridItems .ItemBox .form-control {
  height: 59px;
  display: block;
  position: relative;
  padding-inline-start: 40px;
  padding-inline-end: 40px;
  background: transparent;
  text-align: start;
  color: #211E1F;
  font-family: "din_R";
  border-radius: 0;
  border: 0;
  outline: 0;
  box-shadow: none;
}

.AddCustomShippingBox .GridItems .ItemBox .form-control:disabled {
  background: #f6f6f6;
}
[type=tel] {
    direction: rtl;
}
.AddCustomShippingBox .GridItems .ItemBox .NoTahselNeed {
  height: 59px;
  display: block;
  position: relative;
  background: transparent;
  text-align: start;
  color: #211E1F;
  font-family: "din_R";
  border-radius: 0;
  border: 0;
  outline: 0;
  box-shadow: none;
  background: #f6f6f6;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.AddCustomShippingBox .GridItems .ItemBox .form-control::placeholder {
  color: #6D6D6D;
}

.AddCustomShippingBox .GridItems .ItemBox textarea.form-control {
  padding-top: 22px;
}

.AddCustomShippingBox .GridItems .ItemBox .dropdown .header-item p {}

.AddCustomShippingBox .GridItems .ItemBox .dropdown .header-item span {}

.AddCustomShippingBox .GridItems .ItemBox .dropdown .dropdown-menu {
  border-radius: 4px;
  border: 0px solid #EAEAEA;
  box-shadow: 0px 0px 20px 0px #19547D0F;
  padding: 8px 16px;
  text-align: start;
  z-index: 99999999;
  width: 100%;
  right: 0% !important;
}

.AddCustomShippingBox .GridItems .ItemBox .IconSHape {
  position: absolute;
  top: 0;
  height: 59px;
  display: flex;
  align-items: center;
  width: 48px;
  justify-content: center;
  z-index: 1;
}

.AddCustomShippingBox .GridItems .ItemBox .IconSHape img {
  display: block;
  height: 22px;
}

.AddCustomShippingBox .GridItems .ItemBox .IconSHape_2_d {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  align-items: center;
  width: 38px;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
}

.AddCustomShippingBox .GridItems .ItemBox .IconSHape_2_d img {
  display: block;
  width: 14px;
  height: auto;
}

.AddCustomShippingBox .GridItems .ItemBox .IconSHape_2_d span {
  color: #007B7D;
  font-size: 14px;
}

.AddCustomShippingBox .GridItems .ItemBox button.IconSHape_2_d {
  background: transparent;
}

.AddCustomShippingBox .GridItems .ItemBox .IconSHape_2_drop {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  align-items: center;
  width: 44px;
  justify-content: center;
  cursor: pointer;
  z-index: 99999;
}

.AddCustomShippingBox .GridItems .ItemBox .IconSHape_2_drop .DropDowenUsers {
  position: relative;
  z-index: 99999;
  width: 100%;
  display: flex;
  justify-content: center;
}

.AddCustomShippingBox .GridItems .ItemBox .IconSHape_2_drop .DropDowenUsers .header-item {
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}

.AddCustomShippingBox .GridItems .ItemBox .IconSHape_2_drop .DropDowenUsers .header-item img {
  display: block;
  width: 12px;
  height: auto;
}

.AddCustomShippingBox .GridItems .ItemBox .IconSHape_2_drop .DropDowenUsers .dropdown-menu {
  border-radius: 4px;
  right: auto !important;
  left: 2px !important;
  min-width: 245px;
  padding: 12px;
}

.AddCustomShippingBox .GridItems .ItemBox .IconSHape_2_drop .DropDowenUsers .SearchBoxDrop {
  position: relative;
}

.AddCustomShippingBox .GridItems .ItemBox .IconSHape_2_drop .DropDowenUsers .SearchBoxDrop .form-control {
  height: 44px;
  border: 1px solid #EAEAEA;
  background: #F6F6F6;
  border-radius: 4px;
  padding-top: 0;
  padding-bottom: 0;
}

.AddCustomShippingBox .GridItems .ItemBox .IconSHape_2_drop .DropDowenUsers .SearchBoxDrop .IconSHape {
  height: 44px;
}

.AddCustomShippingBox .GridItems .ItemBox .IconSHape_2_drop .DropDowenUsers .GroupDropItems {
  max-height: 280px;
  overflow-x: hidden;
}

.AddCustomShippingBox .GridItems .ItemBox .IconSHape_2_drop .DropDowenUsers .GroupDropItems .UserItemDrop {
  align-items: center;
}

.AddCustomShippingBox .GridItems .ItemBox .IconSHape_2_drop .DropDowenUsers .GroupDropItems .UserItemDrop .Userata {}

.AddCustomShippingBox .GridItems .ItemBox .IconSHape_2_drop .DropDowenUsers .GroupDropItems .UserItemDrop .Userata .userInfo {}

.AddCustomShippingBox .GridItems .ItemBox .IconSHape_2_drop .DropDowenUsers .GroupDropItems .UserItemDrop .Userata .userInfo p {
  color: #211E1F;
  font-size: 14px;
}

.AddCustomShippingBox .GridItems .ItemBox .IconSHape_2_drop .DropDowenUsers .GroupDropItems .UserItemDrop .Userata .userInfo span {
  color: #6D6D6D;
  font-size: 14px;
}

.AddCustomShippingBox .GridItems .ItemBox .IconSHape_2_drop .DropDowenUsers .GroupDropItems .UserItemDrop .CheckLable {}

.AddCustomShippingBox .GridItems .ItemBox .IconSHape_2_drop .DropDowenUsers .AddNewClient {
  padding-top: 12px;
  border-top: 1px solid #EAEAEA;
}

.AddCustomShippingBox .GridItems .ItemBox .shippingAmount {
  background: linear-gradient(90deg, rgba(29, 178, 97, 0.08) 0%, rgba(0, 85, 86, 0.08) 100%);
  height: 59px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.AddCustomShippingBox .GridItems .ItemBox .shippingAmount p {
  color: #211E1F;
}

.AddCustomShippingBox .GridItems .ItemBox .shippingAmount p span {
  color: #6D6D6D;
}

.AddCustomShippingBox .GridItems .customItmSelect .select2-container--default .select2-selection--single {
  height: 59px;
  border: 0;
}

.AddCustomShippingBox .GridItems .customItmSelect .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 59px;
}

.select2-container--open .select2-dropdown--below {
  border: 0;
  box-shadow: 0px 0px 20px 0px #19547D0F;
}

.AddCustomShippingBox .GridItems .theme-btn {
  width: 100%;
  min-width: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0;
  border-radius: 4px 0 0 4px;
  line-height: inherit;
  gap: 12px;
}

.AddCustomShippingBox .GridItems .theme-btn::before {
  width: 230%;
}
  .AddCustomShippingBox .GridItems .theme-btn.disabled{
    pointer-events: none;
  }

.SelectCustomrAddBox {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}


.ModalAuth .inputGroup .dropdown .header-item {
  padding-inline-start: 45px;
  padding-inline-end: 16px;
  border: 1px solid #EAEAEA;
  height: 44px;
  border-radius: 4px;
  width: 100%;
  text-align: start;
  color: #211E1F;
}

.ModalAuth .inputGroup .DropDowenUsers .dropdown-menu {
  border-radius: 4px;
  right: 0 !important;
  left: auto !important;
  min-width: 100%;
  padding: 12px;
  z-index: 9999999;
}

.ModalAuth .inputGroup .DropDowenUsers .SearchBoxDrop {
  position: relative;
}

.ModalAuth .inputGroup .DropDowenUsers .SearchBoxDrop .form-control {
  height: 44px;
  border: 1px solid #EAEAEA;
  background: #F6F6F6;
  border-radius: 4px;
  padding-top: 0;
  padding-bottom: 0;
}

.ModalAuth .inputGroup .DropDowenUsers .SearchBoxDrop .IconSHape {
  height: 44px;
}

.ModalAuth .inputGroup .DropDowenUsers .GroupDropItems {
  max-height: 200px;
  overflow-x: hidden;
}

.ModalAuth .inputGroup .DropDowenUsers .GroupDropItems .UserItemDrop {
  align-items: center;
}

.ModalAuth .inputGroup .DropDowenUsers .GroupDropItems .UserItemDrop .Userata {}

.ModalAuth .inputGroup .DropDowenUsers .GroupDropItems .UserItemDrop .Userata .userInfo {}

.ModalAuth .inputGroup .DropDowenUsers .GroupDropItems .UserItemDrop .Userata .userInfo p {
  color: #211E1F;
  font-size: 14px;
}

.ModalAuth .inputGroup .DropDowenUsers .GroupDropItems .UserItemDrop .Userata .userInfo span {
  color: #6D6D6D;
  font-size: 14px;
}

.ModalAuth .inputGroup .DropDowenUsers .GroupDropItems .UserItemDrop .CheckLable {}

.ModalAuth .inputGroup .DropDowenUsers .AddNewClient {
  padding-top: 12px;
  border-top: 1px solid #EAEAEA;
}



.selectProductandValueModalBody {}

.selectProductandValueModalBody .form-group .inputGroup .form-control {
  height: 44px;
  border: 1px solid #EAEAEA;
  background: #F6F6F6;
  border-radius: 4px;
  padding-top: 0;
  padding-bottom: 0;
}

.selectProductandValueModalBody .prodItemsValu {
  max-height: 290px;
  overflow-x: hidden;
  padding-top: 20px;
}

.selectProductandValueModalBody .prodItemsValu .itemProd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #eaeaea;
}

.selectProductandValueModalBody .prodItemsValu .itemProd:last-child {
  margin-bottom: 0;
  border-bottom: 0 !important;
}

.selectProductandValueModalBody .prodItemsValu .itemProd .rightSide {}

.selectProductandValueModalBody .prodItemsValu .itemProd .rightSide h2 {
  font-size: 14px;
  color: #211E1F;
  margin-bottom: 4px;
  font-weight: 500;
  font-family: 'din_R';
}

.selectProductandValueModalBody .prodItemsValu .itemProd .rightSide p {
  color: #6D6D6D;
  font-size: 14px;
}

.selectProductandValueModalBody .prodItemsValu .itemProd .leftSide {
  display: flex;
  align-items: center;
  gap: 8px;
}

.selectProductandValueModalBody .prodItemsValu .itemProd .leftSide .inputIcreaseDecrse {}

.selectProductandValueModalBody .prodItemsValu .itemProd .leftSide .inputIcreaseDecrse .form-control {
  width: 85px;
  text-align: center;
  border: 1px solid #EAEAEA;
  height: 44px;
  border-radius: 4px;
}

.selectProductandValueModalBody .prodItemsValu .itemProd .leftSide .inputIcreaseDecrse .increase {
  height: 44px;
  right: 0;
  display: flex;
  outline: 0;
  border: 0;
}

.selectProductandValueModalBody .prodItemsValu .itemProd .leftSide .inputIcreaseDecrse .increase button {
  outline: 0;
  border: 0;
}

.selectProductandValueModalBody .prodItemsValu .itemProd .leftSide .inputIcreaseDecrse .dcrasee {
  height: 44px;
  left: 0;
  display: flex;
  outline: 0;
  border: 0;
}

.selectProductandValueModalBody .prodItemsValu .itemProd .leftSide .inputIcreaseDecrse .dcrasee button {
  outline: 0;
  border: 0;
}


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

.inputIcreaseDecrse_style_2 .form-control {
  width: 100%;
  text-align: center;
  border: 1px solid #EAEAEA;
  height: 44px;
  border-radius: 4px;
  box-shadow: none;
  outline: 0;
}

.inputIcreaseDecrse_style_2 .increase {
  height: 44px;
  right: 35%;
  display: flex;
  outline: 0;
  border: 0;
  width: 44px;
}

.inputIcreaseDecrse_style_2 .increase button {
  outline: 0;
  border: 0;
  width: 44px;
}

.inputIcreaseDecrse_style_2 .dcrasee {
  height: 44px;
  left: 35% !important;
  display: flex;
  outline: 0;
  border: 0;
  width: 44px;
}

.inputIcreaseDecrse_style_2 .dcrasee button {
  outline: 0;
  border: 0;
  width: 44px;
}



.ShippingRefranceBox {

  background-image: url(../images/dobly/bgg.jpg);
  background-position: center;
  background-size: cover;
  position: fixed;
  bottom: 10px;
  left: 32px;
  width: calc(100% - (250px + 64px));
  transition: all .0s ease-in-out;
  z-index: 9999;
  border-radius: 4px;
  overflow: hidden;
}

.ShippingRefranceBox .overlayy {
  padding: 16px 20px;
  background: #1db261d4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.vertical-collpsed .ShippingRefranceBox {
  width: calc(100% - (80px + 64px));
}

.ShippingRefranceBox .rightSide {
  display: flex;
  align-items: center;
  gap: 20px;
}

.ShippingRefranceBox .rightSide .titile {}

.ShippingRefranceBox .rightSide .titile h2 {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  font-family: 'din_R'
}

.ShippingRefranceBox .rightSide .refItems {
  display: flex;
  align-items: center;
  gap: 24px;
}

.ShippingRefranceBox .rightSide .refItems .itemref {
  display: flex;
  align-items: center;
  gap: 20px;
}

.ShippingRefranceBox .rightSide .refItems .itemref .icon {
  display: flex;
  height: 44px;
  width: 44px;
  background: #FFFFFF33;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
}

.ShippingRefranceBox .rightSide .refItems .itemref .icon img {
  display: block;
  width: 22px;
}

.ShippingRefranceBox .rightSide .refItems .itemref .data {}

.ShippingRefranceBox .rightSide .refItems .itemref .data h2 {
  font-size: 20px;
  font-family: 'din_B';
  font-weight: 700;
  color: #fff;
}

.ShippingRefranceBox .rightSide .refItems .itemref .data h2 span {
  font-size: 14px;
  font-weight: 400;
  font-family: 'din_R';
}

.ShippingRefranceBox .rightSide .refItems .itemref .data p {
  color: #fff;
  opacity: .8;
}

.ShippingRefranceBox .leftSide {}

.pb_8rem {
  padding-bottom: 8rem !important;
}




.emptyBoxBody {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  text-align: center;
}

.emptyBoxBody img {
  margin: auto;
  width: 64px;
  margin-bottom: 12px;
}

.emptyBoxBody h2 {
  font-size: 14px;
  margin-bottom: 4px;
}

.emptyBoxBody p {}



.QrImageModal {
  padding: 24px;

  align-items: center;
  justify-content: center;
  width: 100%;
  border: 1px solid #EAEAEA;
  border-radius: 4px;
}

.QrImageModal p {
  text-align: center;
  margin-top: 4px;
}

.QrImageModal p span {
  color: #1DB261;
}

.QrImageModal img {
  display: block;
  width: 164px;
  height: 164px;
  margin: auto;

}



.CHatModal {}



.CHatModal .ChatHeadr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #F6F6F6;
  padding: 12px 16px;
  border-radius: 4px;
}

.CHatModal .ChatHeadr .userData {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.CHatModal .ChatHeadr .userData .image {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
}

.CHatModal .ChatHeadr .userData .image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.CHatModal .ChatHeadr .userData .datainfo {}

.CHatModal .ChatHeadr .userData .datainfo h2 {
  font-size: 14px;
  font-weight: 400;
  font-family: 'din_R';
}

.CHatModal .ChatHeadr .userData .datainfo p {
  font-size: 14px;
  font-weight: 400;
  font-family: 'din_R';
}

.CHatModal .ChatHeadr .btn-close {
  display: flex;
  align-items: center;
  position: relative;
  border: 1px solid #eaeaea;
  height: 42px;
  width: 42px;
  filter: grayscale(0);
  padding: 0;
}


.CHatModal .ChatBody {
  height: 485px;
  overflow: auto;
}

.CHatModal .ChatBody ul {}

.CHatModal .ChatBody ul .MessageItem {
  margin-bottom: 30px;

}

.CHatModal .ChatBody ul .MessageItem:last-child {
  margin-bottom: 0;
}

.CHatModal .ChatBody ul .MessageItem .MessageContent {
  background: #F6F6F6;
  padding: 16px;
  border-radius: 4px;
  margin-top: 10px;
  width: max-content;
  max-width: 85%;
}

.CHatModal .ChatBody ul .MessageItem .MessageContent p {
  color: #000;
  margin: 5px 0;
}

.CHatModal .ChatBody ul .MessageItem .MessageContent img {
  border-radius: 4px;
  overflow: hidden;
  margin: 5px 0;
  height: 180px;
  object-fit: cover;
  width: 285px;
  object-position: top;
}

.CHatModal .ChatBody ul .MessageItem .messageTime {

  font-size: 12px;
  margin-top: 5px;
}

.OTherSideMessage {
  direction: ltr;
}

.CHatModal .ChatBody ul .OTherSideMessage .MessageContent {
  direction: rtl;
  background: #007B7D
}

.CHatModal .ChatBody ul .OTherSideMessage .MessageContent p {
  color: #fff;
}

.Box_Send_Message {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px 0;
  border-top: 1px solid #f0f0f0;
  padding-bottom: 0;
  gap: 8px;
}

.Box_Send_Message .textareaBox {
  flex-grow: 1;
  line-height: normal;
  position: relative;
  background: #F6F6F6;
  border: 1px solid #EAEAEA;
  border-radius: 4px;


}

.Box_Send_Message .textareaBox textarea {
  min-height: 39px;
  height: 39px;
  width: 100%;
  padding-top: 11px;
  line-height: 20px;
  background: transparent;
  padding-inline-start: 50px;
  font-size: 14px;
  resize: vertical;
  overflow-y: auto;
}

.Box_Send_Message .textareaBox textarea::placeholder {
  color: #6D6D6D;
}

.Box_Send_Message .textareaBox .OpenFile {
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 0;
  position: absolute;
  top: 0;
}

.Box_Send_Message .textareaBox .OpenFile .dropdown-menu {
  bottom: -10px !important;
  top: auto !important;
  border-radius: 4px !important;
  border: 0px solid #EAEAEA;
  box-shadow: 0px 0px 20px 0px #19547D0F;
  min-width: 175px;
  padding: 10px;
  text-align: start;
  margin-top: 0px !important;
  margin-bottom: 0 !important;

  left: auto !important;
}

.Box_Send_Message .textareaBox .OpenFile .dropdown-menu .dropdown-item {
  font-size: 14px !important;
  font-weight: 400;
  padding: 5px 0;
  background: transparent;
  transition: all 0.3s ease-in-out;
  font-family: "din_R";
  display: flex;
  gap: 5px;
  cursor: pointer;
  align-items: center;
}

.Box_Send_Message .textareaBox .OpenFile .dropdown-menu .dropdown-item:hover {
  color: #1FB261 !important;
}

.Box_Send_Message .textareaBox .OpenFile .dropdown-menu .dropdown-item img {
  width: 22px;
}

.Box_Send_Message .SendAndOtions {
  display: flex;
  align-items: center;
  gap: 5px;
}


.Box_Send_Message .SendAndOtions .SendBTN {
  height: 44px;
  line-height: 44px;
  width: 44px;
  padding: 0;
}

.Box_Send_Message .SendAndOtions .SendBTN .namme {}


.DataPrivieww {
  padding: 0 24px;
}

.DataPrivieww .Imageee {
  position: relative;
  height: auto;
  width: 250px;
  border-radius: 16px;
  overflow: hidden;
  margin-top: 15px;
}

.DataPrivieww .Imageee .previewImage {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.DataPrivieww .Imageee .DeletetImage {
  position: absolute;
  top: 15px;
  left: 15px;
  height: 48px;
  width: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(234, 67, 53, 1);
  transition: all .2s ease-in-out;
}

.DataPrivieww .Imageee .DeletetImage img {
  filter: brightness(100) grayscale(100);
}

.DataPrivieww .Imageee .DeletetImage:hover {
  background: rgba(234, 67, 53, 1);
}

.DataPrivieww .Imageee .DeletetImage:hover img {
  filter: brightness(100) grayscale(100);
}


.FilterSideBody .form-group .inputGroup .form-control:read-only {
  background: #fff;
}


.recordMessage {
  display: flex;
  gap: 8px;
  align-items: center;
}

.recordMessage .PalyandPuse {
  display: flex;
  width: 35px;
  height: 35px;
  align-items: center;
  justify-content: center;
  border: 0;
  outline: 0;
  box-shadow: none;
  background: transparent;
}

.recordMessage .PalyandPuse img {
  display: block;
  width: 24px !important;
  height: 24px !important;
}

.recordMessage .ProgDurationCurrent {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 0;
  width: 300px;
}

.recordMessage .ProgDurationCurrent .Duration {
  color: #fff;
  font-family: 'din_R';
  font-size: 14px;
}

.recordMessage .ProgDurationCurrent .progressBar {
  margin-bottom: 0px;
  width: 100%;
}

.recordMessage .ProgDurationCurrent .progressBar .BarProg {
  position: relative;
  width: 100%;
  height: 8px;
  background: #FFFFFF33;
  border-radius: 4px;
  cursor: pointer;
}

.recordMessage .ProgDurationCurrent .progressBar .BarProg .BarActive {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 8px;
  background: #1FB261;
  transition: width 0.01s linear;
  border-radius: 4px;
}

.SelectCustomerModalBody {}

.SearchBoxDrop {
  position: relative;
}

.SearchBoxDrop .form-control {
  height: 44px;
  border: 1px solid #EAEAEA;
  background: #F6F6F6;
  border-radius: 4px;
  padding-top: 0;
  padding-bottom: 0;
  padding-inline-start: 40px;
  outline: 0;
  box-shadow: none;
}

.SearchBoxDrop .IconSHape {
  height: 44px;
  width: 44px;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.SelectCustomerModalBody .GroupDropItems {
  max-height: 280px;
  overflow-x: hidden;
}

.SelectCustomerModalBody .GroupDropItems .UserItemDrop {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}

.SelectCustomerModalBody .GroupDropItems .UserItemDrop .Userata {}

.SelectCustomerModalBody .GroupDropItems .UserItemDrop .Userata .userInfo {}

.SelectCustomerModalBody .GroupDropItems .UserItemDrop .Userata .userInfo p {
  color: #211E1F;
  font-size: 14px;
}

.SelectCustomerModalBody .GroupDropItems .UserItemDrop .Userata .userInfo span {
  color: #6D6D6D;
  font-size: 14px;
}

.SelectCustomerModalBody .GroupDropItems .UserItemDrop .CheckLable {}

.SelectCustomerModalBody .GroupDropItems .UserItemDrop .CheckLable .chiller_cb label {
  width: 22px;
  height: 22px;
}

.SelectCustomerModalBody .AddNewClient {
  padding-top: 12px;
  border-top: 1px solid #EAEAEA;
}

.alert_danger {
  padding: 11px 16px;
  background: #D32A2814;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}

.alert_danger p {
  color: #D32A28 !important;
}


.constTransfeerImage {
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  padding: 20px;
}

.constTransfeerImage img {
  display: block;
  object-fit: cover;
  object-position: center;
  overflow: hidden;
  width: 280px;
  height: 280px;
  display: block;
  margin: auto;
  border-radius: 4px;
}


.accordion_Style_1 {}

.accordion_Style_1 .accordion-item {
  background: linear-gradient(90deg, rgba(29, 178, 97, 0.08) 0%, rgba(0, 85, 86, 0.08) 100%);
  padding: 16px 20px;
  padding-bottom: 0;
  border-radius: 4px;
}

.accordion_Style_1 .accordion-item .accordion-header {}

.accordion_Style_1 .accordion-item .accordion-header .accordion-button {
  padding: 0;
  background: transparent;
  outline: 0;
  display: flex;
  box-shadow: none;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 16px;
}

.accordion_Style_1 .accordion-item .accordion-header .accordion-button::after {
  display: none;
}

.accordion_Style_1 .accordion-item .accordion-header .accordion-button h2 {
  font-size: 14px;
}

.accordion_Style_1 .accordion-item .accordion-header .accordion-button img {
  transition: all .2s ease-in-out;
}

.accordion_Style_1 .accordion-item .accordion-header .accordion-button.collapsed img {
  transform: rotate(180deg);
}

.accordion_Style_1 .accordion-item .accordion-body {
  border-top: 1px solid #007B7D14;
  padding: 0;
  padding-bottom: 16px;
  padding-top: 16px;
}

.transfeerAccountData {}

.transfeerAccountData p {
  margin-bottom: 4px;
  font-weight: 400;
}

.transfeerAccountData h3 {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
}

.transfeerAccountData .bankDatatlogo {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  justify-content: space-between;
}

.transfeerAccountData img {}


.TahseeelItemsGrid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.TahseeelItemsGrid .itemTahseel {
  flex-grow: 1;
  border-radius: 4px;
  padding: 20px 20px;
  flex-basis: 0;
}

.TahseeelItemsGrid .itemTahseel .iconInfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.TahseeelItemsGrid .itemTahseel .iconInfo .icon {
  width: 40px;
  height: 40px;
  display: block;
}

.TahseeelItemsGrid .itemTahseel .iconInfo .icon img {
  width: 100%;
  height: 100%;
  display: block;
}

.TahseeelItemsGrid .itemTahseel .iconInfo .info {
  width: 24px;
  height: 24px;
  display: block;
}

.TahseeelItemsGrid .itemTahseel .iconInfo .info img {
  width: 100%;
  height: 100%;
  display: block;
}

.TahseeelItemsGrid .itemTahseel .Datata {}

.TahseeelItemsGrid .itemTahseel .Datata h2 {
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 4px;
}

.TahseeelItemsGrid .itemTahseel .Datata h2 span {
  font-size: 14px;
  font-weight: 500;
}

.TahseeelItemsGrid .itemTahseel .Datata.customData {
  display: flex;
  align-items: center;
  gap: 40px;
}

.TahseeelItemsGrid .itemTahseel .Datata.customData .dataItem {
  padding-inline-end: 40px;
  border-inline-end: 1px solid #007B7D14;
}

.TahseeelItemsGrid .itemTahseel .Datata.customData .dataItem:last-child {
  padding-inline-end: 0;
  border-inline-end: 0;
}

.limetedMonylabel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  background: linear-gradient(90deg, rgba(29, 178, 97, 0.08) 0%, rgba(0, 85, 86, 0.08) 100%);
  padding: 8px;
  border-radius: 4px;
  gap: 12px;
}

.limetedMonylabel .rightSide {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.limetedMonylabel .rightSide p {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-inline-end: 20px;
  border-inline-end: 1px solid #007B7D14;
}

.limetedMonylabel .rightSide p:last-child {
  padding-inline-end: 0;
  border-inline-end: 0;
  padding-inline-start: 10px;
}

.limetedMonylabel .rightSide p img {}





.morfakatOperationBTN {
  background: transparent !important;
  border: 0;
  outline: 0;
  color: #007B7D;
  box-shadow: none;
  padding: 5px 0;
  margin: auto;
  width: max-content;
  display: block;
  text-decoration: underline;
}



.client_syle_2_table {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  min-width: 150px;
  width: 100%;
}


.flatpickr-calendar {
  box-shadow: rgba(25, 84, 125, 0.06) 0px 0px 20px 0px;
  border-radius: 4px;

}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  display: none;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  padding: 0 8px;
}

.flatpickr-calendar {
  width: 295px;
}

.flatpickr-days {
  width: 100%;
}

.flatpickr-day {
  max-width: 38px;
  height: 38px;
  line-height: 38px;
  width: 38px;
}

.dayContainer {
  padding: 0 8px;
  padding-bottom: 8px;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  text-align: end;
  font-size: 14px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: none;
  background: transparent;
  line-height: normal;
  padding: 0 5px;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: transparent;
}

.flatpickr-current-month .flatpickr-monthDropdown-months::-ms-expand {
  display: none;
}

.flatpickr-current-month input.cur-year {
  font-size: 14px !important;
  background: transparent;
  line-height: normal;
  padding: 0;
  text-align: end;
}

.flatpickr-current-month input.cur-year:hover {
  background: transparent !important;
}

.flatpickr-current-month .numInputWrapper:hover {
  background: transparent !important;
}

.flatpickr-current-month {
  width: 65%;
  left: 17.5%;
  direction: rtl;
}

.numInputWrapper span {
  right: auto;
  left: 0;
  padding: 0 2px 0px 2px;
}



.settingTaps {
  margin-bottom: 32px;
}

.settingTaps ul {
  background: #1DB26114;
  border-radius: 4px;
  padding: 20px 32px;
  padding-bottom: 0;

}

.settingTaps ul .nav-item {}

.settingTaps ul .nav-item .nav-link {
  background: transparent;
  color: #6D6D6D;
  height: 42px;
  border-bottom: 2px solid #fff0;
  width: 133px;
  text-align: center;
  line-height: 10px;
  border-radius: 0;
  font-weight: 600;
}

.settingTaps ul .nav-item .nav-link.active {
  border-color: #1DB261;
  color: #211E1F;
}




.settingItems {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.settingItems.gap_48px {
  gap: 48px;
}

.settingItems.gap_96px {
  gap: 96px;
}

.settingItems.gap_flexgrew {
  gap: 55px;
}

.settingItems .itemSetting {
  display: flex;
  align-items: center;
  gap: 48px;
}

.settingItems.gap_flexgrew .itemSetting {
  flex-grow: 1;
}

.settingItems .itemSetting .imageBox {
  display: block;
  width: 128px;
  height: 128px;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #F6F6F6;
}

.settingItems .itemSetting .imageBox img {
  display: block;
  object-position: center;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.settingItems .itemSetting .dataitem {}

.settingItems .itemSetting .dataitem p {
  margin-bottom: 4px;
}

.settingItems .itemSetting .dataitem h3 {
  font-size: 14px;
  font-weight: 400;
  font-family: 'din_M';
}

.settingItems .itemSetting .dataitem .transBtn_opengreen {
  background: transparent;
  outline: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
  font-size: 14px;
  text-decoration: underline;
  color: #1DB261;
}

.settingItems .lineBetween {
  display: block;
  width: 2px;
  height: 75px;
  border-radius: 4px;
  background: #EAEAEA;
}

.calUpdateInfos {
  display: flex;
  gap: 20px;
}

.calUpdateInfos .infoCal {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 140px;
  padding: 20px;
  border-radius: 4px;
  flex-basis: 0;
  width: calc(50% - 20px);
}

.calUpdateInfos .infoCal img {
  margin: auto;
  margin-bottom: 8px;
  width: 40px;
  height: 40px;

}

.calUpdateInfos .infoCal p {
  color: #211E1F;
  margin-bottom: 8px;
}

.calUpdateInfos .infoCal h2 {
  font-size: 16px;
  color: #007B7D;
  font-family: 'din_M';
  font-weight: 500;
}

.showSegeelImageModal {
  padding: 20px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #EAEAEA;
}

.showSegeelImageModal img {
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  object-fit: cover;
  object-position: center;
  overflow: hidden;
  width: 280px;
  height: 280px;
}

.ModalUpdates {}

.ModalUpdates .modal-body {
  background: linear-gradient(180deg, rgba(29, 178, 97, 0.032) 0%, rgba(198, 236, 215, 0.307171) 24.58%, rgba(255, 255, 255, 0.4) 49.15%);

}




.updateImagesDataItems {
  margin-top: 20px;
  max-height: auto;
}

.updateImagesDataItems .itemUpdate {
  margin-bottom: 20px;
}

.updateImagesDataItems .itemUpdate:last-child {
  margin-bottom: 0;
}

.updateImagesDataItems .itemUpdate .image {
  border: 4px 4px 0 0;
  overflow: hidden;
}

.updateImagesDataItems .itemUpdate .image img {
  display: block;
  width: 100%;
  height: auto;
}

.updateImagesDataItems .itemUpdate .bodyUpdatecont {
  padding: 20px;
  border: 1px solid #EAEAEA;
  border-radius: 0 0 4px 4px;
  background: #fff;
}

.updateImagesDataItems .itemUpdate .bodyUpdatecont .headerdatatcont {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.updateImagesDataItems .itemUpdate .bodyUpdatecont .headerdatatcont .rightside {}

.updateImagesDataItems .itemUpdate .bodyUpdatecont .headerdatatcont .rightside p {
  color: #1DB261;
  margin-bottom: 4px;
}

.updateImagesDataItems .itemUpdate .bodyUpdatecont .headerdatatcont .rightside h2 {
  font-size: 18px;
}

.updateImagesDataItems .itemUpdate .bodyUpdatecont .headerdatatcont .leftSide {}

.updateImagesDataItems .itemUpdate .bodyUpdatecont .headerdatatcont .leftSide .theme-btn {
  border: 1px solid #EAEAEA;
}

.updateImagesDataItems .itemUpdate .bodyUpdatecont .discripttion {}

.updateImagesDataItems .itemUpdate .bodyUpdatecont .discripttion p {}



::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: 4px;
  background: #fff;
}

::-webkit-scrollbar-thumb {
  width: 5px;
  height: 5px;
  border-radius: 4px;
  background: #ccc;
}













.page-content .PageHeader .leftSide .form-group .inputGroup .form-control {
  width: 132px;
  transition: all .4s ease-in-out;
}

.page-content .PageHeader .leftSide .form-group .inputGroup .form-control:focus {
  width: 250px;
  left: 0;
  right: auto;
}

.page-content .PageHeader .leftSide .theme-btn {
  min-width: 132px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
}


.Table_style_1 .table-responsive::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: 4px;
  background: #fff;
}

.Table_style_1 .table-responsive::-webkit-scrollbar-thumb {
  width: 5px;
  height: 5px;
  border-radius: 4px;
  background: #ccc;
}

.border_b_1px {
  border-bottom: 1px solid #EAEAEA !important;
}

.min_w_150px {
  min-width: 150px;
}

.min_w_100px {
  min-width: 100px;
}

.header-profile-user {
  height: 38px;
  width: 38px;
  padding: 0;
  background: transparent;
  border-radius: 50%;
}

.AccountDropMenu {
  display: flex;
  gap: 8px;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  background: #FFFFFF1A !important;
  padding: 12px;
  border-radius: 4px;
}

.AccountDropMenu .userInfooo {
  display: flex;
  gap: 8px;
  align-items: center;
}

.AccountDropMenu .userInfooo .UserName {
  text-align: start;
}

.AccountDropMenu .userInfooo .UserName p {
  font-size: 14px;
  color: #FFFFFF;
  line-height: 24px;
  font-weight: 500;
  font-family: "din_R";
}

.AccountDropMenu .userInfooo .UserName span {
  font-size: 12px;
  color: #bababa;
  line-height: 20px;
  font-weight: 400;
}

.DropAccountMenu {

  border-radius: 4px !important;
  border: 0px solid #EAEAEA !important;
  box-shadow: 0px 0px 20px 0px #19547D0F !important;
  padding: 8px 16px !important;
  text-align: start !important;
  width: 100%;
  margin-bottom: 8px !important;
}

.DropAccountMenu .dropdown-item {
  border-bottom: 1px solid #EAEAEA !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  padding: 0px 0 !important;
  background: transparent;
  transition: all 0.2s ease-in-out;
  font-family: "din_R";
  border-radius: 0 !important;
  background: transparent !important;
}

.DropAccountMenu .dropdown-item:first-child {
  padding-top: 0px !important;
}

.DropAccountMenu .dropdown-item.ItemChangeTheeme {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.DropAccountMenu .dropdown-item:last-child {
  padding-bottom: 0 !important;
}

.DropAccountMenu .dropdown-item img {
  width: 22px;
  margin-inline-end: 7px;
}

.DropAccountMenu .dropdown-item span {
  color: #0F0F0F !important;
  transition: all .4s ease-in-out;
}

.DropAccountMenu .dropdown-item:hover span {
  color: #1DB261 !important;
}

.vertical-collpsed .DropAccountMenu {
  width: 200px;
}

.vertical-collpsed .vertical-menu #sidebar-menu ul li .AccountDropMenu {
  background: transparent !important;
  padding: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 45px;
}

.vertical-collpsed .vertical-menu #sidebar-menu ul li .AccountDropMenu .userInfooo .UserName {
  display: none;
}

.vertical-collpsed .vertical-menu #sidebar-menu ul li .AccountDropMenu .VectorDowen {
  display: none;
}

.vertical-collpsed .vertical-menu #sidebar-menu ul li .DropAccountMenu {
  right: 0 !important;
  left: auto !important;
}

.vertical-collpsed .vertical-menu #sidebar-menu ul li .DropAccountMenu .dropdown-item {
  background: transparent !important;
}

.vertical-collpsed .vertical-menu #sidebar-menu ul li .DropAccountMenu .dropdown-item span {
  color: #0F0F0F !important;
  transition: all .4s ease-in-out;
}

.vertical-collpsed .vertical-menu #sidebar-menu ul li .DropAccountMenu .dropdown-item:hover span {
  color: #1DB261 !important;
}






.talabiaItemssModal {}

.talabiaItemssModal .talabiaLabels {
  display: flex;
  width: calc(100% - 56px);
}

.talabiaItemssModal .talabiaLabels .form-group {
  flex-grow: 1;
  flex-basis: 0;
}

.talabiaItemssModal .itemTalabia {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.talabiaItemssModal .itemTalabia .form-group {
  flex-grow: 1;
  flex-basis: 0;
}

.ModalAuth .inputIcreaseDecrse_style_2 .dcrasee {
  left: 20% !important;
}

.ModalAuth .inputIcreaseDecrse_style_2 .increase {
  right: 20%;
}

.ModalAuth .itemTalabia .inputIcreaseDecrse_style_2 .dcrasee {
  left: 10% !important;
}

.ModalAuth .itemTalabia .inputIcreaseDecrse_style_2 .increase {
  right: 10%;
}





.inputGroup .IconSHape_2_drop {
  position: absolute;
  top: 0;
  left: 0;
  height: 44px;
  display: flex;
  align-items: center;
  width: 44px;
  justify-content: center;
  cursor: pointer;
  z-index: 9999999;
}

.inputGroup .IconSHape_2_drop .DropDowenUsers {
  position: relative;
  z-index: 99999;
  width: 100%;
  display: flex;
  justify-content: center;
}

.inputGroup .IconSHape_2_drop .DropDowenUsers .header-item {
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  border: 0;
}

.inputGroup .IconSHape_2_drop .DropDowenUsers .header-item img {
  display: block;
  width: 12px;
  height: auto;
}

.inputGroup .IconSHape_2_drop .DropDowenUsers .dropdown-menu {
  border-radius: 4px;
  right: auto !important;
  left: 0px !important;
  min-width: 436px;
  padding: 12px;
  z-index: 9999999;
  margin-top: 8px !important;
}

.inputGroup .IconSHape_2_drop .DropDowenUsers .SearchBoxDrop {
  position: relative;
}

.inputGroup .IconSHape_2_drop .DropDowenUsers .SearchBoxDrop .form-control {
  height: 44px;
  border: 1px solid #EAEAEA;
  background: #F6F6F6;
  border-radius: 4px;
  padding-top: 0;
  padding-bottom: 0;
}

.inputGroup .IconSHape_2_drop .DropDowenUsers .SearchBoxDrop .IconSHape {
  height: 44px;
}

.inputGroup .IconSHape_2_drop .DropDowenUsers .GroupDropItems {
  max-height: 280px;
  overflow-x: hidden;
}

.inputGroup .IconSHape_2_drop .DropDowenUsers .GroupDropItems .UserItemDrop {
  align-items: center;
}

.inputGroup .IconSHape_2_drop .DropDowenUsers .GroupDropItems .UserItemDrop .Userata {}

.inputGroup .IconSHape_2_drop .DropDowenUsers .GroupDropItems .UserItemDrop .Userata .userInfo {}

.inputGroup .IconSHape_2_drop .DropDowenUsers .GroupDropItems .UserItemDrop .Userata .userInfo p {
  color: #211E1F;
  font-size: 14px;
}

.inputGroup .IconSHape_2_drop .DropDowenUsers .GroupDropItems .UserItemDrop .Userata .userInfo span {
  color: #6D6D6D;
  font-size: 14px;
}

.inputGroup .IconSHape_2_drop .DropDowenUsers .GroupDropItems .UserItemDrop .CheckLable {}

.inputGroup .IconSHape_2_drop .DropDowenUsers .AddNewClient {
  padding-top: 12px;
  border-top: 1px solid #EAEAEA;
}



.SheppingDtailsItems {}

.SheppingDtailsItems .detshepItem {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}

.SheppingDtailsItems .detshepItem .iconImage {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  width: 44px;
  border: 1px solid #EAEAEA;
  border-radius: 4px;
}

.SheppingDtailsItems .detshepItem .iconImage img {
  display: block;
  width: 22px;
}

.SheppingDtailsItems .detshepItem .datat {
  display: block;
  width: calc(100% - 60px);
}

.SheppingDtailsItems .detshepItem .datat p {}

.SheppingDtailsItems .detshepItem .datat h3 {
  font-size: 14px;
  font-family: 'din_M';
  line-height: normal;
}

.SheppingDtailsItems .detshepItem .datat h3 span {
  font-weight: 100;
  font-family: 'din_R';
  font-size: 12px;
}

.SheppingDtailsItems .detshepItem .datat .StatusBox {
  margin-top: 8px;
}



.followShepping {}

.followShepping .followItemsshep {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}

.followShepping .followItemsshep:last-child {
  margin-bottom: 0;
}

.followShepping .followItemsshep .iconimage {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  width: 44px;
  border: 0px solid #EAEAEA;
  border-radius: 50%;
  background: #F6F6F6;
}

.followShepping .followItemsshep .iconimage img {
  display: block;
  height: 22px;
}

.followShepping .followItemsshep .datatside {
  display: block;
  width: calc(100% - 60px);
}

.followShepping .followItemsshep .datatside p {}

.followShepping .followItemsshep .datatside h2 {
  font-size: 14px;
  font-family: 'din_M';
  line-height: normal;
  color: #6D6D6D;
}

.followShepping .followItemsshep .datatside h2 span {
  font-weight: 100;
  font-family: 'din_R';
  font-size: 12px;
}

.followShepping .followItemsshep.active .iconimage {
  background: #007B7D;
}

.followShepping .followItemsshep.active .iconimage img {
  filter: brightness(100) grayscale(100);
}

.followShepping .followItemsshep.active .datatside h2 {
  color: #211E1F;
}




























/***************/
.superAgentUpdated {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9;
  background: #fff;
  width: 500px;
  right: 0;
  transition: 0.3s;
  transform: translate(100%);
  overflow: hidden;
  z-index: 99999;
  padding: 0px 0;
  height: 100vh;
  overflow: hidden;

}

.superAgentUpdated .bgLayer {
  background: linear-gradient(180deg, rgba(29, 178, 97, 0.032) 0%, rgba(198, 236, 215, 0.307171) 24.58%, rgba(255, 255, 255, 0.4) 49.15%);
  padding-bottom: 24px;
  height: 100%;
}

.superAgentUpdated .FilterSideBare {
  padding-bottom: 0;
}

.superAgentUpdated .FilterSideBare .FarzHeader {
  padding: 0 24px;
  padding-bottom: 24px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  justify-content: space-between;
  border-bottom: 1px solid #EAEAEA;
}

.superAgentUpdated .FilterSideBare .FarzHeader .headerData h2 {
  color: #0F0F0F;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 8px;
  line-height: 24px;
}

.superAgentUpdated .FilterSideBare .FarzHeader .headerData p {
  color: #6D6D6D;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.superAgentUpdated .FilterSideBare .FilterHeader .closeIcon {
  cursor: pointer;
  background: #fff;
  transition: all .4s ease-in-out;
}

.superAgentUpdated .FilterSideBare .FilterHeader .closeIcon:hover {
  background: #007B7D;
}

.superAgentUpdated .FilterSideBare .FarzHeader .closeIcon img {
  display: block;
}

.superAgentUpdated .FilterSideBare .FarzBody {
  padding: 24px;
  padding-bottom: 0;
  height: calc(100vh);
}

.overlay-menu-left {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 8;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  transition: 0.3s;
  display: none;
  z-index: 9999;
}

.overlay-menu-left.active {
  display: block;
}

.overlay-menu-left .close-menu {
  position: absolute;
  left: auto;
  right: 41%;
  color: #fff !important;
  font-size: 30px !important;
  top: 13px;
  cursor: pointer;
}

/****/

.ItemChangeTheeme {
  display: flex;
  align-items: center;
  justify-content: space-between;

}

.notificationBTN {
  background: #1DB26133;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  margin-inline-end: 20px;
  display: none;
}

.notificationBTN img {}

/* .notificationBTN:hover{
  background: #1DB261;
}
.notificationBTN:hover img{
  filter: grayscale(100) brightness(100) ;
} */




.heightSideBarNew {
  height: calc(100vh - 256px);
}

.customSideBox {
  display: block !important;
}

.customSideBox #sidebar-menu {}

.hiddencollabs {
  display: none !important;
}

.vertical-collpsed .hiddencollabs {
  display: block !important;
}

.vertical-collpsed .customSideBox {
  display: none !important;
}

.vertical-collpsed .heightSideBarNew {
  height: auto !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #211E1F;
}


.closemdoal_custom {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  width: 38px;
  border-radius: 4px;
  background: #fff;
}

.text_start {
  text-align: start !important;
}

.ModalAuth .select2-container--default .select2-selection--multiple {
  padding: 0;
}

.p_end_10 {
  padding-inline-end: 10px !important;
}

.datetimepicker.dropdown-menu {
  left: calc(45% - 50px) !important;
  border-radius: 4px;
  border: 0px solid #F0F0F0;
  padding: 12px;
  box-shadow: 0px 0px 20px 0px #19547D0F;

}

.datetimepicker-dropdown-bottom-right::before,
.datetimepicker-dropdown-bottom-right::after {
  display: none;
}


.customSelectwriee{
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.customSelectwriee label{
  margin-bottom: 0;
}
.customSelectwriee .inputGroup{
  height: 25px;
}
.customSelectwriee .inputGroup .withswitchbtnn{
  height: 25px;
}
.m_height_auto{
  min-height: 100% !important;
}

#productSelctModal{
      width: 100%;
    justify-content: left;
        direction: ltr;
    padding: 0 10px;
}



.copyNum{
  display: flex;
  align-items: center;
  gap: 4px;
}
.copyNum img{
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.toast_copy_number {
    position: fixed;
    top: 20px;
    left: 20px;
    background: #28a745;
    color: #fff;
    padding: 0;
    border-radius: 4px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 14px;
    opacity: 0;
    transform: translateY(-20px);
    transition: all 0.3s ease;
    z-index: 9999;
    width: 150px;
    background: #000000;
}

.toast_copy_number.show {
    opacity: 1;
    transform: translateY(0);
}
/********************/
.AddCustomShippingBox .GridItems .ItemBox .form-control{
  padding-bottom: 0;
}
.labelName {
    position: absolute;
    top: calc(50% - 11px);
    right: 40px;
    color: #6D6D6D;
    transition: all .1s ease-in-out;
}
.AddCustomShippingBox .GridItems .ItemBox .form-control:not(:placeholder-shown){
      padding-top: 20px;
}
.AddCustomShippingBox .GridItems .ItemBox .form-control:not(:placeholder-shown) + .labelName {
    top: 10px;
     font-size: 12px !important;
}
.AddCustomShippingBox .GridItems .ItemBox textarea.form-control:not(:placeholder-shown) {
    padding-top: 30px;
}
.AddCustomShippingBox .GridItems .ItemBox textarea.form-control:focus {
    padding-top: 30px;
}
.AddCustomShippingBox .GridItems .ItemBox .form-control:focus{
      padding-top: 20px;
}
.AddCustomShippingBox .GridItems .ItemBox .form-control:focus + .labelName {
    top: 10px;
    font-size: 12px !important;
   
}
.AddCustomShippingBox .GridItems .ItemBox .dropdown .header-item{
  padding-top: 20px;
}
.AddCustomShippingBox .GridItems .ItemBox .dropdown .header-item p{
  margin-top: 0px;
}
.AddCustomShippingBox .GridItems .ItemBox .dropdown button.selected ~ .labelName {
    top: 10px;
    font-size: 12px !important;

}
.AddCustomShippingBox .GridItems .ItemBox .dropdown button:focus ~ .labelName {
    top: 10px;
    font-size: 12px !important;
   
}


.ItemBox.selected .labelName {
    top: 10px;
    font-size: 12px !important;

}

/* لما يعمل فوكس */
.ItemBox .select2-container--default.select2-container--focus ~ .labelName {
    top: 10px;
    font-size: 12px !important;
  
}
#select_location_label.selected ~ .labelName {
    top: 10px;
    font-size: 12px !important;

}

/* وقت الفوكس */
.dropdown button:focus ~ .labelName {
    top: 10px;
    font-size: 12px !important;
   
}
.AddCustomShippingBox .GridItems .ItemBox .form-control{
  direction: rtl;
}
.AddCustomShippingBox .GridItems .ItemBox .form-control:focus{
     border: 1px solid #007b7d;
     border-radius: 1px;
}
.AddCustomShippingBox .GridItems .ItemBox .dropdown .header-item:focus{
  border: 1px solid #007b7d;
  border-radius: 1px;
}
.AddCustomShippingBox .GridItems .customItmSelect .select2-container--default .select2-selection--single:focus{
   border: 1px solid #007b7d;
    border-radius: 1px;
}
.AddCustomShippingBox .GridItems .ItemBox .dropdown .header-item p{
  color: #212121;
}
.AddCustomShippingBox .GridItems .customItmSelect .select2-container--focus .select2-selection--single .select2-selection__rendered {
    line-height: 80px;
}
.AddCustomShippingBox .GridItems .customItmSelect .select2-container--above .select2-selection--single .select2-selection__rendered {
    line-height: 80px;
}
.AddCustomShippingBox .GridItems .customItmSelect .select2-container--open .select2-selection--single .select2-selection__rendered {
    line-height: 80px;
}
.AddCustomShippingBox .GridItems .customItmSelect .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 80px;
}
 

.GenrateCoponlabelLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
margin-bottom: 0;
    align-items: center;
}
.GenrateCoponlabelLink button {
    color: #1DB261;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 0px;
    background: transparent;
}
.AddedSuccessAlert{
    position: fixed;
    top: 15px;
    left: 15px;
    z-index: 99999;
    box-shadow: none;
}
.AddedSuccessAlert .alert{
    border-radius: 4px;
        border: 0;
}
.AddedSuccessAlert .alert-success{
background: #00474b;
    border: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.AddedSuccessAlert .alert-danger{
background: #D32A28;
    border: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}










.alertErrorAdd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  background: rgba(171, 78, 69, 0.12);;
  padding: 16px;
  border-radius: 4px;
  gap: 12px;
}

.alertErrorAdd .rightSide {

}

.alertErrorAdd .rightSide p {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-inline-end: 20px;
  color: #c62828;
}

.alertErrorAdd .rightSide p img {}


/*****Stle EN******/
body.ltr {
  direction: ltr;
}

.ltr .main-content {
  margin-right: auto;
  margin-left: 280px;
}

.ltr.vertical-collpsed .main-content {
  margin-left: 80px;
  margin-right: auto;
}

.ltr .navbar-brand-box {
  border-right: 1px solid #EAEAEA;
  border-left: 0;
}

.ltr .vertical-menu {
  border-inline-end: 1px solid #EAEAEA;
  border-left: 0;
}

.ltr .footer {
  left: 250px;
  right: 0;
}

.ltr.vertical-collpsed .footer {
  left: 80px;
  right: 0;
}

.ltr .simplebar-track {
  right: 0;
  left: auto;
}

.ltr .ItemsAnsheta::before {
  left: 21px;
  right: auto;
}

.ltr .form-group .inputGroup .IconSHape_2_d {
  right: 0;
  left: auto;
}

.ltr .dropdown-menu-end {
  --bs-position: start;
}

.ltr .MobadraBoxItems .MobadraItem .BoxTitle .HeaderDeop .dropdown .dropdown-menu {
  right: 5px !important;
  left: auto !important;
}

.ltr .form-group .inputGroup .form-control {
  direction: ltr;
}

.ltr .select2-container--default .select2-selection--single {
  direction: ltr;
}

.ltr .select2-container--default.select2-container--focus .select2-selection--multiple {
  direction: ltr;
}

.ltr .select2-container--default .select2-selection--multiple .select2-selection__choice {
  float: left;
}

.ltr .select2-container--default .select2-search--inline .select2-search__field {
  direction: ltr;
}

.ltr .select2-results__option[aria-selected] {
  cursor: pointer;
  direction: ltr;
  text-align: start;
}

.ltr .select2-results__option {
  direction: ltr;
  text-align: start;
}

.ltr .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  direction: ltr;
}

.ltr .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  float: left;
}

.ltr .tagify__tag__removeBtn {
  margin-left: 4px;
  margin-right: 0;
}

.ltr .form-group .inputGroup .IconSHape_2 {
  left: auto;
  right: 0;
}

.ltr .withswitchbtnn input[switch]+label:after {
  left: 32px;
}

.ltr .withswitchbtnn input[switch]:checked+label:after {
  left: 4px;
}

.ltr .ComleteStatus .progressBar .BarProg .BarActive {
  left: 0;
  right: auto;
}

.ltr .page-content .PageHeader.PageHaderDetails ul li img {
  transform: rotateY(180deg);
}

.ltr .page-content .PageHeader.PageHaderDetails .UndoLink a img {
  transform: rotateY(180deg);
}

.ltr .form-group .inputGroup .IconSHape_2_text {
  right: 0;
  left: auto;
}

.ltr .KanBanBox .KanbanList .KanbanItems .ItemKanban .Header_Drop .HeaderDeop .dropdown .SupDrop_Dowen_item .dropdown-toggle img {
  transform: rotateY(180deg);
}

.ltr .KanBanBox .KanbanList .KanbanItems .ItemKanban .Header_Drop .HeaderDeop .dropdown .SupDrop_Dowen_item .dropdown-menu {
  left: 100% !important;
  right: auto !important;
  transform: translate(10px, 0px) !important;
}

.ltr #sidebar-menu .has-arrow:after {
  float: right;
}

.ltr #toast-container>.toast-success {
  background-position: 0 center;
}

.ltr .superAgentRight {
  right: 0 !important;
  left: auto !important;
  transform: translate(100%);
}

.ltr .super-agent.active {
  transform: translate(0);
}

.ltr .page-content .PageHeader .rightSide .DataSide ul li img {
  transform: rotateY(180deg);
}

.ltr .iti--allow-dropdown .iti__flag-container,
.ltr .iti--separate-dial-code .iti__flag-container {
  right: 0;
  left: auto;
}

.ltr .iti input,
.ltr .iti input[type=text],
.ltr .iti input[type=tel] {
  padding-right: 95px !important;
  padding-left: 40px !important;
}

.ltr .iti--separate-dial-code .iti__selected-flag {
  direction: rtl;
}

.ltr .iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 0px;
  margin-right: 6px;
}

.ltr .iti__arrow {
  margin-left: 0px;
  margin-right: 6px;
}

.ltr .iti__country-list {
  left: auto;
  right: 0;
}

.ltr .inputIcreaseDecrse .input-group-btn.increase {
  right: 0;
  left: auto;
}

.ltr .inputIcreaseDecrse .input-group-btn.dcrasee {
  right: 0;
  left: auto;
}

.ltr .bg {
  direction: ltr;
}

.ltr .chiller_cb span {
  left: 0;
  right: auto;
}

.ltr .PorductPreview .PreviewLink {
  right: 0;
  left: auto;
  transform: rotateY(180deg);
}

.ltr .ArtistOwner .PreviewLink {
  transform: rotateY(180deg);
}

.ltr .CommentsGroup .CommentItems .ItemComment .DataComment .Deleteitem {
  right: 0;
  left: auto;
}

.ltr .AuthnticationPage .ColImages {
  right: 0;
  left: auto;
}

.ltr.vertical-collpsed .vertical-menu #sidebar-menu ul li .sub-menu {
  border-radius: 0 4px 4px 0;
  left: 69px !important;
  right: auto !important;
}

/********************/
.Light {
  display: inline-block !important;
}

.Dark {
  display: none !important;
}

.hidden-xs {
  display: inline-block;
}

.visible-xs {
  display: none;
}

@media(max-width: 991px) {
  .page-content {
    min-height: 100%;
    top: 0;
    margin-top: 70px;
    padding: 20px 20px 20px 20px;
  }

  .pb_8rem {
    padding-bottom: 24px !important;
  }

  .notificationBTN {
    display: block;
  }

  .main-content {
    margin-inline-end: 0 !important;
  }

  .leftSideNotfication {
    transform: translateX(-100%);
    transition: all .3s ease-in-out;
    height: calc(100vh - 70px);
    top: 70px;
    z-index: 999999;

  }

  .inputIcreaseDecrse_style_2 .dcrasee {
    left: 31% !important;
  }

  .leftSideNotfication.show {
    transform: translateX(0);
  }

  #page-topbar {
    max-width: 100%;
    border-left: 0;
    border-bottom: 0px solid #365355;
  }

  .navbar-brand-box {
    border-left: 0;
  }

  .LeftHeaderCOntent {
    display: flex;
  }

  .navbar-brand-box {
    display: inline;
    padding: 0 24px;
  }

  .sidebar-enable .navbar-brand-box {
    padding: 0 24px;
  }


  .AddCustomShippingBox {
    position: relative;
    top: 0;
    z-index: 1;
  }

  .ActivitiesSide {
    height: calc(100% - 100px);
    padding-bottom: 24px;
  }

  .ShippingRefranceBox {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
  }

  .AddCustomShippingBox .GridItems .theme-btn {
    flex-direction: row;
    height: 59px;
  }

  .vertical-menu {
    width: 300px;
  }
}

@media (max-width: 768px) {
  .hidden-xs {
    display: none;
  }

  .visible-xs {
    display: inline-block;
  }

  /************/

  .filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .form-control {
    width: 100%;
    background: #fff;
  }

  .filterBar .FiltrGroupItems {
    flex-wrap: wrap;
    width: 100%;
  }

  .filterBar .rightSide .filterItem {
    width: 100%;
  }

  .page-content .PageHeader {
    position: relative;
    z-index: 1;
    padding-bottom: 24px;
    flex-direction: column;
  }

  .leftSideNotfication .PageHeader {
    flex-direction: row;
  }

  .page-content .PageHeader.PageHaderDetails {
    margin-top: 0;
  }

  .AccountDropMenu .UserName {
    display: block;
  }

  .LeftHeaderCOntent {
    gap: 4px;
  }

  .AccountDropMenu .VectorDowen {
    display: block;
  }

  .page-content {
    padding: 24px 0px 24px 0px;
  }

  .navbar-header {
    padding-inline-end: 24px;
  }

  .navbar-header .dropdown .DropAccount {
    right: auto !important;
    left: 0 !important;
  }

  .navbar-header .dropdown .dropSearch {
    right: 0 !important;
    padding: 10px;
  }

  .TableBox .table tbody tr td .actionss {
    width: -moz-max-content;
    width: max-content;
  }

  .AnshetaItemsBox .ItemsAnsheta .ItemAlone {
    gap: 4px;
    justify-content: end;
    flex-wrap: wrap;
  }

  .AnshetaItemsBox {
    padding: 24px 12px;
  }

  .AnshetaItemsBox .ItemsAnsheta .ItemAlone .ItemIcon_Data {
    gap: 8px;
  }

  .filterBar {
    gap: 0;
    flex-wrap: wrap;
    margin-bottom: 16px;
  }

  .filterBar .rightSide {
    width: 100%;
  }

  .filterBar .form-group {
    margin-bottom: 8px;
  }

  .filterBar .leftSide .FiltrGroupItems {
    gap: 4px;
  }

  .filterBar .FiltrGroupItems .filterItem .form-group .FilterSideBareBTN {
    gap: 4px;
    min-width: auto;
  }

  .ModalAuth .modal-dialog {
    min-width: auto;
  }

  .TableBox .table tbody tr td .UserItem {
    min-width: 200px;
  }

  .TableBox .table tbody tr td p {
    min-width: 150px;
  }

  .TableBox .table tbody tr td:first-child p {
    min-width: 20px;
  }

  .superAgentRight {
    width: 100%;
  }

  .CustomFlex_P {
    min-width: 48px !important;
  }

  .CHatModal .ChatBody ul .MessageItem .LabelSpan {
    padding: 0 16px;
  }

  .CHatModal .ChatBody ul .MessageItem .User_Info {
    gap: 8px;
    flex-wrap: wrap;
  }

  .Box_Send_Message {
    padding: 12px;
  }

  .filterBar .FiltrGroupItems .filterItem .form-group .inputGroup .dropdown .dropdown-menu {
    z-index: 999999;
  }

  .PrivalegeListTable .table tbody tr p {
    min-width: 130px;
  }

  .MobadraPageHeader .AllMobadraInfo .InfoMobadra .LocationAndTime p {
    flex-wrap: nowrap;
  }

  .MobadraPageHeader .AllMobadraInfo .InfoMobadra .SuberVisorAndTeamWork {
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
  }

  .MobadraPageHeader .MobadraCompleted .DropAndPare {
    gap: 4px;
  }

  .MobadraPageHeader {
    padding: 12px;
  }

  .TableBox .table tbody tr td .WorkesTeam {
    width: -moz-max-content;
    width: max-content;
    padding-inline-end: 12px;
  }

  .KanBanBox .KanbanList .KanbanItems {
    height: auto;
    margin-bottom: 32px;
  }

  .AnshetaItemsBox .TapsModal .nav .nav-item {
    max-width: 100%;
  }

  .usertaps .nav {
    width: 100%;
    gap: 8px;
  }

  .usertaps .nav .nav-item {
    flex-grow: 1;
  }

  .usertaps .nav .nav-item .nav-link {
    max-width: 100%;
  }

  .headerUserPage .DowenBox {
    flex-wrap: wrap;
    gap: 16px;
    padding: 12px;
  }

  .headerUserPage .DowenBox .UserData .DataInfo .UserItemInfo {
    gap: 4px;
    flex-wrap: wrap;
  }

  .headerUserPage .DowenBox .UserData {
    flex-wrap: wrap;
  }

  .ModalAuth .modal-body {
    padding: 12px;
  }

  .simplebar-content {
    padding: 12px;
  }

  .page-content .PageHeader.PageHaderDetails ul {
    flex-wrap: wrap;
  }

  .MobadraPageHeader .AllMobadraInfo .row {
    flex-direction: column-reverse;
  }

  .MobadraPageHeader .AllMobadraInfo .row .MobadraCompleted {
    margin-bottom: 32px;
  }

  .MobadraPageHeader .MobadraCompleted .DropAndPare {
    justify-content: space-between;
  }

  .AuthenticationPage .rightSide {
    position: relative;
    width: 100%;
    height: 50vh;
    display: none;
  }

  .AuthenticationPage .LeftSide .UperHeader {
    padding: 0 24px;
    padding-top: 24px;
  }

  .AuthenticationPage .LeftSide .SideData {
    padding: 0 24px;
  }

  .AuthenticationPage .rightSide {
    overflow: hidden;
  }

  .AuthenticationPage .rightSide .DtataSide .BGImage .ImageTwo {
    width: 250px;
    overflow: hidden;
    height: 250px;
  }

  .ltr .main-content {
    margin-left: 0;
  }

  .ltr .footer {
    left: 0;
    right: 0;
  }

  .ltr .navbar-header .dropdown .dropdown-menu {
    right: 0 !important;
    left: auto !important;
  }

  .navbar-header .dropdown .dropdown-menu .dropdown-item {
    border-bottom: 0 !important;
  }

  .MobadraPageHeader .AllMobadraInfo .InfoMobadra .SuberVisorAndTeamWork .SuberVisor {
    border-inline-end: 0;
  }

  .w-xs-100 {
    width: 100%;
  }

  .TapsDaysAndOptions {
    margin-top: 8px;
  }

  .BoxCard {
    padding: 20px;
  }

  .BoxCard .BoxHeader {
    margin-bottom: 20px;
  }

  .ModalStyle_1 .modal-dialog {
    min-width: auto;
  }

  .ModalStyle_1 .modal-dialog .modal-content .modal-body {
    padding: 20px;
  }

  .ModalStyle_1 .modal-dialog .modal-content .modal-body .btnclose {
    top: 20px;
    left: 20px;
  }

  .ModalStyle_1 .modal-dialog .modal-content .modal-body .ModalTitle {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .Tap_underLine_Style .nav .nav-item {
    width: auto;
  }

  .ConfirmAccoring .ConfermItems .itemconferm .imagesGroup .ImageItem {
    height: auto;
    max-height: 250px;
  }

  .CommentsGroup .CommentItems .ItemComment .DataComment h2 {
    flex-wrap: wrap;
    gap: 12px;
    flex-direction: column;
  }

  .CommentsGroup .CommentItems .ItemComment .DataComment .replayesItems .ItemReplay {
    gap: 12px;
  }

  .CommentsGroup .CommentItems .ItemComment .DataComment {
    width: calc(100% - 60px);
  }

  .invoiceModalBody .InvoiceData .PaymentBoxs {
    flex-direction: column;
    gap: 0px;
    margin-bottom: 0;
  }

  .invoiceModalBody .InvoiceData .PaymentBoxs .BoxItem {
    width: 100%;
  }

  .AuthnticationPage .ColImages {
    position: relative;
    padding: 0;
    height: auto;
    order: 2;
  }

  .AuthnticationPage .ColForm {
    padding: 0;
    height: auto;
    min-height: 100vh;
  }

  .AuthnticationPage .rightSide {
    padding-top: 15px;
    padding-inline-start: 10px;
    padding-inline-end: 10px;
    padding-bottom: 20px;
    min-height: auto;
  }

  .AuthnticationPage .leftSide {
    padding: 0px;

  }

  .AuthnticationPage .leftSide .ImagesAuthentication .imageItem .dataLayer {
    padding: 20px;
    padding-bottom: 60px;
  }

  .AuthnticationPage .leftSide .ImagesAuthentication .imageItem .dataLayer h2 {
    font-size: 32px;
  }

  .ModalStyle_1 .modal-dialog .modal-content .modal-body .ModalBody {
    padding: 20px;
  }

  .ModalStyle_1 .modal-dialog .modal-content .modal-body .ModalFooter.W_70_auto {
    width: 100%;
  }

  .invoiceModalBody .InvoiceData .headerInvoice {
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 20px;
  }

  .Table_style_1 table tbody tr td .userBox .Data h2.max_width_150 {
    max-width: -moz-max-content;
    max-width: max-content;
    width: -moz-max-content;
    width: max-content;
  }

  .Tap_underLine_Style .nav .nav-item.w-100 {
    flex-grow: 1;
    flex-basis: max-content;
  }

  /***********/
  .Border_left_EAEAEA {
    border-inline-end: 0px solid #EAEAEA;
  }

  .AddCustomShippingBox .GridItems .theme-btn {
    height: 59px;
    flex-direction: row;
    border-radius: 0 0 4px 4px;
  }

  .page-content .PageHeader .leftSide .form-group {
    width: 100%;
  }

  .page-content .PageHeader .leftSide .form-group .inputGroup .form-control,
  .page-content .PageHeader .leftSide .form-group .inputGroup .form-control:focus {
    width: 100%;
  }

  .ShippingRefranceBox {
    width: 100%;
    left: 0;
    position: relative;
    bottom: 0;
    z-index: 1;
  }

  .ShippingRefranceBox .overlayy {
    align-items: flex-start;
    flex-direction: column;
  }

  .ShippingRefranceBox .rightSide {
    flex-direction: column;
    align-items: flex-start;
  }

  .ShippingRefranceBox .rightSide .refItems {
    flex-wrap: wrap;
  }

  .ShippingRefranceBox .leftSide {
    width: 100%;
  }

  .ShippingRefranceBox .leftSide .theme-btn {
    width: 100%;
  }

  .TahseeelItemsGrid .itemTahseel {
    width: 100%;
    flex-basis: auto;
  }

  .limetedMonylabel {
    justify-content: flex-end;
  }

  .superAgentUpdated {
    width: 100%;
  }

  .page-content .PageHeader .rightSide .DataSide ul {
    gap: 8px;
    margin-top: 20px;
  }

  .page-content .PageHeader .leftSide .ActionsGroup {
    position: absolute;
    top: -5px;
    left: 0;
  }

  .page-content .PageHeader .rightSide .DataSide {
    width: 100%
  }

  .settingTaps ul {
    padding: 20px 10px;
    padding-bottom: 0;
  }

  .settingTaps ul .nav-item {
    flex-grow: 1;
    flex-basis: 0;
  }

  .settingTaps ul .nav-item .nav-link {
    padding: 8px 0;
    width: 100%;
  }

  .settingItems.gap_96px {
    gap: 20px 60px;
  }

  .settingItems .lineBetween {
    display: none;
  }

  .settingItems.gap_flexgrew {
    gap: 20px 55px;
  }

  .AuthnticationPage .rightSide .AuthBox .Steps {
    gap: 0px;
    padding: 16px 0px;
  }

  .AuthnticationPage .rightSide .AuthBox .Steps .stepItem h2 {
    margin-bottom: 4px;
  }

  .AddCustomShippingBox .GridItems .ItemBox:last-child {
    border-block-end: 1px solid #EAEAEA
  }

  .calUpdateInfos {
    gap: 10px;
  }

  .calUpdateInfos .infoCal {
    width: calc(50% - 10px);
  }

  .limetedMonylabel .rightSide p {
    border-inline-end: 0px solid #007B7D14;
  }

  .settingItems.gap_48px {
    gap: 10px 48px;
  }

  .ModalAuth .inputIcreaseDecrse_style_2 .dcrasee {
    left: 0% !important;
  }

  .ModalAuth .inputIcreaseDecrse_style_2 .increase {
    right: 0%;
  }

  .datetimepicker.dropdown-menu {
    left: 15px !important;
  }

  .datetimepicker.dropdown-menu {
    width: 90%;
  }

  .datetimepicker.dropdown-menu {
    width: calc(100% - 30px);
  }
}