.my-form {
  --_clr-primary: #161b26;
  --_clr-hover: #f33195;
  --_clr-checked: #EF0F07;
}

.my-form {
  --_clr-primary: #161b26;
  --_clr-hover: #f33195;
  --_clr-checked: #EF0F07;
}

.btn {
  outline: none;
  box-shadow: none !important;
  padding: 0 15px;
  height: 35px;
}

.card .BtnFit {
  width: fit-content !important;
}

.btn:focus {
  box-shadow: none;
}

.btn-blu {
  background: #030202 !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
  height: 50px;
  width: 140px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 0 !important;
  padding: 0 !important;
}
.btn-blu:hover {
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
  color: #030202 !important;
}

.btn-white {
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
  color: #030202 !important;
  height: 50px;
  width: 140px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 0 !important;
  padding: 0 !important;
}
.btn-white:hover {
  background: #030202 !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
}

.btn-white-bor {
  background: #030202 !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
  height: 50px;
  width: 140px;
  border-radius: 0 !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  color: #2F2F2F !important;
}
.btn-white-bor:hover {
  background: #2F2F2F !important;
  border: 1px solid #2F2F2F !important;
  color: #ffffff !important;
}

.btn-sec-bor {
  background: #ffffff !important;
  border: 1px solid #2F2F2F !important;
  color: #030202 !important;
  height: 50px;
  width: 140px;
  border-radius: 0 !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
}
.btn-sec-bor:hover {
  background: #2F2F2F !important;
  border: 1px solid #2F2F2F !important;
  color: #ffffff !important;
}

.btn-primary {
  background: #030202 !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  width: fit-content !important;
  padding: 20px 20px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.btn-grey {
  background: #F1F5F9 !important;
  padding: 0 20px !important;
  color: #94A3B8;
  height: 50px;
}
.btn-grey:hover {
  background: #030202 !important;
  color: #ffffff !important;
}

.btn-secondary {
  background: #2F2F2F !important;
  border: none !important;
  color: #ffffff !important;
}
.btn-secondary:focus, .btn-secondary:hover {
  background: #030202 !important;
  color: #ffffff !important;
}

.btn-oth {
  background: #0e121b !important;
  border: none !important;
  color: #ffffff !important;
}

.btn-circle {
  border-radius: 100px !important;
}

.btn-round {
  border-radius: 5px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #1F1F1F !important;
  color: #ffffff !important;
  border: none !important;
}

.btn-thm {
  background: #161d2b !important;
  color: #ffffff !important;
  border: none;
}

.btn-thm:hover,
.btn-thm:focus,
.btn-thm:active {
  background-color: #0e121b !important;
  color: #ffffff !important;
}

.btn.btn-wht {
  background-color: #ffffff;
  color: #2F2F2F;
  border: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}

.btn-wht:hover,
.btn-wht:focus,
.btn-wht:active {
  background-color: #2F2F2F !important;
  color: #ffffff !important;
  transform: scale(1);
}

.no-btn {
  background-color: transparent;
  border: none;
  padding: 0;
}

.btn-border-primary {
  background-color: #030202 !important;
  border: 1px solid #2F2F2F !important;
  color: #ffffff !important;
  border-radius: 0 !important;
}
.btn-border-primary:focus-visible, .btn-border-primary:active, .btn-border-primary:focus, .btn-border-primary:hover {
  background-color: #2F2F2F !important;
  border: 1px solid #2F2F2F !important;
  color: #ffffff !important;
}
.btn-border-primary:focus-visible .svg-strk, .btn-border-primary:active .svg-strk, .btn-border-primary:focus .svg-strk, .btn-border-primary:hover .svg-strk {
  stroke: #ffffff;
}

.btn-border-light {
  border: 1px solid #dddddd !important;
  color: #030202 !important;
  border-radius: 8px !important;
  padding: 3px 15px;
  background-color: #ffffff !important;
}
.btn-border-light:hover {
  background-color: #030202 !important;
  color: #ffffff !important;
  border: 1px solid #030202 !important;
}

.btn-primary-brd {
  border: 2px solid #030202;
  background-color: #030202;
  color: #ffffff;
}
.btn-primary-brd:focus-visible, .btn-primary-brd:active, .btn-primary-brd:focus, .btn-primary-brd:hover {
  background-color: #1F1F1F !important;
  border: 2px solid #1F1F1F !important;
  color: #ffffff !important;
}

.btn-danger-brd {
  border: 1px solid rgb(234, 67, 53);
  background-color: transparent;
  color: rgb(234, 67, 53);
}
.btn-danger-brd:focus-visible, .btn-danger-brd:active, .btn-danger-brd:focus, .btn-danger-brd:hover {
  background-color: rgb(209, 60, 50) !important;
  border: 1px solid rgb(209, 60, 50) !important;
  color: #ffffff !important;
}

.btn-danger {
  border: 1px solid rgb(234, 67, 53);
  background-color: rgb(234, 67, 53);
  color: #ffffff;
}
.btn-danger:focus-visible, .btn-danger:active, .btn-danger:focus, .btn-danger:hover {
  background-color: rgb(209, 60, 50) !important;
  border: 1px solid rgb(209, 60, 50) !important;
  color: #ffffff !important;
}

.btn-gry-brd {
  border: 1px solid rgba(0, 0, 0, 0.09);
  background-color: transparent;
  color: #999999;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05) !important;
}
.btn-gry-brd:focus-visible, .btn-gry-brd:active, .btn-gry-brd:focus, .btn-gry-brd:hover {
  background-color: rgb(0, 0, 0) !important;
  border: 1px solid rgb(0, 0, 0) !important;
  color: #ffffff !important;
}

@font-face {
  font-family: "geo";
  src: url(../../../public/assets/fonts/geometos/Geometos.ttf);
}
.my-form {
  --_clr-primary: #161b26;
  --_clr-hover: #f33195;
  --_clr-checked: #EF0F07;
}

.my-form {
  --_clr-primary: #161b26;
  --_clr-hover: #f33195;
  --_clr-checked: #EF0F07;
}

.btn {
  outline: none;
  box-shadow: none !important;
  padding: 0 15px;
  height: 35px;
}

.card .BtnFit {
  width: fit-content !important;
}

.btn:focus {
  box-shadow: none;
}

.btn-blu {
  background: #030202 !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
  height: 50px;
  width: 140px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 0 !important;
  padding: 0 !important;
}
.btn-blu:hover {
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
  color: #030202 !important;
}

.btn-white {
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
  color: #030202 !important;
  height: 50px;
  width: 140px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 0 !important;
  padding: 0 !important;
}
.btn-white:hover {
  background: #030202 !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
}

.btn-white-bor {
  background: #030202 !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
  height: 50px;
  width: 140px;
  border-radius: 0 !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  color: #2F2F2F !important;
}
.btn-white-bor:hover {
  background: #2F2F2F !important;
  border: 1px solid #2F2F2F !important;
  color: #ffffff !important;
}

.btn-sec-bor {
  background: #ffffff !important;
  border: 1px solid #2F2F2F !important;
  color: #030202 !important;
  height: 50px;
  width: 140px;
  border-radius: 0 !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
}
.btn-sec-bor:hover {
  background: #2F2F2F !important;
  border: 1px solid #2F2F2F !important;
  color: #ffffff !important;
}

.btn-primary {
  background: #030202 !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  width: fit-content !important;
  padding: 20px 20px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.btn-grey {
  background: #F1F5F9 !important;
  padding: 0 20px !important;
  color: #94A3B8;
  height: 50px;
}
.btn-grey:hover {
  background: #030202 !important;
  color: #ffffff !important;
}

.btn-secondary {
  background: #2F2F2F !important;
  border: none !important;
  color: #ffffff !important;
}
.btn-secondary:focus, .btn-secondary:hover {
  background: #030202 !important;
  color: #ffffff !important;
}

.btn-oth {
  background: #0e121b !important;
  border: none !important;
  color: #ffffff !important;
}

.btn-circle {
  border-radius: 100px !important;
}

.btn-round {
  border-radius: 5px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #1F1F1F !important;
  color: #ffffff !important;
  border: none !important;
}

.btn-thm {
  background: #161d2b !important;
  color: #ffffff !important;
  border: none;
}

.btn-thm:hover,
.btn-thm:focus,
.btn-thm:active {
  background-color: #0e121b !important;
  color: #ffffff !important;
}

.btn.btn-wht {
  background-color: #ffffff;
  color: #2F2F2F;
  border: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}

.btn-wht:hover,
.btn-wht:focus,
.btn-wht:active {
  background-color: #2F2F2F !important;
  color: #ffffff !important;
  transform: scale(1);
}

.no-btn {
  background-color: transparent;
  border: none;
  padding: 0;
}

.btn-border-primary {
  background-color: #030202 !important;
  border: 1px solid #2F2F2F !important;
  color: #ffffff !important;
  border-radius: 0 !important;
}
.btn-border-primary:focus-visible, .btn-border-primary:active, .btn-border-primary:focus, .btn-border-primary:hover {
  background-color: #2F2F2F !important;
  border: 1px solid #2F2F2F !important;
  color: #ffffff !important;
}
.btn-border-primary:focus-visible .svg-strk, .btn-border-primary:active .svg-strk, .btn-border-primary:focus .svg-strk, .btn-border-primary:hover .svg-strk {
  stroke: #ffffff;
}

.btn-border-light {
  border: 1px solid #dddddd !important;
  color: #030202 !important;
  border-radius: 8px !important;
  padding: 3px 15px;
  background-color: #ffffff !important;
}
.btn-border-light:hover {
  background-color: #030202 !important;
  color: #ffffff !important;
  border: 1px solid #030202 !important;
}

.btn-primary-brd {
  border: 2px solid #030202;
  background-color: #030202;
  color: #ffffff;
}
.btn-primary-brd:focus-visible, .btn-primary-brd:active, .btn-primary-brd:focus, .btn-primary-brd:hover {
  background-color: #1F1F1F !important;
  border: 2px solid #1F1F1F !important;
  color: #ffffff !important;
}

.btn-danger-brd {
  border: 1px solid rgb(234, 67, 53);
  background-color: transparent;
  color: rgb(234, 67, 53);
}
.btn-danger-brd:focus-visible, .btn-danger-brd:active, .btn-danger-brd:focus, .btn-danger-brd:hover {
  background-color: rgb(209, 60, 50) !important;
  border: 1px solid rgb(209, 60, 50) !important;
  color: #ffffff !important;
}

.btn-danger {
  border: 1px solid rgb(234, 67, 53);
  background-color: rgb(234, 67, 53);
  color: #ffffff;
}
.btn-danger:focus-visible, .btn-danger:active, .btn-danger:focus, .btn-danger:hover {
  background-color: rgb(209, 60, 50) !important;
  border: 1px solid rgb(209, 60, 50) !important;
  color: #ffffff !important;
}

.btn-gry-brd {
  border: 1px solid rgba(0, 0, 0, 0.09);
  background-color: transparent;
  color: #999999;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05) !important;
}
.btn-gry-brd:focus-visible, .btn-gry-brd:active, .btn-gry-brd:focus, .btn-gry-brd:hover {
  background-color: rgb(0, 0, 0) !important;
  border: 1px solid rgb(0, 0, 0) !important;
  color: #ffffff !important;
}

@font-face {
  font-family: "geo";
  src: url(../../../public/assets/fonts/geometos/Geometos.ttf);
}
/* The Dark switch container */
.switch {
  display: none;
  font-size: 17px;
  position: relative;
  width: 3.5em;
  height: 2em;
  cursor: pointer;
  margin-bottom: 0;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  --background: #5494de;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--background);
  transition: 0.5s;
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.slider:before {
  position: absolute;
  content: "";
  height: 1.4em;
  width: 1.4em;
  border-radius: 50%;
  left: 10%;
  bottom: 15%;
  box-shadow: inset 15px -4px 0px 15px #efdf2b, 0 0 10px 0px #efdf2b;
  background: #20262c;
  transition: 0.5s;
}

input:checked + .slider {
  background-color: #20262c;
}

input:checked + .slider:before {
  transform: translateX(100%) rotate(-15deg);
  box-shadow: inset 8px -4px 0px 0px #ececd9, -4px 1px 4px 0px;
}

.dark-layout body {
  background-color: #0e121b;
}
.dark-layout body .dataTables_wrapper .dataTables_filter label {
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.5);
}
.dark-layout body .dataTables_wrapper .dataTables_filter label input:focus {
  background-color: transparent;
  color: #ffffff !important;
}
.dark-layout body .crancy-header {
  background-color: rgba(0, 0, 0, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-layout .crancy-header__single {
  background-color: transparent;
}
.dark-layout .crancy-header__settings .crancy-header__blink {
  background-color: #030202;
}
.dark-layout .qk_acc {
  background-color: #0e121b;
  backdrop-filter: blur(10px);
  border: none;
}
.dark-layout .qk_acc ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.dark-layout .qk_acc ul li:last-child {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.dark-layout .qk_acc ul li:hover {
  background-color: rgba(255, 255, 255, 0.08);
}
.dark-layout .qk_acc ul li button span {
  color: #ffffff;
}
.dark-layout .admin-menu {
  background-color: rgba(0, 0, 0, 0.5) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.dark-layout .admin-menu li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-layout .admin-menu li:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-layout .admin-menu li .menu-bar__name {
  color: #ffffff;
}
.dark-layout .logo {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-layout .lgt {
  display: none !important;
}
.dark-layout .drk {
  display: block !important;
}
.dark-layout .charts-main,
.dark-layout .crancy-progress-card {
  background: rgba(255, 255, 255, 0.1);
}
.dark-layout .fr-posi span {
  color: #ffffff;
}
.dark-layout .crancy-progress-list li p {
  color: #ffffff;
}
.dark-layout span.apexcharts-legend-text {
  color: #ffffff !important;
}
.dark-layout .charts-main__title {
  color: #ffffff;
}
.dark-layout .select2-container--default .select2-selection--multiple, .dark-layout .select2-container--default .select2-selection--single {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.dark-layout .select2-container .select2-selection--single .select2-selection__rendered {
  color: #ffffff;
}
.dark-layout .select2-dropdown {
  background-color: rgba(0, 0, 0, 0.1) !important;
  backdrop-filter: blur(3px);
  border-color: rgba(255, 255, 255, 0.1);
  overflow: hidden;
}
.dark-layout .select2-container--default .select2-results__option--selected {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.dark-layout .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
.dark-layout .select2-results__option--selectable {
  color: #ffffff;
}
.dark-layout .select2-results {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.dark-layout .card {
  background-color: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
.dark-layout .card .card-header h4.card-title {
  color: #ffffff !important;
}
.dark-layout .card div.dataTables_wrapper div.dataTables_filter label {
  color: #ffffff;
}
.dark-layout .card .crancy-table__head {
  background: rgba(255, 255, 255, 0.04);
}
.dark-layout .card .crancy-table__head th {
  color: rgba(255, 255, 255, 0.8);
}
.dark-layout .card table.dataTable td {
  color: #ffffff;
}
.dark-layout .card .user-bx h4 {
  color: rgba(255, 255, 255, 0.8);
}
.dark-layout .card .gray {
  background-color: rgba(21, 78, 155, 0.1) !important;
  color: rgb(21, 78, 155);
}
.dark-layout .card .form-control.form-control-sm {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.8) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px;
}
.dark-layout .card .form-control.form-control-sm:focus {
  border-radius: 8px;
}
.dark-layout div:where(.swal2-container) div:where(.swal2-popup) {
  background-color: #0e121b;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-layout div:where(.swal2-container) h2:where(.swal2-title) {
  color: #ffffff;
}
.dark-layout div:where(.swal2-icon).swal2-warning {
  border-color: #030202 !important;
  color: #030202 !important;
}
.dark-layout table.dataTable.display > tbody > tr > td {
  border-top: 1px solid rgba(255, 255, 255, 0.04) !important;
}
.dark-layout .mobile-spc {
  display: flex;
  background-color: rgba(3, 2, 2, 0.2);
  color: #ffffff;
}
.dark-layout table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: rgba(255, 255, 255, 0.5);
}

::selection {
  background-color: rgb(0, 0, 0) !important;
}

html {
  scroll-behavior: smooth;
}

.header .header-content {
  padding-left: 2rem !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "geo";
}

.us-img {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 50px;
  height: 50px;
  border-radius: 15px;
  border: 4px solid #ffffff;
}

.square-container,
.upload-container {
  border: 2px dashed #ccc;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
  margin-bottom: 20px;
  transition: all 0.3s;
  display: flex;
  justify-content: center;
}
.square-container .Btn_Center,
.upload-container .Btn_Center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  font-size: 15px;
  border: none;
  background-color: transparent;
}
.square-container .Btn_Center p,
.upload-container .Btn_Center p {
  margin-bottom: 0;
}
.square-container .Btn_Center .stk-svg,
.upload-container .Btn_Center .stk-svg {
  stroke: #000;
}

#squareimage-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
  min-height: 10px;
}

.alt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.alt label {
  background-color: #ffffff;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #030202;
  font-size: 12px;
  margin-bottom: 0;
}

.lgo {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 191px;
  height: 70px;
}

.nav-header {
  width: 100% !important;
  position: static !important;
  display: flex !important;
  justify-content: center;
}

.DropDown.open .DropDown_Menu {
  max-height: 400px;
}

.DropDown_Menu {
  padding: 0 !important;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.DropDown_Menu li {
  list-style: none;
}
.DropDown_Menu li::before {
  display: none !important;
}
.DropDown_Menu li .nav-text {
  color: #ffffff;
  font-weight: 600;
}

.nav-header,
.header {
  background-color: transparent !important;
  height: auto !important;
}

.nav-header .brand-logo {
  justify-content: center !important;
  background-color: transparent;
  width: 100% !important;
  padding: 0;
}

.dlabnav.adm {
  top: 5rem;
  width: 17rem;
  height: 100%;
  box-shadow: none;
  position: fixed;
  top: 0;
  background-color: transparent;
  background-position: -350px center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0;
}
.dlabnav.adm .dlabnav__gradient {
  background-image: linear-gradient(236deg, rgb(3, 2, 2) 0%, rgba(31, 31, 31, 0.87) 53%);
  height: 100%;
  width: 100%;
}

.content-body {
  margin-left: 17rem !important;
  height: auto !important;
}

.stk-svg {
  stroke: #ffffff;
}

.fill-svg {
  fill: #ffffff;
}

.dlabnav .metismenu > li {
  padding: 0;
  margin-bottom: 5px;
  transition: 0.3s ease-in;
  text-transform: uppercase;
  color: #ffffff !important;
}
.dlabnav .metismenu > li span {
  transition: 0.2s ease-in;
  word-spacing: 2px;
}
.dlabnav .metismenu > li:hover {
  transition: 0.2s ease-in-out;
}
.dlabnav .metismenu > li:hover span {
  transition: 0.2s ease-in-out;
}

.dlabnav .metismenu > li.active {
  background-color: #ffffff !important;
}
.dlabnav .metismenu > li.active a {
  color: #030202 !important;
}
.dlabnav .metismenu > li.active a:hover {
  color: #030202 !important;
}

.dlabnav .metismenu > li > a {
  padding: 10px 20px !important;
  border-radius: 0px;
  display: flex !important;
  align-items: center;
  column-gap: 8px;
  justify-content: space-between;
}

.dlabnav .metismenu li a.active-a {
  background-color: #ffffff;
  color: #030202 !important;
  font-weight: 600;
}
.dlabnav .metismenu li a.active-a .fill-svg {
  fill: #030202 !important;
}

.scl-big {
  transform: scale(1.2);
}

.SideLog {
  justify-content: flex-start !important;
}
.SideLog a {
  margin-left: 20px;
}

.header-right .nav-item .nav-link {
  border-radius: 0.5em !important;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px 10px 10px !important;
  display: flex;
}
.header-right .nav-item .nav-link .header-info {
  display: flex;
  flex-direction: column;
}
.header-right .nav-item .nav-link .header-info span {
  word-break: break-word;
}

.lg-pn {
  display: flex;
  align-items: center;
}

.header-profile {
  margin: 0 !important;
  padding: 0 !important;
}

.header-profile > a.nav-link {
  margin-left: 0 !important;
}

.header-profile > a.nav-link .header-info span {
  color: #ffffff !important;
  font-size: 1em !important;
}

.navbar-expand .navbar-nav,
.header-right .nav-item,
.header-right .nav-item .nav-link,
.navbar-expand .navbar-collapse {
  width: 100%;
}

.grd-dash {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.grd-dash .card-title {
  font-size: 15px;
}
.grd-dash .img-bg {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 130px;
  height: 130px;
  border-radius: 20px;
}
.grd-dash .gr-ann {
  grid-column: 1/2;
}
.grd-dash .gr-ann .card {
  overflow: hidden;
}
.grd-dash .ann-cnt h3 {
  font-size: 1.9em;
  color: #030202;
}
.grd-dash .ann-cnt h3 span {
  color: #030202;
}
.grd-dash .ann-cnt ul {
  margin: 0;
}
.grd-dash .ann-cnt ul li {
  margin-bottom: 10px;
  color: #6B7280;
}

.container-fluid {
  padding-top: 0 !important;
}

.al-cnt {
  display: flex;
  column-gap: 30px;
}
.al-cnt svg {
  transform: rotate(-20deg);
}

.card {
  margin-bottom: 0 !important;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 15px;
}
.card .fill-svg {
  fill: #030202 !important;
}
.card .card-header {
  background-color: rgba(0, 0, 0, 0.02);
}
.card .card-header .btn {
  padding: 5px 15px !important;
  border-radius: 100px !important;
}
.card .card-header .btn .fill-svg {
  fill: #ffffff !important;
}
.card .card-header .btn span {
  margin-left: 5px;
}

.evnts {
  grid-column: 1/2;
}
.evnts ul li {
  padding: 10px 20px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  margin-bottom: 10px;
}
.evnts .ev-inn .stk-svg {
  stroke: #ffffff;
}
.evnts .ev-inn h4 {
  margin-bottom: 0;
}
.evnts .ev-inn p {
  margin-bottom: 0;
}
.evnts .ev-inn .btn-cal {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
  justify-content: space-between;
}
.evnts .ev-inn .btn-cal .btn {
  border-radius: 10px !important;
  font-size: 14px;
  padding: 5px 15px !important;
  width: 179px !important;
}
.evnts .ev-inn .btn-cal .btn span {
  margin-left: 10px;
}

.business ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  margin-bottom: 10px;
}
.business ul li .card-header h4.card-title b {
  font-weight: bold;
  color: #030202 !important;
}
.business ul li .busi p {
  display: flex;
  justify-content: space-between;
  margin: 0;
}
.business ul li .busi p b {
  font-weight: bold;
}
.business ul li .progress {
  height: 20px;
}
.business ul li .progress .progress-bar {
  background-color: #030202;
}

.AddNewListing .btn-secondary {
  width: 15% !important;
}

.TrainCent .left .nav .nav-item .nav-link {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 18px;
  padding: 10px 25px;
  width: 100%;
}
.TrainCent .right {
  width: 100%;
}
.TrainCent .right .tab-content {
  padding: 10px 0;
}
.TrainCent .right .tab-content .cnf-grd {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.TrainCent .right .tab-content .cnf-grd a {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 1rem;
  width: 300px;
  background-color: #ffffff;
}
.TrainCent .right .tab-content .ol-nd {
  margin-top: 20px;
}
.TrainCent .right .tab-content .ol-nd a {
  display: flex;
  align-items: center;
  gap: 15px;
  border-radius: 8px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0.5rem 1.5rem;
  width: fit-content;
  margin: 10px 0;
  margin-bottom: 20px;
}
.TrainCent .right .tab-content .ol-nd .mt_top {
  margin-top: 60px;
}
.TrainCent .right .tab-content .ol-nd h5 {
  margin-bottom: 0;
}
.TrainCent .right .slider-single {
  height: 500px;
  background-color: transparent;
  padding: 0;
}
.TrainCent .right .slider-single .slick-list {
  height: 100% !important;
}
.TrainCent .right .slider-single .slick-list .slick-track img {
  height: 100%;
  width: 100%;
}
.TrainCent .right .slider-nav {
  height: 150px;
}
.TrainCent .right .slider::before {
  display: none;
}
.TrainCent .CardLight {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  padding: 10px;
}
.TrainCent .CardLight .ImgLight {
  border-radius: 35px;
  height: 300px;
  width: 100%;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: cover;
}
.TrainCent .CardLight .ImgLight .Overlay {
  background: linear-gradient(0deg, rgba(201, 201, 201, 0.41), rgba(191, 191, 191, 0.77)), linear-gradient(50deg, rgba(255, 255, 255, 0.39) -1.54%, rgba(255, 255, 255, 0.39) 32.05%, rgba(255, 255, 255, 0.39) 50.26%, rgba(255, 255, 255, 0.39) 78.48%, rgba(255, 255, 255, 0.39) 106.48%);
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-size: 45px;
  text-align: center;
  font-weight: 700;
  padding: 10px;
  border-radius: 30px;
}
.TrainCent .CardLight .light {
  padding: 10px;
  border: 4px solid #B5B5B5;
}

.BackPass {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.BackPass .left {
  width: 100%;
}
.BackPass h3 {
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
  color: #030202;
}
.BackPass p {
  color: #030202;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
}
.BackPass h4 {
  color: #030202;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
}
.BackPass .bg_svg {
  background-color: #030202;
  border-radius: 100px;
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.BackPass .wrapper {
  display: flex;
  gap: 30px;
}
.BackPass .wrapper .card {
  width: 400px;
}
.BackPass .wrapper .Wrap_h2 {
  color: #030202;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 0;
}
.BackPass .wrapper .Wrap_p {
  color: #030202;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0;
}
.BackPass .wrapper .wrapImg {
  height: 180px;
  width: 330px;
  margin-bottom: 5px;
}
.BackPass .wrapper .wrapImg img {
  height: 100%;
  width: 100%;
}
.BackPass .wrapper .Wrap_bold {
  font-weight: 600;
  font-size: 18px;
  color: #030202;
  margin-bottom: 0;
  line-height: 1.4;
}
.BackPass .d-End {
  display: flex;
  justify-content: end;
  margin-bottom: 1rem;
}
.BackPass .d-End .btn-primary {
  width: fit-content !important;
  height: 40px;
  font-size: 20px;
}

.form-control {
  height: 45px !important;
}

.wantNeed .Chck {
  font-size: 24px;
  font-weight: 600;
  color: #030202;
  display: flex;
  gap: 10px;
}
.wantNeed form {
  margin-top: 20px;
}
.wantNeed form .form-label {
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 6px;
  color: #030202;
  white-space: nowrap;
}
.wantNeed form .form-control {
  border-radius: 4px;
  border: 3px solid #030202;
  border-radius: 1rem;
}
.wantNeed form .form-select {
  border-radius: 8px;
  background-color: #fafafa;
  height: 40px;
}
.wantNeed form .Grouped {
  display: flex;
  gap: 10px;
  align-items: center;
  width: 100%;
}
.wantNeed form .Grouped .form-control {
  width: 100% !important;
  border-radius: 4px;
}
.wantNeed form .form-area {
  height: 100px !important;
}

.ExcList #thumbs img {
  border-radius: 0 !important;
}
.ExcList .outer {
  margin: 0 auto;
  max-width: 90%;
}
.ExcList #big .item {
  background: #ec6e46;
  padding: 0px;
  margin: 0;
  color: #fff;
  border-radius: 3px;
  text-align: center;
}
.ExcList .owl-prev .fa,
.ExcList .owl-next .fa {
  display: none;
}
.ExcList #thumbs .owl-stage {
  display: flex;
  margin-top: 10px;
  gap: 12px;
}
.ExcList #thumbs .item {
  background: #c9c9c9;
  height: 150px;
  width: 300px;
  line-height: 70px;
  padding: 0px;
  margin: 2px;
  color: #fff;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
}
.ExcList .image-overlay-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.ExcList .image-overlay-container img {
  width: 100%;
  height: auto;
  display: block;
}
.ExcList .image-overlay-container .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.66);
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  flex-direction: column;
}
.ExcList .image-overlay-container .overlay svg {
  margin-right: 50px;
}
.ExcList .image-overlay-container .overlay-text {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 0 10px;
  text-transform: uppercase;
  border-bottom: 4px solid #ffffff;
  padding-bottom: 10px;
  margin-bottom: 20px;
  margin-left: 20px;
  width: 75%;
  text-align: left;
}
.ExcList .OverImg {
  height: 130px !important;
  width: 400px !important;
}
.ExcList .owl-prev {
  position: relative;
  width: 20px;
  height: 20px;
}
.ExcList .owl-prev::before,
.ExcList .owl-prev::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 50px;
  background-color: #030202;
  top: 4px;
  left: 9px;
}
.ExcList .owl-prev::before {
  transform: rotate(40deg);
  top: 0;
}
.ExcList .owl-prev::after {
  transform: rotate(-40deg);
  top: 37px;
}
.ExcList .owl-next::before,
.ExcList .owl-next::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 50px;
  background-color: #030202;
  top: 4px;
  right: 9px;
}
.ExcList .owl-next::before {
  transform: rotate(-40deg);
  top: 0;
}
.ExcList .owl-next::after {
  transform: rotate(40deg);
  top: 37px;
}
.ExcList #thumbs .owl-nav,
.ExcList #thumbs .owl-dots {
  display: none;
}
.ExcList #thumbs .item h1 {
  font-size: 18px;
}
.ExcList #thumbs .current .item {
  background: #ff5722;
}
.ExcList .owl-theme .owl-nav [class*=owl-] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ExcList .owl-theme .owl-nav [class*=owl-].disabled:hover {
  background-color: #d6d6d6;
}
.ExcList #big.owl-theme {
  position: relative;
}
.ExcList #big.owl-theme .owl-next,
.ExcList #big.owl-theme .owl-prev {
  background: transparent;
  width: 22px;
  line-height: 40px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  text-align: center;
  top: 50%;
}
.ExcList #big.owl-theme .owl-prev {
  left: -50px;
}
.ExcList #big.owl-theme .owl-next {
  right: -50px;
}
.ExcList #thumbs.owl-theme .owl-next,
.ExcList #thumbs.owl-theme .owl-prev {
  background: #333;
}

