:root {
  --c1: #282833;
  --c2: #ffffff;
  --c3: #195c9d;
  --c5: #a1ff78;
  --f1: "IBM Plex Sans", sans-serif;
}

html, body {
  height: 100%;
}

.m0 {
  margin: 0 !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.p0 {
  padding: 0 !important;
}

.pt0 {
  padding-top: 0 !important;
}

a, .btn, button {
  transition: 0.3s linear !important;
}

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

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

.badge {
  font: 500 12px/16px var(--f1);
  color: var(--c1);
  background-color: var(--c5);
  padding: 5px 12px;
  border-radius: 8px;
  margin: 0;
}
.badge.purple {
  background-color: #ff78f5 !important;
}
.badge.primary {
  background-color: #78ccff !important;
}
.badge.success {
  background-color: var(--c5) !important;
}
.badge.warning {
  background-color: #fad5a5 !important;
}
.badge.info {
  background-color: #78dcff !important;
}
.badge.danger {
  background-color: #fe9595 !important;
}

.modal-backdrop {
  --bs-backdrop-opacity: 0.8;
}

.hrline {
  border-bottom: 1px solid #dee2e6;
}

.hr {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid #dee2e6;
  padding: 15px 0 0;
  margin: 15px 0 0;
}

/* HTML: <div class="loader"></div> */
.cloader {
  position: absolute;
  top: 0;
  bottom: 66px;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
  background: linear-gradient(to bottom, #ffffff, #e7ecf9, #fafbff);
}
.cloader .load {
  width: 50px;
  padding: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--c3);
  --_m: conic-gradient(#0000 10%,#000), linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: l3 1s infinite linear;
}

@keyframes l3 {
  to {
    transform: rotate(1turn);
  }
}
.preloader {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  background-color: rgba(9, 34, 69, 0.27);
}
.preloader .load {
  width: 50px;
  aspect-ratio: 1;
  color: #0a4181;
  --_c: no-repeat radial-gradient(farthest-side,currentColor 92%,#0000);
  background: var(--_c) 50% 0/12px 12px, var(--_c) 50% 100%/12px 12px, var(--_c) 100% 50%/12px 12px, var(--_c) 0 50%/12px 12px, var(--_c) 50% 50%/12px 12px, conic-gradient(from 90deg at 4px 4px, rgba(0, 0, 0, 0) 90deg, currentColor 0) -4px -4px/calc(50% + 2px) calc(50% + 2px);
  animation: l8 1s infinite linear;
}

@keyframes l8 {
  to {
    transform: rotate(0.5turn);
  }
}
body {
  background-color: #f5f6fa;
  font: 400 14px/20px var(--f1);
  color: var(--c1);
}
body header, body main, body footer {
  transition: 0.3s linear;
}
body.caside header,
body.caside main,
body.caside footer {
  margin: 0 0 0 80px;
}
body.caside aside {
  width: 80px;
}
body.caside aside .logo img {
  width: 40px;
}
body.caside aside .navbar-div .navbar-nav > .nav-item > .nav-link {
  position: relative;
}
body.caside aside .navbar-div .navbar-nav > .nav-item > .nav-link span {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  background: #2167bf;
  padding: 8px;
  border-radius: 4px;
  left: calc(100% + 8px);
  top: calc(50% - 17px);
  font-size: 14px;
}
body.caside aside .navbar-div .navbar-nav > .nav-item > .nav-link:hover span {
  opacity: 1;
  visibility: visible;
}
body.caside aside .navbar-div .navbar-nav > .nav-item > .nav-link .bi {
  font-size: 20px;
}
body .welcome {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 20px;
}
body .welcome h1 {
  font: 600 20px/25px var(--f1);
  color: var(--c1);
}
body .welcome .timeweather {
  background-color: var(--c2);
  border: 1px solid #f3f4f6;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: 15px;
}
body .welcome .timeweather ul {
  margin: 0;
  display: flex;
  gap: 15px;
}
body .welcome .timeweather ul li {
  position: relative;
}
body .welcome .timeweather ul li:first-child {
  padding: 0 15px 0 0;
}
body .welcome .timeweather ul li:first-child::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #d1d5db;
  position: absolute;
  top: 0;
  right: 0;
}
body .welcome .timeweather ul li p {
  margin: 0 0 3px;
  font: 500 12px var(--f1);
  color: #717171;
  text-transform: uppercase;
}
body .welcome .timeweather ul li div {
  font: 600 14px/22px var(--f1);
}
body .welcome .timeweather ul li div#currentTime {
  width: 76px;
  position: relative;
}
body .welcome .timeweather ul li div#currentTime span {
  position: absolute;
  right: 0;
  display: inline-block;
  margin: 0 0 0 5px;
}
body .welcome .timeweather ul li div.weather {
  display: flex;
  align-items: center;
}
body .welcome .timeweather ul li div.weather #city {
  max-width: 90px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 0 0 5px;
}
body .dash-card article {
  background-color: var(--c2);
  box-shadow: 0 3px 3px rgba(56, 65, 74, 0.1);
  border-radius: 6px;
  padding: 16px;
  position: relative;
}
body .dash-card article p {
  font: 500 14px var(--f1);
  color: #56575c;
  margin: 0;
}
body .dash-card article span {
  font: 500 12px var(--f1);
  color: #56575c;
  position: relative;
  padding: 0 0 0 18px;
}
body .dash-card article span::before {
  content: "\f148";
  font: 600 14px "bootstrap-icons";
  position: absolute;
  top: 0;
  left: 0;
}
body .dash-card article span.text-danger::before {
  content: "\f128";
}
body .dash-card article h4 {
  font: 600 25px/30px var(--f1);
  margin: 10px 0;
}
body .dash-card article .icons {
  width: 48px;
  height: 48px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 16px;
  right: 16px;
  background-color: #3881ef;
  color: var(--c2);
}
body .dash-card article .icons .bi {
  font-size: 22px;
}
body .quick-card {
  margin: 24px 0 0;
}
body .quick-card article {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
body .quick-card article::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9215686275), rgba(0, 0, 0, 0.1803921569));
  z-index: 9;
}
body .quick-card article a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font: 500 14px/16px var(--f1);
  color: var(--c2);
  text-decoration: none;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 15px;
  z-index: 9;
}
body .quick-card article img {
  height: 206px;
  object-fit: cover;
  transition: 0.3s linear;
}
body .quick-card article:hover a {
  transform: translate(10px, -10px);
}
body .quick-card article:hover img {
  transform: scale(1.1);
}
body .form-select:focus,
body .form-control:focus {
  box-shadow: none !important;
}
body input[type=color] {
  height: 36px;
  padding: 5px;
  cursor: pointer;
}
body .dropdown.icon-dd .btn {
  padding: 0;
  border: 0;
  width: 35px;
  height: 35px;
  border-radius: 35px;
}
body .dropdown.icon-dd .btn.show {
  background-color: #cccccc;
}
body .dropdown.icon-dd .btn::after {
  display: none;
}
body .dropdown .dropdown-menu {
  display: block;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(80px) !important;
  transition: 0.3s linear;
  box-shadow: 0 0.25rem 0.625rem rgba(20, 20, 20, 0.1019607843);
}
body .dropdown .dropdown-menu.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(50px) !important;
}
body .dropdown .dropdown-menu li {
  position: relative;
}
body .dropdown .dropdown-menu li .dropdown-item {
  padding: 8px 12px;
  color: var(--c1);
  font-size: 13px;
  font-weight: 500;
  display: flex;
  align-items: center;
  cursor: pointer;
}
body .dropdown .dropdown-menu li .dropdown-item .bi {
  margin: 0 12px 0 0;
  font-size: 15px;
}
body .dropdown .dropdown-menu li .dropdown-item:hover {
  background-color: #abd6ff;
}
body .nav.nav-pills {
  gap: 10px;
}
body .nav.nav-pills .nav-item .nav-link {
  color: var(--c3);
  font-weight: 500;
}
body .nav.nav-pills .nav-item .nav-link.active {
  background-color: var(--c3);
  color: var(--c2);
}
body .form-check-input {
  border-color: #919191;
  box-shadow: none !important;
}
body .form-check-input:checked {
  background-color: var(--c3);
  border-color: var(--c3);
}

.btn-theme {
  font: 500 14px var(--f1);
  padding: 6px 15px;
  background-color: var(--c3) !important;
  border: 2px solid var(--c3) !important;
  color: var(--c2) !important;
  border-radius: 5px;
}
.btn-theme.btn-xs {
  min-width: auto;
  font-size: 13px;
}
.btn-theme.btn-sm {
  font-size: 13px;
  min-width: auto;
}
.btn-theme:hover, .btn-theme:focus, .btn-theme:active {
  background-color: #032e57 !important;
  border-color: #032e57 !important;
}

.btn-success {
  font: 500 14px var(--f1);
  padding: 6px 15px;
  border-radius: 5px;
  border: 0;
}
.btn-success.btn-xs {
  min-width: auto;
  font-size: 13px;
}
.btn-success.btn-sm {
  font-size: 13px;
  min-width: auto;
}

.btn-danger {
  font: 500 14px var(--f1);
  padding: 6px 15px;
  background-color: var(--bs-btn-bg) !important;
  border: 2px solid var(--bs-btn-bg) !important;
  color: var(--c2) !important;
  border-radius: 5px;
  border: 0;
}
.btn-danger.btn-xs {
  min-width: auto;
  font-size: 13px;
}
.btn-danger.btn-sm {
  font-size: 13px;
  min-width: auto;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
  background-color: var(--bs-btn-hover-bg) !important;
  border-color: var(--bs-btn-hover-bg) !important;
}

.btn-trans {
  font: 500 14px var(--f1);
  padding: 6px 15px;
  background: none;
  border: 2px solid var(--c3);
  background-size: 120% auto;
  color: var(--c3) !important;
  border-radius: 5px;
}
.btn-trans.btn-sm {
  font-size: 13px;
  min-width: auto;
}
.btn-trans:hover, .btn-trans:focus, .btn-trans:active {
  background: var(--c3) !important;
  color: var(--c2) !important;
}

header {
  min-height: 60px;
  border-bottom: 1px solid #f3f3f3;
  margin: 0 0 0 220px;
  background-color: var(--c2);
}
header .header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
}
header .header-top .header-left {
  display: flex;
  align-items: center;
}
header .header-top .header-left .toggleMenu {
  display: block;
  margin: 0 15px 0 0;
  cursor: pointer;
}
header .header-top .header-left .toggleMenu .bi {
  font-size: 25px;
  line-height: 25px;
  display: block;
}
header .header-top .header-left .input-group {
  min-width: 320px;
  position: relative;
}
header .header-top .header-left .input-group::before {
  content: "\f52a";
  font: 600 14px "bootstrap-icons";
  position: absolute;
  top: 9px;
  right: 15px;
  z-index: 9;
  color: rgba(0, 0, 0, 0.75);
}
header .header-top .header-left .input-group .form-control {
  padding: 6px 30px 6px 12px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 30px;
}
header .header-top .header-left .input-group .form-control::placeholder {
  color: rgba(0, 0, 0, 0.45);
}
header .header-top .header-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
header .header-top .header-right .dropdown {
  padding: 16px 12px;
  color: var(--c1);
}
header .header-top .header-right .dropdown .bi {
  font-size: 20px;
}
header .header-top .header-right .dropdown .dropdown-toggle {
  color: var(--c1);
}
header .header-top .header-right .dropdown .dropdown-toggle::after {
  display: none;
}
header .header-top .header-right .dropdown .dropdown-toggle.show {
  background-color: #f5f5f5;
}
header .header-top .header-right .dropdown .dropdown-toggle span {
  background-color: #fc0000;
  position: absolute;
  top: 3px;
  right: 0;
  padding: 3px 5px;
  font: 400 11px var(--f1);
  color: var(--c2);
  border-radius: 30px;
  min-width: 24px;
  text-align: center;
}
header .header-top .header-right .dropdown.profile-dropdown img {
  width: 28px;
  height: 28px;
  border-radius: 30px;
}
header .header-top .header-right .dropdown.profile-dropdown .dropdown-menu {
  min-width: 210px;
}
header .header-top .header-right .dropdown.profile-dropdown .dropdown-menu .pro {
  background-color: rgba(246, 248, 251, 0.7490196078);
  padding: 16px;
}
header .header-top .header-right .dropdown.profile-dropdown .dropdown-menu .pro h4 {
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 3px;
}
header .header-top .header-right .dropdown.profile-dropdown .dropdown-menu .pro p {
  font-size: 11px;
  font-weight: 500;
  margin: 0;
}
header .header-top .header-right .dropdown .notify-dd {
  min-width: 350px;
  padding: 0;
  border: 1px solid #f0f0f0;
}
header .header-top .header-right .dropdown .notify-dd .nhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-bottom: 1px solid #edf1f5;
}
header .header-top .header-right .dropdown .notify-dd .nhead h4 {
  margin: 0;
  font: 600 16px/20px var(--f1);
}
header .header-top .header-right .dropdown .notify-dd .nhead .badge {
  background-color: #77dff8 !important;
  font: 500 12px/14px var(--f1);
}
header .header-top .header-right .dropdown .notify-dd ul {
  margin: 0;
}
header .header-top .header-right .dropdown .notify-dd ul li {
  padding: 10px;
  display: flex;
  align-items: flex-start;
  position: relative;
  cursor: pointer;
  transition: 0.3s linear;
}
header .header-top .header-right .dropdown .notify-dd ul li .nclose {
  position: absolute;
  right: 10px;
  color: #8c9097;
}
header .header-top .header-right .dropdown .notify-dd ul li .avatar {
  margin: 0 10px 0 0;
}
header .header-top .header-right .dropdown .notify-dd ul li .avatar img {
  width: 40px;
  height: 40px;
  border-radius: 40px;
}
header .header-top .header-right .dropdown .notify-dd ul li h5 {
  font: 600 13px/15px var(--f1);
}
header .header-top .header-right .dropdown .notify-dd ul li p {
  font: 400 11px/13px var(--f1);
  color: #8c9097;
  margin: 0;
}
header .header-top .header-right .dropdown .notify-dd ul li:hover {
  background-color: #f5f5f5;
}
header .header-top .header-right .dropdown .notify-dd ul li + li {
  border-top: 1px solid #edf1f5;
}

aside {
  width: 220px;
  background-color: #0c2239;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  transition: 0.3s linear;
}
aside::before {
  content: "";
  filter: blur(70px);
  background-color: rgba(10, 99, 255, 0.2);
  border-radius: 50%;
  width: 100%;
  height: 500px;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}
aside .logo {
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  margin: 0 0 20px;
}
aside .logo img {
  width: 70px;
  position: relative;
  filter: brightness(0) invert(1);
}
aside .navbar-div {
  padding: 0 15px 40px 0;
  height: calc(100% - 60px);
}
aside .navbar-div .navbar-nav {
  position: relative;
}
aside .navbar-div .navbar-nav .category {
  color: #c9c9c9;
  font: 600 13px/18px var(--f1);
  margin: 15px 0 5px 15px;
  text-transform: uppercase;
}
aside .navbar-div .navbar-nav > .nav-item {
  margin: 6px 0;
}
aside .navbar-div .navbar-nav > .nav-item > .nav-link {
  padding: 10px 10px 10px 17px;
  font: 500 14px/16px var(--f1);
  color: #e9e9e9;
  border-radius: 0 30px 30px 0;
}
aside .navbar-div .navbar-nav > .nav-item > .nav-link.active, aside .navbar-div .navbar-nav > .nav-item > .nav-link[aria-expanded=true], aside .navbar-div .navbar-nav > .nav-item > .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.1019607843);
  color: var(--c2);
}
aside .navbar-div .navbar-nav > .nav-item > .nav-link .bi {
  margin: 0 10px 0 0;
}
aside .navbar-div .navbar-nav > .nav-item.dropdown > .nav-link {
  position: relative;
}
aside .navbar-div .navbar-nav > .nav-item.dropdown > .nav-link[aria-expanded=true] {
  border-radius: 0 30px 0px 0;
}
aside .navbar-div .navbar-nav > .nav-item.dropdown > .nav-link::before {
  content: "\f282";
  font: 500 14px "Bootstrap-icons";
  position: absolute;
  top: 14px;
  right: 15px;
}
aside .navbar-div .navbar-nav > .nav-item.dropdown .submenu {
  padding: 0 0 0 30px;
  background-color: rgba(255, 255, 255, 0.1019607843);
  border-radius: 0 0 30px 0;
  list-style: none;
}
aside .navbar-div .navbar-nav > .nav-item.dropdown .submenu:not(.show) {
  display: none;
}
aside .navbar-div .navbar-nav > .nav-item.dropdown .submenu .nav-item .nav-link {
  font: 400 14px/16px var(--f1);
  color: #bcbcbc;
  padding: 14px 14px 14px 20px;
  position: relative;
}
aside .navbar-div .navbar-nav > .nav-item.dropdown .submenu .nav-item .nav-link::before {
  content: "\f309";
  font: 500 25px "Bootstrap-icons";
  position: absolute;
  top: 6px;
  left: -8px;
}
aside .navbar-div .navbar-nav > .nav-item.dropdown .submenu .nav-item .nav-link:hover {
  color: var(--c2);
}