#qrcode {
  margin: 20px auto;
  width: fit-content;
}

.OutCom h3 {
  color: #030202;
  font-size: 22px;
  text-transform: capitalize;
  margin-bottom: 1rem;
  font-weight: 700;
}
.OutCom .OutComInn {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.OutCom .OutComInn .out_in .in_Img {
  height: 100%;
  width: 100%;
  border-radius: 40px;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.OutCom .OutComInn .out_in .in_Img .img-cmm {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 160px;
  height: 160px;
  border-radius: 10px;
}
.OutCom .OutComInn .out_in h5 {
  color: #030202;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
}
.OutCom .OCh3 {
  font-size: 22px;
  font-weight: 700;
}
.OutCom h2 {
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.OutCom .btn1 {
  width: fit-content !important;
}
.OutCom .Flexed {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.dropdown {
  display: flex;
  justify-content: end;
  width: 50%;
}

.dropdown-toggle::after {
  display: none !important;
}

.RSVP .modal-footer {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1000px) {
  .AdminReq .CardLight,
  .TrainCent .CardLight {
    grid-template-columns: 1fr !important;
    width: 100%;
  }
}
.AdminReq {
  display: grid;
  grid-template-columns: 40% 60%;
}
.AdminReq .img-btn-big {
  width: 100%;
  height: 380px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  border-radius: 10px;
}
.AdminReq .grid-asst {
  display: grid;
  grid-template-columns: 50% 50%;
  justify-content: space-between;
  column-gap: 10px;
}
.AdminReq .disp-no {
  transform: translate(0, -8%) !important;
}
.AdminReq .boot-hlp {
  grid-column: 1/3;
}
.AdminReq .CardDark {
  background-color: transparent;
  border: none;
  border-left: 2px dashed rgba(0, 0, 0, 0.1);
  box-shadow: none;
  padding: 0;
  border-radius: 0;
  height: auto !important;
}
.AdminReq .CardDark .DarkImg {
  height: 200px;
  width: 200px;
}
.AdminReq .CardDark .DarkImg img {
  height: 100%;
  width: 100%;
  border-radius: 20px;
  border: 4px solid #ffffff;
}
.AdminReq .CardDark .ContentDark {
  margin-top: 10px;
  text-align: center;
}
.AdminReq .CardDark .ContentDark h3 {
  color: #030202;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 0;
}
.AdminReq .CardDark .ContentDark h6 {
  color: #030202;
}
.AdminReq .CardDark .ContentDark .InfoDark {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 5px;
}
.AdminReq .CardDark .ContentDark .InfoDark .fill-svg {
  fill: #030202 !important;
}
.AdminReq .CardDark .ContentDark .InfoDark .stk-svg {
  stroke: #030202 !important;
}
.AdminReq .CardDark .ContentDark .InfoDark p {
  margin-bottom: 0;
  color: #030202;
  font-size: 16px;
}
.AdminReq .CardDark h4 {
  color: #030202;
  font-size: 18px;
  margin-bottom: 0;
}
.AdminReq .CardDark ul {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 40px;
}
.AdminReq .CardDark ul li {
  color: #030202;
  list-style: disc;
}
.AdminReq .CardDark .MarginTop {
  margin-top: 13px;
}
.AdminReq .CardLight {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  margin-right: 40px;
}
.AdminReq .CardLight .ImgLight {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  border-radius: 20px;
  height: 100%;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
}
.AdminReq .CardLight .ImgLight .Overlay {
  background: linear-gradient(128deg, rgba(3, 2, 2, 0.9) 40%, rgba(148, 166, 170, 0.1)) rgba(3, 2, 2, 0.7);
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  padding: 10px;
}
.AdminReq .CardLight .ImgLight .Overlay h2 {
  color: #ffffff !important;
}
.AdminReq .HeightFit {
  height: fit-content !important;
  margin-bottom: 20px !important;
}
.AdminReq h3 {
  color: #030202;
  font-size: 26px;
  font-weight: 700;
}
.AdminReq .form-label {
  font-weight: 600;
  color: #030202;
  font-size: 17px;
}
.AdminReq .form-control {
  border-radius: 20px;
  border: 3px solid #B5B5B5;
}
.AdminReq .form-area {
  height: 75px !important;
  overflow-x: hidden;
  overflow-y: scroll;
}
.AdminReq textarea.form-control {
  height: auto !important;
}
.AdminReq .btn-primary {
  background-color: #030202 !important;
  border-radius: 100px !important;
  width: 25% !important;
  height: 40px;
}

.AdminModal .modal-header {
  justify-content: center;
}
.AdminModal .modal-header .modal-title {
  font-size: 27px !important;
  font-weight: 700;
}
.AdminModal .modal-header .btn-close {
  font-size: 22px;
  font-weight: 700;
  color: #030202 !important;
  border-radius: 0;
}
.AdminModal .modal-header .btn-close:focus {
  box-shadow: none;
  border-color: transparent;
}
.AdminModal .modal-header .btn-close:hover {
  color: #030202;
}
.AdminModal textarea.form-control {
  height: auto !important;
}
.AdminModal .modal-body .btn-primary {
  height: 70px;
  width: 50% !important;
}
.AdminModal .modal-body .form-label {
  color: #030202;
  font-size: 16px;
}
.AdminModal .modal-body .form-control {
  border-radius: 7px;
  border: 3px solid #B5B5B5;
}
.AdminModal .modal-body .TextArea {
  height: 100px !important;
}
.AdminModal .modal-body .adm__nj {
  display: flex;
  align-items: center;
  gap: 25px;
}
.AdminModal .modal-body .adm__nj .team-img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 200px;
  width: 200px;
  border-radius: 1rem;
}
.AdminModal .modal-body .adm__nj h3 {
  color: #030202;
  font-size: 20px;
  margin-bottom: 1rem;
  font-weight: 700;
}
.AdminModal .modal-body .adm__nj p {
  margin-bottom: 1rem;
  font-size: 16px;
  color: #030202;
}
.AdminModal .modal-body .adm__nj .adm__img {
  height: 100px;
  width: 180px;
}
.AdminModal .modal-body .adm__nj .adm__img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.AdminModal .modal-body .InfoDark {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 1rem;
}
.AdminModal .modal-body .InfoDark p {
  margin-bottom: 0;
  color: #030202;
  font-size: 17px;
}

.informational_tab .tab-content .tab-pane .InfoCard .card-body .nav-pills .nav-link {
  padding: 10px 30px;
  font-size: 15px;
}

.informational_tab {
  display: grid;
  grid-template-columns: 1fr 3fr;
  height: 100%;
}
.informational_tab .nav-pills {
  display: flex;
  flex-direction: column;
  background-color: #030202 !important;
  padding: 20px !important;
  border-radius: 27px;
  gap: 5px;
  height: 100%;
}
.informational_tab .nav-pills .nav-link {
  color: #ffffff;
  font-weight: 600;
  padding: 10px 20px;
  width: 100%;
  text-align: left;
  font-size: 20px;
}
.informational_tab .nav-pills .nav-link:hover {
  color: #ffffff !important;
}
.informational_tab .nav-pills .show > .nav-link {
  color: #030202 !important;
  border-bottom: none;
  background-color: #ffffff !important;
}
.informational_tab .tab-content .tab-pane .InfoCard .card-body {
  padding-top: 0;
}
.informational_tab .tab-content .tab-pane .InfoCard .card-body .flexed {
  display: flex;
  align-items: center;
  gap: 10px;
}
.informational_tab .tab-content .tab-pane .InfoCard .card-body .flexed .flexImg {
  height: 40px;
  width: 40px;
  border-radius: 100px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.informational_tab .tab-content .tab-pane .InfoCard .card-body .flexed .flexImg img {
  height: 100%;
  width: 100%;
  border-radius: 100px;
}
.informational_tab .tab-content .tab-pane .InfoCard .card-body .flexed .flexp1 {
  font-size: 14px;
  text-transform: capitalize;
  color: #030202;
  font-weight: 700;
  margin-bottom: 0;
}
.informational_tab .tab-content .tab-pane .InfoCard .card-body .flexp2 {
  font-size: 14px;
  color: #030202;
  font-weight: 700;
  margin-bottom: 0;
}
.informational_tab .tab-content .tab-pane .InfoCard .CardBody {
  padding-top: 1.875rem !important;
}
.informational_tab .tab-content .tab-pane .InfoCard .CardBody .FlexedLinks {
  display: flex;
  align-items: center;
  gap: 10px;
}
.informational_tab .tab-content .tab-pane .InfoCard .CardBody .FlexedLinks a {
  text-decoration: underline;
  color: #030202;
  font-size: 20px;
}
.informational_tab .tab-content .tab-pane .InfoCard .CardBody .FlexedLinks svg {
  font-size: 20px;
}
.informational_tab .tab-content .tab-pane .InfoCard .CardBody .FlexedBetween {
  column-gap: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.informational_tab .tab-content .tab-pane .InfoCard .CardBody .FlexedBetween .fr-btw {
  display: flex;
  align-items: center;
  column-gap: 30px;
}
.informational_tab .tab-content .tab-pane .InfoCard .CardBody .FlexedBetween .cross-logo {
  width: 70%;
  margin-bottom: 10px;
}
.informational_tab .tab-content .tab-pane .InfoCard .CardBody .FlexedBetween .cross-logo img {
  height: 100%;
  width: 100%;
}
.informational_tab .tab-content .tab-pane .InfoCard .CardBody .FlexedBetween h2 {
  margin-bottom: 0;
  font-size: 32px;
}
.informational_tab .tab-content .tab-pane .InfoCard .CardBody .FlexedBetween p {
  margin-bottom: 0;
  font-size: 20px;
}
.informational_tab .tab-content .tab-pane .InfoCard .CardGrid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px;
}
.informational_tab .tab-content .tab-pane .InfoCard .CardGrid .card {
  width: 350px;
}
.informational_tab .tab-content .tab-pane .InfoCard .CardGrid .card .card-body {
  padding-top: 1.875rem !important;
}
.informational_tab .tab-content .tab-pane .InfoCard .CardGrid .card .card-body .FlexedLinks {
  display: flex;
  align-items: center;
  gap: 10px;
}
.informational_tab .tab-content .tab-pane .InfoCard .CardGrid .card .card-body .FlexedLinks a {
  text-decoration: underline;
  color: #030202;
  font-size: 20px;
}
.informational_tab .tab-content .tab-pane .InfoCard .CardGrid .card .card-body .FlexedLinks svg {
  font-size: 20px;
}
.informational_tab .tab-content .tab-pane .InfoCard .CardGrid .card .card-body .FlexedLinks p {
  margin-bottom: 0;
  font-size: 20px;
}
.informational_tab .tab-content .tab-pane .InfoCard .CardGrid .card .card-body .FlexedMail a {
  text-decoration: underline;
  color: #030202;
  font-size: 20px;
}
.informational_tab .tab-content .tab-pane .InfoCard .CardGrid .card .card-body .FlexedMail p {
  margin-bottom: 0;
  font-size: 20px;
}
.informational_tab .tab-content .tab-pane .InfoCard .Disclaimers ul li h3 {
  margin-bottom: 0;
  font-size: 28px;
  line-height: 1.8;
  color: #030202;
  font-weight: 700;
}
.informational_tab .tab-content .tab-pane .InfoCard .Disclaimers ul li p {
  color: #030202;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 0;
}
.informational_tab .tab-content .tab-pane .InfoCard .HeaderAwards h1 {
  color: #030202;
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 0;
}
.informational_tab .tab-content .tab-pane .InfoCard .HeaderAwards .DGrid {
  display: grid;
  grid-template-columns: repeat(2, 48.7%);
  gap: 20px;
  margin-top: 20px;
}
.informational_tab .tab-content .tab-pane .InfoCard .HeaderAwards .DGrid .business {
  grid-column: auto;
}
.informational_tab .tab-content .tab-pane .InfoCard .HeaderAwards .DGrid .business .card {
  background-color: transparent;
}
.informational_tab .tab-content .tab-pane .InfoCard .HeaderAwards .DGrid .business .card .card-body {
  padding-top: 1.875rem !important;
}
.informational_tab .tab-content .tab-pane .InfoCard .HeaderAwards .DGrid .business .card .card-body .business_logo {
  height: 110px;
}
.informational_tab .tab-content .tab-pane .InfoCard .HeaderAwards .DGrid .business .card .card-body .business_logo .str-img {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 100px;
  height: 100px;
}
.informational_tab .tab-content .tab-pane .InfoCard .HeaderAwards .DGrid .business .card .card-body .business_name {
  font-size: 22px;
  text-align: left;
  margin-bottom: 0;
  color: #030202;
  text-transform: uppercase;
  line-height: 1.2;
  margin-left: 10px;
}

.btns-ara {
  display: flex;
  column-gap: 5px;
}
.btns-ara .stk-svg {
  stroke: #030202;
}
.btns-ara .fill-svg {
  fill: #030202;
}

.prfrm {
  display: flex;
  column-gap: 10px;
}
.prfrm .PerformUser {
  height: 30px;
  width: 30px;
  border-radius: 100px;
}
.prfrm .PerformUser .tbann-img {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  height: 100%;
  width: 100%;
  border-radius: 100px;
}
.prfrm .PerformName {
  font-size: 20px;
  color: #030202;
  margin-bottom: 0;
}

.business table td,
.business table th {
  vertical-align: middle;
}

.ModalCheck .form-check-label {
  margin: 0 !important;
}

.nav-tabs {
  border-bottom: none;
}

.d-End {
  display: flex;
  justify-content: end;
  margin-bottom: 10px;
}

.BrandList .listing .lst-img {
  height: 160px !important;
}

.TextArea {
  height: 100px !important;
}

.Greetings {
  margin-top: 0 !important;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Greetings h3 {
  font-size: 30px;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1.2;
}
.Greetings .btn-secondary {
  color: #ffffff !important;
  font-size: 18px;
  width: fit-content !important;
  border-radius: 100px !important;
  font-weight: 500;
  height: 50px;
  padding: 10px 20px;
}

.TeamCards .btn-primary {
  width: fit-content !important;
}
.TeamCards .grd-team {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 300px));
}
.TeamCards .grd-team .team-crd .card {
  border-radius: 20px;
}
.TeamCards .grd-team .team-crd .card .card-body {
  padding: 1.15rem;
}
.TeamCards .grd-team .team-crd .card .card-body .team-img {
  width: 100%;
  height: 250px;
  border-radius: 1rem;
}
.TeamCards .grd-team .team-crd .card .card-body .cnt-team h2 {
  font-size: 16px;
  text-transform: uppercase;
  line-height: 1.5;
  color: #030202;
  font-weight: 700;
}
.TeamCards .grd-team .team-crd .card .card-body .cnt-team h2 span {
  font-size: 14px;
  text-transform: capitalize;
  color: #030202;
  font-weight: normal;
  font-family: arial;
}
.TeamCards .grd-team .team-crd .card .card-body .cnt-team .tooltip {
  --bs-tooltip-max-width: 200px !important;
}

.card .card-body .ev-inn .btn-cal .AddToCalendar {
  width: 50% !important;
}
.card .card-body .ev-inn .btn-cal .dropdown-toggle {
  width: 100% !important;
}
.card .card-body .t-list {
  border: 1px solid #d3d2d2;
  height: 220px;
  position: relative;
  overflow: hidden;
}
.card .card-body .t-list a {
  width: 50%;
}
.card .card-body .t-list .BadgeSuccess {
  background-color: #3f8755;
  position: absolute;
  top: 10px;
  left: 10px;
  color: #fff;
  padding: 5px 10px;
  border-radius: 7px;
  font-size: 12px;
}
.card .card-body .t-list .BadgeReg {
  background-color: #030202;
  position: absolute;
  top: 10px;
  left: 10px;
  color: #ffffff;
  padding: 5px 10px;
  border-radius: 7px;
  font-size: 12px;
}

.listing.fr-nwtb {
  grid-column: 2/4;
  position: relative;
}
.listing.fr-nwtb .lst-img {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 100% !important;
  width: 160px;
  height: 160px;
  border-radius: 10px;
  border: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: rgba(0, 0, 0, 0.1);
}
.listing.fr-nwtb .t-list {
  padding: 0;
  display: flex;
  column-gap: 20px;
  overflow: hidden;
  border-radius: 20px;
  height: 161px !important;
  position: relative;
}
.listing.fr-nwtb .t-list:first-child {
  display: flex !important;
  flex-direction: row;
  justify-content: flex-start;
}
.listing.fr-nwtb .t-list:first-child a {
  width: auto;
}
.listing.fr-nwtb .t-list:first-child .list-det {
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.listing.fr-nwtb .t-list .list-det {
  width: 100%;
  padding: 20px 15px;
}
.listing.fr-nwtb .t-list .list-det b {
  background-color: rgba(0, 0, 0, 0.2);
  color: #030202;
  padding: 3px 5px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: normal;
  margin-top: 5px;
}
.listing.fr-nwtb .t-list .list-det h5 {
  margin-bottom: 5px;
  font-size: 27px;
  font-weight: bold;
  color: #030202;
}
.listing.fr-nwtb .t-list .list-det p {
  margin-bottom: 5px;
  line-height: 1.3;
}
.listing.fr-nwtb .t-list .list-det label {
  margin-bottom: 0;
}
.listing.fr-nwtb .t-list .list-det h6 {
  margin-top: 10px;
  margin-bottom: 0;
}
.listing.fr-nwtb .t-list .list-det h6 span {
  font-weight: normal;
  font-size: 12px;
  color: #666666;
}
.listing.fr-nwtb .t-list .list-det h6 i {
  font-weight: normal;
  font-size: 12px;
  font-style: normal;
  color: #666666;
}
.listing.fr-nwtb .t-list .list-det .SvgBack {
  background-color: #D7D7D7;
  padding: 5px;
  border-radius: 100px;
  transition: 0.3s all linear;
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.listing.fr-nwtb .t-list #lock {
  display: none;
}
.listing.fr-nwtb .t-list .lock-label {
  width: 30px;
  height: 30px;
  top: 5px;
  right: 5px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 15px;
  cursor: pointer;
  transition: all 0.3s;
}
.listing.fr-nwtb .t-list .lock-wrapper {
  width: fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.listing.fr-nwtb .t-list .shackle {
  background-color: transparent;
  height: 9px;
  width: 14px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top: 3px solid white;
  border-left: 3px solid white;
  border-right: 3px solid white;
  transition: all 0.3s;
}
.listing.fr-nwtb .t-list .lock-body {
  width: 15px;
}
.listing.fr-nwtb .t-list #lock:checked + .lock-label {
  background-color: rgb(197, 28, 28);
}
.listing.fr-nwtb .t-list .lock-label:active {
  transform: scale(0.9);
}
.listing.fr-nwtb .t-list .bot-pr h6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.listing.fr-nwtb .t-list a:hover {
  color: #030202;
}
.listing.fr-nwtb .t-list a:hover .cont-pr {
  background-color: rgba(3, 2, 2, 0.2);
  width: fit-content;
}

.UserListing::before {
  display: none !important;
}

.InfoDark {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 1rem;
}
.InfoDark p {
  margin-bottom: 0;
}

.container-fluid {
  padding-bottom: 1rem;
}

.listing.nwtb-idx,
.listing {
  grid-column: 2/4;
}
.listing.nwtb-idx ul,
.listing ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.listing.nwtb-idx .lst-img,
.listing .lst-img {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 100% !important;
  width: 160px;
  height: 230px;
  border-radius: 10px;
  border: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: rgba(0, 0, 0, 0.1);
}
.listing.nwtb-idx .t-list,
.listing .t-list {
  padding: 0;
  display: flex;
  column-gap: 20px;
  overflow: hidden;
  border-radius: 20px;
  height: 161px !important;
  position: relative;
  align-items: flex-start;
}
.listing.nwtb-idx .t-list .list-det,
.listing .t-list .list-det {
  width: 100%;
  height: 100%;
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.listing.nwtb-idx .t-list .list-det .fr-ltst,
.listing .t-list .list-det .fr-ltst {
  height: 80%;
}
.listing.nwtb-idx .t-list .list-det b,
.listing .t-list .list-det b {
  background-color: rgba(0, 0, 0, 0.2);
  color: #030202;
  padding: 3px 5px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: normal;
  margin-top: 5px;
}
.listing.nwtb-idx .t-list .list-det h5,
.listing .t-list .list-det h5 {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #030202;
  font-weight: 500;
  word-break: break-word;
}
.listing.nwtb-idx .t-list .list-det p,
.listing .t-list .list-det p {
  margin-bottom: 5px;
  line-height: 1.3;
}
.listing.nwtb-idx .t-list .list-det label,
.listing .t-list .list-det label {
  margin-bottom: 0;
}
.listing.nwtb-idx .t-list .list-det h6,
.listing .t-list .list-det h6 {
  margin-top: 10px;
  margin-bottom: 0;
}
.listing.nwtb-idx .t-list .list-det h6 span,
.listing .t-list .list-det h6 span {
  font-weight: normal;
  font-size: 12px;
  color: #666666;
}
.listing.nwtb-idx .t-list .list-det h6 i,
.listing .t-list .list-det h6 i {
  font-weight: normal;
  font-size: 12px;
  font-style: normal;
  color: #666666;
}
.listing.nwtb-idx .t-list .list-det .SvgBack,
.listing .t-list .list-det .SvgBack {
  background-color: #D7D7D7;
  padding: 5px;
  border-radius: 100px;
  transition: 0.3s all linear;
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.listing.nwtb-idx .t-list #lock,
.listing .t-list #lock {
  display: none;
}
.listing.nwtb-idx .t-list .lock-label,
.listing .t-list .lock-label {
  width: 30px;
  height: 30px;
  top: 5px;
  right: 5px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 15px;
  cursor: pointer;
  transition: all 0.3s;
}
.listing.nwtb-idx .t-list .lock-wrapper,
.listing .t-list .lock-wrapper {
  width: fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.listing.nwtb-idx .t-list .shackle,
.listing .t-list .shackle {
  background-color: transparent;
  height: 9px;
  width: 14px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top: 3px solid white;
  border-left: 3px solid white;
  border-right: 3px solid white;
  transition: all 0.3s;
}
.listing.nwtb-idx .t-list .lock-body,
.listing .t-list .lock-body {
  width: 15px;
}
.listing.nwtb-idx .t-list #lock:checked + .lock-label,
.listing .t-list #lock:checked + .lock-label {
  background-color: rgb(197, 28, 28);
}
.listing.nwtb-idx .t-list .lock-label:active,
.listing .t-list .lock-label:active {
  transform: scale(0.9);
}
.listing.nwtb-idx .t-list .bot-pr h6,
.listing .t-list .bot-pr h6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.listing.nwtb-idx .t-list a:hover,
.listing .t-list a:hover {
  color: #030202;
}
.listing.nwtb-idx .t-list a:hover .cont-pr,
.listing .t-list a:hover .cont-pr {
  background-color: rgba(3, 2, 2, 0.2);
  width: fit-content;
}

.cont-pr {
  padding: 5px 10px;
  background-color: rgba(3, 2, 2, 0.08);
  border-radius: 50px;
  column-gap: 10px;
  align-items: center;
  display: flex;
  width: fit-content;
}
.cont-pr span {
  font-weight: 500;
}
.cont-pr .pr-img {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 20px;
  height: 20px;
  border-radius: 100px;
}

.DelAttachCheck {
  visibility: hidden;
}

.conf.dasc {
  grid-column: 1/4;
}
.conf.dasc .card-body {
  padding: 30px !important;
}
.conf.dasc .cnf-grd {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 20px;
  gap: 20px;
}
.conf.dasc .cnf-grd a h5 {
  background-color: transparent;
  border: none;
  font-size: 16px;
  color: #2F2F2F;
  font-weight: 600;
}
.conf.dasc .cnf-grd .cnf {
  border: none;
  display: flex;
  height: 100%;
  overflow: hidden;
  justify-content: center;
  padding: 20px;
  align-items: center;
  flex-direction: column;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.conf.dasc .cnf-grd .cnf h5 {
  margin-top: auto;
}
.conf {
  grid-column: 3/4;
}
.conf .card-body {
  padding: 30px !important;
}
.conf .cnf-grd {
  display: grid;
  grid-template-columns: repeat(3, 20%);
  column-gap: 20px;
  gap: 20px;
}
.conf .cnf-grd a {
  border: 1px solid #B5B5B5;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  height: 200px;
  width: 100%;
}
.conf .cnf-grd a h5 {
  border-top: 2px solid rgba(0, 0, 0, 0.2);
  width: 100%;
  margin: 0;
  padding: 10px;
  font-size: 20px;
  background-color: #030202;
  color: #ffffff;
}
.conf .ol-nd {
  margin-top: 20px;
  display: flex;
  column-gap: 50px;
  margin-top: 50px;
}
.conf .ol-nd a {
  display: flex;
  border: 2px solid rgba(0, 0, 0, 0.2);
  column-gap: 20px;
  width: fit-content;
  padding: 10px 30px 10px 10px;
  align-items: center;
  margin-bottom: 20px;
}
.conf .ol-nd a .cnv-img {
  border-right: 2px solid rgba(0, 0, 0, 0.2);
  padding-right: 20px;
}
.conf .ol-nd a h5 {
  margin: 0 !important;
}

table.dataTable thead th {
  padding: 10px !important;
  background-color: #030202 !important;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold !important;
}
table.dataTable thead th:first-child {
  border-radius: 10px 0 0 0;
}
table.dataTable thead th:last-child {
  border-radius: 0 10px 0 0;
}

.dt-paging-button.current {
  background-color: #030202 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
}

table.dataTable thead td {
  padding: 10px !important;
}
table.dataTable thead td:last-child {
  border-radius: 10px 0 0 0;
}
table.dataTable thead td:last-child {
  border-radius: 0 0 0 10px;
}

table.dataTable thead th,
table.dataTable thead td {
  background-color: rgba(0, 0, 0, 0.04);
}

table.dataTable tbody td {
  padding: 10px !important;
  border: 1px solid rgba(0, 0, 0, 0.3);
}

table.dataTable.no-footer {
  border-bottom: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled {
  color: #030202 !important;
}

.dataTables_wrapper .dataTables_paginate span .paginate_button.current {
  background-color: #030202 !important;
  color: #ffffff !important;
}

.dataTables_wrapper .dataTables_paginate span .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate span .paginate_button:hover:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next.next:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.previous:hover {
  background-color: #030202 !important;
}

.form-check-input:checked {
  background-color: #030202 !important;
  border-color: transparent !important;
}

.grd-br.fr-dellt .card {
  position: relative;
}
.grd-br.fr-dellt .card:hover .btn-ex {
  display: flex;
  column-gap: 5px;
}
.grd-br.fr-dellt .card .btn-ex {
  position: absolute;
  top: 10px;
  right: 10px;
  display: none;
}
.grd-br.fr-dellt .card .btn-ex .dlt {
  background-color: rgb(234, 67, 53);
  padding: 5px;
  border-radius: 100px;
}
.grd-br.fr-dellt .card .btn-ex .dlt .stk-svg {
  stroke: #ffffff;
}
.grd-br.fr-dellt .card .btn-ex .dlt .fill-svg {
  fill: #ffffff;
}
.grd-br.fr-dellt .card .btn-ex .edt {
  background-color: #030202;
  padding: 5px;
  border-radius: 100px;
}
.grd-br.fr-dellt .card .btn-ex .edt .stk-svg {
  stroke: #ffffff !important;
}
.grd-br.fr-dellt .card .btn-ex .edt .fill-svg {
  fill: #ffffff !important;
}

.grd-team {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.grd-team .team-crd {
  display: flex;
  flex-direction: column;
}
.grd-team .team-crd .card {
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.2);
  height: calc(100% - 0px) !important;
}
.grd-team .team-crd .card:hover .btn-ex {
  display: flex;
  column-gap: 5px;
}
.grd-team .team-crd .card .btn-ex {
  position: absolute;
  top: 10px;
  right: 10px;
  display: none;
}
.grd-team .team-crd .card .btn-ex .dlt {
  background-color: rgb(234, 67, 53);
  padding: 5px;
  border-radius: 100px;
}
.grd-team .team-crd .card .btn-ex .dlt .stk-svg {
  stroke: #ffffff;
}
.grd-team .team-crd .card .btn-ex .dlt .fill-svg {
  fill: #ffffff;
}
.grd-team .team-crd .card .btn-ex .edt {
  background-color: #030202;
  padding: 5px;
  border-radius: 100px;
}
.grd-team .team-crd .card .btn-ex .edt .stk-svg {
  stroke: #ffffff !important;
}
.grd-team .team-crd .card .btn-ex .edt .fill-svg {
  fill: #ffffff !important;
}
.grd-team .team-crd .card .team-img {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 150px;
  height: 150px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.grd-team .team-crd .card .cnt-team h2 {
  font-size: 25px;
  line-height: 1.3;
  margin-top: 10px;
  font-weight: bold;
  color: #030202;
  text-transform: capitalize;
}
.grd-team .team-crd .card .cnt-team h2 span {
  display: block;
  font-size: 18px;
  font-weight: normal;
  color: rgb(0, 0, 0);
}
.grd-team .team-crd .card-footer {
  padding: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.grd-team .team-info {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.grd-team .lst-li {
  width: 100%;
  margin-top: 20px;
  display: flex;
}
.grd-team .lst-li ul {
  justify-content: space-between;
  display: flex;
  width: 100%;
  align-items: center;
  background-color: rgba(3, 2, 2, 0.03);
  border-radius: 50px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.07);
}
.grd-team .lst-li ul li {
  width: 100%;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.grd-team .lst-li ul li a {
  height: 100%;
  display: flex;
  width: 100%;
  height: 50px;
  align-items: center;
  justify-content: center;
}
.grd-team .lst-li ul li a:hover {
  background-color: #030202;
}
.grd-team .lst-li ul li a:hover .stk-svg {
  stroke: #ffffff;
}
.grd-team .lst-li ul li a:hover .fill-svg {
  fill: #ffffff !important;
}
.grd-team .lst-li ul li a .stk-svg {
  stroke: #030202;
}
.grd-team .lst-li ul li a .fill-svg {
  fill: #030202;
}
.grd-team .lst-li ul li:last-child {
  border-right: none;
}

.btn {
  border-radius: 20px !important;
  -webkit-border-radius: 20px !important;
  -moz-border-radius: 20px !important;
  -ms-border-radius: 20px !important;
  -o-border-radius: 20px !important;
}

div:where(.swal2-container) {
  z-index: 999999 !important;
}

div:where(.swal2-container).swal2-backdrop-show,
div:where(.swal2-container).swal2-noanimation {
  backdrop-filter: blur(5px) !important;
}

div:where(.swal2-container).swal2-center > .swal2-popup {
  border-radius: 30px;
}

div:where(.swal2-container) h2:where(.swal2-title) {
  padding: 0 !important;
}

div:where(.swal2-container) .swal2-html-container {
  padding: 0.5em 0 !important;
}

.swal2-cancel.btn-primary {
  width: 100% !important;
  background-color: rgb(0, 0, 0) !important;
}

.swal2-actions {
  display: grid !important;
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(31%, 0.3fr));
  justify-content: center;
  align-items: center;
  column-gap: 10px;
}
.swal2-actions .svg-cnt {
  background-color: #ffffff;
  border-radius: 100px;
  width: 25px;
  height: 25px;
}
.swal2-actions .btn {
  height: 40px;
  border-radius: 100px;
  padding: 0 15px 0 9px;
  width: 100%;
}
.swal2-actions .flx-dlt {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.swal2-actions .flx-dlt span {
  color: #ffffff;
}
.swal2-actions .flx-dlt .stk-svg {
  stroke: #030202 !important;
}
.swal2-actions .flx-dlt .fill-svg {
  fill: #030202 !important;
}
.swal2-actions .swal2-confirm {
  background-color: rgb(17, 167, 92);
  border: none;
}
.swal2-actions .swal2-confirm .stk-svg {
  stroke: rgb(234, 67, 53);
}

div:where(.swal2-container).swal2-center > .swal2-popup {
  padding: 10px 0 30px;
}

.modal {
  backdrop-filter: blur(8px);
  z-index: 9999;
}
.modal .btn {
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  padding: 0 20px !important;
}
.modal .TeamFlex {
  display: flex;
  align-items: center;
  gap: 10px;
}
.modal .TeamFlex p {
  margin-bottom: 0;
}
.modal .TeamFlex .TFImage {
  height: 40px;
  width: 40px;
}
.modal .TeamFlex .TFImage img {
  height: 100% !important;
  width: 100% !important;
  border-radius: 100px !important;
}

.ListPrice {
  color: #5a5a5a;
  font-size: 15px;
  font-weight: 300;
  margin-top: 7px;
}

.modal-header {
  border-bottom: none !important;
  padding: 20px;
}

.form-control {
  border: 3px solid rgba(0, 0, 0, 0.1) !important;
  background-color: rgba(0, 0, 0, 0.02) !important;
}
.form-control:focus {
  border: 3px solid rgba(3, 2, 2, 0.2) !important;
}

.dataTables_wrapper .dataTables_filter input {
  border: 3px solid rgba(0, 0, 0, 0.1) !important;
  background-color: rgba(0, 0, 0, 0.02) !important;
  width: 400px !important;
  padding: 15px !important;
  border-radius: 14px !important;
}

.select2-container .select2-selection--multiple {
  border: 3px solid rgba(0, 0, 0, 0.1) !important;
  background-color: rgba(0, 0, 0, 0.02) !important;
  min-height: 57px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  padding: 9px 7px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  padding: 8px !important;
  padding-left: 23px !important;
}

.modal-title {
  font-size: 20px;
}

.modal-footer .btn {
  background-color: #030202 !important;
  border-radius: 100px !important;
  width: 25% !important;
  height: 40px;
}

.modal-body {
  padding: 20px 30px !important;
}
.modal-body label {
  font-weight: 500;
}

.form-group {
  margin-bottom: 10px;
}

.select2-container--default .select2-selection--single {
  border-radius: 1em !important;
  border: 3px solid rgba(0, 0, 0, 0.1) !important;
  height: 57px !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.02) !important;
  -webkit-border-radius: 1em !important;
  -moz-border-radius: 1em !important;
  -ms-border-radius: 1em !important;
  -o-border-radius: 1em !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #030202 !important;
}

.select2-container--open .select2-dropdown--below {
  border-radius: 1em;
  overflow: hidden;
}

.select2-dropdown {
  border-color: transparent;
}

.select2-results__option {
  padding: 10px 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  top: 0 !important;
}

.nav-pills.light .nav-link.active,
.nav-pills.light .show > .nav-link {
  background-color: transparent !important;
  color: #030202 !important;
  border-bottom: 3px solid #030202;
  font-weight: normal !important;
}

.nav-pills .nav-link {
  font-family: "geo";
  font-weight: normal !important;
  height: 100%;
}
.nav-pills .nav-link:hover {
  color: #030202 !important;
}

.nav-pills {
  background-color: #ffffff !important;
  border-radius: 2em;
  padding: 10px !important;
}

.nav-pills .nav-link.active {
  border: none !important;
  background-color: #030202 !important;
  color: #ffffff !important;
  border-radius: 1.5em;
}
.nav-pills .nav-link.active:hover {
  color: #ffffff !important;
}

.crd-tp {
  box-shadow: none !important;
}
.crd-tp .tp-in {
  display: flex;
  column-gap: 20px;
  align-items: center;
}
.crd-tp .tp-in .prof-cn {
  display: flex;
  column-gap: 10px;
  align-items: center;
  margin-bottom: 5px;
}
.crd-tp .tp-in .prof-cn .icn-sg {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  background-color: #030202 !important;
  justify-content: center;
}
.crd-tp .tp-in .prof-cn .stk-svg {
  stroke: #ffffff;
}
.crd-tp .tp-in .prof-cn span {
  color: #030202;
}
.crd-tp .tp-in .img-vw {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 200px;
  height: 200px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.crd-tp .tp-in .tp-det {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.crd-tp .tp-in .tp-det h2 {
  color: #030202;
  line-height: 1.2;
}
.crd-tp .tp-in .tp-det h2 span {
  display: block;
  font-size: 18px;
  color: rgb(0, 0, 0);
}
.crd-tp .tp-in .tp-det h2 span b {
  font-weight: normal;
  background-color: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.5);
  margin-left: 5px;
  padding: 5px 10px;
  border-radius: 10px;
  font-size: 14px;
}
.crd-tp .tp-in .tp-det .icn-in {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.crd-tp .tp-in .tp-det .icn-in a:hover {
  color: #030202;
  background-color: rgba(0, 0, 0, 0.03) !important;
}
.crd-tp .tp-in .tp-det .icn-in .icn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: 2px solid rgba(0, 0, 0, 0.07);
  padding: 20px;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.01);
}
.crd-tp .tp-in .tp-det .icn-in .icn p {
  margin-bottom: 0;
  font-size: 18px;
  color: #030202;
}
.crd-tp .tp-in .tp-det .icn-in .icn .stk-svg {
  stroke: #030202;
}
.crd-tp .tp-in .tp-det .icn-in .icn .fill-svg {
  fill: #030202;
}

/* === CONVERSATIONS === */
.grd-msg {
  display: grid;
  grid-template-columns: 1fr 3fr;
}

.lft-cht {
  background-color: #030202;
  padding: 20px 10px 20px 20px;
  border-radius: 1em;
  margin: 0 10px;
}

.discussions {
  width: 100%;
  height: 620px;
  overflow: auto;
  display: inline-block;
}

::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 20px;
}

.discussions .discussion {
  width: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding-right: 10px;
}
.discussions .discussion:first-child {
  border-bottom: none;
}

.discussions .search .searchbar *::-webkit-input-placeholder {
  color: #e0e0e0;
}

.discussions .search .searchbar input *:-moz-placeholder {
  color: #e0e0e0;
}

.discussions .search .searchbar input *::-moz-placeholder {
  color: #e0e0e0;
}

.discussions .search .searchbar input *:-ms-input-placeholder {
  color: #e0e0e0;
}

.discussions .msg-active a {
  width: 100%;
  display: flex;
  align-items: center;
  column-gap: 20px;
  height: 100%;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 1em;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  -ms-border-radius: 1em;
  -o-border-radius: 1em;
}
.discussions .msg-active a .name {
  color: #030202;
}
.discussions .msg-active a .message {
  color: rgb(0, 0, 0);
}

.discussions a {
  width: 100%;
  display: flex;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.02);
  column-gap: 20px;
  height: 100%;
  margin-bottom: 10px;
  padding: 20px;
  border-radius: 1em;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  -ms-border-radius: 1em;
  -o-border-radius: 1em;
}

.discussions .discussion .photo {
  display: block;
  width: 60px;
  height: 54px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.online {
  position: relative;
  top: 30px;
  left: 35px;
  width: 13px;
  height: 13px;
  background-color: #8bc34a;
  border-radius: 13px;
  border: 3px solid #fafafa;
}

.desc-contact {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.discussions .discussion .name {
  margin: 0;
  font-size: 11pt;
  color: #ffffff;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.discussions .discussion .name i {
  font-size: 12px;
  color: #999999;
  font-weight: normal;
}

.discussions .discussion .message {
  font-size: 9pt;
  color: rgba(255, 255, 255, 0.5);
  margin: 0;
}

.timer {
  margin-left: 15%;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  padding: 3px 8px;
  color: #bbb;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 15px;
}

.chat {
  width: 100%;
  padding: 20px;
  border-radius: 1.3em;
  -webkit-border-radius: 1.3em;
  -moz-border-radius: 1.3em;
  -ms-border-radius: 1.3em;
  -o-border-radius: 1.3em;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
}

.header-chat {
  background-color: rgba(0, 0, 0, 0.03);
  display: flex;
  align-items: center;
  padding: 10px !important;
  border-radius: 1em;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  -ms-border-radius: 1em;
  -o-border-radius: 1em;
}

.header-chat .photo {
  width: 50px;
  height: 50px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.chat .header-chat .icon {
  margin-left: 30px;
  color: #515151;
  font-size: 14pt;
}

.chat .header-chat .name {
  margin: 0 0 0 20px;
  text-transform: uppercase;
  font-size: 13pt;
  color: #515151;
}

.chat .header-chat .right {
  position: absolute;
  right: 40px;
}

.cht-cr {
  overflow: auto;
  height: 500px;
}

.chat .messages-chat {
  padding: 30px 10px;
  margin: 0;
  height: 100%;
}
.chat .messages-chat .photo {
  display: block;
  width: 50px;
  height: 50px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background: #e6e7ed;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.chat .messages-chat .text {
  padding: 5px 15px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  width: fit-content;
}
.chat .messages-chat li {
  margin-bottom: 10px;
}
.chat .messages-chat li.usr-msg {
  list-style: none;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: flex-start;
}
.chat .messages-chat li.usr-msg .text {
  background-color: #030202;
  color: #ffffff;
}
.chat .messages-chat li.usr-msg .pic-tx {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
.chat .messages-chat li.usr-msg .pic-tx p {
  margin-bottom: 0;
}
.chat .messages-chat li.my-msg {
  list-style: none;
  display: flex;
  column-gap: 10px;
  align-items: top;
  justify-content: flex-end;
}
.chat .messages-chat li.my-msg .text {
  background-color: rgba(0, 0, 0, 0.07);
  color: rgb(0, 0, 0);
}
.chat .messages-chat li.my-msg .pic-tx {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  row-gap: 5px;
}
.chat .messages-chat li.my-msg .pic-tx p {
  margin-bottom: 0;
}

.chat .messages-chat .message {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.text-only {
  margin-left: 45px;
}

.time {
  font-size: 10px;
  color: lightgrey;
  margin-bottom: 10px;
  margin-left: 85px;
}

.response-time {
  float: right;
  margin-right: 40px !important;
}

.response {
  float: right;
  margin-right: 0px !important;
  margin-left: auto;
  /* flexbox alignment rule */
}

.response .text {
  background-color: rgba(0, 0, 0, 0.07) !important;
  color: rgb(0, 0, 0) !important;
}

.footer-chat {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  bottom: 0;
  padding-right: 20px;
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0.08);
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 1em;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  -ms-border-radius: 1em;
  -o-border-radius: 1em;
}
.footer-chat button.btn {
  height: 60px;
  width: fit-content !important;
}
.footer-chat .stk-svg {
  stroke: #ffffff;
}
.footer-chat .ChatForm {
  width: 100%;
  display: flex;
}

.chat .footer-chat .icon {
  margin-left: 30px;
  color: #c0c0c0;
  font-size: 14pt;
}

.chat .footer-chat .send {
  color: #fff;
  background-color: #4f6ebd;
  position: absolute;
  right: 50px;
  padding: 12px 12px 12px 12px;
  border-radius: 50px;
  font-size: 14pt;
}

.chat .footer-chat .name {
  margin: 0 0 0 20px;
  text-transform: uppercase;
  font-size: 13pt;
  color: #515151;
}

.chat .footer-chat .right {
  position: absolute;
  right: 40px;
}

.write-message {
  border: none !important;
  width: 100%;
  height: 50px;
  margin-left: 20px;
  padding: 10px;
  background-color: transparent;
  padding-bottom: 0;
}

.footer-chat *::-webkit-input-placeholder {
  color: #c0c0c0;
  font-size: 13pt;
}

.footer-chat input *:-moz-placeholder {
  color: #c0c0c0;
  font-size: 13pt;
}

.footer-chat input *::-moz-placeholder {
  color: #c0c0c0;
  font-size: 13pt;
  margin-left: 5px;
}

.footer-chat input *:-ms-input-placeholder {
  color: #c0c0c0;
  font-size: 13pt;
}

.clickable {
  cursor: pointer;
}

section.login {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 100%;
}
section.login .lgo-lgn {
  display: flex;
  justify-content: center;
  align-items: center;
}
section.login .lgo-img {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 263px;
  height: 91px;
  margin-bottom: 10px;
}
section.login .card {
  border-radius: 1.5em;
  -webkit-border-radius: 1.5em;
  -moz-border-radius: 1.5em;
  -ms-border-radius: 1.5em;
  -o-border-radius: 1.5em;
  width: 550px;
  background-color: rgba(3, 2, 2, 0.09) !important;
  border: 2px solid rgba(255, 255, 255, 0.2) !important;
  backdrop-filter: blur(5px);
}
section.login .card .card-header {
  border: none;
  padding: 0;
  margin-bottom: 20px;
}
section.login .card h2 {
  font-size: 34px;
  margin-bottom: 0;
  color: #ffffff;
}
section.login .card label {
  font-size: 17px;
  color: #ffffff;
  font-family: Arial !important;
}
section.login .card .btn-ara {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: 20px;
}
section.login .card .btn-ara .btn {
  height: 40px !important;
  padding: 0 30px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 1em !important;
  width: fit-content !important;
  -webkit-border-radius: 1em !important;
  -moz-border-radius: 1em !important;
  -ms-border-radius: 1em !important;
  -o-border-radius: 1em !important;
  font-size: 18px !important;
  gap: 10px;
}
section.login .card .btn-ara .olook,
section.login .card .btn-ara .btn-outline-primary {
  background-color: #0072c6;
  display: flex;
  column-gap: 25px;
  color: #ffffff !important;
  border: none;
}
section.login .card .btn-ara .olook .stk-svg,
section.login .card .btn-ara .btn-outline-primary .stk-svg {
  stroke: #ffffff !important;
}
section.login .card .btn-ara .olook .fill-svg,
section.login .card .btn-ara .btn-outline-primary .fill-svg {
  fill: #ffffff !important;
}
section.login .card .btn-ara .olook span,
section.login .card .btn-ara .btn-outline-primary span {
  color: #ffffff;
}
section.login .fgt-ps {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
section.login .fgt-ps a {
  font-size: 16px;
  color: #ffffff;
  font-family: Arial !important;
}
section.login .fgt-ps a:hover {
  text-decoration: underline;
}
section.login .LoginBack {
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.login .LoginBack form {
  border-radius: 20px;
}
section.login .LoginBack form .form-control {
  border-radius: 0.5rem !important;
  background-color: #ffffff !important;
  color: #030202 !important;
}
section.login .LoginBack form .login-btn {
  background-color: #626262 !important;
}

.grid-tm {
  display: grid;
  grid-template-columns: 1fr 3fr;
  column-gap: 20px;
}
.grid-tm .fr-agb .selection {
  height: 57px;
  display: flex;
  width: 100%;
}
.grid-tm .fr-agb .select2-selection {
  width: 100%;
}
.grid-tm .img-up {
  grid-column: 3/4;
  grid-row: 1/2;
}
.grid-tm .ad-tm {
  grid-column: 1/3;
  grid-row: 1/2;
}

.fill-svg {
  stroke: #fff;
}

.nm-mr {
  margin: 0;
}

.avatar-upload {
  position: relative;
  width: 100%;
  margin: 10px 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.avatar-upload .avatar-edit {
  position: absolute;
  right: 55%;
  z-index: 1;
  bottom: 0;
  transform: translate(100%, 30%);
}
.avatar-upload .avatar-edit input {
  display: none;
}
.avatar-upload .avatar-edit input + label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #030202;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
  transform: translate(0, 0%);
}
.avatar-upload .avatar-edit input + label .fill-svg {
  color: #ffffff;
}
.avatar-upload .avatar-edit input + label:hover {
  background: #2F2F2F;
  border-color: #2F2F2F;
}
.avatar-upload .avatar-edit input + label:after {
  content: "";
  position: absolute;
  right: 50%;
  width: 20px;
  height: 20px;
  transform: translate(50%, 0%);
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-image: url(../images/my-img/upload-pro.png);
}
.avatar-upload .avatar-preview {
  width: 230px;
  height: 230px;
  position: relative;
  border-radius: 2.5em;
  border: 6px solid rgba(3, 2, 2, 0.1);
  background-color: rgba(3, 2, 2, 0.03);
}
.avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 2em;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.avatar-upload .avatar-preview #teamImagePreview {
  height: 220px !important;
  width: 220px !important;
  border-radius: 2.25em !important;
}

.own-class {
  width: 50px !important;
  height: 50px !important;
}

.padding_st {
  overflow: auto;
  height: 530px;
  padding: 10px !important;
}
.padding_st .t-list {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  padding-top: 15px;
}

.lisitng-grd {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 50px;
}

.listing-chat {
  background-color: #030202;
  width: fit-content;
  padding: 10px;
  border-radius: 12px 0 0 12px;
  position: absolute;
  right: 0;
  top: 10px;
}

.own-list {
  position: relative;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  width: 100%;
  margin-bottom: 0 !important;
  margin-top: 25px !important;
  border-radius: inherit !important;
  justify-content: center;
}

.my-todos form {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  column-gap: 8px;
}
.my-todos form input {
  padding: 0 1rem;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.my-todos form button {
  height: 56px;
  padding: 9px 14px;
  background-color: #333;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.my-todos form button:hover {
  background-color: #555;
}
.my-todos ul {
  width: 100%;
  list-style-type: none;
  margin-top: 1rem;
}
.my-todos li {
  height: 57px;
  padding: 0.2rem;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  border: 3px solid rgba(0, 0, 0, 0.1) !important;
  background-color: rgba(0, 0, 0, 0.02) !important;
}
.my-todos li:has(input[type=checkbox]:checked) {
  background-color: rgb(232, 232, 232);
  text-decoration: line-through;
}
.my-todos li span {
  width: 100%;
  min-width: fit-content;
  margin-right: 1rem;
  display: block;
  cursor: pointer;
}
.my-todos li button {
  height: 100%;
  padding: 0.5rem 1rem;
  background-color: #030202;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.my-todos li button:disabled {
  display: none;
}
.my-todos li input {
  height: 17px;
  margin-left: 0.5rem;
  aspect-ratio: 1/1;
}

.btn-danger,
.btn-success {
  border: none !important;
}
.btn-danger:hover, .btn-danger:focus,
.btn-success:hover,
.btn-success:focus {
  border: none !important;
}

textarea {
  height: 250px !important;
  resize: none !important;
}

.ticket_list .inner-ticket {
  display: flex;
  align-items: center;
  gap: 45px;
}
.ticket_list .initialize-box {
  padding: 5px 19px;
  border-radius: 8px;
  background-color: #030202;
}
.ticket_list .initialize-box span {
  color: #ffffff;
  font-size: 20px;
}
.ticket_list .t-list .list-det label {
  padding: 1px 14px;
  border-radius: 8px;
}
.ticket_list .t-list {
  border-bottom: dashed 2px #ccc;
}

.status_green {
  background: #c9efc9;
  border: solid 1px green;
  padding: 0 10px;
  border-radius: 8px;
  color: green;
  font-weight: 500;
  font-size: 13px;
}

.status_Pending {
  background: #ffe4b3;
  border: solid 1px orange;
  padding: 0 10px;
  border-radius: 8px;
  color: orange;
  font-weight: 500;
  font-size: 13px;
}

.todos_sec .todo-container {
  position: relative;
}
.todos_sec .todo-list {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.todos_sec .todo-list__item {
  position: relative;
  border: 1px solid #ededed;
  background-color: var(--bs-white);
  border-radius: 20px;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  transition: all 0.3s ease-in;
}
.todos_sec .todo-list__item:hover {
  background: #efefef;
}
.todos_sec .todo-list__item .__buttons .__edit,
.todos_sec .todo-list__item .__buttons .__complete,
.todos_sec .todo-list__item .__buttons .__delete {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e6e6e6;
  transition: all 0.3s ease-in;
  border-radius: 17px;
}
.todos_sec .todo-list__item.completed {
  background-color: var(--bs-gray-500);
  border-color: var(--bs-gray-500);
  opacity: 0.5;
  text-decoration: line-through;
  user-select: none;
}
.todos_sec .form-control.is-valid {
  border-right: 0px !important;
}
.todos_sec .btn {
  padding: 4px;
  height: 41px;
  width: 48px;
}
.todos_sec .btn-primary {
  border-radius: 12px !important;
  display: flex !important;
  gap: 4px;
}

.crd-tp .nav.nav-pills {
  border-radius: 40px;
  margin-bottom: 0 !important;
}
.crd-tp .nav.nav-pills .nav-link {
  padding: 10px 15px !important;
}

.fr-npp {
  padding: 0 !important;
}

.fr-vv {
  width: 100%;
  position: relative;
}
.fr-vv .t-list {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.3);
  position: relative;
}
.fr-vv .t-list .BadgeSuccess {
  position: absolute;
  left: 10px;
  top: 10px;
  background-color: rgba(17, 167, 92, 0.8);
  border-radius: 10px;
  color: white;
  padding: 5px 10px;
  text-transform: uppercase;
  font-family: "geo";
  font-size: 12px;
}
.fr-vv li:first-child {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.fr-vv li:first-child .btn {
  width: 100% !important;
  height: 100%;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fr-vv li:first-child .btn .fiil-svg {
  fill: rgb(0, 0, 0) !important;
}
.fr-vv li:first-child .btn span {
  font-size: 1.4em;
  text-transform: uppercase;
  font-weight: bold;
}
.fr-vv .grd-lss {
  display: grid;
  grid-template-columns: repeat(3, 33%);
  gap: 10px;
}
.fr-vv .grd-lss .card {
  width: 100% !important;
  margin: 0;
  height: 100%;
}
.fr-vv .grd-lss .card .card-body {
  padding-bottom: 0;
}
.fr-vv .grd-lss .fr-lsp {
  display: flex;
  column-gap: 10px;
  margin-bottom: 30px;
  column-gap: 10px;
}

.fr-chtts .nav.nav-pills {
  background-color: #ffffff !important;
  border-radius: 100px;
  padding-right: 0 !important;
}
.fr-chtts .grd-msg {
  height: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}
.fr-chtts .padding_st {
  height: 720px;
}
.fr-chtts .listing li a {
  display: flex;
  width: 100%;
  padding: 10px;
  column-gap: 15px;
}
.fr-chtts .listing .t-list .list-det h5 {
  color: #ffffff;
}
.fr-chtts .listing .t-list .list-det label {
  background-color: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff;
}
.fr-chtts .listing .t-list a .cont-pr {
  background-color: rgba(255, 255, 255, 0.06);
  color: #ffffff;
}
.fr-chtts .t-list {
  background-color: rgba(255, 255, 255, 0.04);
  padding: 10px;
  border-radius: 20px;
  margin-bottom: 10px;
}
.fr-chtts .had-ls {
  display: flex;
  flex-direction: column;
}
.fr-chtts .had-ls .amnt {
  display: flex;
  column-gap: 10px;
}
.fr-chtts .listing .t-list .bot-pr {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.07);
  border-radius: 20px;
}
.fr-chtts .listing .t-list .bot-pr .cont-pr span {
  color: #ffffff;
}
.fr-chtts .own-class {
  width: 70px !important;
  height: 57px !important;
}
.fr-chtts .cht-cr {
  height: 530px;
}
.fr-chtts .discussions {
  height: 710px;
}

.lstss .lst-inn {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.lstss .lst-inn .stk-svg {
  stroke: #030202;
}

.fr-bott .card-header {
  border-bottom: none;
}
.fr-bott .header-chat {
  background-color: rgba(255, 255, 255, 0.1);
}
.fr-bott .header-chat p.name {
  color: #ffffff;
  font-weight: bold;
}
.fr-bott .cht-cr {
  height: 680px;
}
.fr-bott .chat {
  background: linear-gradient(0deg, rgb(83, 83, 83), rgb(83, 83, 83)), linear-gradient(50deg, rgba(255, 255, 255, 0.39) -1.54%, rgba(255, 255, 255, 0.39) 32.05%, rgba(255, 255, 255, 0.39) 50.26%, rgba(255, 255, 255, 0.39) 78.48%, rgba(255, 255, 255, 0.39) 106.48%);
  position: relative;
}
.fr-bott .chat .chat-bgm {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.05;
  top: 0;
  left: 0;
}
.fr-bott .cop-ch {
  position: relative;
  z-index: 1;
}
.fr-bott .chat .messages-chat li.usr-msg .text {
  background-color: #ffffff;
  color: rgb(0, 0, 0);
}
.fr-bott .chat .messages-chat li.my-msg .text {
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
}
.fr-bott .write-message {
  color: #ffffff;
}
.fr-bott .footer-chat {
  background-color: rgba(255, 255, 255, 0.1);
}

.tkt .stk-svg {
  stroke: #ffffff;
}

.sts {
  width: auto;
  height: 25px;
  padding: 5px 0;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  margin: auto;
  border-radius: 100px;
  width: fit-content;
  padding-left: 10px;
  padding-right: 10px;
}

.grey {
  background-color: rgba(0, 0, 0, 0.06);
  border: 2px solid rgba(0, 0, 0, 0.2);
  color: rgb(0, 0, 0);
}

.red {
  background-color: rgba(234, 67, 53, 0.06);
  border: 2px solid rgba(234, 67, 53, 0.2);
  color: rgb(234, 67, 53);
}

.green {
  background-color: rgba(17, 167, 92, 0.06);
  border: 2px solid rgba(17, 167, 92, 0.2);
  color: rgb(17, 167, 92);
}

.btn-ara {
  display: flex;
  column-gap: 5px;
}
.btn-ara .btn {
  padding: 10px 0;
  width: 55px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fr-jst {
  width: 10%;
}

.rep-btn {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.rep-btn .btn {
  border-radius: 10px;
}

.lst-nms {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}

#open_dp {
  display: none;
}

.dlabnav .metismenu ul li {
  position: relative;
}
.dlabnav .metismenu ul li::before {
  position: absolute;
  left: 0;
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 100px;
  background-color: #ffffff;
  transform: translate(24px, 13px);
}

.dlabnav .metismenu ul a {
  padding: 5px 5px 5px 55px !important;
  color: rgba(255, 255, 255, 0.5) !important;
}
.dlabnav .metismenu ul a:hover {
  color: #ffffff !important;
}

.fc-button.fc-button-primary.fc-today-button {
  background-color: #030202 !important;
}

.grid-evt {
  display: grid;
  grid-template-columns: repeat(auto-fill, 23%);
  column-gap: 20px;
  margin: 0;
  padding: 0;
}
.grid-evt .block {
  overflow: hidden;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  list-style: none;
}
.grid-evt .block button {
  width: 100%;
  text-align: left;
}
.grid-evt .block .blk-thm {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 100%;
  height: 200px;
}
.grid-evt .block .blt-det {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
}

.up-ev {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.file-input-container {
  display: flex;
  border-radius: 20px;
  justify-content: center;
  margin-bottom: 20px;
  border: 3px dashed rgba(0, 0, 0, 0.2);
  padding: 40px 0;
}
.file-input-container .stk-svg {
  stroke: #030202;
}
.file-input-container strong {
  font-weight: normal;
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.file-input-container strong span {
  color: #666666;
  font-size: 18px;
  display: flex;
  margin-bottom: 5px;
}
.file-input-container strong span b {
  color: #030202;
  margin-right: 5px;
}
.file-input-container label {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#fileInput {
  display: none;
  /* Hide the default file input */
}

.file-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
}

.file-item {
  position: relative;
  width: 120px;
  height: 120px;
  border: 2px solid #eeeeee;
  border-radius: 8px;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.01);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 12px;
  word-wrap: break-word;
}

.file-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.02);
}

.file-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.file-icon {
  font-size: 40px;
  color: #030202;
}

.remove-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  background: rgb(234, 67, 53);
  color: #ffffff;
  border: none;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  transition: background 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}

.remove-btn:hover {
  background: rgb(234, 67, 53);
}

.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 200px));
  gap: 15px;
  margin-bottom: 30px;
}

.gallery img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  cursor: pointer;
  transition: transform 0.3s;
}

.gallery img:hover {
  transform: scale(1.05);
}

/* Lightbox styling */
.lightbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(5px);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.lightbox img {
  max-width: 90%;
  max-height: 90%;
  border: 3px solid #ffffff;
  border-radius: 8px;
}

/* Close button */
.close-btn {
  position: absolute;
  top: 20px;
  right: 30px;
  color: #ffffff;
  font-size: 30px;
  cursor: pointer;
}
.close-btn .stk-svg {
  stroke: #ffffff;
}
.close-btn .fill-svg {
  fill: #ffffff;
}

.close-btn:hover {
  color: rgb(234, 67, 53);
}

/* Navigation buttons */
.nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 40px;
  color: #ffffff;
  cursor: pointer;
  z-index: 1001;
  width: 50px;
  height: 50px;
  background-color: rgba(3, 2, 2, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
}
.nav-btn .stk-svg {
  stroke: #ffffff;
}
.nav-btn .fill-svg {
  fill: #ffffff;
}

.prev-btn {
  left: 0;
  border-radius: 0 50px 50px 0;
}

.next-btn {
  right: 0;
  border-radius: 50px 0 0 50px;
}

.nav-btn:hover {
  color: #ffffff;
  background-color: rgba(3, 2, 2, 0.9);
}

span.nts {
  font-weight: normal;
}

.bdy-hd {
  background-color: transparent !important;
  border: none !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
}

.avatar-edit label svg {
  stroke: #fff;
}

.HeaderContent {
  width: 15%;
}

.open {
  display: none;
}

.SideFlex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.SideFlex .fa-chevron-down {
  margin-left: 100px;
  font-size: 16px;
  height: 16px !important;
  width: 16px;
  font-weight: 600;
}

.close {
  display: none;
}

.fa-arrow-left,
.fa-arrow-right {
  visibility: hidden;
}

@media (max-width: 1000px) {
  .dlabnav {
    width: 0rem !important;
    /* Set width to 5rem on mobile */
  }
  #main-wrapper {
    margin-top: 0px !important;
  }
  .dlabnav.open {
    width: 17rem !important;
    left: 0;
  }
  .dlabnav.adm {
    margin-left: 0;
  }
  .socialBrands {
    display: none !important;
  }
  .open {
    display: block !important;
    height: 50px;
    width: 50px;
    margin-left: 15px;
    background-color: #ffffff;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
  }
  .DropDown_Menu li a {
    display: block !important;
  }
  .close {
    display: block !important;
    cursor: pointer;
    height: 30px;
    width: 30px;
    background-color: #ffffff;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    position: absolute;
    top: 5px;
    right: 5px;
  }
  .MD .discussion a {
    width: 100% !important;
  }
  .MDNav,
  .MDChat,
  .MFooter {
    width: 100% !important;
  }
  section.login .card {
    width: 100% !important;
  }
  .content-body {
    margin-left: 0px !important;
  }
  .dlabnav .metismenu > li > a svg {
    margin: 0 !important;
  }
  .dlabnav .metismenu > li > a {
    display: block !important;
    padding: 4px 10px !important;
  }
  .dlabnav .metismenu > li {
    background-color: transparent;
    margin-left: 0;
    width: 100%;
    height: auto;
  }
  .dlabnav .metismenu li a.active-a {
    width: 100%;
  }
  .DropDown.open .DropDown_Menu {
    height: auto;
    max-height: none;
    margin-left: 20px;
    overflow: unset;
    background: transparent;
    width: 80%;
  }
  .header-right .nav-item .nav-link {
    padding: 0 !important;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header-right .nav-item .nav-link svg {
    height: 20px;
    width: 20px;
  }
  .grd-team {
    grid-template-columns: 1fr;
  }
  .grid-tm {
    display: flex !important;
    flex-direction: column;
  }
  .grd-dash {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .conf.dasc .cnf-grd {
    grid-template-columns: 1fr;
  }
  .fr-chtts .grd-msg {
    overflow: scroll;
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .lft-cht {
    margin: 0;
  }
  .fr-vv .grd-lss {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .fr-vv li:first-child .btn svg {
    height: 30px;
    width: 30px;
  }
  .fr-bott .cht-cr {
    height: 550px;
  }
  #main-wrapper {
    overflow: scroll !important;
  }
  .lgo {
    width: 100px;
    height: 20px;
    background-size: contain !important;
  }
  .dlabnav.adm .metismenu {
    height: auto !important;
    overflow: auto;
  }
  .listing .t-list {
    gap: 6px;
    padding: 0 0 30px;
  }
  .listing .t-list .bot-pr {
    flex-direction: column;
  }
  .listing .t-list .bot-pr .cont-pr {
    width: fit-content;
  }
  .conf.dasc .card-body {
    padding: 15px !important;
  }
  .card-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
  .navbar {
    padding: 0;
  }
  .dlabnav .metismenu ul a {
    padding: 5px 0px !important;
    font-size: 10px;
  }
  .dlabnav .metismenu ul li::before {
    width: 4px;
    height: 4px;
    transform: translate(-13px, 13px);
  }
  .dlabnav .metismenu .has-arrow:after {
    top: 50%;
    right: -15px;
  }
  .footer-chat button.btn {
    height: 45px;
    padding: 0 6px !important;
    border-radius: 12px !important;
  }
  .footer-chat button.btn svg {
    height: 20px;
  }
  .HeaderOwnChat,
  .FooterOwnChat {
    width: 100% !important;
  }
  .fr-vv .grd-lss .fr-lsp {
    flex-direction: column;
    gap: 20px;
  }
  .listing .lst-img {
    width: 100%;
    height: 220px;
  }
  .card .card-body .t-list a {
    width: 75%;
  }
  .footer-chat {
    height: 60px;
    padding-right: 5px;
    width: 100%;
  }
  .footer-chat .write-message {
    margin-left: 5px;
    padding-top: 0;
  }
  .chat .header-chat .name {
    margin-left: 0;
    font-size: 14px;
  }
  .TickView {
    flex-direction: column;
    align-items: flex-start;
  }
  .fr-jst {
    width: 100% !important;
  }
  .conf .cnf-grd {
    grid-template-columns: 1fr;
  }
  .conf .ol-nd {
    flex-wrap: wrap;
  }
  .grid-evt {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .ticket_list .inner-ticket {
    flex-direction: column;
  }
  .ticket_list .t-list:last-child {
    border-bottom: none;
  }
  .card-title {
    font-size: 1rem;
  }
  .gr-ann .btn {
    height: 30px;
    padding: 4px 10px !important;
  }
  .gr-ann .btn svg {
    height: 20px;
    width: 20px;
  }
  .header-right .nav-item {
    padding: 0 10px !important;
  }
  .card .card-header .btn span {
    white-space: nowrap;
    margin-left: 0;
  }
  .card .card-header .btn svg {
    height: 20px;
    width: 20px;
  }
  .grd-dash .ann-cnt h3 {
    font-size: 16px;
  }
  .al-cnt svg {
    height: 100px;
    width: 70px;
  }
  .grd-dash .ann-cnt ul li {
    font-size: 11.95px;
  }
  .evnts .ev-inn .btn-cal .btn span {
    margin-left: 5px;
  }
  .evnts .ev-inn .btn-cal {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
  .grd-team .team-crd .card .cnt-team h2 {
    font-size: 16px;
  }
  .fr-chtts .nav.nav-pills {
    width: 100%;
  }
  .discussions a {
    width: 100%;
    gap: 10px;
  }
  .header-chat {
    width: 100%;
  }
  .crd-tp .tp-in .tp-det,
  .crd-tp .tp-in {
    flex-direction: column;
    gap: 20px;
  }
  .crd-tp .tp-in .tp-det .icn-in {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .crd-tp .tp-in .tp-det .icn-in .icn p {
    text-align: center;
  }
  .tab-content .grd-msg {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .tab-content .cht-cr {
    margin-bottom: 20px;
  }
}
@media (max-width: 786px) {
  section.login .card .btn-ara .btn {
    height: 30px !important;
    gap: 10px;
    font-size: 10px !important;
    padding: 0 10px !important;
    white-space: nowrap;
  }
  section.login .card h2 {
    width: 100%;
    text-align: center;
    font-size: 24px;
  }
  .intro-ss .contt {
    flex-direction: column;
    gap: 10px;
  }
  .intro-ss .contt .int-img {
    width: 100%;
    background-position: center top !important;
    height: 350px;
  }
  .evt-d li {
    margin-bottom: 15px !important;
  }
  .listing.nwtb-idx .t-list .list-det h5,
  .listing .t-list .list-det h5 {
    font-size: 14px;
  }
  .listing.nwtb-idx .t-list,
  .listing .t-list {
    column-gap: 0;
  }
  .listing .t-list .list-det .bot-pr .cont-pr span:not(:empty) {
    width: 60px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    display: inline-block;
  }
  .open {
    z-index: 999 !important;
  }
  #ticket .cont-pr span {
    font-size: 12px;
  }
  #ticket td .btn {
    width: 55px !important;
  }
  .fullscreen-button svg {
    height: 30px;
    width: 30px;
  }
  ul.lst-ll li.card button.no-btn h2 {
    font-size: 16px;
  }
  .grd-br .card .Wrap_bold {
    grid-template-columns: repeat(auto-fill, minmax(230px, 300px));
  }
  .modal .radio-inputs {
    width: 100% !important;
  }
  .crd-tp .tp-in .tp-det .icn-in {
    display: flex;
    flex-wrap: wrap;
  }
  .crd-tp .tp-in .tp-det .icn-in .icn svg {
    height: 50px;
    width: 50px;
  }
  .informational_tab .fr-rstt li:last-child {
    margin-left: inherit !important;
  }
}
@media (max-width: 1000px) {
  .BackPass .wrapper {
    flex-direction: column;
  }
  .Greetings {
    flex-direction: column;
    align-items: center !important;
    margin-top: 40px;
    justify-content: center;
    gap: 1rem;
  }
  .Greetings h3 {
    font-size: 28px;
  }
  .dlabnav__gradient .nav-header {
    flex-direction: column !important;
  }
  .AdminReq {
    flex-direction: column;
    justify-content: center;
  }
  .AdminReq .w-75 {
    width: 100% !important;
  }
  .BackPass .wrapper .card {
    width: 100% !important;
  }
  .BackPass .wrapper .wrapImg {
    height: 300px;
    width: 100%;
  }
  .Gapped {
    flex-direction: column;
  }
  .Gapped .card {
    width: 100% !important;
  }
  .ann-ul {
    margin-left: 35px;
  }
}
.TableResp {
  overflow-x: scroll;
  width: 100% !important;
}

.flxre-inn {
  display: flex;
  align-items: center;
  gap: 15px;
}
.flxre-inn .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 2px !important;
}
.flxre-inn .select2-container--default .select2-selection--single {
  height: 27px !important;
}

.nav-pills.light .nav-link.active {
  background-color: #030202 !important;
  color: #ffffff !important;
}

.TeamCards .nav {
  background-color: rgba(0, 0, 0, 0.02) !important;
}

.UserInfo .fr-rstt li:last-child {
  margin-left: 0 !important;
}

@media (max-width: 1000px) {
  .informational_tab {
    grid-template-columns: 1fr;
  }
  .informational_tab .nav-pills {
    height: auto;
    width: 100%;
  }
  .TableResp {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .TableResp table {
    min-width: 600px;
  }
  td p.flexp2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
  }
  .AddNewListing .btn-secondary {
    width: fit-content !important;
  }
  .HeaderContent {
    position: absolute;
    top: 5px;
    right: 0;
  }
  .TrainCent #thumbs .current .item {
    background-color: transparent;
  }
}
@media (max-width: 470px) {
  .crd-tp .tp-in .tp-det .icn-in {
    grid-template-columns: 1fr;
  }
  .login_head {
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
  }
  .login_head .mid h2 {
    text-align: center;
    font-size: 25px;
  }
  .login_head .left {
    height: 45px !important;
  }
  .login_head .right a {
    font-size: 20px;
  }
  .login_head .right .svg1 svg {
    height: 25px;
    width: 25px;
  }
  .login_head .right .svg2 svg {
    height: 20px;
    width: 20px;
  }
  section.login .card .btn-ara .olook span {
    font-size: 13px;
  }
  .socialBrands {
    display: none !important;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .HeaderAwards .DGrid {
    display: flex !important;
    flex-wrap: wrap;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .HeaderAwards .DGrid .business {
    width: 100%;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .Disclaimers ul li h3 {
    line-height: 1.4;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .CardBody .FlexedBetween {
    align-items: flex-start;
    flex-direction: column;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .HeaderAwards h1 {
    margin-bottom: 35px;
  }
  .Greetings {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center;
    text-align: center;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .card-body .nav-pills .nav-link,
  .informational_tab .tab-content .tab-pane .InfoCard .card-body .flexed .flexp1,
  .informational_tab .tab-content .tab-pane .InfoCard .card-body .flexp2,
  .informational_tab .nav-pills .nav-link,
  .nav .nav-item .nav-link,
  .TrainCent .left .nav .nav-item .nav-link {
    font-size: 14px;
    white-space: nowrap;
  }
  .BackPass .wrapper .wrapImg {
    height: 200px;
  }
  .OutCom .OutComInn .out_in h5 {
    font-size: 18px;
  }
  .table th,
  .table td {
    padding: 0.5rem 0.5rem;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .card-body .flexed .flexImg {
    height: 30px;
    width: 30px;
  }
  .InfoCard {
    width: 100%;
    overflow-x: scroll;
  }
  .informational_tab .tab-content {
    width: 100%;
    overflow-x: scroll;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .card-body .nav-pills .nav-link {
    padding: 8px 16px;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .CardBody .FlexedBetween h2 {
    font-size: 22px;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .CardBody .FlexedBetween p,
  .informational_tab .tab-content .tab-pane .InfoCard .CardBody .FlexedLinks svg,
  .informational_tab .tab-content .tab-pane .InfoCard .CardBody .FlexedLinks a,
  .informational_tab .tab-content .tab-pane .InfoCard .CardGrid .card .card-body .FlexedMail p,
  .informational_tab .tab-content .tab-pane .InfoCard .CardGrid .card .card-body .FlexedMail a,
  .informational_tab .tab-content .tab-pane .InfoCard .Disclaimers ul li p,
  .TeamCards .grd-team .team-crd .card .card-body .cnt-team h2 span,
  .nav-pills .nav-link,
  .BackPass p,
  .BackPass .wrapper .Wrap_p,
  .BackPass .wrapper .Wrap_bold,
  .AdminReq .form-label,
  .AdminModal .modal-body .form-label {
    font-size: 14px !important;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .HeaderAwards .DGrid .business .card .card-body .business_name {
    font-size: 12px;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .HeaderAwards .DGrid .business .card .card-body .business_logo {
    height: 55px;
    width: 100px;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .HeaderAwards .DGrid .business .card .card-body .business_logo img {
    object-fit: cover;
  }
  .form-control {
    height: 40px !important;
  }
  .AdminReq .btn-primary {
    height: 40px;
    width: fit-content !important;
  }
  .AdminModal .modal-header .btn-close,
  .AdminModal .modal-header .modal-title {
    font-size: 16px !important;
  }
  .BackPass h4,
  .BackPass h3 {
    font-size: 18px;
  }
  .BackPass .bg_svg {
    height: 30px;
    width: 30px;
  }
  .BackPass .bg_svg svg {
    height: 15px;
    width: 15px;
  }
  .nav .nav-item .nav-link,
  .TrainCent .left .nav .nav-item .nav-link {
    padding: 8px 16px !important;
  }
  .BackPass .wrapper .wrapImg img {
    object-fit: cover;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .CardBody .FlexedBetween .cross-logo {
    height: 60px;
    width: 200px;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .Disclaimers ul li h3,
  .TeamCards .grd-team .team-crd .card .card-body .cnt-team h2,
  .BackPass .wrapper .Wrap_h2 {
    font-size: 22px;
  }
  .TeamCards .grd-team .team-crd .card .card-body .team-img {
    height: 200px;
    width: 200px;
  }
  .nav-pills .nav-link {
    padding: 0.25rem 0.75rem;
  }
  .dlabnav.open {
    width: 15rem !important;
    left: -15px;
  }
  .open {
    height: 40px;
    width: 40px;
  }
  .open svg {
    height: 20px;
    width: 20px;
  }
  .TrainCent .owl-next::before,
  .TrainCent .owl-next::after {
    width: 3px;
    height: 25px;
  }
  .TrainCent .owl-prev::before,
  .TrainCent .owl-prev::after {
    height: 25px;
    width: 3px;
  }
  .TrainCent .owl-prev::after {
    top: 20px;
  }
  .TrainCent #thumbs .item {
    height: 60px;
    width: 90px;
    border-radius: 10px;
  }
  .TrainCent .owl-next::after {
    top: 20px;
  }
  .TrainCent .owl-next::before,
  .TrainCent .owl-prev::before {
    top: 2px;
  }
  #thumbs img {
    border-radius: 10px !important;
  }
  .TrainCent .OverImg {
    height: 80px !important;
    width: 240px !important;
  }
  .TrainCent .image-overlay-container .overlay svg {
    height: 30px;
    width: 30px;
    margin-right: 20px;
  }
  .BackPass .d-End .btn-primary {
    font-size: 15px;
  }
  .AdminReq .CardDark .ContentDark .InfoDark {
    gap: 5px;
  }
  .AdminReq .CardLight {
    gap: 10px;
  }
  .AdminReq .CardLight .ImgLight .Overlay,
  .AdminReq h3 {
    font-size: 20px;
  }
  .AdminReq .CardLight .ImgLight {
    height: 150px;
  }
  .TrainCent .image-overlay-container .overlay-text {
    font-size: 12px !important;
  }
  .TrainCent .CardLight .ImgLight {
    height: 140px;
    width: 140px;
  }
  .TrainCent .CardLight .light,
  .TrainCent .CardLight .ImgLight .Overlay {
    border-radius: 20px;
    font-size: 18px;
  }
  .owl-next svg,
  .owl-prev svg {
    visibility: hidden;
  }
  .TrainCent #big.owl-theme .owl-next {
    right: -25px;
  }
  .TrainCent #big.owl-theme .owl-prev {
    left: -25px;
  }
}
.GgWp {
  width: 25% !important;
}

@media (max-width: 576px) {
  .informational_tab .tab-content .tab-pane .InfoCard .HeaderAwards .DGrid {
    display: flex !important;
    flex-wrap: wrap;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .HeaderAwards .DGrid .business {
    width: 100%;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .Disclaimers ul li h3 {
    line-height: 1.4;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .CardBody .FlexedBetween {
    align-items: flex-start;
    flex-direction: column;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .HeaderAwards h1 {
    margin-bottom: 35px;
  }
  .Greetings {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center;
    text-align: center;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .card-body .nav-pills .nav-link,
  .informational_tab .tab-content .tab-pane .InfoCard .card-body .flexed .flexp1,
  .informational_tab .tab-content .tab-pane .InfoCard .card-body .flexp2,
  .informational_tab .nav-pills .nav-link,
  .nav .nav-item .nav-link,
  .TrainCent .left .nav .nav-item .nav-link {
    font-size: 14px;
    white-space: nowrap;
  }
  .BackPass .wrapper .wrapImg {
    height: 200px;
  }
  .OutCom .OutComInn .out_in {
    width: 150px;
  }
  .OutCom .OutComInn .out_in h5 {
    font-size: 18px;
  }
  .table th,
  .table td {
    padding: 0.5rem 0.5rem;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .card-body .flexed .flexImg {
    height: 30px;
    width: 30px;
  }
  .InfoCard {
    width: 100%;
    overflow-x: scroll;
  }
  .informational_tab .tab-content {
    width: 100%;
    overflow-x: scroll;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .card-body .nav-pills .nav-link {
    padding: 8px 16px;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .CardBody .FlexedBetween h2 {
    font-size: 22px;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .CardBody .FlexedBetween p,
  .informational_tab .tab-content .tab-pane .InfoCard .CardBody .FlexedLinks svg,
  .informational_tab .tab-content .tab-pane .InfoCard .CardBody .FlexedLinks a,
  .informational_tab .tab-content .tab-pane .InfoCard .CardGrid .card .card-body .FlexedMail p,
  .informational_tab .tab-content .tab-pane .InfoCard .CardGrid .card .card-body .FlexedMail a,
  .informational_tab .tab-content .tab-pane .InfoCard .Disclaimers ul li p,
  .TeamCards .grd-team .team-crd .card .card-body .cnt-team h2 span,
  .nav-pills .nav-link,
  .BackPass p,
  .BackPass .wrapper .Wrap_p,
  .BackPass .wrapper .Wrap_bold,
  .AdminReq .form-label,
  .AdminModal .modal-body .form-label {
    font-size: 14px !important;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .HeaderAwards .DGrid .business .card .card-body .business_name {
    font-size: 12px;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .HeaderAwards .DGrid .business .card .card-body .business_logo {
    height: 55px;
    width: 100px;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .HeaderAwards .DGrid .business .card .card-body .business_logo img {
    object-fit: cover;
  }
  .form-control {
    height: 40px !important;
  }
  .AdminReq .btn-primary {
    height: 40px;
    width: fit-content !important;
  }
  .AdminModal .modal-header .btn-close,
  .AdminModal .modal-header .modal-title {
    font-size: 16px !important;
  }
  .BackPass h4,
  .BackPass h3 {
    font-size: 18px;
  }
  .BackPass .bg_svg {
    height: 30px;
    width: 30px;
  }
  .BackPass .bg_svg svg {
    height: 15px;
    width: 15px;
  }
  .nav .nav-item .nav-link,
  .TrainCent .left .nav .nav-item .nav-link {
    padding: 8px 16px !important;
  }
  .BackPass .wrapper .wrapImg img {
    object-fit: cover;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .CardBody .FlexedBetween .cross-logo {
    height: 60px;
    width: 200px;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .Disclaimers ul li h3,
  .TeamCards .grd-team .team-crd .card .card-body .cnt-team h2,
  .BackPass .wrapper .Wrap_h2 {
    font-size: 22px;
  }
  .TeamCards .grd-team .team-crd .card .card-body .team-img {
    height: 200px;
    width: 200px;
  }
  .nav-pills .nav-link {
    padding: 0.25rem 0.75rem;
  }
  .dlabnav.open {
    width: 15rem !important;
    left: -15px;
  }
  .open {
    height: 40px;
    width: 40px;
  }
  .open svg {
    height: 20px;
    width: 20px;
  }
  .TrainCent .owl-next::before,
  .TrainCent .owl-next::after {
    width: 3px;
    height: 25px;
  }
  .TrainCent .owl-prev::before,
  .TrainCent .owl-prev::after {
    height: 25px;
    width: 3px;
  }
  .TrainCent .owl-prev::after {
    top: 20px;
  }
  .TrainCent #thumbs .item {
    height: 60px;
    width: 90px;
    border-radius: 10px;
  }
  .TrainCent .owl-next::after {
    top: 20px;
  }
  .TrainCent .owl-next::before,
  .TrainCent .owl-prev::before {
    top: 2px;
  }
  #thumbs img {
    border-radius: 10px !important;
  }
  .TrainCent .OverImg {
    height: 80px !important;
    width: 240px !important;
  }
  .TrainCent .image-overlay-container .overlay svg {
    height: 30px;
    width: 30px;
    margin-right: 20px;
  }
  .BackPass .d-End .btn-primary {
    font-size: 15px;
  }
  .AdminReq .CardDark .ContentDark .InfoDark {
    gap: 5px;
  }
  .AdminReq .CardLight {
    gap: 10px;
  }
  .AdminReq .CardLight .ImgLight .Overlay,
  .AdminReq h3 {
    font-size: 20px;
  }
  .AdminReq .CardLight .ImgLight {
    height: 150px;
  }
  .TrainCent .image-overlay-container .overlay-text {
    font-size: 12px !important;
  }
  .TrainCent .CardLight .ImgLight {
    height: 140px;
    width: 140px;
  }
  .TrainCent .CardLight .light,
  .TrainCent .CardLight .ImgLight .Overlay {
    border-radius: 20px;
    font-size: 18px;
  }
  .owl-next svg,
  .owl-prev svg {
    visibility: hidden;
  }
  .TrainCent #big.owl-theme .owl-next {
    right: -25px;
  }
  .TrainCent #big.owl-theme .owl-prev {
    left: -25px;
  }
}
.tx-lgoo {
  height: 40px;
}
.tx-lgoo img {
  margin: 0 0;
  height: 100%;
  width: 100%;
}

.evt-d {
  position: relative;
  overflow: visible;
}
.evt-d .card-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #ffffff;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  justify-content: center;
}
.evt-d .card-footer .no-btn {
  font-size: 18px;
}
.evt-d .card-body {
  padding-top: 10px;
}
.evt-d .scrl-ul {
  max-height: 700px;
  overflow: auto;
  position: relative;
  padding-right: 5px;
}
.evt-d .scrl-ul::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 100px;
}
.evt-d .scrl-ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
}
.evt-d li {
  background-color: rgba(0, 0, 0, 0.04);
  padding: 10px;
  border-radius: 20px;
  border: 1px dashed #030202;
  margin-bottom: 10px;
}
.evt-d li .cal-tlt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.evt-d li .cal-tlt .cal-fr {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.evt-d li .cal-tlt .cal-fr h3 {
  font-size: 30px;
  line-height: 1;
  margin-bottom: 0;
  padding: 10px;
  border-right: 1px dashed rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
}
.evt-d li .cal-tlt .cal-fr h3 span {
  font-size: 16px;
}
.evt-d li .cal-tlt .cal-fr p {
  margin-bottom: 0;
}
.evt-d li .cal-tlt .cal-fr h4 {
  margin-bottom: 0;
  text-transform: capitalize;
}
.evt-d li .btn-bt {
  display: flex;
  justify-content: space-between;
  column-gap: 10px;
  align-items: center;
  width: 100%;
}
.evt-d li .btn-bt .btn-primary {
  width: 100% !important;
  display: flex;
  align-items: center;
  gap: 10px;
}
.evt-d li .btn-bt .no-btn {
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.evt-d li .btn-bt .no-btn .bot-pr {
  display: flex;
  width: 100%;
}
.evt-d li .btn-bt .no-btn .bot-pr .cont-pr {
  justify-content: center;
  width: 100%;
  white-space: nowrap;
}
.evt-d li .btn-bt .btn {
  width: 100%;
  padding: 0 10px !important;
  font-size: 14px;
}

.crd-btt.CardCent {
  flex-direction: column;
  display: flex;
  justify-content: center;
  height: 100%;
}

.al-cnt {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
}
.al-cnt .ansm {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  width: 100%;
}
.al-cnt .ansm p {
  margin-bottom: 0;
}
.al-cnt .ansm .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}

.business .card-body {
  padding-top: 15px;
  padding-bottom: 15px;
}

.tooltip {
  position: relative;
  bottom: 8px !important;
}

.tooltip > .tooltip-inner {
  background-color: #030202;
  padding: 5px 15px;
  color: #ffffff;
  font-weight: bold;
  font-size: 13px;
}

.progress {
  height: 20px;
  overflow: visible;
  border-radius: 100px;
  border: 1px dashed rgba(0, 0, 0, 0.3);
}

.progressText {
  display: flex;
  justify-content: end;
}
.progressText b {
  font-size: 14px;
}

.progress-bar {
  background: #030202;
  -webkit-transition: width 1.5s ease-in-out;
  transition: width 1.5s ease-in-out;
  position: relative;
}

.ofc-dp {
  display: flex;
  align-items: center;
  column-gap: 10px;
  width: 30%;
}
.ofc-dp .select2-container--default .select2-selection--single {
  height: 37px !important;
  border-radius: 50px !important;
}

.listing .form-control {
  border-radius: 100px;
}
.listing .card-body {
  padding-bottom: 20px;
  padding: 20px 15px;
}

.dasc .card-body {
  padding-bottom: 20px;
}

.listing.fav-lst {
  grid-column: 3/4;
}
.listing.fav-lst ul {
  grid-template-columns: repeat(1, 1fr);
}

.card {
  height: 100%;
}

.modal .dt-length {
  display: none;
}
.modal .modal-title {
  font-size: 22px !important;
}
.modal .radio-inputs {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  border-radius: 100px;
  background-color: rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  padding: 0.25rem;
  width: 250px;
  font-size: 14px;
  margin-bottom: 20px;
}
.modal .radio-inputs .radio {
  flex: 1 1 auto;
  text-align: center;
  margin-bottom: 0;
}
.modal .radio-inputs .radio input {
  display: none;
}
.modal .radio-inputs .radio .name {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  border: none;
  padding: 0.5rem 0;
  color: #030202;
  font-weight: normal;
  transition: all 0.15s ease-in-out;
}
.modal .radio-inputs .radio input:checked + .name {
  background-color: #030202;
  color: #ffffff;
  font-weight: 400;
}

.iui-cloud-upload .fill-svg {
  fill: #030202;
}
.iui-cloud-upload .stk-svg {
  stroke: rgba(3, 2, 2, 0.3);
}
.iui-cloud-upload::before {
  display: none;
}

.delete-image {
  background-color: rgba(234, 67, 53, 0.2);
}
.delete-image .fill-svg {
  fill: #030202;
}
.delete-image .stk-svg {
  stroke: #ffffff;
}

.upload-text span {
  font-size: 18px;
}

.image-uploader {
  margin-top: 26px;
  border-radius: 20px;
  border: 4px dotted rgba(0, 0, 0, 0.05) !important;
  background-color: rgba(0, 0, 0, 0.03);
}

.upld .upload_attachments {
  position: relative;
}
.upld p {
  padding-bottom: 10px;
  font-weight: 600;
  text-align: center;
  width: 100%;
  margin-top: 5px;
}

.trng {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
}
.trng .btn {
  border-radius: 100px;
  font-size: 20px;
  font-family: "geo";
}

.or-sgn {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.or-sgn .btn {
  border-radius: 100px;
  font-size: 20px;
  font-family: "geo";
  width: 100% !important;
  height: 60px;
  margin-top: 10px;
}
.or-sgn .ljs span {
  font-size: 18px;
  color: #030202;
  margin-bottom: 10px;
}

.ord {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  padding: 10px;
  border-left: 1px dashed rgba(0, 0, 0, 0.1);
}
.ord li {
  margin-bottom: 10px;
  font-size: 16px;
  color: #030202;
}
.ord li .radio-inputs {
  margin-bottom: 0;
}

.swiper {
  width: 80%;
  height: 550px;
  position: relative;
}
.swiper .bigg-img {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 100%;
  height: 100%;
}

.swiper-thumb {
  height: 100px;
  box-sizing: border-box;
  padding: 10px 0;
}
.swiper-thumb .smll-img {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 100%;
  height: 100%;
}

.swiper-thumb .swiper-slide {
  width: 100px;
  height: 100%;
  opacity: 0.4;
  cursor: pointer;
}

.swiper-thumb .swiper-slide-thumb-active {
  opacity: 1;
  border: 2px solid #ffffff;
}

.fullscreen-button {
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 10;
  background: rgba(0, 0, 0, 0.02);
  color: white;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 5px;
  font-size: 14px;
}
.fullscreen-button .fill-svg {
  fill: #ffffff !important;
}

.swiper-button-next,
.swiper-button-prev {
  color: #ffffff !important;
}

.outr {
  overflow: hidden;
}

ul.lst-ll {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
ul.lst-ll li.card {
  list-style: none;
  height: 200px;
  width: 100%;
  position: relative;
}
ul.lst-ll li.card button.no-btn {
  width: 100%;
  height: 100%;
  display: flex;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  background: linear-gradient(128deg, rgba(3, 2, 2, 0.9) 40%, rgba(148, 166, 170, 0.1)) rgba(3, 2, 2, 0.7);
}
ul.lst-ll li.card h2 {
  position: relative;
  color: #ffffff;
  z-index: 1;
}
ul.lst-ll li.card .dropdown {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
}
ul.lst-ll li.card .dropdown .stk-svg {
  stroke: #ffffff;
}
ul.lst-ll li.card .dropdown .no-btn {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 0 10px 0 10px;
}
ul.lst-ll li.card .dropdown-menu {
  padding: 0;
  border-radius: 10px;
}
ul.lst-ll li.card .dropdown-menu li .dropdown-item {
  padding: 5px 10px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
ul.lst-ll li.card .dropdown-menu li .dropdown-item:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
ul.lst-ll li.card .dropdown-menu li:last-child {
  border-bottom: none;
}
ul.lst-ll li.card .dropdown-menu li:last-child:hover {
  background-color: rgba(234, 67, 53, 0.07);
}
ul.lst-ll li.card .dropdown-menu li:last-child .stk-svg {
  stroke: rgb(234, 67, 53);
}

.grd-fold {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  justify-content: center;
  align-items: center;
}
.grd-fold li .stk-svg {
  stroke: #030202;
}
.grd-fold li button {
  border: 1px dashed rgba(0, 0, 0, 0.1);
  height: 100px;
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  transition: 0.2s ease-in;
  position: relative;
}
.grd-fold li button span {
  margin-top: 10px;
  color: #030202;
  width: 100px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.grd-fold li button:hover {
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #030202;
  transform: scale(1.03);
  transition: 0.2s ease-out;
}
.grd-fold li button:hover .dlt-ic {
  display: flex;
}
.grd-fold li button .dlt-ic {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  background-color: rgb(234, 67, 53);
  width: 30px;
  height: 27px;
  justify-content: center;
  align-items: center;
  border-radius: 0 10px 0 10px;
}
.grd-fold li button .dlt-ic .stk-svg {
  stroke: #ffffff;
}

.fr-mtt .ofc-dp {
  width: 20%;
}

.fr-needd li:last-child {
  margin-left: auto;
  width: 20%;
}
.fr-needd li:last-child .ofc-dp {
  width: 100%;
}

.grd-br {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.grd-br .img-lstt {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 100%;
  height: 150px;
  border-radius: 10px;
}
.grd-br .card {
  box-shadow: none !important;
  position: relative;
  height: 550px;
}
.grd-br .card label {
  font-weight: 600;
}
.grd-br .card h2 {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 20px;
}
.grd-br .card p {
  margin-bottom: 0;
}
.grd-br .card .ads-l {
  margin-bottom: 20px;
}
.grd-br .card .Wrap_bold {
  font-weight: 600;
  font-family: "geo";
  color: #030202;
}
.grd-br .card .fr-sgt {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 8px;
  position: absolute;
  bottom: 15px;
}
.grd-br .card .fr-sgt .icn-us {
  background-color: rgba(0, 0, 0, 0.8);
  width: 30px;
  height: 30px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.grd-br .card .fr-sgt h4 {
  margin-bottom: 0;
}
.grd-br .card .fr-sgt .stk-svg {
  stroke: #ffffff;
}
.grd-br .card .btn-ex {
  position: absolute;
  top: 10px;
  right: 10px;
  display: none;
}
.grd-br .card .btn-ex .delete_alert {
  background-color: rgb(234, 67, 53);
  padding: 5px;
  border-radius: 100px;
}
.grd-br .card .btn-ex .edt {
  background-color: #030202;
  padding: 5px;
  border-radius: 100px;
}
.grd-br .card:hover .btn-ex {
  display: block !important;
}
.grd-br .card .Wrap_p {
  font-size: 1rem;
}

.modal-body .swiper {
  height: 430px;
}

.btn-close:focus {
  box-shadow: none;
}

.contt {
  display: flex;
  column-gap: 20px;
}
.contt .int-img {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 140px;
  height: 200px;
  border-radius: 20px;
}
.contt .ass-cnt h3 {
  font-size: 20px;
}
.contt .ass-cnt h3 span {
  display: block;
  font-size: 14px;
}
.contt .ass-cnt .cont-cn {
  margin: 12px 0;
}
.contt .ass-cnt .cont-cn .InfoDark {
  display: flex;
  margin-bottom: 5px;
  column-gap: 10px;
}
.contt .ass-cnt .cont-cn .InfoDark p {
  margin-bottom: 0;
}
.contt .ass-cnt ul {
  padding-left: 20px;
}
.contt .ass-cnt ul li {
  list-style: disc;
  margin-bottom: 5px;
}

.hd-brd {
  border-left: 2px solid rgba(0, 0, 0, 0.6);
  padding-left: 10px;
}

.OutCom .OutComInn .out_in {
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  padding: 20px 10px;
}
.OutCom .OutComInn .out_in h5 {
  margin-bottom: 0;
}

.OutCom .Gapped {
  flex-direction: column;
  margin-top: 20px;
}
.OutCom .Gapped .card {
  width: 100% !important;
  box-shadow: none;
  border: none;
}

.fr-outr {
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.dropdown {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
}
.dropdown .stk-svg {
  stroke: #ffffff;
}
.dropdown .no-btn {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 0 10px 0 10px;
}

li {
  position: relative;
}
li .dropdown .stk-svg {
  stroke: #030202;
}
li .dropdown .dropdown-menu {
  padding: 0;
  border-radius: 10px;
  position: absolute;
  top: 10px;
  right: 10px;
}
li .dropdown .dropdown-menu li {
  background-color: transparent;
  border: none;
  padding: 0;
  margin-bottom: 0;
}
li .dropdown .dropdown-menu li .dropdown-item {
  padding: 5px 10px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
li .dropdown .dropdown-menu li .dropdown-item:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
li .dropdown .dropdown-menu li:last-child {
  border-radius: 0;
}
li .dropdown .dropdown-menu li:last-child .dropdown-item {
  border-bottom: none !important;
}
li .dropdown .dropdown-menu li:last-child:hover {
  background-color: rgba(234, 67, 53, 0.07);
}
li .dropdown .dropdown-menu li:last-child .stk-svg {
  stroke: rgb(234, 67, 53);
}

.dgrd {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 10px;
  margin-top: 0 !important;
}
.dgrd ul {
  max-height: 420px;
  overflow: auto;
}

.out-grd {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 10px;
  align-items: flex-start;
}

.daterangepicker {
  z-index: 9999 !important;
}

.daterangepicker.show-calendar .drp-buttons {
  display: flex !important;
  align-items: center !important;
  justify-content: end !important;
}

.daterangepicker td.active {
  background-color: #030202 !important;
}

.addEvent textarea.form-control {
  height: 100% !important;
}

.tem-mb .nav-pills {
  background-color: rgba(0, 0, 0, 0.02) !important;
}

.modal .select2-container--default .select2-selection--single {
  height: 45px !important;
}

.fr-swh {
  display: flex;
  margin-bottom: 0;
  justify-content: flex-start;
  align-items: end;
}

.checkbox-apple {
  position: relative;
  width: 50px;
  height: 25px;
  margin: 40px 20px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox-apple label {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 25px;
  border-radius: 50px;
  background: linear-gradient(to bottom, #b3b3b3, #e6e6e6);
  cursor: pointer;
  transition: all 0.3s ease;
}

.checkbox-apple label:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}

.checkbox-apple input[type=checkbox]:checked + label {
  background: linear-gradient(to bottom, #030202, #2F2F2F);
}

.checkbox-apple input[type=checkbox]:checked + label:after {
  transform: translateX(25px);
}

.checkbox-apple label:hover {
  background: linear-gradient(to bottom, #b3b3b3, #e6e6e6);
}

.checkbox-apple label:hover:after {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.yep {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 25px;
}

.informational_tab .info-inn .nav-pills {
  background-color: rgba(0, 0, 0, 0.03) !important;
  flex-direction: row;
}
.informational_tab .info-inn .nav-pills .nav-link {
  color: #030202;
}
.informational_tab .info-inn .nav-pills .nav-link:hover {
  color: #030202 !important;
}
.informational_tab .info-inn .nav-link.active {
  background-color: #030202 !important;
  color: #ffffff !important;
}
.informational_tab .info-inn .nav-link.active:hover {
  color: #ffffff !important;
}
.informational_tab .nav-link.active {
  background-color: #ffffff !important;
  color: #030202 !important;
}
.informational_tab .nav-link.active:hover {
  color: #030202 !important;
}

th {
  padding: 5px 10px;
}

.img-matt {
  width: 450px !important;
}

.img-matt,
.img-mrt {
  border-radius: 20px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 220px;
  height: 230px;
}

.main-nm {
  display: flex;
  flex-direction: column;
}
.main-nm h2 {
  line-height: 1.3;
  margin-bottom: 10px !important;
}
.main-nm h2 span {
  display: block;
  font-size: 20px;
  text-transform: lowercase !important;
}

.fr-ftrcd {
  height: auto;
  margin-bottom: 10px !important;
}
.fr-ftrcd .card-footer {
  display: flex;
  column-gap: 10px;
  border-top: none;
}
.fr-ftrcd .card-footer .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 30% !important;
  font-size: 18px;
  font-family: "geo";
  text-transform: uppercase;
}
.fr-ftrcd .card-body {
  padding-bottom: 0;
}
.fr-ftrcd .card-header h4.card-title {
  text-transform: uppercase;
}

#HomeInpectors {
  overflow-y: scroll;
  height: calc(100vh - 180px);
  padding-right: 10px;
}
#HomeInpectors .card {
  height: fit-content;
}

.scrl-bx {
  overflow: auto;
  height: calc(100vh - 180px);
  padding-right: 10px;
}

.fr-cnp li p {
  font-size: 14px !important;
}

.out-brd .brd-mrt {
  margin: 10px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 20px;
}

.informational_tab .tab-content .tab-pane .InfoCard .fr-tmm .card-body .card-body {
  padding-top: 10px !important;
}

.informational_tab .TeamCards .nav-pills {
  padding: 6px 10px !important;
  margin-top: 10px !important;
}
.informational_tab .TeamCards .grd-team {
  grid-template-columns: repeat(auto-fill, minmax(248px, 200px));
}
.informational_tab .TeamCards .grd-team .no-btn {
  width: 100%;
}
.informational_tab .TeamCards .team-img {
  height: 200px !important;
}

.inform-tbb h3, .AdminModal h3 {
  margin-bottom: 0 !important;
  word-break: break-word;
}
.inform-tbb p, .AdminModal p {
  margin-bottom: 0 !important;
}
.inform-tbb .fill-svg, .AdminModal .fill-svg {
  fill: #030202 !important;
}

.awards .Scrol {
  height: calc(100vh - 180px);
  overflow-y: scroll;
  padding-right: 10px;
}
.awards .Scrol .card {
  height: fit-content;
}

.dis-cnt {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 0;
  height: calc(100vh - 180px);
  overflow-y: scroll;
  padding-right: 10px;
}
.dis-cnt li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
}
.dis-cnt li h3 {
  font-size: 14px !important;
}
.dis-cnt li p {
  margin-bottom: 0;
  font-size: 14px !important;
}
.dis-cnt li:nth-child(odd) {
  border-right: 1px solid rgba(0, 0, 0, 0.3);
}
.dis-cnt li:nth-child(even) {
  padding: 30px;
}
.dis-cnt li:last-child {
  border-right: none;
}

.awards .imgs-pel {
  text-align: center;
}
.awards .imgs-pel h4 {
  font-size: 14px;
}
.awards .imgs-pel .img-inn {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 100px;
  height: 100px;
  margin: 20px auto;
  border-radius: 100px;
}
.awards .flx-pel {
  display: flex;
  justify-content: space-between;
}
.awards .btn-ara {
  width: 20%;
}
.awards .btn-ara .btn.btn-secondary {
  width: 50% !important;
}
.awards .btn-ara .btn {
  width: 50% !important;
}

.card-body.padd-0 {
  padding: 0;
}
.card-body.padd-0 .brd-pel {
  padding: 20px;
  border-radius: 0;
  border-top: 2px dashed rgba(0, 0, 0, 0.1);
  background-color: 2px dashed rgba(0, 0, 0, 0.03);
}
.card-body.padd-0 .brd-pel .card {
  box-shadow: none !important;
}

.HeaderFlex {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(70px, 213px));
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
  padding: 20px 0;
}
.HeaderFlex .Users {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.HeaderFlex .Users .UserAward {
  color: #030202;
  font-size: 18px;
  margin-bottom: 6px;
  line-height: 1.5;
  font-weight: 600;
  text-transform: capitalize;
}
.HeaderFlex .Users .img-awd {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  height: 200px;
  width: 100%;
  border-radius: 35px;
  margin-bottom: 10px;
}
.HeaderFlex .Users .UserName {
  font-size: 14px;
  color: #030202;
  line-height: 1.5;
  margin-top: 0px;
  margin-bottom: 0px;
}

.fr-btar {
  margin-top: 10px !important;
  margin-bottom: 0 !important;
}
.fr-btar .btn {
  width: 100% !important;
  border-radius: 20px !important;
}

.awd-group .awdg-inn {
  border: 2px solid rgba(0, 0, 0, 0.03);
  background-color: rgba(0, 0, 0, 0.01);
  padding: 20px;
  border-radius: 20px;
  margin-bottom: 10px;
}

.card.goal .card-footer {
  display: flex;
  align-items: center;
}

.fr-bsi .card-footer {
  padding: 10px 20px;
  display: flex;
  justify-content: end;
}

.my-req table.dataTable td.dt-type-numeric,
.my-req .table.dataTable th.dt-type-numeric {
  text-align: left;
}
.my-req td .btn {
  width: fit-content !important;
  line-height: 1.2;
}

.req-det .card.whi-bg {
  background-color: rgba(0, 0, 0, 0.01) !important;
}
.req-det .card.whi-bg .person-ag {
  justify-content: end;
}
.req-det .txt-ara {
  position: relative;
  display: flex;
  margin-top: 20px;
}
.req-det .txt-ara .form-control {
  height: 100% !important;
}
.req-det .txt-ara .btn {
  position: absolute;
  right: 10px;
  bottom: 10px;
  justify-content: center;
  align-items: center;
  padding: 0 20px !important;
}
.req-det .card {
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.03);
  margin-bottom: 10px !important;
}
.req-det .card .flx-re {
  display: flex;
  justify-content: end;
  align-items: center;
}
.req-det .card .flx-re .flxre-inn {
  width: 15% !important;
  display: flex;
  align-items: center;
  column-gap: 20px;
}
.req-det .card .flx-re .flxre-inn .select2-container--default .select2-selection--single {
  height: 30px !important;
}
.req-det .card .flx-re .sts {
  margin: 0 !important;
}
.req-det .rep-de {
  background-color: rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(0, 0, 0, 0.05);
  width: fit-content;
  padding: 5px 10px;
  border-radius: 100px;
  margin-bottom: 10px;
}
.req-det .rep-de span {
  font-size: 14px;
}
.req-det .tk-det .person-ag {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.req-det .tk-det .person-ag .dat-tk {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 10px;
}
.req-det .tk-det .person-ag .dat-tk p {
  margin-bottom: 0;
}
.req-det .tk-det .person-ag .dat-tk p,
.req-det .tk-det .person-ag .dat-tk i {
  font-size: 14px;
  font-style: normal;
}

.nw-head {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.nw-head .header-info {
  display: flex;
  flex-direction: column;
}
.nw-head .lg-pn {
  column-gap: 5px;
}
.nw-head .fill-svg {
  fill: #030202;
}

.BoothHelp textarea.form-control {
  height: auto !important;
}

.EmailCampaign .image-uploader {
  margin-top: 0;
}

.fr-back-n.fr-needd li:last-child {
  width: 10%;
}

.Wrap_bold {
  display: grid;
  column-gap: 5px;
  grid-template-columns: 1fr;
  gap: 5px;
}
.Wrap_bold span.grey {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 5px 10px;
  border-radius: 100px;
  color: #030202;
  border: none;
  font-weight: normal;
  white-space: nowrap;
  width: 120px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.Wrap_bold .FlexedText {
  display: flex;
  align-items: center;
}
.Wrap_bold .FlexedText label {
  margin-bottom: 0;
  width: 75%;
}

.SettingSection .nav-pills.light .nav-link.active,
.nav-pills.light .show > .nav-link {
  background-color: #030202 !important;
  color: #ffffff !important;
}

.crd-pil .nav.nav-pills {
  justify-content: space-between;
}

.editPrf {
  /* Reduce height of the container */
  /* Adjust selected item spacing */
  /* Adjust input height inside */
}
.editPrf .select2-container--default .select2-selection--multiple {
  min-height: 34px; /* Match with your form control height */
  padding: 0;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.editPrf .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 0 5px;
  line-height: 20px;
  font-size: 14px;
}
.editPrf .select2-container--default .select2-selection--multiple .select2-search__field {
  height: 28px;
  line-height: 28px;
}

.input-group-text {
  background-color: #030202 !important;
  color: #ffffff;
}
.input-group-text span {
  font-weight: bold;
  font-family: "geo";
  margin-left: 5px;
}

.bigg-img {
  position: relative;
}

.fr-rstt li:last-child {
  margin-left: auto !important;
}

.fr-igtb {
  height: calc(100vh - 100px) !important;
}

.addAnn .select2-container .select2-selection--multiple .select2-selection__rendered {
  display: flex;
}
.addAnn .select2-container .select2-selection--multiple {
  height: 40px !important;
}
.addAnn .select2-container .select2-selection--multiple .select2-selection__rendered {
  position: absolute;
}

.addEvent .select2-container .select2-selection--multiple {
  height: 40px;
}
.addEvent .select2-container .select2-selection--multiple .select2-selection__rendered {
  position: absolute;
}

.AnnScroll {
  height: 200px;
  overflow-y: scroll;
}

.AnnDesc {
  width: 90%;
}

.NotifyEnd {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
}
.NotifyEnd .btn-primary {
  height: 50px;
  width: 50px !important;
  padding: 10px !important;
  border-radius: 50% !important;
  position: relative;
}
.NotifyEnd .btn-primary .NumOfNotif {
  background-color: red;
  height: 23px;
  width: 23px;
  border-radius: 100px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  position: absolute;
  top: -10px;
  right: 0;
  z-index: 2;
}
.NotifyEnd .btn-primary .NumOfNotif::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 1px;
  background-color: rgb(255, 0, 0);
  border-radius: 25px;
  animation: loop 1s 0s infinite;
  z-index: -1;
}
@keyframes loop {
  0% {
    background-color: rgb(255, 0, 0);
    width: 1px;
    height: 1px;
  }
  100% {
    background-color: rgba(255, 0, 0, 0);
    width: 45px;
    height: 45px;
  }
}

.AnnDateTime {
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  align-items: end;
}

.SinglexAnnDesc {
  font-size: 16px;
}

.SinglexAnnDateTime {
  display: flex;
  align-items: end;
  flex-direction: column;
  width: 100%;
  font-size: 13px;
}

.al-cnt ul {
  width: 100%;
}
.al-cnt ul .announcement-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  width: 100%;
  background-color: transparent;
  padding: 0 0 10px 0;
  cursor: pointer;
}
.al-cnt ul .announcement-item svg {
  transform: rotate(-20deg);
}
.al-cnt ul .announcement-item .fill-svg {
  fill: rgb(0, 0, 0);
}
.al-cnt ul .announcement-item label {
  text-transform: capitalize;
  margin-bottom: 0;
}
.al-cnt ul .announcement-item .ann-dtl {
  display: flex;
  column-gap: 15px;
}
.al-cnt ul .announcement-item .ann-dtl .ann-cntb {
  display: flex;
}
.al-cnt ul .announcement-item .ann-dtl .ann-cntb .form-group {
  display: flex;
  margin-bottom: 0;
  flex-direction: column;
}
.al-cnt .form-check .RemoveCheckbox {
  display: none;
}
.al-cnt .form-check .RemoveLabel {
  display: inline-block;
  padding: 6px 12px;
  background-color: transparent;
  color: red;
  border: 1px solid red;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
  user-select: none;
}
.al-cnt .form-check .RemoveCheckbox:checked + .RemoveLabel {
  background-color: red;
  color: white;
}
.al-cnt .TextEnd {
  font-size: 10px;
  color: #999;
}

.addannview .announcement-item,
.editAward .announcement-item {
  border: 1px solid rgba(204, 204, 204, 0.5215686275);
  padding: 1rem;
  border-radius: 1rem;
}
.addannview .announcement-item .fw-bold,
.editAward .announcement-item .fw-bold {
  font-size: 18px;
}
.addannview .form-check .RemoveCheckbox,
.editAward .form-check .RemoveCheckbox {
  display: none;
}
.addannview .form-check .RemoveLabel,
.editAward .form-check .RemoveLabel {
  display: inline-block;
  padding: 6px 12px;
  background-color: transparent;
  color: red;
  border: 1px solid red;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
  user-select: none;
}
.addannview .form-check .RemoveCheckbox:checked + .RemoveLabel,
.editAward .form-check .RemoveCheckbox:checked + .RemoveLabel {
  background-color: red;
  color: white;
}
.addannview .TextEnd,
.editAward .TextEnd {
  font-size: 10px;
  color: #999;
}

.btn-li-dash {
  grid-column: 1/3;
}
.btn-li-dash a {
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  height: 100%;
  color: #030202;
  position: relative;
  top: -20px;
}
.btn-li-dash a::before {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 70px;
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), #ffffff 80%);
}

#AgentEditMultiSelect .select2-container .select2-selection--multiple {
  height: 44px;
}
#AgentEditMultiSelect .select2-container .select2-selection--multiple .select2-selection__rendered {
  position: absolute;
}

.FormModal {
  width: 100%;
}

.companyedit {
  padding: 7px !important;
}

.card-header .card-title p {
  margin-bottom: 0;
  line-height: 1.3;
}
.card-header .dat-tk {
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
  column-gap: 5px;
}
.card-header .dat-tk i {
  font-size: 11px;
  font-style: normal;
}
.card-header .dat-tk p {
  font-size: 11px;
  margin-bottom: 0;
}

.SearchInputBar {
  margin-bottom: 1rem;
  display: flex;
  align-items: end;
  justify-content: end;
}
.SearchInputBar .form-control {
  width: 25.35% !important;
}

.informational_tab .TeamCards .grd-team .team-crd .card .card-body .cnt-team h2 {
  width: 170px;
}

.fr-scrl {
  max-height: 500px;
  overflow-y: scroll;
  padding-right: 10px;
}
.fr-scrl .NotFoundCenter {
  position: absolute;
  top: 0;
  height: calc(100% + 40px);
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.CardHeight .TList {
  height: 175px !important;
  position: relative !important;
}
.CardHeight .TList .TlistImage .lst-img {
  height: 160px;
}
.CardHeight .TList .btn-ex {
  position: absolute;
  top: 10px;
  right: 10px;
  display: none;
}
.CardHeight .TList .btn-ex .delete_alert {
  background-color: red;
  padding: 5px;
  border-radius: 100px;
}
.CardHeight .TList .btn-ex .edt {
  background-color: #030202;
  border-radius: 100px;
  padding: 5px;
}
.CardHeight .TList:hover .btn-ex {
  display: block !important;
}

.CardHeightLeft {
  max-height: 530px;
  overflow-y: auto;
}

.listing .grd-lss .lstss .cont-pr span {
  width: 80px !important;
}

.OverFlowY {
  height: 100vh;
  overflow-y: scroll;
}

body:has(.informational_tab) {
  overflow-y: hidden !important;
}

.InfoCard .card-body.OverScroll {
  height: calc(100vh - 145px);
  overflow-y: scroll;
}

#imageModal .modal-body .swiper {
  height: fit-content;
}

.FlexedList {
  display: flex;
  align-items: center;
  gap: 10px;
  width: auto !important;
}

.intro-ss .card-footer {
  display: flex;
  justify-content: end;
  padding: 10px 20px;
  gap: 10px;
}

.TeamCards .BtnFitt {
  padding: 5px !important;
  border-radius: 100px !important;
  height: auto;
}

.TeamCardScroll {
  padding-right: 0px;
  overflow-y: scroll;
  height: calc(100vh - 190px) !important;
}

.CardHeight .TList a .lst-img {
  height: 160px;
}

.WrappedBold .FlexedText label {
  font-weight: 500;
}
.WrappedBold .FlexedText span.grey {
  font-weight: 600;
}

.EditUpcomingModal .select2-container .select2-selection--multiple {
  height: 45px;
  position: relative;
}
.EditUpcomingModal .select2-container .select2-selection--multiple .select2-selection__rendered {
  position: absolute;
}

.NotFoundCenter {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
}
.NotFoundCenter h4 {
  color: rgba(0, 0, 0, 0.2);
  font-size: 20px;
  font-family: Arial;
}

.SquareFootUpload .image-uploader {
  margin-top: 0;
}

.UploadContain {
  padding: 0;
  height: 140px;
}
.UploadContain .FileUploader {
  height: 100%;
  width: 100%;
  background: transparent;
  border: none;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.UploadContain .FileUploader p {
  margin-bottom: 0;
}
.UploadContain .FileUploader b {
  font-size: 18px;
}

.SvgStroke {
  stroke: rgba(3, 2, 2, 0.3);
}

.swiper .bigg-img {
  background-size: contain !important;
  background-color: rgba(0, 0, 0, 0.4);
}

.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 30px) !important;
}

.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 30px) !important;
}

.addannview .announcement-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.addannview .announcement-item svg {
  transform: rotate(-20deg);
}
.addannview .announcement-item .fill-svg {
  fill: rgb(0, 0, 0);
}
.addannview .announcement-item label {
  text-transform: capitalize;
  margin-bottom: 0;
}
.addannview .announcement-item .ann-dtl {
  display: flex;
  column-gap: 15px;
}
.addannview .announcement-item .ann-dtl .ann-cntb {
  display: flex;
}
.addannview .announcement-item .ann-dtl .ann-cntb .form-group {
  display: flex;
  margin-bottom: 0;
  flex-direction: column;
}

.input-group-text.ach {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.grd-lss.CardHeight:not(:has(li)) {
  height: 120px;
}

.grd-lss.CardHeight:empty {
  height: 120px;
}

.frBacko .NotFoundCenter {
  height: 60vh;
}

.UploadImgBtn {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
  margin-bottom: 1rem;
}
.UploadImgBtn .btn-primary {
  padding: 5px 20px !important;
}

.homeinspector .adm__nj {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-bottom: 1rem;
}
.homeinspector .adm__nj .inspector-image {
  height: 200px;
  width: 200px;
}
.homeinspector .adm__nj h3 {
  font-size: 20px;
  margin-bottom: 1rem !important;
  font-weight: 700;
}
.homeinspector .adm__nj p {
  font-size: 16px;
}
.homeinspector .InfoDark {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 1rem 0;
}
.homeinspector .InfoDark p {
  font-size: 17px;
}

.OutReachAddEvent .select2-container--default .select2-selection--single .select2-selection__rendered,
.EditUpcomingModal .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 3.5em !important;
}

#imageModal .table {
  margin-bottom: 3rem;
}
#imageModal .swiper-slide {
  background-color: rgba(0, 0, 0, 0.4);
}
#imageModal .swiper-slide .img-fluid {
  height: 100%;
  object-fit: contain;
}
#imageModal .swiper-horizontal .swiper-wrapper {
  background-color: rgba(0, 0, 0, 0.4);
}
#imageModal .swiper.thumbnail-slider .swiper-wrapper {
  background-color: transparent !important;
}
#imageModal .swiper-slide {
  height: auto;
}

.PassHideShow svg {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.InfoCard table.dataTable th.dt-type-numeric,
.InfoCard table.dataTable th.dt-type-date,
.InfoCard table.dataTable td.dt-type-numeric,
.InfoCard table.dataTable td.dt-type-date {
  text-align: left !important;
}

.DocAttachLink {
  grid-column: 1/5;
  grid-row: 1/2;
}
.DocAttachLink .no-btn {
  height: fit-content;
}
.DocAttachLink .no-btn a {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 10px;
  width: 100%;
  column-gap: 11px;
}
.DocAttachLink .no-btn a svg {
  font-size: 20px;
}

.delete-material-form {
  padding: 5px 10px;
}

.ImageModalPrice {
  font-size: 16px;
}

.BadgeSuccess {
  background-color: #3f8755;
  position: absolute;
  top: 10px;
  left: 10px;
  color: #fff;
  padding: 5px 10px;
  border-radius: 7px;
  font-size: 12px;
}

.homeinspector_modal .modal-body .inspector-image,
.homeinspector_modal .modal-body .company-image,
.viewcompany .modal-body .inspector-image,
.viewcompany .modal-body .company-image {
  width: 200px;
  height: 200px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
}
.homeinspector_modal .modal-body .adm__nj,
.viewcompany .modal-body .adm__nj {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-bottom: 1rem;
}
.homeinspector_modal .modal-body .adm__nj h3,
.viewcompany .modal-body .adm__nj h3 {
  font-size: 20px;
  margin-bottom: 1rem !important;
  font-weight: 700;
}
.homeinspector_modal .modal-body .adm__nj p,
.viewcompany .modal-body .adm__nj p {
  font-size: 16px;
  margin-bottom: 1rem !important;
}
.homeinspector_modal .modal-body .InfoDark p,
.viewcompany .modal-body .InfoDark p {
  font-size: 17px;
}

.dlabnav .metismenu #open_dp a {
  line-height: 2 !important;
}

.AppendTable {
  margin-bottom: 0 !important;
}
.AppendTable td {
  padding: 0.625rem 0.625rem 0.9375rem 0.625rem !important;
}

.EdtagentRow {
  margin-bottom: 0 !important;
}

#editRosterModal tr th,
#editRosterModal tr td {
  text-align: left !important;
  width: 22%;
}

.UserEditModal .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 3.2rem !important;
}

.TeamGrids {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.TeamGrids .FlexedBetween {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.TeamGrids .FlexedBetween .panel {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max-content, 1fr));
  position: relative;
}
.TeamGrids .FlexedBetween .panel .panel-body {
  padding: 0;
  display: flex;
  align-items: center;
  gap: 20px;
}
.TeamGrids .FlexedBetween .panel .panel-body .MinWidth {
  min-width: 70px;
  position: relative;
}
.TeamGrids .FlexedBetween .panel .panel-body .MinWidth .member-img-wrapper {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  position: absolute;
}
.TeamGrids .FlexedBetween .panel .panel-body .MinWidth .member-img-wrapper img {
  height: 100%;
  width: 100%;
  border-radius: 100px;
  margin: 0;
  padding: 0;
  border: 3px solid #d3d3d3;
}
.TeamGrids .FlexedBetween .panel .panel-body .MinWidth .member-img-wrapper:nth-child(1) {
  left: 0;
}
.TeamGrids .FlexedBetween .panel .panel-body .MinWidth .member-img-wrapper:nth-child(2) {
  left: 18px;
}
.TeamGrids .FlexedBetween .panel .panel-body .MinWidth .member-img-wrapper:nth-child(3) {
  left: 34px;
}
.TeamGrids .FlexedBetween .panel .panel-body .MinWidth .member-img-wrapper:nth-child(4) {
  left: 50px;
}
.TeamGrids .FlexedBetween .panel .panel-body .MinWidth .member-img-wrapper:nth-child(5) {
  left: 66px;
}
.TeamGrids .FlexedBetween .panel .panel-body .MinWidth .member-img-wrapper .count-badge {
  position: absolute;
  bottom: 0;
  right: -18px;
  background-color: #d3d3d3;
  color: #6c6c6c;
  font-size: 12px;
  font-weight: 800;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #d3d3d3;
}
.TeamGrids .FlexedBetween .panel .panel-body li {
  position: relative;
  padding: 0;
  margin: 0;
  min-height: 30px;
  list-style: none;
  border: none;
}
.TeamGrids .FlexedBetween .panel .panel-body li .BtnFlex {
  display: flex;
  align-items: center;
  gap: 10px;
}
.TeamGrids .FlexedBetween .panel .panel-body li .BtnFlex .btn-danger {
  height: 40px !important;
  width: fit-content !important;
  padding: 20px 20px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.TeamGrids .FlexedBetween .panel .panel-body .Seemore {
  background-color: #d3d3d3;
  height: 30px;
  width: 30px;
  border-radius: 100px;
  position: absolute;
  color: #000;
  left: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.TeamGrids .FlexedBetween .PerformUser {
  height: 50px;
  width: 50px;
}
.TeamGrids .FlexedBetween .PerformUser .tbann-img {
  border-radius: 6px;
}
.TeamGrids .FlexedBetween .prfrm {
  align-items: center;
}
.TeamGrids .FlexedBetween .prfrm .PerformTeam {
  margin-bottom: 0;
  line-height: 1.1;
}
.TeamGrids .FlexedBetween .prfrm .PerformName {
  font-size: 16px;
}

.ThemeSection {
  display: flex;
  gap: 50px;
  flex-wrap: wrap;
}
.ThemeSection .avatar-upload {
  justify-content: flex-start;
}
.ThemeSection .avatar-upload .avatar-edit {
  left: 28%;
  right: unset;
}

.default-img-style {
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: 70px 100px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: #f4f4f4;
}

.tp-det .FaceBook svg {
  filter: grayscale(100%) brightness(0);
}
.tp-det .LinkedIn svg .Fill {
  filter: grayscale(100%) brightness(0);
}
.tp-det .Instagram svg rect {
  filter: grayscale(100%) brightness(0);
}
.tp-det .Website svg path[style*="#FFC10D"] {
  fill: #999 !important;
}
.tp-det .Website svg .FillWhite {
  fill: #999 !important;
}
.tp-det .Website svg .FillBlack {
  fill: black !important;
}
.tp-det .Website svg polygon.FillBlack {
  fill: white !important;
}

#AddRequestModal .TextArea {
  height: 80px !important;
}

#ViewTeamModal .modal-title img {
  height: 50px;
  width: 50px;
}
#ViewTeamModal .FlexedBetween {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
#ViewTeamModal .FlexedBetween .left {
  display: flex;
  align-items: center;
  gap: 20px;
}
#ViewTeamModal .FlexedBetween .left .logo {
  height: 100px;
  width: 100px;
}
#ViewTeamModal .FlexedBetween .left .logo img {
  height: 100%;
  width: 100%;
  border-radius: 8px;
}
#ViewTeamModal .FlexedBetween .left .TeamLead {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1;
}
#ViewTeamModal .FlexedBetween .left .inner {
  display: flex;
  align-items: center;
  gap: 10px;
}
#ViewTeamModal .FlexedBetween .left .inner h3 {
  margin-bottom: 0;
}
#ViewTeamModal .FlexedBetween .left h3 {
  margin-bottom: 0;
}
#ViewTeamModal .table .TeamFlex {
  display: flex;
  align-items: center;
  gap: 10px;
}
#ViewTeamModal .table .TeamFlex img {
  height: 30px;
  width: 30px;
  border-radius: 100px;
}
#ViewTeamModal .table .TeamFlex p {
  font-size: 17px;
  margin-bottom: 0;
  font-weight: 600;
  text-transform: capitalize;
}

.TeamCards .MLAuto {
  margin-left: auto;
}
.TeamCards .HeadBack {
  background-color: transparent !important;
}
.TeamCards .HeadBack .nav-item .nav-link {
  font-size: 20px;
  padding: 0.5rem 1rem;
}
.TeamCards .FlexedEnd {
  display: flex;
  justify-content: end;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.02) !important;
  padding: 10px;
  border-radius: 2em;
  margin-bottom: 1rem;
}

.ViewLogo {
  height: 30px;
  width: 30px;
}
.ViewLogo img {
  height: 100% !important;
  width: 100% !important;
  border-radius: 100px;
}

.LeadBadge {
  background-color: #030202 !important;
  height: 30px;
  width: fit-content;
  padding: 10px 16px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  color: #fff;
  margin-left: 3rem;
}

.Page .pagination {
  gap: 15px;
}
.Page .pagination .page-item.disabled .page-link {
  color: #6e6e6e;
}
.Page .pagination .page-item {
  border: 2px solid #6e6e6e;
}
.Page .pagination .page-item .page-link {
  border: none;
}
.Page .pagination .page-item:first-child {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  border: 2px solid #6e6e6e;
}
.Page .pagination .page-item:first-child .page-link {
  border: none;
}
.Page .pagination .page-item:last-child {
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border: 2px solid #6e6e6e;
}
.Page .pagination .page-item:last-child .page-link {
  border: none;
}
.Page .pagination .page-item .page-link:hover {
  color: inherit !important;
}
.Page .pagination .page-item.active {
  border: 2px solid #000;
  background-color: #000;
  color: #fff;
}
.Page .pagination .page-item.active .page-link {
  color: #fff;
  border: none;
}

.EditTeamModal .avatar-upload .avatar-preview {
  border-radius: 22px;
}

.TeamSection .TeamGrids .card.TeamCards .tab-content .tab-pane .grd-team .team-crd.TeamCrd {
  position: relative;
}
.TeamSection .TeamGrids .card.TeamCards .tab-content .tab-pane .grd-team .team-crd.TeamCrd .BadgeLead {
  color: #fff;
  background-color: #030202 !important;
  font-size: 11px;
  position: absolute;
  top: 22px;
  left: 26px;
  border-radius: 4px;
  width: fit-content;
  padding: 6px 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.UserTeamSection .team-crd.TeamCrd {
  position: relative;
}
.UserTeamSection .team-crd.TeamCrd .BadgeLead {
  color: #fff;
  background-color: #030202 !important;
  font-size: 11px;
  position: absolute;
  top: 22px;
  left: 26px;
  border-radius: 4px;
  width: fit-content;
  padding: 6px 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.ViewTicketAttachment a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ViewTicketAttachment a:hover {
  color: #000;
  border-color: #000;
}

.message-box {
  position: relative;
  height: 100px;
  border: 3px solid rgba(0, 0, 0, 0.04) !important;
  background-color: rgba(0, 0, 0, 0.02) !important;
  border-radius: 10px !important;
  padding-left: 30px;
  padding-top: 8px;
}
.message-box textarea {
  padding-right: 60px;
}
.message-box .form-control {
  border: none !important;
  background-color: transparent !important;
  height: 100% !important;
}
.message-box .attach-icon {
  z-index: 1;
  position: absolute;
  top: 5px;
  left: 10px;
  cursor: pointer;
  font-size: 20px;
  color: #333;
  margin-bottom: 0;
}
.message-box .attach-icon i {
  color: #cccccc;
}
.message-box .send-btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
  height: 43px;
  border-radius: 100px !important;
  padding: 0 29px !important;
  width: fit-content !important;
}
.message-box .file-name-preview {
  margin-top: 5px;
  font-size: 13px;
  color: #444;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(0, 45px);
  padding: 5px 20px;
  background-color: #f1f1f1;
  border-radius: 100px;
  border: 1px solid #999999;
}

.attached-file a {
  padding: 0 30px !important;
  width: fit-content !important;
  height: 40px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  border: 1px solid #999999;
  background-color: #f1f1f1;
  color: #999999;
}
.attached-file a:hover {
  border: 1px solid #999999;
  background-color: #f1f1f1;
  color: #999999;
}
.attached-file svg {
  width: 20px !important;
  height: 20px !important;
}

.TeamsTab div.dt-container.dt-empty-footer .dt-scroll-body tbody > tr:last-child > * {
  border: none !important;
}
.TeamsTab .team-row td {
  border-left: none;
  border-right: none;
}

.FormSelect {
  padding: 0 !important;
  background-color: #fff !important;
  border: none !important;
}
.FormSelect .ts-control {
  height: 45px;
  border: 3px solid rgba(0, 0, 0, 0.1) !important;
  border-radius: 1rem;
  background-color: #FAFAFA !important;
  padding: 0.6rem 1.25rem;
  color: #6e6e6e;
  font-size: 0.875rem;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.SltMtTop {
  margin-top: 1.65rem;
}

.UserRequest .btn-primary {
  width: fit-content !important;
}

.PassReset .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.PassReset .card-header h2 {
  text-align: left !important;
}

.AllReq .nav-pills {
  background-color: rgba(255, 255, 255, 0.02) !important;
}

.AdminIndex .listing.nwtb-idx .t-list .list-det .fr-ltst, .AdminIndex .listing .t-list .list-det .fr-ltst {
  height: 85%;
}

.EdtAnnBtn svg {
  transform: none !important;
}

.FlexedTeam {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}
.FlexedTeam .btn__outline.btn-danger {
  border: 1px solid red !important;
  background-color: #fff !important;
  color: red !important;
  border-radius: 5px !important;
}
.FlexedTeam .Status__Btn.btn-danger {
  background-color: #fff !important;
  color: red !important;
  height: 30px;
  font-size: 15px !important;
  padding: 0 !important;
}
.FlexedTeam .Status__Btn.btn-success {
  background-color: #fff !important;
  color: #09BD3C !important;
  height: 30px;
  font-size: 15px !important;
  padding: 0 !important;
}

.btn-ex .stk-svg {
  stroke: #FFFFFF !important;
}
.btn-ex .dropdown .btn-secondary {
  background-color: #666666 !important;
  padding: 0 7px !important;
}
.btn-ex .dropdown .dropdown-menu li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px 10px;
  cursor: pointer;
}
.btn-ex .dropdown .dropdown-menu li .btn {
  padding: 0 !important;
  height: 24px !important;
}
.btn-ex .dropdown .dropdown-menu li:last-child {
  border: none;
  color: red !important;
}
.btn-ex .dropdown .dropdown-menu li:last-child:hover {
  background-color: #FFFFFF;
}
.btn-ex .dropdown .dropdown-menu li .deleteCard {
  color: red;
}
.btn-ex .dropdown .dropdown-menu li .deleteCard svg .stk-svg {
  stroke: red !important;
}

.CardRequest {
  flex-direction: column;
  row-gap: 10px;
}
.CardRequest .int-img {
  width: 100%;
  height: 550px;
  background-position: top center !important;
}
.CardRequest .ass-cnt h3 {
  text-align: center;
}

#TeamNewJersey table.dataTable tbody td {
  border-left: none;
  border-right: none;
}

.btn-primary.vendoredit {
  padding: 15px 5px !important;
  height: 32px !important;
}

.TextCapital {
  text-transform: capitalize;
}

#AddListingModal .cropper-container, #AddBrList .cropper-container, .AdLstInBr .cropper-container {
  width: 500px !important;
}

.PadNone {
  padding: 0 !important;
}
.PadNone .card.whi-bg, .PadNone .FormSend {
  margin: 1.875rem;
}
.PadNone .PrevReply {
  margin: 0.5rem 1.875rem;
}
.PadNone .TicDetReply {
  border: none;
  background-color: rgba(239, 239, 239, 0.2784313725);
  padding: 15px 30px;
  border-radius: 10px !important;
}
.PadNone .TicDetReply .text-muted {
  width: 100%;
  display: inline-flex;
  align-items: end;
  justify-content: end;
}
.PadNone hr {
  color: rgba(57, 57, 57, 0.4);
  margin: 0 !important;
}
.PadNone hr:last-child {
  color: transparent;
  margin: 0 !important;
}
.PadNone .attach-icon svg {
  height: 25px;
  width: 25px;
}
.PadNone .attach-icon svg g path {
  fill: #666 !important;
}
.PadNone .PadInn {
  display: flex;
  justify-content: end;
  margin: 20px 35px 10px 0;
}

.fr-rstt .nav-item.MarginEndNone:last-child {
  margin-left: 0 !important;
}

.al-cnt.Scrollable {
  height: 200px;
  overflow-y: scroll !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.modal.EmailCampaign .image-uploader.has-files .iui-close::before {
  content: "";
  background-color: #FFFFFF;
  height: 20px;
  width: 2.5px;
  border-radius: 100px;
  display: block;
  transform: rotate(45deg);
  position: absolute;
  right: 15px;
  top: 6px;
}
.modal.EmailCampaign .image-uploader.has-files .iui-close::after {
  content: "";
  background-color: #FFFFFF;
  height: 20px;
  width: 2.5px;
  border-radius: 100px;
  display: block;
  transform: rotate(-45deg);
  position: absolute;
  right: 15px;
  top: 6px;
}

@media (max-width: 768px) {
  .TeamCardScroll, .scrl-bx, .awards .Scrol {
    height: calc(100vh - 380px) !important;
    padding-bottom: 1rem;
  }
  .scrl-bs.OvfX {
    overflow-x: scroll !important;
  }
  #imageModal .swiper-initialized.swiper-horizontal.swiper-free-mode .swiper-wrapper {
    width: 100%;
  }
  #imageModal .swiper-initialized.swiper-horizontal.swiper-free-mode .swiper-wrapper .swiper-slide {
    width: fit-content !important;
    margin-right: 10px !important;
  }
  #imageModal .swiper-initialized.swiper-horizontal.swiper-free-mode .swiper-wrapper .swiper-slide img {
    max-width: 100px !important;
  }
  .swiper-horizontal {
    overflow-x: scroll;
  }
  .FlexedColumn {
    gap: 1rem !important;
  }
  .AddListing #image-preview .preview-item, .addLst #image-preview .preview-item {
    height: 120px;
    width: 120px;
  }
  .team-crd.TeamCrd.pa .team-info a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .dgrd.Gapped.dsds .dropdown-menu.show li, .gr-ann .dropdown-menu.show li {
    margin-bottom: 0 !important;
  }
  .TableResp {
    width: 100% !important;
    overflow-x: scroll !important;
  }
  .table-responsive {
    overflow-x: scroll !important;
  }
  .ResetForm {
    padding: 0 2.5rem;
    width: 100%;
  }
  .Greetings .tx-lgoo img {
    height: auto;
    width: 100%;
  }
  .table-responsive::-webkit-scrollbar {
    height: 0px;
    width: 0px;
  }
  #ViewTeamModal .FlexedBetween {
    flex-direction: column;
    gap: 1rem;
  }
  #teamTableBody .FlexedBetween .prfrm {
    width: 100% !important;
  }
  .listing.nwtb-idx .t-list, .listing .t-list {
    height: 200px !important;
  }
  .modal .modal-title {
    word-break: break-all;
  }
  .CardHeight .TList .TlistImage .lst-img {
    height: 200px !important;
  }
  .TeamGrids .FlexedBetween .panel .panel-body .MinWidth {
    margin-left: 30px;
  }
  section.login .LoginBack form {
    width: 100%;
    padding: 0 2.5rem;
  }
  section.login .LoginBack form h2 {
    text-align: left !important;
  }
  .UserRequest .AdminReq .CardLight {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .EdtAnnBtn svg {
    height: 20px;
    width: 20px;
  }
  .grd-br .card .WrappedBold {
    grid-template-columns: 1fr !important;
  }
  .GgWp {
    width: 100% !important;
  }
  #imageModal .swiper.main-slider {
    height: calc(100vh - 570px);
  }
  .SearchInputBar .form-control {
    width: 100% !important;
  }
  .swiper {
    height: 50vh;
  }
  .swiper-thumb {
    height: 80px;
  }
  .swiper-thumb .swiper-slide {
    width: 60px;
    height: 60px;
  }
  .fullscreen-button {
    font-size: 12px;
    padding: 5px 10px;
  }
  .listing.nwtb-idx ul,
  .listing ul {
    grid-template-columns: 1fr;
  }
  .card-header {
    flex-direction: row;
    align-items: center;
  }
  .tx-intro {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-direction: row !important;
  }
  .tx-lgoo {
    flex-direction: column;
    gap: 10px;
  }
  .dlabnav.open {
    z-index: 1071 !important;
    left: -1px !important;
  }
  .open {
    position: fixed;
    top: 10px;
    border: 1px solid #ccc;
  }
  .dlabnav .dlabnav-scroll {
    padding: 20px 0;
  }
  .nav-header .brand-logo .lgo {
    height: 80px !important;
    width: 100%;
  }
  .announcement-item .ann-dtl .bull-icn svg {
    height: 40px;
    width: 40px;
  }
  table tr td, table tr th {
    white-space: nowrap !important;
  }
  #open_dp {
    padding-left: 30px;
  }
  .AdminReq,
  .or-sgn {
    grid-template-columns: 1fr;
  }
  .AdminReq .grid-asst {
    grid-template-columns: 1fr;
    row-gap: 20px;
  }
  .AdminReq .grid-asst .frm-ass {
    order: 1;
  }
  .AdminReq .CardDark {
    border: none;
  }
  .modal .radio-inputs {
    width: 200px;
  }
  .ord {
    margin: 0;
    border: none;
    padding: 0;
    order: 1;
  }
  .or-sgn .ljs {
    order: 2;
  }
  .content-body {
    position: relative;
  }
  .header-right .nav-item .nav-link .header-info {
    width: 45%;
  }
  .HeaderContent {
    top: -30px;
    right: 120px;
  }
  .TableResponsive {
    width: 100%;
    overflow-x: scroll;
  }
  .TrainCent .right .tab-content .cnf-grd a,
  .TrainCent .right .tab-content .ol-nd a {
    width: 100%;
  }
  .TrainCent .right .tab-content .ol-nd a {
    flex-direction: column;
    padding: 1.5rem;
    text-align: center;
  }
  .listing.nwtb-idx .t-list .UserDet,
  .listing .t-list .UserDet {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .fr-needd li:last-child .ofc-dp .select2-container {
    width: 120px !important;
  }
  .grd-fold,
  .grd-br {
    grid-template-columns: repeat(2, 1fr);
  }
  .fr-needd li:last-child .ofc-dp {
    margin-left: auto;
    width: 100%;
  }
  .fr-vv .grd-lss.GridList {
    gap: 15px;
  }
  .fr-vv .grd-lss.GridList .t-list {
    padding: 0 0;
    height: 200px !important;
  }
  .fr-vv .grd-lss.GridList .t-list .card {
    border: none;
  }
  .fr-vv .grd-lss.GridList .t-list .card .fr-lsp {
    flex-direction: row;
    margin-bottom: 0;
  }
  .fr-needd li:last-child .ofc-dp .form-control {
    width: 200px !important;
  }
  .flxre-inn {
    gap: 5px;
  }
  .listing.nwtb-idx .lst-img,
  .listing .lst-img {
    width: 120px !important;
  }
  #main-wrapper {
    overflow-x: hidden !important;
  }
  .modal-body .swiper {
    height: 200px;
    margin: 0;
    width: 100%;
  }
  .swiper-thumb .swiper-slide {
    height: 50px !important;
    width: 60px !important;
  }
  .d-End {
    margin-bottom: 20px;
  }
  .fr-back-n.fr-needd li:last-child {
    width: 15%;
  }
  .addLst .radio-inputs {
    width: 100%;
  }
  .OutCom .OutComInn {
    grid-template-columns: repeat(2, 1fr);
  }
  .OutCom .OutComInn .out_in {
    width: 100% !important;
  }
  .dgrd,
  .out-grd {
    grid-template-columns: 1fr;
  }
  .evt-d li .btn-bt {
    justify-content: end;
  }
  .evt-d li .btn-bt .no-btn {
    width: fit-content;
    margin-top: 10px;
  }
  .evt-d li .btn-bt .btn {
    margin-top: 10px;
  }
  .informational_tab .info-inn .nav-pills {
    width: 100%;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .CardBody .FlexedBetween .fr-btw {
    flex-direction: column;
    gap: 20px;
    width: 100%;
  }
  .informational_tab .fr-ftrcd .card-footer .btn {
    width: 100% !important;
  }
  .HeaderFlex {
    grid-template-columns: repeat(auto-fill, minmax(45%, 45%));
  }
  .informational_tab .tab-content .tab-pane .InfoCard .HeaderAwards .DGrid {
    grid-template-columns: 1fr;
  }
  .informational_tab .dt-scroll-foot {
    overflow: auto !important;
  }
  .content-body .nav {
    flex-wrap: nowrap;
    overflow-x: scroll;
    gap: 10px;
  }
  ::-webkit-scrollbar {
    height: 0px;
  }
  .Greetings h3 {
    line-height: 0;
  }
  .flex-sm-column.flex-md-column {
    flex-direction: column;
  }
  .ChatSection .grd-br .card {
    height: 500px;
  }
  .ChatSection .grd-br .customerwant-card {
    height: 400px;
  }
  .swiper {
    width: 100%;
    margin: 0;
  }
  .mateView .grd-fold li button span {
    display: block;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .crd-tp .tp-in .tp-det h2 span {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin: 5px 0 10px 0;
  }
  .crd-tp .tp-in .tp-det h2 span b {
    width: fit-content;
  }
  body,
  html,
  #main-content {
    overflow-x: visible !important;
  }
  .informational_tab {
    display: flex;
    flex-direction: column;
  }
  .fr-ftrcd .card-footer {
    flex-direction: column;
    gap: 10px;
  }
  .fr-ftrcd .cross-log {
    height: 75px;
    width: 100%;
    margin: 15px 0;
  }
  .fr-ftrcd .cross-log img {
    height: 100%;
    width: 100%;
  }
  .dis-cnt {
    height: calc(100vh - 380px);
  }
  .grd-team .team-crd .card .btn-ex .editEventBtn {
    padding: 10px !important;
  }
  .grd-team .team-crd .card .btn-ex .dlt {
    padding: 10px;
  }
  .dis-cnt {
    grid-template-columns: 1fr;
  }
  .dis-cnt li,
  .dis-cnt li:nth-child(odd) {
    border: none;
  }
  .dis-cnt li:nth-child(even) {
    padding: 15px 30px;
  }
  #award .HeaderFlex {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  #award .HeaderFlex .Users {
    width: 100%;
  }
  #award .HeaderFlex .Users .img-awd {
    height: 250px;
  }
  .informational_tab .tab-content .tab-pane .InfoCard .HeaderAwards .DGrid .business .card .card-body .business_logo .str-img {
    width: 65px;
    height: 55px;
  }
  .fr-ftrcd .card-footer .btn {
    font-size: 16px;
  }
  .ofc-dp {
    width: 100% !important;
  }
  ul.lst-ll {
    grid-template-columns: repeat(3, 1fr);
  }
  .nav .nav-item .nav-link,
  .TrainCent .left .nav .nav-item .nav-link {
    white-space: nowrap;
  }
  .evt-d li .btn-bt .btn-primary {
    width: fit-content !important;
  }
  .login .socl {
    display: flex !important;
  }
  .evt-d li .btn-bt .btn-success {
    width: fit-content !important;
  }
  .modal-footer .btn {
    width: fit-content !important;
  }
  .trng .btn {
    width: fit-content !important;
  }
  .trng {
    flex-wrap: wrap;
    gap: 10px;
  }
  .grd-team .team-crd .card .btn-ex .edt {
    padding: 10px !important;
  }
  .TeamSection .TeamGrids {
    grid-template-columns: 1fr;
  }
  .evnts .AnnScroll .al-cnt .announcement-item .ann-dtl .bull-icn svg {
    height: 50px;
    width: 50px;
  }
}
.tx-intro {
  display: flex !important;
}

.listing .grd-lss .lstss {
  height: 205px !important;
}

@media (max-width: 1000px) {
  .hd-brd {
    border: none;
    padding: 0;
    text-align: center;
  }
  .tx-intro.break {
    flex-wrap: wrap !important;
  }
  .informational_tab .nav-pills {
    max-width: 100%;
    height: fit-content !important;
    flex-direction: row;
    width: 100%;
    overflow-x: scroll;
  }
  .InfoCard {
    overflow-x: hidden !important;
  }
  .TableResponsive {
    overflow-x: scroll !important;
    width: 100% !important;
  }
  .out-grd {
    grid-template-columns: 1fr;
  }
  section.login .card .btn-ara .btn {
    height: 30px !important;
    gap: 10px;
    font-size: 12px !important;
    padding: 0 10px !important;
    white-space: nowrap;
  }
  .AdminReq {
    gap: 15px;
  }
  .AdminReq .btn-primary {
    width: fit-content !important;
  }
  .AdminReq .grid-asst {
    grid-template-columns: 1fr;
  }
  .AdminReq .CardDark {
    border: none;
    padding: 0;
  }
}
@media (max-width: 480px) {
  .swiper {
    height: 45vh;
  }
  .swiper-thumb {
    height: 60px;
  }
  .swiper-thumb .swiper-slide {
    width: 50px;
    height: 50px;
  }
  section.login .card .btn-ara .olook span {
    font-size: 10px;
  }
  .modal .radio-inputs {
    width: 160px;
  }
  .mate .radio-inputs {
    width: 100%;
  }
  ul.lst-ll {
    grid-template-columns: repeat(2, 1fr);
  }
  .Greetings h3 {
    font-size: 15px;
  }
  .Greetings .hd-brd {
    line-height: 1.2;
  }
  .Outreach .evt-d li .btn-bt .btn-primary {
    width: 100% !important;
  }
  .TeamGrids .FlexedBetween .panel .panel-body li .BtnFlex {
    gap: 5px;
  }
  .TeamGrids .FlexedBetween .prfrm {
    width: 15rem;
  }
  .TicketSect .card-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .TicketSect .card-header .TickEnd {
    display: flex;
    justify-content: end;
    flex-direction: column;
    width: 100%;
    align-items: end;
  }
  .Greetings {
    gap: 10px;
  }
  .ViewTicketAttachment .btn-outline-primary {
    line-height: 1.2 !important;
  }
  .fr-mtt .ofc-dp {
    width: 75%;
  }
  .fr-needd li:last-child {
    width: 100%;
  }
  .grd-br {
    grid-template-columns: 1fr;
  }
  .OutCom .OutComInn,
  .dgrd {
    grid-template-columns: 1fr;
  }
  .OutCom .OutComInn .out_in {
    width: 100% !important;
  }
}
.cont-pr span {
  color: #000;
}

@media (max-width: 550px) {
  .grd-team .TeamCrd {
    width: 100%;
  }
  .ThemeSection {
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
}
@media (min-width: 769px) {
  .flex-sm-column.flex-md-column {
    flex-direction: row !important;
  }
}
@media (min-width: 1000px) and (max-width: 1300px) {
  .out-grd {
    grid-template-columns: 1fr;
  }
  .tx-intro.break {
    flex-wrap: wrap;
  }
  .hd-brd {
    border-left: none;
    padding: 0;
  }
}
@media (min-width: 769px) and (max-width: 1000px) {
  .dgrd {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1517px) and (max-width: 1707px) {
  .grd-br .card .Wrap_h2, .grd-br .card .Wrap_p {
    width: 100% !important;
  }
  .Wrap_bold span.grey {
    width: 90px;
  }
}
@media (min-width: 1709px) and (max-width: 1820px) {
  .grd-br .card .Wrap_h2, .grd-br .card .Wrap_p {
    width: 100% !important;
  }
}
@media (min-width: 769px) and (max-width: 1000px) {
  .grd-br {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1821px) and (max-width: 2049px) {
  .grd-br .card .Wrap_h2, .grd-br .card .Wrap_p {
    width: 100% !important;
  }
}

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