main {
  height: calc(100% - 139px);
  overflow: auto;
  margin: 0 0 0 220px;
  padding: 15px;
}
main .ipage.home .card .card-body {
  min-height: 302px;
}
main .ipage.home .card .card-body.h145 {
  min-height: 145px;
}
main .ipage .card-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  background-color: var(--c2);
  border-top: 1px solid #edf1f5;
  padding: 15px;
  position: relative;
  border-radius: 8px;
}
main .ipage.chhistory {
  height: calc(100% - 10px);
}
main .ipage .activeview {
  display: flex;
  gap: 24px;
}
main .ipage .activeview .card {
  height: 100%;
}
main .ipage .activeview .card .card-body .table-section .table tbody tr td span {
  font-size: 11px !important;
}
main .ipage .activeview #ViewHistory {
  width: 60%;
}
main .ipage .activeview #ChatHistoryView {
  width: 40%;
}
main .ipage .page-head {
  margin: 0 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
main .ipage .page-head h1, main .ipage .page-head h3 {
  font: 600 18px/22px var(--f1);
  color: var(--c1);
  margin: 0;
}
main .ipage .page-head.hrline {
  border-bottom: 1px solid #edf1f5;
  padding: 0 0 15px;
  margin: 20px 0 15px;
}
main .ipage .dash-card {
  margin: 0 0 30px;
}
main .ipage .dash-card .card {
  padding: 18px;
  background-color: var(--c2);
  border: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  min-height: 110px;
}
main .ipage .dash-card .card article p {
  font-weight: 500;
  margin: 0 0 8px;
}
main .ipage .dash-card .card article h4 {
  font-weight: 600;
  margin: 0;
}
main .ipage .dash-card .card h2 {
  font: 600 18px/25px var(--f1);
  color: var(--c1);
  margin: 0 0 8px;
}
main .ipage .dash-card .card.welcome {
  height: 100%;
}
main .ipage .dash-card .card.welcome p {
  margin: 0;
  max-width: calc(100% - 100px);
}
main .ipage .dash-card .card.welcome img {
  max-width: 200px;
}
main .ipage .dash-card .card .bi {
  width: 50px;
  height: 50px;
  padding: 8px;
  background: linear-gradient(to left, #2e3985, #5362a5);
  border-radius: 50%;
  font-size: 20px;
  color: var(--c2);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
main .ipage .dash-card .card .bi::before {
  width: 62px;
  height: 62px;
  background-color: rgba(139, 126, 255, 0.1019607843);
  position: absolute;
  border-radius: 50%;
  border: 1px solid #8b7eff;
  display: flex;
  align-items: center;
  justify-content: center;
}
main .ipage .dash-card .card.c2 .bi {
  background: linear-gradient(to left, #945213, #f58537);
}
main .ipage .dash-card .card.c2 .bi::before {
  background-color: rgba(255, 183, 72, 0.1019607843);
  border-color: #ffb748;
}
main .ipage .dash-card .card.c3 .bi {
  background: linear-gradient(to left, #03433c, #018c7d);
}
main .ipage .dash-card .card.c3 .bi::before {
  background-color: rgba(53, 189, 170, 0.1019607843);
  border-color: #35bdaa;
}
main .ipage .dash-card .card.c4 .bi {
  background: linear-gradient(to left, #146187, #2d7fc2);
}
main .ipage .dash-card .card.c4 .bi::before {
  background-color: rgba(53, 189, 170, 0.1019607843);
  border-color: #35bdaa;
}
main .ipage .quick-card .card {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
main .ipage .quick-card .card::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9215686275), rgba(0, 0, 0, 0.1803921569));
  z-index: 9;
}
main .ipage .quick-card .card a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font: 500 16px/18px var(--f1);
  color: var(--c2);
  text-decoration: none;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 15px;
  z-index: 9;
}
main .ipage .quick-card .card img {
  height: 206px;
  object-fit: cover;
  transition: 0.3s linear;
}
main .ipage .quick-card .card:hover a {
  transform: translate(10px, -10px);
}
main .ipage .quick-card .card:hover img {
  transform: scale(1.1);
}
main .ipage .table-section .org-tab h3 {
  font: 600 16px/20px var(--f1);
  margin: 0 0 15px;
}
main .ipage .table-section .org-tab h3 .bi {
  margin: 0 8px 0 0;
}
main .ipage .table-section .org-tab .table thead tr th {
  background-color: transparent;
}
main .ipage .table-section .org-tab .table tbody tr td {
  background-color: transparent;
}
main .ipage .table-section .org-tab.pendingtable .tbg {
  background-color: rgba(255, 251, 235, 0.5019607843);
  border: 1px solid #fde68a;
  border-radius: 10px;
  padding: 20px;
}
main .ipage .table-section .org-tab.pendingtable .tbg p {
  color: #b45309;
}
main .ipage .table-section .org-tab.pendingtable .tbg .dt-container {
  margin: 0 -20px;
}
main .ipage .table-section .org-tab.pendingtable .tbg .dt-container .dt-layout-row.dt-top {
  background-color: #ffebd3;
  border: 0;
}
main .ipage .table-section .org-tab.pendingtable .tbg .dt-container .dt-layout-row.dt-bottom {
  margin: 10px 10px;
}
main .ipage .table-section .org-tab.pendingtable .tbg .table.table-hover tbody tr:hover td {
  background-color: #fff7ee;
}
main .ipage .table-section .org-tab.pendingtable h3 {
  color: #d97706;
}
main .ipage .table-section .org-tab.activetable h3 {
  color: #16a34a;
}
main .ipage .table-section .faq-tab {
  position: relative;
}
main .ipage .table-section .faq-tab .dropdown {
  position: absolute;
  top: 30px;
  right: 30px;
}
main .ipage .table-section .faq-tab .dropdown .dropdown-menu {
  top: calc(100% + 10px) !important;
  left: auto !important;
  right: 0 !important;
  transform: none !important;
}
main .ipage .table-section .faq-tab .nav {
  max-width: 500px;
  margin: auto;
  border-radius: 15px 15px 0 0;
  justify-content: center;
}
main .ipage .table-section .faq-tab .radio-tab .nav-item .nav-link {
  position: relative;
  background-color: var(--c2) !important;
  text-align: left;
  padding: 18px 18px 18px 45px !important;
  border: 2px solid #e7e7e9 !important;
  border-radius: 8px;
  min-width: 190px !important;
  box-shadow: none !important;
}
main .ipage .table-section .faq-tab .radio-tab .nav-item .nav-link::before {
  content: "";
  width: 20px;
  height: 20px;
  border: 2px solid #e7e7e9;
  border-radius: 20px;
  position: absolute;
  left: 18px;
}
main .ipage .table-section .faq-tab .radio-tab .nav-item .nav-link::after {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: var(--c3);
  position: absolute;
  left: 22px;
  top: 22px;
  opacity: 0;
}
main .ipage .table-section .faq-tab .radio-tab .nav-item .nav-link.active {
  color: var(--c3);
}
main .ipage .table-section .faq-tab .radio-tab .nav-item .nav-link.active:before {
  border-color: var(--c3);
}
main .ipage .table-section .faq-tab .radio-tab .nav-item .nav-link.active::after {
  opacity: 1;
}
main .ipage .table-section .faq-tab .tab-content {
  background-color: var(--c2);
  padding: 15px;
  border-radius: 10px 0 10px 10px;
}
main .ipage .table-section .faq-tab article {
  background-color: #f2f3f7;
  padding: 15px;
  border-radius: 8px;
  margin: 0 0 15px;
  height: calc(100% - 15px);
}
main .ipage .table-section .faq-tab article .phead {
  border-bottom: 1px solid rgba(0, 0, 0, 0.14);
  padding: 0 0 15px;
  margin: 0 0 15px;
}
main .ipage .table-section .faq-tab article .phead h4 {
  font: 600 16px/20px var(--f1);
}
main .ipage .table-section .faq-tab article .phead p {
  margin: 0;
}
main .ipage .table-section .faq-tab .draganddrop {
  background-color: var(--c2);
  border: 2px dashed #c9d2da;
  text-align: center;
  padding: 20px;
  border-radius: 8px;
  position: relative;
  min-height: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s linear;
  margin: 15px 0 0;
}
main .ipage .table-section .faq-tab .draganddrop:hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
main .ipage .table-section .faq-tab .draganddrop input {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer;
  opacity: 0;
}
main .ipage .table-section .faq-tab .draganddrop.holidaydrop {
  position: relative;
}
main .ipage .table-section .faq-tab .draganddrop.holidaydrop .form-label {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 0;
}
main .ipage .table-section .faq-tab .draganddrop.holidaydrop .form-control {
  display: none;
}
main .ipage .table-section .faq-tab .draganddrop.disabled {
  pointer-events: none;
  opacity: 0.5;
}
main .ipage .table-section .faq-tab .draganddrop .bi {
  font-size: 35px;
  color: #4b5865;
}
main .ipage .table-section .faq-tab .draganddrop h4 {
  font: 500 1.1rem/1.4 var(--f1);
  margin: 0 0 5px;
}
main .ipage .table-section .faq-tab .draganddrop span {
  display: block;
  margin: 0;
  font-size: 12px;
}
main .ipage .table-section .faq-tab .fformat {
  margin: 15px 0 0;
}
main .ipage .table-section .faq-tab .fformat h5 {
  font: 600 14px/18px var(--f1);
  margin: 0 0 5px;
}
main .ipage .table-section .faq-tab .fformat p {
  margin: 0;
}
main .ipage .table-section .dt-container .dt-layout-row.dt-top {
  border-bottom: 1px solid #dee2e6;
  padding: 0 0 15px;
}
main .ipage .table-section .dt-container .dt-length {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 500;
}
main .ipage .table-section .dt-container .dt-length .dt-input {
  width: auto;
  padding: 5px 23px 5px 10px;
  background-position: calc(100% - 5px);
  font-size: 14px;
  font-weight: 500;
  border-color: #dee2e6;
  border-radius: 6px;
}
main .ipage .table-section .dt-container .dt-search {
  display: flex;
}
main .ipage .table-section .dt-container .dt-search .dt-input {
  border-color: #dee2e6;
  border-radius: 6px;
  padding: 8px 15px;
  font: 400 13px var(--f1);
}
main .ipage .table-section .dt-container .dt-search .form-select {
  font-size: 14px;
  font-weight: 500;
  padding: 5px 23px 5px 10px;
}
main .ipage .table-section .dt-container .dt-paging nav {
  display: flex;
  align-items: center;
  gap: 5px;
}
main .ipage .table-section .dt-container .dt-paging nav .dt-paging-button {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--c1);
  width: 40px;
  height: 40px;
  padding: 3px;
  border: 0;
  background: none;
  border-radius: 6px;
}
main .ipage .table-section .dt-container .dt-paging nav .dt-paging-button img {
  transition: 0.3s linear;
}
main .ipage .table-section .dt-container .dt-paging nav .dt-paging-button:hover {
  color: var(--c3) !important;
}
main .ipage .table-section .dt-container .dt-paging nav .dt-paging-button.first, main .ipage .table-section .dt-container .dt-paging nav .dt-paging-button.previous, main .ipage .table-section .dt-container .dt-paging nav .dt-paging-button.last, main .ipage .table-section .dt-container .dt-paging nav .dt-paging-button.next {
  background: none;
}
main .ipage .table-section .dt-container .dt-paging nav .dt-paging-button.first:hover, main .ipage .table-section .dt-container .dt-paging nav .dt-paging-button.previous:hover, main .ipage .table-section .dt-container .dt-paging nav .dt-paging-button.last:hover, main .ipage .table-section .dt-container .dt-paging nav .dt-paging-button.next:hover {
  background: var(--c3);
}
main .ipage .table-section .dt-container .dt-paging nav .dt-paging-button.first:hover img, main .ipage .table-section .dt-container .dt-paging nav .dt-paging-button.previous:hover img, main .ipage .table-section .dt-container .dt-paging nav .dt-paging-button.last:hover img, main .ipage .table-section .dt-container .dt-paging nav .dt-paging-button.next:hover img {
  filter: brightness(0) invert(1);
}
main .ipage .table-section .dt-container .dt-paging nav .dt-paging-button.current {
  background: var(--c3);
  color: var(--c2) !important;
}
main .ipage .table-section .dt-container .dt-paging nav .dt-paging-button.disabled {
  pointer-events: none;
  opacity: 0.2;
}
main .ipage .table-section .dt-container .dt-info {
  font-weight: 500;
  font-size: 13px;
}
main .ipage .table-section .dt-container .dt-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
}
main .ipage .table-section .table {
  width: 100%;
}
main .ipage .table-section .table thead tr th {
  font: 600 14px/18px var(--f1);
  border-color: #edf1f5;
  outline: none;
  transition: 0.3s linear;
  text-align: left;
}
main .ipage .table-section .table thead tr th .dt-column-header {
  flex-direction: row;
}
main .ipage .table-section .table thead tr th.thactions {
  pointer-events: none;
}
main .ipage .table-section .table thead tr th.thactions .dt-column-order {
  display: none;
}
main .ipage .table-section .table thead tr th.shide .dt-column-order {
  display: none;
}
main .ipage .table-section .table tbody tr td {
  font-size: 13px;
  vertical-align: middle;
  transition: 0.3s linear;
  border-bottom-color: #edf1f5;
  text-align: left;
}
main .ipage .table-section .table tbody tr td.tdouble h5 {
  font-size: 14px;
  margin: 0 0 3px;
}
main .ipage .table-section .table tbody tr td.tdouble span {
  color: #878787;
}
main .ipage .table-section .table tbody tr td.text-success span, main .ipage .table-section .table tbody tr td.text-danger span, main .ipage .table-section .table tbody tr td.text-warning span, main .ipage .table-section .table tbody tr td.text-info span, main .ipage .table-section .table tbody tr td.text-primary span {
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 12px;
}
main .ipage .table-section .table tbody tr td.text-success span {
  background-color: #289b66;
  color: var(--c2);
}
main .ipage .table-section .table tbody tr td.text-danger span {
  background-color: #dc3545;
  color: var(--c2);
}
main .ipage .table-section .table tbody tr td.text-warning span {
  background-color: #b08607;
  color: var(--c2);
}
main .ipage .table-section .table tbody tr td.text-info span {
  background-color: #0f9dba;
  color: var(--c2);
}
main .ipage .table-section .table tbody tr td.text-primary span {
  background-color: #0d6efd;
  color: var(--c2);
}
main .ipage .table-section .table tbody tr td.card-td {
  padding: 0 0 8px;
}
main .ipage .table-section .table tbody tr td .stitle {
  display: flex;
  align-items: center;
  gap: 10px;
}
main .ipage .table-section .table tbody tr td .stitle .btn {
  padding: 0;
  background: none;
  border: 0;
  color: var(--c3);
}
main .ipage .table-section .table tbody tr td .badge {
  font: 500 12px/16px var(--f1);
  color: var(--c1);
  background-color: var(--c5);
  padding: 5px 12px;
  border-radius: 8px;
  margin: 0;
}
main .ipage .table-section .table tbody tr td .badge.purple {
  background-color: #ff78f5;
}
main .ipage .table-section .table tbody tr td .badge.primary {
  background-color: #78ccff;
}
main .ipage .table-section .table tbody tr td .badge.success {
  background-color: var(--c5);
}
main .ipage .table-section .table tbody tr td .badge.warning {
  background-color: #f9ff78;
}
main .ipage .table-section .table tbody tr td .badge.info {
  background-color: #78dcff;
}
main .ipage .table-section .table tbody tr td .badge.danger {
  background-color: #fe9595;
}
main .ipage .table-section .table tbody tr td .media {
  display: flex;
  align-items: center;
}
main .ipage .table-section .table tbody tr td .media .media-left {
  margin: 0 15px 0 0;
}
main .ipage .table-section .table tbody tr td .media .media-left img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 8px;
}
main .ipage .table-section .table tbody tr td .media .media-body h4 {
  font: 600 15px/18px var(--f1);
  margin: 0 0 4px;
}
main .ipage .table-section .table tbody tr td .media .media-body p {
  max-width: 280px;
  font-size: 12px;
  margin: 0;
}
main .ipage .table-section .table tbody tr td.actions-td .td-btn {
  display: flex;
  align-items: center;
  gap: 10px;
}
main .ipage .table-section .table tbody tr td.actions-td .btn {
  background: none;
  border: 0;
  padding: 0;
}
main .ipage .table-section .table tbody tr td .card {
  overflow: visible;
  box-shadow: none;
}
main .ipage .table-section .table tbody tr td .card.card-bg {
  background-color: #f3f3f3;
  padding: 15px;
}
main .ipage .table-section .table tbody tr td .card .card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 0 10px;
}
main .ipage .table-section .table tbody tr td .card .card-top .card-name {
  display: flex;
  align-items: center;
}
main .ipage .table-section .table tbody tr td .card .card-top .card-name .card-icon {
  width: 45px;
  height: 45px;
  border-radius: 6px;
  background-color: #54abff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--c2);
  margin: 0 15px 0 0;
}
main .ipage .table-section .table tbody tr td .card .card-top .card-name .card-type h4 {
  font: 600 16px/20px var(--f1);
  margin: 0 0 5px;
}
main .ipage .table-section .table tbody tr td .card .card-top .card-name .card-type p {
  margin: 0;
}
main .ipage .table-section .table tbody tr td .card .card-top .card-action {
  display: flex;
  align-items: center;
  gap: 15px;
}
main .ipage .table-section .table tbody tr td .card .card-middle {
  margin: 0 0 15px;
}
main .ipage .table-section .table tbody tr td .card .card-middle p {
  position: relative;
  margin: 0;
  padding: 0 0 0 23px;
}
main .ipage .table-section .table tbody tr td .card .card-middle p::before {
  content: "\f291";
  font: 500 16px "bootstrap-icons";
  position: absolute;
  top: 0;
  left: 0;
  color: #7a7a7a;
}
main .ipage .table-section .table tbody tr td .card .card-bottom {
  margin: 0 0 15px;
}
main .ipage .table-section .table tbody tr td .card .card-bottom ul {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 100px;
}
main .ipage .table-section .table tbody tr td .card .card-bottom ul li strong {
  font-weight: 600;
}
main .ipage .table-section .table tbody tr td .card .card-footer {
  background: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 8px 0 0;
}
main .ipage .table-section .table tbody tr td .card .card-footer p {
  margin: 0;
}
main .ipage .table-section .table tbody tr td .card .card-footer p span {
  margin: 0 0 0 10px;
}
main .ipage .table-section .table tbody tr td.tdactions .btn {
  padding: 0;
  font-size: 14px;
  border: 0;
}
main .ipage .table-section .table tbody tr td.tdactions .btn + .btn {
  margin: 0 0 0 10px;
}
main .ipage .table-section .table tbody tr:last-child td {
  border-bottom-color: #dee2e6;
}
main .ipage .table-section .table.source-table tbody tr + tr .card {
  margin: 15px 0 0;
}
main .ipage .table-section .table.hide-thead thead {
  display: none;
}
main .ipage .table-section .table.table-hover tbody tr:hover td {
  background-color: #e9f4ff;
  box-shadow: none;
}
main .ipage .table-section.table-sep .dt-container .dt-layout-row.dt-top {
  border: 0;
  border-top: 1px solid #dee2e6;
  padding: 15px;
  margin: 0;
  background-color: #e9f4ff;
}
main .ipage .table-section.table-sep .dt-container .dt-layout-row.dt-top .form-select,
main .ipage .table-section.table-sep .dt-container .dt-layout-row.dt-top .dt-input {
  background-color: var(--c2);
}
main .ipage .card {
  background-color: var(--c2);
  border-radius: 8px;
  border: 0;
  box-shadow: rgba(143, 155, 166, 0.0784313725) 0 12px 24px -4px;
}
main .ipage .card.cardbill .card-header {
  border: 0;
  padding-bottom: 0;
}
main .ipage .card.cardbill .card-header h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
main .ipage .card.cardbill .card-header h4 .bi {
  font-size: 16px;
  margin: 0 8px 0 0;
}
main .ipage .card.cardbill .card-body p {
  height: 40px;
}
main .ipage .card.cardbill .card-body .btn-link {
  padding: 0;
}
main .ipage .card.cardbill .card-body ul {
  margin: 15px 0 0;
}
main .ipage .card.cardbill .card-body ul li {
  border-left: 2px solid var(--c3);
  padding: 8px 0 8px 12px;
}
main .ipage .card.cardbill .card-body ul li h5 {
  font-size: 15px;
  font-weight: 600;
}
main .ipage .card.cardbill .card-body ul li p {
  height: auto;
  margin: 0;
}
main .ipage .card.cardbill .card-body ul li + li {
  margin: 16px 0 0;
}
main .ipage .card.brad {
  border-radius: 0;
}
main .ipage .card .card-header {
  padding: 15px;
  background-color: var(--c2);
  border-bottom-color: #edf1f5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
main .ipage .card .card-header.card-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
main .ipage .card .card-header .card-btn {
  gap: 10px;
  display: flex;
}
main .ipage .card .card-header .card-btn .range-btn {
  background-color: transparent;
  border: 0;
  color: var(--c3);
  font: 500 13px/10px var(--f1);
  padding: 8px;
  border-radius: 6px;
}
main .ipage .card .card-header .card-btn .range-btn.active {
  background-color: var(--c3);
  color: var(--c2);
}
main .ipage .card .card-header h3 {
  font: 600 16px/20px var(--f1);
  margin: 0;
}
main .ipage .card .card-body {
  padding: 15px;
  position: relative;
}
main .ipage .card .card-body.discussion ul {
  margin: 0;
}
main .ipage .card .card-body.discussion ul li {
  font: 500 14px var(--f1);
  position: relative;
  padding: 0 0 0 18px;
}
main .ipage .card .card-body.discussion ul li::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #3b82f6;
  position: absolute;
  top: 5px;
  left: 0;
}
main .ipage .card .card-body.discussion ul li:nth-of-type(2)::before {
  background-color: #10b981;
}
main .ipage .card .card-body.discussion ul li:nth-of-type(3)::before {
  background-color: #f59e0b;
}
main .ipage .card .card-body.discussion ul li:nth-of-type(4)::before {
  background-color: #ef4444;
}
main .ipage .card .card-body.discussion ul li:nth-of-type(5)::before {
  background-color: #8b5cf6;
}
main .ipage .card .card-body.discussion ul li .media {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
main .ipage .card .card-body.discussion ul li .media p {
  margin: 0;
}
main .ipage .card .card-body.discussion ul li .media div {
  display: flex;
  gap: 15px;
  align-items: center;
}
main .ipage .card .card-body.discussion ul li .media div * {
  font-size: 13px;
  font-style: normal;
}
main .ipage .card .card-body.discussion ul li .media div em {
  font-size: 14px;
  font-weight: 600;
}
main .ipage .card .card-body.discussion ul li + li {
  margin: 23px 0 0;
}
main .ipage .card .card-body.discussion.tfaq ul li {
  padding: 0;
}
main .ipage .card .card-body.discussion.tfaq ul li::before {
  display: none;
}
main .ipage .card .card-body.discussion.tfaq ul li .media span {
  font-size: 12px;
  padding: 4px 10px;
  background-color: #dbeafe;
  color: var(--c1);
  border-radius: 8px;
}
main .ipage .card .card-body .qlinks .media {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: var(--c2);
  padding: 10px 15px;
  border-radius: 12px;
  position: relative;
  transition: 0.3s linear;
  border: 1px solid #f1f5f9;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
main .ipage .card .card-body .qlinks .media .btn-link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 0;
  padding: 0;
}
main .ipage .card .card-body .qlinks .media .btn-link::before {
  display: none;
}
main .ipage .card .card-body .qlinks .media .media-left .icons {
  width: 35px;
  height: 35px;
  background-color: #dbeafe;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-size: 20px;
  margin: 0 12px 0 0;
  transition: 0.3s linear;
}
main .ipage .card .card-body .qlinks .media .media-body h4 {
  font: 500 14px var(--f1);
  padding: 0;
  border: 0;
  margin: 0;
}
main .ipage .card .card-body .qlinks .media .media-body p {
  margin: 0;
  font-size: 13px;
}
main .ipage .card .card-body .qlinks .media.qa1 .media-left .icons {
  background-color: #eff6ff;
  color: #2563eb;
}
main .ipage .card .card-body .qlinks .media.qa1:hover .media-left .icons {
  background-color: #2563eb;
  color: var(--c2);
}
main .ipage .card .card-body .qlinks .media.qa2 .media-left .icons {
  background-color: #faf5ff;
  color: #9333ea;
}
main .ipage .card .card-body .qlinks .media.qa2:hover .media-left .icons {
  background-color: #9333ea;
  color: var(--c2);
}
main .ipage .card .card-body .qlinks .media.qa3 .media-left .icons {
  background-color: #ecfdf5;
  color: #059669;
}
main .ipage .card .card-body .qlinks .media.qa3:hover .media-left .icons {
  background-color: #059669;
  color: var(--c2);
}
main .ipage .card .card-body .qlinks .media.qa4 .media-left .icons {
  background-color: #fff7ed;
  color: #ea580c;
}
main .ipage .card .card-body .qlinks .media.qa4:hover .media-left .icons {
  background-color: #ea580c;
  color: var(--c2);
}
main .ipage .card .card-body .qlinks .media + .media {
  margin: 15px 0 0;
}
main .ipage .card .card-body .ractivity ul {
  margin: 0;
}
main .ipage .card .card-body .ractivity ul li {
  display: flex;
  align-items: center;
  padding: 8px 15px;
  justify-content: space-between;
  background-color: #f9fafb;
  border-radius: 12px;
  border: 1px solid #ededed;
}
main .ipage .card .card-body .ractivity ul li + li {
  margin: 12px 0 0;
}
main .ipage .card .card-body .ractivity ul li .media {
  display: flex;
  justify-content: center;
}
main .ipage .card .card-body .ractivity ul li .media .media-left span {
  width: 35px;
  height: 35px;
  background-color: #dbeafe;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  object-fit: cover;
  font-size: 13px;
  font-weight: 600;
  margin: 0 12px 0 0;
}
main .ipage .card .card-body .ractivity ul li .media .media-body h4 {
  font: 500 13px var(--f1);
  margin: 0 0 2px;
}
main .ipage .card .card-body .ractivity ul li .media .media-body span {
  display: block;
  font-size: 12px;
}
main .ipage .card .card-body .ractivity ul li .badge {
  padding: 4px 10px;
  background-color: #dbeafe;
  color: var(--c1);
}
main .ipage .card .card-body .ractivity.bday ul li .media .media-left img {
  width: 25px;
  height: 25px;
}
main .ipage .card .card-body .ractivity.feedback ul li {
  background: none;
  border-radius: 0;
  border: 0;
}
main .ipage .card .card-body .ractivity.feedback ul li + li {
  border-top: 1px solid #ededed;
  padding-top: 10px;
  margin-top: 10px;
}
main .ipage .card .card-body .profileview {
  max-width: 800px;
  margin: 0 auto 30px;
  border-radius: 20px;
  background-color: #fafafa;
  border: 1px solid #f1f1f1;
  padding: 30px;
}
main .ipage .card .card-body .profileview .media {
  display: flex;
  align-items: center;
  gap: 25px;
}
main .ipage .card .card-body .profileview .media .media-left .img-sec {
  width: 100px;
  height: 100px;
  position: relative;
}
main .ipage .card .card-body .profileview .media .media-left .img-sec img {
  width: 100px;
  height: 100px;
  border-radius: 10px;
}
main .ipage .card .card-body .profileview .media .media-left .img-sec input {
  display: none;
}
main .ipage .card .card-body .profileview .media .media-left .img-sec label[for=ProfilePicture] {
  padding: 8px;
  background-color: #ffffff;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  position: absolute;
  bottom: -10px;
  right: -10px;
  cursor: pointer;
}
main .ipage .card .card-body .profileview .media .media-body h2 {
  font: 800 20px var(--f1);
}
main .ipage .card .card-body .profileview .media .media-body p.email {
  margin: 0;
  position: relative;
  padding: 0 0 0 20px;
}
main .ipage .card .card-body .profileview .media .media-body p.email::before {
  content: "\f32f";
  position: absolute;
  font: 500 14px "bootstrap-icons";
  top: 2px;
  left: 0;
}
main .ipage .card .card-body .websitebtn {
  position: absolute;
  top: -45px;
  right: 0;
}
main .ipage .card .card-body .websitebtn .dropdown-menu li .nav-link {
  padding: 6px 12px;
}
main .ipage .card .card-body .websitebtn .dropdown-menu li .nav-link.active, main .ipage .card .card-body .websitebtn .dropdown-menu li .nav-link:hover {
  color: var(--c3);
}
main .ipage .card .card-body .filter-row {
  position: absolute;
  left: 210px;
  z-index: 9;
  display: flex;
  gap: 10px;
  top: 31px;
}
main .ipage .card .card-body .sques {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  font: 400 14px var(--f1);
  flex-wrap: wrap;
}
main .ipage .card .card-body .sques .list-group .list-group-item {
  cursor: pointer;
  transition: 0.3s linear;
}
main .ipage .card .card-body .sques .list-group .list-group-item.active {
  background-color: var(--c3);
  border-color: var(--c3);
}
main .ipage .card .card-body .sques .list-group .list-group-item.active:hover {
  background-color: #032e57;
}
main .ipage .card .card-body .sques article {
  display: flex;
  gap: 20px;
}
main .ipage .card .card-body .sques article p {
  font: 600 14px/17px var(--f1);
  margin: 0;
  color: var(--c3);
}
main .ipage .card .card-body .sques.newans {
  width: 100%;
  display: block;
}
main .ipage .card .card-body .sques.newans article {
  display: block;
}
main .ipage .card .card-body.chatbody {
  overflow: auto;
  height: 500px;
}
main .ipage .card .card-body.chatbody .ichat {
  background-color: #f5f6fa;
  padding: 15px;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  position: relative;
}
main .ipage .card .card-body.chatbody .ichat.user {
  margin: 0 0 20px 30px;
}
main .ipage .card .card-body.chatbody .ichat.eva {
  margin: 0 30px 20px 0;
  background-color: #e9f4ff;
  border-color: #e9f4ff;
}
main .ipage .card .card-body.chatbody .ichat .asec {
  display: flex;
  align-items: center;
  gap: 10px;
  position: absolute;
  top: 10px;
  right: 15px;
}
main .ipage .card .card-body.chatbody .ichat .asec .form-check .form-check-input {
  margin-top: 2px;
}
main .ipage .card .card-body.chatbody .ichat .asec .btn {
  min-width: auto;
  padding: 5px 10px;
  font-size: 10px;
}
main .ipage .card .card-body.chatbody .ichat .form-check {
  font: 400 13px/16px "IBM Plex Sans";
  min-height: auto;
}
main .ipage .card .card-body.chatbody .ichat .form-check * {
  cursor: pointer;
}
main .ipage .card .card-body.chatbody .ichat h5 {
  font: 600 14px/16px var(--f1);
  margin: 0 0 12px;
}
main .ipage .card .card-body.chatbody .ichat h5 .date {
  font: 400 13px/16px "IBM Plex Sans";
  display: inline-block;
  margin: 0 0 0 10px;
}
main .ipage .card .card-body.chatbody .ichat .para p, main .ipage .card .card-body.chatbody .ichat .para .form-control {
  font: 400 14px/20px "IBM Plex Sans";
  margin: 0;
}
main .ipage .card .card-body.chatbody .ichat .para p + p, main .ipage .card .card-body.chatbody .ichat .para .form-control + p {
  margin: 8px 0 0;
}
main .ipage .card .card-body.chatbody .ichat .para .form-control {
  height: 100px;
}
main .ipage .card .card-body.chatbody .ichat .references {
  margin: 15px 0 0;
}
main .ipage .card .card-body.chatbody .ichat .references h6 {
  margin: 0 0 12px;
}
main .ipage .card .card-body.chatbody .ichat .references ul {
  padding: 0 0 0 15px;
}
main .ipage .card .card-body.chatbody .ichat .references ul li + li {
  margin: 10px 0 0;
}
main .ipage .card .card-body .modal-list ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  justify-content: flex-start;
  gap: 15px;
}
main .ipage .card .card-body .modal-list ul li {
  background-color: #e9f4ff;
  padding: 10px 15px;
  border-radius: 6px;
  font-weight: 500;
}
main .ipage .card .card-body article h4 {
  font: 600 16px/20px var(--f1);
  padding: 0 0 15px;
}
main .ipage .card .card-body article + article {
  margin: 20px 0 0;
}
main .ipage .card .card-body article .embedcode {
  background-color: #f5f6fa;
  padding: 15px;
  border-radius: 8px;
  position: relative;
}
main .ipage .card .card-body article .embedcode .copycode {
  position: absolute;
  top: 15px;
  right: 15px;
  font: 500 12px/18px var(--f1);
  color: var(--c1);
  cursor: pointer;
  transition: 0.3s linear;
}
main .ipage .card .card-body article .embedcode .copycode:hover {
  color: var(--c3);
}
main .ipage .card .card-body article .embedcode .copycode .bi {
  margin: 0 5px 0 0;
  font-size: 12px;
}
main .ipage .card .card-body article .embedcode h5 {
  font: 600 14px/20px var(--f1);
}
main .ipage .card .card-body article .embedcode #eCode {
  font-size: 13px;
}
main .ipage .card .card-footer {
  background-color: var(--c2);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  border-top-color: #edf1f5;
  padding: 15px;
}
main .ipage .card.fcard {
  margin: 0 0 15px;
}
main .ipage .card.fcard .card-header {
  padding: 15px 15px 0;
  border-bottom: 0;
}
main .ipage .card.fcard .card-body p {
  margin: 0;
}
main .ipage .card.fcard .card-body ul {
  margin: 15px 0 0;
  padding: 0 0 0 15px;
}
main .ipage .card.fcard .card-body ul li + li {
  margin: 8px 0 0;
}
main .ipage .iframe-col .card {
  height: 100%;
}
main .ipage .iframe-col .card .card-body {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  background-color: #e5f3ff;
}
main .ipage .iframe-col .card .card-body .iframe {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
}
main .ipage .iframe-col .card .card-body .iframe iframe {
  width: 100%;
  height: 100%;
}
main .ipage .livepreview {
  position: sticky;
  bottom: 0;
  padding: 0 0 60px;
  width: 100%;
  max-width: 450px;
}
main .ipage .livepreview.expandchat {
  max-width: 600px;
  zoom: 1.1;
}
main .ipage .livepreview article {
  height: 100%;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0.48px 2.41px -0.38px, rgba(0, 0, 0, 0.17) 0px 4px 20px -0.75px;
  background: var(--c3);
  border-radius: 8px;
  overflow: hidden;
}
main .ipage .livepreview article .lpcommon {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
main .ipage .livepreview article .lphead {
  background-color: var(--c2);
  position: relative;
  padding: 15px 20px;
  border-radius: 8px 8px 0 0;
  min-height: 40px;
  border-bottom: 1px solid #e0e0e0;
}
main .ipage .livepreview article .lphead::before {
  content: "";
  filter: blur(150px);
  background-color: rgba(10, 99, 255, 0.2);
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}
main .ipage .livepreview article .lphead .media {
  display: flex;
  align-items: center;
}
main .ipage .livepreview article .lphead .media .media-left {
  margin: 0 12px 0 0;
  position: relative;
}
main .ipage .livepreview article .lphead .media .media-left::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: lawngreen;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 5px;
}
main .ipage .livepreview article .lphead .media .media-left img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
main .ipage .livepreview article .lphead .media .media-body {
  color: var(--c1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
main .ipage .livepreview article .lphead .media .media-body h4 {
  font: 600 14px/18px var(--f1);
  margin: 0 0 1px;
  padding: 0;
}
main .ipage .livepreview article .lphead .media .media-body p {
  font: 400 12px/16px var(--f1);
  margin: 0;
}
main .ipage .livepreview article .lphead .media .media-body .rhead {
  display: flex;
  align-items: center;
  gap: 15px;
}
main .ipage .livepreview article .lphead .media .media-body .rhead span {
  color: var(--c1);
  font-size: 18px;
  cursor: pointer;
}
main .ipage .livepreview article .lpbody {
  position: relative;
  padding: 12px 12px 40px;
  max-height: 463px;
  height: 100%;
  overflow: auto;
  background: linear-gradient(to bottom, #ffffff, #e7ecf9, #fafbff);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
main .ipage .livepreview article .lpbody .defaultDiv {
  margin: 0 0 15px;
}
main .ipage .livepreview article .lpbody .msg .media {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
main .ipage .livepreview article .lpbody .msg .media .media-left {
  margin: 7px 12px 0 0;
}
main .ipage .livepreview article .lpbody .msg .media .media-left img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
main .ipage .livepreview article .lpbody .msg .media .media-body {
  width: 100%;
  padding: 8px 0;
  border-radius: 0 8px 8px 8px;
  font: 400 14px/20px var(--f1);
  color: var(--c1);
}
main .ipage .livepreview article .lpbody .msg .media .media-body h5 {
  font-size: 13px;
  font-weight: 500;
}
main .ipage .livepreview article .lpbody .msg .media .media-body h5 span {
  font-size: 11px;
  font-weight: 400;
}
main .ipage .livepreview article .lpbody .msg .media .media-body h5.refh5 {
  font-size: 14px;
  font-weight: 600;
  margin: 20px 0 10px;
  cursor: pointer;
}
main .ipage .livepreview article .lpbody .msg .media .media-body h5.refh5 span {
  padding: 8px 10px;
  background-color: #9ecfff;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  margin: 0 0 0 5px;
  font-size: 13px;
  font-weight: 500;
}
main .ipage .livepreview article .lpbody .msg .media .media-body ul.refli {
  list-style: none;
  padding: 0;
  margin: 15px 0 0;
}
main .ipage .livepreview article .lpbody .msg .media .media-body ul.refli li a {
  font: 400 14px var(--f1);
  text-decoration: none;
  position: relative;
  padding: 0 20px 0 0;
}
main .ipage .livepreview article .lpbody .msg .media .media-body ul.refli li a::before {
  content: "\f1c5";
  font: 500 11px "bootstrap-icons";
  position: absolute;
  top: 3px;
  right: 0;
}
main .ipage .livepreview article .lpbody .msg .media .media-body ul.refli li + li {
  border-top: 1px solid #e0e0e0;
  padding: 8px 0 0;
  margin: 8px 0 0;
}
main .ipage .livepreview article .lpbody .msg + .msg {
  margin: 15px 0 0;
}
main .ipage .livepreview article .lpbody .msg.sender .media {
  width: 100%;
}
main .ipage .livepreview article .lpbody .msg.sender .media .media-left {
  margin: 0 0 0 12px;
}
main .ipage .livepreview article .lpbody .msg.sender .media .media-body {
  width: 100%;
  background-color: #e0e0e0;
  color: var(--c1);
  padding: 8px 12px;
  border-radius: 8px 0 8px 8px;
  border-color: #e0e0e0;
}
main .ipage .livepreview article .lpbody .msg.sender.dmsg .media-body {
  background: none;
  border: 0;
  text-align: right;
}
main .ipage .livepreview article .lpbody .msg.sender.dmsg .media-body ul {
  padding: 0 0 0 30px;
}
main .ipage .livepreview article .lpbody .msg.sender.dmsg .media-body ul li + li {
  margin: 10px 0 0;
}
main .ipage .livepreview article .lpbody .msg.sender.dmsg .media-body .btn-trans {
  min-width: auto;
  font-size: 14px;
  font-weight: 600;
  background-color: #e8e8e8;
  border-color: #e8e8e8;
  padding: 18px;
  display: block;
  text-align: left;
  color: var(--c1) !important;
  position: relative;
  border-radius: 4px;
}
main .ipage .livepreview article .lpbody .msg.sender.dmsg .media-body .btn-trans::before {
  content: "\f138";
  position: absolute;
  font: 500 18px "bootstrap-icons";
  top: 18px;
  right: 20px;
  color: var(--c3);
}
main .ipage .livepreview article .lpbody .msg.sender.dmsg .media-body .btn-trans .bi {
  font-weight: 600;
  color: var(--c3);
  font-size: 16px;
  position: absolute;
  top: 12px;
  right: 20px;
}
main .ipage .livepreview article .lpbody .msg.sender.dmsg .media-body .btn-trans:hover, main .ipage .livepreview article .lpbody .msg.sender.dmsg .media-body .btn-trans:focus, main .ipage .livepreview article .lpbody .msg.sender.dmsg .media-body .btn-trans:active {
  background: #e5e5e5 !important;
}
main .ipage .livepreview article .lpbody .msg.sender.dmsg .media-body .samplemsg {
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  padding: 0 0 0 30px;
}
main .ipage .livepreview article .lpbody .msg.sender.cmsg {
  text-align: right;
}
main .ipage .livepreview article .lpbody .msg.sender.cmsg h5 {
  font: 500 13px/16px var(--f1);
  margin: 0 0 5px;
}
main .ipage .livepreview article .lpbody .msg.sender.cmsg .media {
  width: auto;
  justify-content: flex-end;
}
main .ipage .livepreview article .lpbody .msg.sender.cmsg .media .media-body {
  width: auto;
}
main .ipage .livepreview article .lpbody p.ppolicy {
  background-color: var(--c2);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  padding: 8px 20px 8px 8px;
  border-radius: 6px;
  font: 400 11px/16px var(--f1);
  margin: 0;
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
}
main .ipage .livepreview article .lpbody p.ppolicy .bi {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  font-weight: 600;
  color: var(--c1);
}
main .ipage .livepreview article .ipfooter {
  padding: 0;
  border-top: 1px solid #dee2e6;
  background-color: var(--c2);
  border-radius: 0 0 8px 8px;
  position: relative;
}
main .ipage .livepreview article .ipfooter .input-group {
  display: block;
  position: relative;
}
main .ipage .livepreview article .ipfooter .input-group .form-control {
  font: 400 14px var(--f1);
  padding: 12px 20px;
  height: 64px;
  width: 100%;
  border-radius: 0 !important;
}
main .ipage .livepreview article .ipfooter .input-group .btn {
  min-width: auto;
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 25px;
  padding: 10px;
  width: 30px;
  height: 30px;
  color: var(--c3);
  border-radius: 30px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  border: 0;
}
main .ipage .livepreview .chatbtn {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: var(--c3);
  border: 1px solid var(--c3);
  font-size: 18px;
  color: var(--c2);
  position: absolute;
  bottom: 0;
  right: 0;
}
main .ipage .kbase .tab-sec .ar-source {
  background-color: var(--c2);
  padding: 15px;
  border-radius: 8px;
}
main .ipage .kbase .tab-sec .ar-source .card {
  background-color: #f2f3f7;
  margin: 0 0 15px;
  box-shadow: none;
}
main .ipage .kbase .tab-sec .ar-source .card .card-header {
  background: none;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.14);
  margin: 0 0 15px;
}
main .ipage .kbase .tab-sec .ar-source .card .card-header h3 {
  margin: 0 0 5px;
}
main .ipage .kbase .tab-sec .ar-source .card .card-header p {
  margin: 0;
}
main .ipage .kbase .tab-sec .nav {
  border: 0;
  gap: 5px;
}
main .ipage .kbase .tab-sec .nav .nav-item .nav-link {
  padding: 15px;
  min-width: 180px;
  font: 500 14px var(--f1);
  border: 0;
  color: var(--c1);
  background-color: #e7e7e9;
}
main .ipage .kbase .tab-sec .nav .nav-item .nav-link.active {
  background-color: var(--c2);
}
main .form-section.form-bg {
  height: 100%;
  background-color: #e9f4ff;
  padding: 15px;
  border-radius: 8px;
}
main .form-section.extfilter {
  z-index: 9;
  min-width: 150px;
}
main .form-section .form-group {
  margin: 0 0 20px;
  position: relative;
  /*min-height: 60.6px;*/
}
main .form-section .form-group .pimg {
  display: flex;
  gap: 15px;
}
main .form-section .form-group .pimg img {
  height: 30px;
}
main .form-section .form-group .rating-stars .bi {
  font-size: 24px;
  color: #ddd;
  cursor: pointer;
  transition: color 0.3s linear;
}
main .form-section .form-group .rating-stars .bi.hover::before, main .form-section .form-group .rating-stars .bi.active::before {
  content: "\f586";
  color: #f4c150;
}
main .form-section .form-group .dropanddrop {
  border: 2px dashed #c9d2da;
  text-align: center;
  padding: 20px;
  border-radius: 8px;
  height: calc(100% - 24px);
  position: relative;
  transition: 0.3s linear;
}
main .form-section .form-group .dropanddrop:hover {
  background-color: #f9f9f9;
}
main .form-section .form-group .dropanddrop input {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  cursor: pointer;
}
main .form-section .form-group .dropanddrop.disabled {
  pointer-events: none;
  opacity: 0.5;
}
main .form-section .form-group .dropanddrop .bi {
  font-size: 35px;
  color: #4b5865;
}
main .form-section .form-group .dropanddrop h4 {
  font: 500 1.1rem/1.4 var(--f1);
  margin: 0 0 5px;
}
main .form-section .form-group .dropanddrop span {
  display: block;
  margin: 5px 0 0;
  font-size: 12px;
}
main .form-section .form-group.form-btn {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
main .form-section .form-group.form-btn.btn-ht {
  height: 60.6px;
  align-items: flex-end;
}
main .form-section .form-group .form-label {
  font-size: 14px;
  font-weight: 500;
  position: relative;
}
main .form-section .form-group .form-label.req {
  padding: 0 10px 0 0;
}
main .form-section .form-group .form-label.req::before {
  content: "*";
  position: absolute;
  right: 0;
  color: #fc0000;
}
main .form-section .form-group .form-check {
  margin: 15px 0 0;
  display: flex;
  align-items: center;
  padding: 0;
}
main .form-section .form-group .form-check .form-check-input {
  margin: 0 10px 0 0;
  cursor: pointer;
}
main .form-section .form-group .form-check .form-check-label {
  font: 500 14px/16px var(--f1);
  cursor: pointer;
}
main .form-section .form-group textarea {
  height: 120px;
  resize: none;
}
main .form-section .form-group .form-select,
main .form-section .form-group .form-control {
  font-size: 14px;
  font-weight: 500;
}
main .form-section .form-group .form-select {
  padding: 5px 23px 5px 10px;
}
main .form-section .form-group .removeBtn {
  position: absolute;
  bottom: 3px;
  right: 0;
  background: none;
  border: 0;
}
main .form-section .form-group .removeBtn .bi {
  color: var(--bs-btn-bg);
}
main .form-section .form-group .chaticons {
  display: flex;
  gap: 25px;
}
main .form-section .form-group .chaticons li {
  width: 34px;
  height: 34px;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s linear;
}
main .form-section .form-group .chaticons li:hover {
  background-color: #e9f4ff;
  color: var(--c3);
}
main .form-section .form-group .input-group .btn {
  min-width: auto;
}
main .form-section .form-group span.error {
  position: absolute;
  top: calc(100% + 3px);
  left: 0;
  font-size: 13px;
  line-height: 13px;
  color: var(--bs-red);
}
main .form-section .form-btn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
main .form-section .form-btn.col-left {
  min-height: 58.6px;
  justify-content: flex-start;
  align-items: flex-end;
}
main .form-section.addsourceform .Sourcefield {
  display: flex;
  width: 100%;
  gap: 15px;
}
main .form-section.addsourceform .Sourcefield .form-group.d-flex {
  align-items: center;
}
main .form-section.addsourceform .Sourcefield .form-group.d-flex .form-label {
  min-width: 100px;
  margin: 0 20px 0 0;
}
main .form-section.addsourceform .Sourcefield .form-group:nth-of-type(1) {
  width: 40%;
}
main .form-section.addsourceform .Sourcefield .form-group:nth-of-type(1) .form-label {
  min-width: 100px;
}
main .form-section.addsourceform .Sourcefield .form-group:nth-of-type(2) {
  width: 50%;
}
main .form-section.addsourceform .Sourcefield .form-group:nth-of-type(2) .form-label {
  min-width: 100px;
}

.login-page {
  height: 100%;
}
.login-page > .row {
  height: 100%;
  margin: 0;
}
.login-page > .row > div {
  padding: 0;
}
.login-page .signin {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 40px;
}
.login-page .signin .shead {
  text-align: center;
  margin: 0 0 50px;
  max-width: 400px;
}
.login-page .signin .shead h3 {
  font: 600 25px/35px var(--f1);
}
.login-page .signin .shead p {
  font: 500 16px/20px var(--f1);
}
.login-page .signin .shead .logo {
  width: 100px;
  height: 100px;
  margin: 0 auto 30px;
  border-radius: 10px;
  background-color: #0c2239;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-page .signin .shead .logo img {
  max-width: 60px;
  filter: brightness(0) invert(1);
}
.login-page .signin .form-section {
  width: 100%;
  max-width: 400px;
}
.login-page .signin .form-section .form-group {
  margin: 0 0 30px;
  position: relative;
}
.login-page .signin .form-section .form-group .form-label {
  font: 500 14px/16px var(--f1);
  margin: 0 0 8px;
}
.login-page .signin .form-section .form-group .form-control {
  font: 500 15px var(--f1);
  height: 45px;
}
.login-page .signin .form-section .form-group label.error {
  position: absolute;
  bottom: -23px;
  right: 0;
  font: 400 14px/18px var(--f1);
  color: var(--bs-form-invalid-color);
}
.login-page .signin .form-section .form-group.form-check {
  margin-top: -15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}
.login-page .signin .form-section .form-group.form-check .form-check-input {
  width: 18px;
  height: 18px;
  margin: 0 10px 0 0;
  cursor: pointer;
}
.login-page .signin .form-section .form-group.form-check .form-check-label {
  font: 500 14px/16px var(--f1);
  cursor: pointer;
}
.login-page .signin .form-section .form-group.form-check .btn-ptext {
  padding: 0;
  border: 0;
  font: 500 14px/16px var(--f1);
  color: var(--c3);
}
.login-page .signin .form-section .form-btn .btn {
  width: 100%;
  padding: 12px 15px;
}
.login-page .signin .form-section .form-btn .or {
  font: 500 14px/16px var(--f1);
  margin: 20px 0;
  position: relative;
  text-align: center;
}
.login-page .signin .form-section .form-btn .or::before {
  content: "";
  width: 100%;
  height: 1px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1607843137);
  position: absolute;
  top: 50%;
  left: 0;
}
.login-page .signin .form-section .form-btn .or span {
  display: inline-block;
  padding: 0 15px;
  background-color: var(--c2);
  position: relative;
}
.login-page .signin .form-section .alert {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 999;
  font: 500 14px/18px var(--f1);
}
.login-page .signin .form-section .alert.alert-danger {
  background-color: var(--bs-red);
  border-color: var(--bs-red);
  color: var(--c2);
}
.login-page .login-content {
  height: 100%;
  background-color: #0c2239;
  position: relative;
  padding: 40px;
  display: flex;
  align-items: center;
}
.login-page .login-content::before {
  content: "";
  filter: blur(150px);
  background-color: rgba(10, 99, 255, 0.2);
  border-radius: 50%;
  width: 500px;
  height: 500px;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}
.login-page .login-content article h1, .login-page .login-content article p, .login-page .login-content article h4 {
  color: var(--c2);
}
.login-page .login-content article h1 {
  font: 600 35px/45px var(--f1);
}
.login-page .login-content article p {
  font: 500 16px/20px var(--f1);
}
.login-page .login-content article .list-custom {
  margin: 50px 0 0;
}
.login-page .login-content article .list-custom li {
  position: relative;
  padding: 0 0 0 30px;
}
.login-page .login-content article .list-custom li::before {
  content: "\f4b5";
  font: 500 16px "bootstrap-icons";
  position: absolute;
  top: 0;
  left: 0;
  color: var(--c2);
}
.login-page .login-content article .list-custom li h4 {
  font: 500 16px/20px var(--f1);
}
.login-page .login-content article .list-custom li p {
  font-size: 14px;
}
.login-page .login-content article .list-custom li + li {
  margin: 25px 0 0;
}

footer {
  padding: 16px 16px 16px 0;
  margin: 15px 0 0 220px;
  background-color: var(--c2);
  border-top: 1px solid #e5e6ea;
  text-align: center;
  color: var(--c1);
  font: 500 14px/20px var(--f1);
}

.custom-modal {
  backdrop-filter: blur(5px);
}
.custom-modal .modal-content .modal-header {
  padding: 20px;
}
.custom-modal .modal-content .modal-header .modal-title {
  font: 600 16px/20px var(--f1);
}
.custom-modal .modal-content .modal-header .btn-close {
  opacity: 1;
}
.custom-modal .modal-content .table-section .dt-container .dt-layout-row:first-child {
  border: 0;
  border-top: 1px solid #dee2e6;
  padding: 15px;
  margin: 0;
  background-color: #e9f4ff;
}
.custom-modal .modal-content .table-section .dt-container .dt-layout-row:first-child .form-select,
.custom-modal .modal-content .table-section .dt-container .dt-layout-row:first-child .dt-input {
  background-color: var(--c2);
}
.custom-modal.confirmpopup .modal-content .confirm-popup {
  text-align: center;
}
.custom-modal.confirmpopup .modal-content .confirm-popup h4 {
  font: 600 20px/25px var(--f1);
}
.custom-modal.confirmpopup .modal-content .confirm-popup p {
  margin: 0 0 25px;
}
.custom-modal.confirmpopup .modal-content .confirm-popup .icon {
  width: 50px;
  height: 50px;
  margin: 0 auto 15px;
  background-color: #fcf3f2;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
}
.custom-modal.confirmpopup .modal-content .confirm-popup .icon.iconsucess {
  background-color: #dbffee;
}
.custom-modal.confirmpopup .modal-content .confirm-btn {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.custom-modal.confirmpopup .modal-content .confirm-btn .btn {
  min-width: 100px;
}
.custom-modal.viewmodal .form-section .row > div {
  width: 50%;
}
.custom-modal.viewmodal .form-section .form-group .form-label {
  color: #535353;
}
.custom-modal.viewmodal .form-section .form-group .form-label.req::before {
  display: none;
}
.custom-modal.viewmodal .form-section .form-group .form-control,
.custom-modal.viewmodal .form-section .form-group .form-select {
  padding: 0;
  border: 0;
  background: none;
  pointer-events: none;
}
.custom-modal.viewmodal .form-section .form-group .pimg .form-control {
  display: none;
}
.custom-modal.viewmodal .modal-footer .saveCust {
  display: none;
}

.custom-alert {
  position: fixed;
  top: 20px;
  right: 20px;
  min-width: 190px;
  padding: 12px;
  z-index: 9;
  font: 400 14px/16px var(--f1);
  color: var(--c2);
  margin: 0;
  z-index: 99999;
}

.custom-alert.success,
.custom-alert.Success {
  background-color: #41cc4f;
}

.custom-alert.danger,
.custom-alert.Danger,
.custom-alert.Error,
.custom-alert.error {
  background-color: #f95959;
}

.custom-alert.warning,
.custom-alert.Warning {
  background-color: #f6ab2f;
}

.alert h4 {
  font-size: 18px;
  font-weight: 600;
}

@media screen and (min-width: 1200px) and (max-width: 1450px) {
  body .dash-card article p {
    font-size: 12px;
  }
  body .dash-card article span {
    font-size: 11px;
  }
  body .dash-card article .icons {
    top: 16px;
    bottom: 0;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  body main .ipage .dash-card {
    margin: 0;
  }
  body main .ipage .dash-card article {
    margin: 0 0 15px;
  }
  body main .ipage .dash-card .row > div {
    width: 50%;
  }
  body main .ipage .card .card-header .card-btn .range-btn {
    padding: 5px;
    font-size: 11px;
    line-height: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  body main .ipage.chatsec > .row > div:first-child {
    width: 66.66666667%;
  }
  body main .ipage.chatsec > .row > div:last-child {
    width: 33.33333333%;
  }
}
@media screen and (min-width: 576px) and (max-width: 991px) {
  body main .ipage .dash-card article .icons {
    top: 16px;
    bottom: 0;
  }
  body main .ipage .dash-card .row > div {
    width: 50%;
  }
}
@media screen and (max-width: 991px) {
  body header, body main, body footer {
    margin: 0;
  }
  body header .header-top .header-left .input-group {
    display: none;
  }
  body aside {
    left: -80px;
    width: 80px;
  }
  body aside .logo img {
    width: 40px;
  }
  body aside .navbar-div .navbar-nav > .nav-item > .nav-link span {
    display: none;
  }
  body.caside aside {
    left: 0;
  }
  body .dash-card article {
    margin: 0 0 15px;
  }
  body main .ipage .dash-card {
    margin: 0;
  }
  body main .ipage .card {
    margin: 0 0 15px;
  }
  body main .ipage .card .card-header.card-flex {
    flex-direction: column;
  }
  body main .ipage .card .card-header.card-flex h3 {
    margin: 0 0 15px;
  }
}
@media screen and (max-width: 575px) {
  body .nav.nav-pills .nav-item .nav-link {
    font-size: 11px;
    padding: 4px 8px;
  }
  body main .ipage .livepreview {
    height: 500px;
  }
  body main .table-section .dt-container .dt-layout-row.dt-top .dt-layout-start {
    display: none;
  }
  body main .table-section .dt-container .dt-layout-row .dt-layout-full {
    overflow-x: auto;
    overflow-y: hidden;
  }
  body main .table-section .dt-container .dt-bottom {
    flex-direction: column;
  }
}
.typing-indicator {
  position: absolute;
  top: -47px;
  left: 20px;
  display: flex;
  align-items: center;
  padding: 10px 0;
  margin: 10px 0;
  opacity: 0;
}
.typing-indicator .dot {
  width: 8px;
  height: 8px;
  margin: 0 2px;
  background-color: #999;
  border-radius: 50%;
  animation: bounce 1.3s infinite;
}
.typing-indicator .dot:nth-child(2) {
  animation-delay: 0.2s;
}
.typing-indicator .dot:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes bounce {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}

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