/**
 * ======================
 * START OF MAIN SCSS FILE FOR ASTRO WEBSITE
 * =========================
 * 
 * TABLE OF INDEX:
 * 
 * # RESET CSS
 * # COLORS CSS
 * # VARIABLES CSS
 * # TYPOGRAPHY CSS
 * # MIXINS CSS
 * # BUTTONS CSS
 * ======================
 *
 * @format
 */
@import url("../css/fonts.css");
@import url("../css/jquery.mCustomScrollbar.min.css");
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
small,
label {
  font-family: "Geist", sans-serif;
}

/* make sure to set some focus styles for accessibility */
:focus {
  outline: 0;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
  vertical-align: middle;
  max-width: 100%;
}

/********* utility headings ************/
/************* Gradient Mixin *****************/
/***************** font-weight ***********************/
/************ common property mixins ***************/
.btn {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  padding: 10px 15px;
  cursor: pointer;
  border-radius: 7px;
  transition: all ease-in-out 300ms;
  -webkit-transition: all ease-in-out 300ms;
  -moz-transition: all ease-in-out 300ms;
  -ms-transition: all ease-in-out 300ms;
  white-space: nowrap;
  font-family: "Geist", sans-serif;
  position: relative;
  min-height: 48px;
  outline: none;
  text-transform: capitalize;
}
@media screen and (max-width: 767.98px) {
  .btn {
    padding: 10px 14px;
  }
}
.btn:focus {
  box-shadow: none;
}
.btn.btn-md {
  min-height: 40px;
  font-size: 14px;
}
.btn.btn-sm {
  min-height: 32px;
  font-size: 14px;
  padding: 5px 10px;
  min-width: 60px;
}
.btn.btn-xs {
  min-height: 24px;
  font-size: 10px;
  padding: 1px 10px;
  min-width: auto;
}
.btn.btn-green-solid {
  background: #08A798;
  color: #fff;
  border: 2px solid #08A798;
}
.btn.btn-green-solid:hover {
  color: #08A798;
  background: transparent;
}
.btn.btn-green-solid.disabled, .btn.btn-green-solid:disabled {
  cursor: not-allowed;
  pointer-events: none;
  background: #E6E9EC;
  border-color: #E6E9EC;
  opacity: 1;
}
.btn.btn-green-outline {
  background-color: transparent;
  color: #08A798;
  border: 2px solid #08A798;
}
.btn.btn-green-outline:hover {
  background: #08A798;
  color: #fff;
}
.btn.btn-green-outline.disabled, .btn.btn-green-outline:disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: #d5d6d6;
  border-color: #E6E9EC;
  opacity: 1;
}
.btn.btn-green-text {
  background-color: transparent;
  color: #08A798;
  border: none;
  padding: 0;
}
.btn.btn-green-text:hover {
  opacity: 0.6;
}

.btn-wrap {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  align-items: center;
}

.btn-action {
  border: none;
}

/** @format */
/* Keyframes Site loader */
@keyframes l8 {
  0%, 10% {
    border-radius: 0;
  }
  30%, 40% {
    border-radius: 50% 0;
  }
  60%, 70% {
    border-radius: 50%;
  }
  90%, 100% {
    border-radius: 0 50%;
  }
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
@keyframes radio-appear {
  0% {
    transform: translate(-50%, -50%) scale(0);
    background-color: #fff;
  }
  50% {
    transform: translate(-50%, -50%) scale(1);
    background: #00AA00;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    background: #00AA00;
  }
}
.l-header {
  padding-left: 100px;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  right: 0;
  z-index: 99;
  width: 100%;
  background: transparent;
  transition: padding 0.3s ease-in-out;
  align-items: center;
}
@media (max-width: 1024px) {
  .l-header {
    top: 0;
    padding-left: 0;
  }
}

.sidebar-is-expanded .l-header {
  padding-left: 240px;
}

.header-inner {
  border-radius: 12px;
  padding: 10px 20px;
  background-color: #fff;
  align-items: center;
  margin-left: 21px;
  margin-right: 21px;
  min-height: 72px;
  margin-top: 20px;
}
@media (max-width: 1024px) {
  .header-inner {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    border-radius: 0;
    padding-right: 60px;
  }
}
.header-inner .logo-header {
  display: none;
}
@media (max-width: 1024px) {
  .header-inner .logo-header {
    display: block;
  }
}
.header-inner .logo-header a img {
  max-width: 100%;
  height: 40px;
}
.header-inner .header-search-wrapper {
  padding: 0;
  display: flex;
  align-items: center;
  position: relative;
}
.header-inner .header-search-wrapper .search-icon {
  position: absolute;
  left: 10px;
}
.header-inner .header-search-wrapper .search-input {
  border: none;
  outline: none;
  width: 220px;
  font-size: 12px;
  color: #8B8E8F;
  font-weight: 500;
  height: 40px;
  border-radius: 6px;
  padding-left: 46px;
}
.header-inner .header-search-wrapper .search-input:focus {
  box-shadow: 0 0 4px 0px #dcdcdc;
}
.header-inner .header-icons-wrap {
  display: flex;
  align-items: center;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
@media (max-width: 575px) {
  .header-inner .header-icons-wrap {
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
}
@media (max-width: 375px) {
  .header-inner .header-icons-wrap {
    -moz-column-gap: 12px;
         column-gap: 12px;
  }
}
.header-inner .header-icons-wrap .tracker-pluse {
  border-radius: 50%;
  padding: 4px 8px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.header-inner .header-icons-wrap .tracker-pluse:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 28px;
  height: 28px;
  background: #F22A0E;
  border-radius: 50%;
  transition: all 200ms;
  cursor: pointer;
}
.header-inner .header-icons-wrap .tracker-pluse:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 30px;
  height: 30px;
  background: rgb(243, 68, 45);
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}
.header-inner .header-icons-wrap .tracker-pluse .tracker-badge {
  color: #fff;
  font-size: 10px;
  position: relative;
  z-index: 2;
  font-weight: 800;
  cursor: pointer;
}
.header-inner .header-icons-wrap .icon-btn {
  border: none;
  padding: 0;
  background: transparent;
}
.header-inner .header-icons-wrap .avatar {
  background-color: rgb(211, 204, 241);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 12px;
  color: #7A66D4;
  border: none;
}

.justify-between {
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .justify-between {
    justify-content: flex-end;
  }
}

.header-page-title {
  padding-left: 0;
  transition: left 0.3s ease-in-out;
}
@media (max-width: 1024px) {
  .header-page-title {
    display: none;
  }
}
.header-page-title h5 {
  font-size: 20px;
  color: #202528;
}

header .dropdown-menu.comm-dropdown {
  left: 4px !important;
  margin-left: inherit !important;
  max-width: 400px;
}

/** @format */
:root {
  --nav-height: 80px;
}

::-moz-selection {
  background: #08A798;
  color: #fff;
}

::selection {
  background: #08A798;
  color: #fff;
}

* {
  outline: none !important;
}

body {
  font-family: "Geist", sans-serif;
  font-size: 14px;
  color: #202528;
  background-color: #f2f3f5;
}

.g-2, .gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3, .gy-3 {
  --bs-gutter-y: 1rem;
}

.g-3, .gx-3 {
  --bs-gutter-x: 1rem;
}

.g-4, .gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-4, .gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-5, .gy-5 {
  --bs-gutter-y: 3rem;
}

.g-5, .gx-5 {
  --bs-gutter-x: 3rem;
}

.row {
  margin-top: calc(-1 * var(--bs-gutter-y));
}

.row > * {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.max-w-250 {
  max-width: 250px;
}

.compareInfoDetails {
  display: none;
}

.text-12-gray {
  color: #676B6D;
  font-size: 12px;
  line-height: 22px;
}

@media (min-width: 576px) {
  .comm-modal .modal-dialog.max-w-590 {
    max-width: 590px;
    margin: 1.75rem auto;
  }
  .comm-modal .modal-dialog.max-w-728 {
    max-width: 728px;
    margin: 1.75rem auto;
  }
}
.comm-modal .modal-dialog .modal-content {
  border: none;
  border-radius: 32px;
  box-shadow: 0px 23px 50px 0px rgba(148, 194, 188, 0.1019607843);
}
.comm-modal .modal-dialog .modal-content .modal-header .close {
  position: relative;
  opacity: 1;
  right: 10px;
  top: 7px;
}
.comm-modal .modal-dialog .modal-content .modal-header .close:hover {
  opacity: 0.7;
}
.comm-modal .modal-dialog .modal-content .modal-body .max-w-460 {
  max-width: 480px;
  margin: 0 auto;
  padding: 0 10px;
}
.comm-modal .modal-dialog .modal-content .modal-body .max-w-600 {
  max-width: 620px;
  margin: 0 auto;
  padding: 0 10px;
  width: 100%;
}

@media (min-width: 992px) {
  .action-tracker-wrap {
    position: sticky;
    top: 116px;
  }
}
@media (min-width: 992px) {
  .action-tracker-wrap #actionTracker-scroll {
    height: calc(100vh - 140px);
  }
}

.site-preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.75);
  display: flex;
  justify-content: center;
  align-items: center;
}
.site-preloader .loader {
  width: 75px;
  aspect-ratio: 1;
  display: grid;
}
.site-preloader .loader:before,
.site-preloader .loader:after {
  content: "";
  grid-area: 1/1;
  width: 35px;
  aspect-ratio: 1;
  box-shadow: 0 0 0 3px #08A798 inset;
  filter: drop-shadow(40px 40px 0 #08A798);
  animation: l8 2s infinite alternate;
}
.site-preloader .loader:after {
  margin: 0 0 0 auto;
  filter: drop-shadow(-40px 40px 0 #08A798);
  animation-delay: -1s;
}

.toggle-switch {
  align-items: center;
  display: flex;
}
.toggle-switch .checkbox-toggle {
  display: none;
}
.toggle-switch .checkbox-toggle:checked + label {
  background-color: transparent;
}
.toggle-switch .checkbox-toggle:checked + label::before {
  background-color: transparent;
  border-color: #00AA00;
}
.toggle-switch .checkbox-toggle:checked + label::after {
  transform: translateX(14px);
  background: #00AA00;
  opacity: 1;
}
.toggle-switch .checkbox-toggle:disabled + label {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  cursor: default;
}
.toggle-switch .checkbox-toggle + label {
  position: relative;
  cursor: pointer;
  outline: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none;
  width: 40px;
  height: 24px;
  background-color: transparent;
  border-radius: 60px;
  transition: background 0.4s;
}
.toggle-switch .checkbox-toggle + label::before {
  content: "";
  display: block;
  position: absolute;
  right: 1px;
  left: 1px;
  top: 0;
  bottom: 0;
  background-color: transparent;
  border-radius: 60px;
  transition: background 0.4s;
  border: 1px solid #CED4DA;
}
.toggle-switch .checkbox-toggle + label::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100%;
  bottom: 2px;
  left: 3px;
  width: 20px;
  height: 20px;
  background: #DEE2E6;
  transition: transform 0.4s;
}
.toggle-switch .checkbox-text {
  font-size: 12px;
  font-weight: 500;
  color: #000000;
}
.toggle-switch .switch-text {
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
  font-weight: 700;
}
.toggle-switch .switch-text.active {
  color: #00AA00;
}
.toggle-switch .switch-text.inactive {
  color: #8B8E8F;
}

.green-text {
  color: #08A798;
  font-size: 14px;
  font-weight: 600;
}

.text-darkgray {
  color: #676B6D;
}

.bg-warning {
  background-color: #F8990B !important;
}

.bg-success {
  background-color: #00AA00 !important;
}

.sort-btn {
  border: 1px solid #08A798;
  height: 40px;
  width: 40px;
  border-radius: 6px;
  background-color: transparent;
}

.filter-btn {
  height: 40px;
  width: 40px;
  border-radius: 6px;
  border: 1px solid #08A798;
  background-color: #08A798;
}

.status {
  height: 22px;
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 1px solid;
  border-radius: 20px;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.status.text-capitalize {
  text-transform: capitalize;
  font-weight: 500;
  letter-spacing: normal;
  font-size: 12px;
}
.status.badge-status {
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  text-transform: capitalize;
}
.status.status-upcoming {
  border-color: #FBCA80;
  background: #FDE2BB;
  color: #F8990B;
}
.status.status-complete {
  border-color: #7AD37A;
  background: rgba(184, 231, 184, 0.5);
  color: #00AA00;
}
.status.status-incomplete {
  border-color: #D6DBE0;
  background: #F1F3F5;
  color: #8C9094;
}
.status.status-overdue {
  border-color: #F89082;
  background: #FBC3BC;
  color: #F22A0E;
}
.status.status-blue {
  border-color: #6FC4CD;
  background: #DDF9FC;
  color: #45797F;
}
.status.status-white {
  border-color: #8C9094;
  background: #fff;
  color: #44484A;
}

.status-badge {
  height: 22px;
  padding: 0 8px;
  font-size: 10px;
  font-weight: 700;
  border-radius: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.status-badge.status-active {
  background-color: #29B829;
  color: #fff;
}
.status-badge.status-inactive {
  background-color: #E6E9EC;
  color: #8B8E8F;
}

.btn-group,
td {
  -moz-column-gap: 10px;
       column-gap: 10px;
  align-self: center;
  justify-content: space-between;
}
.btn-group.max-w-184,
td.max-w-184 {
  width: 100%;
  max-width: 184px;
}
.btn-group .btn-action,
td .btn-action {
  border: none;
  background-color: transparent;
  border-radius: 50%;
  transition: all 300ms ease-in-out;
  padding: 0 2px;
}
.btn-group .btn-action:hover,
td .btn-action:hover {
  opacity: 0.6;
}

.card-content .gray-card {
  margin-bottom: 16px;
}
.card-content .gray-card:last-child {
  margin-bottom: 0;
}
.card-content .gray-card.white-bg {
  background: #FFFFFF;
}

.gray-card {
  border: 1px solid #DEE2E6;
  background: linear-gradient(0deg, #F1F3F5, #F1F3F5);
  border-radius: 8px;
  padding: 16px;
  transition: all 300ms ease-in-out;
  position: relative;
}
.gray-card:hover {
  border: 1px solid var(--persian-green-500, #08A798);
}
.gray-card.is-complete .tracker-id {
  opacity: 0.5;
}
.gray-card.is-complete .inner-content {
  opacity: 0.5;
}
.gray-card .tracker-id {
  color: #5A9EA6;
  letter-spacing: 1px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}
.gray-card .inner-content h5 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 2px;
  display: inline-flex;
  align-items: center;
}
.gray-card .inner-content p {
  font-size: 12px;
  font-weight: 500;
}
.gray-card .inner-content p.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.gray-card .inner-content .text-last-log {
  margin-bottom: 0;
  margin-top: 24px;
  color: #44484A;
}
.gray-card .inner-content .ul-badge {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 8px;
       column-gap: 8px;
  row-gap: 8px;
}
.gray-card .inner-content .ul-badge li {
  border: 1px solid #ADA0E4;
  height: 28px;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  background-color: #FFFFFF;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.gray-card .inner-content .ul-badge li.theme-blue {
  color: #08A798;
}
.gray-card .inner-content .ul-badge li span {
  font-size: 12px;
  font-weight: 500;
  line-height: 13px;
}
.gray-card .inner-content .ul-badge li .user-badge {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  border-radius: 50%;
  background-color: #D3CCF1;
  font-size: 10px;
  color: #7A66D4;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: -9px;
}
.gray-card .card-inner .media,
.gray-card .card-inner-header .media {
  align-items: center;
}
@media (max-width: 991px) {
  .gray-card .card-inner .media,
  .gray-card .card-inner-header .media {
    flex-wrap: wrap;
    row-gap: 10px;
  }
}
.gray-card .card-inner .media .user-name-avater,
.gray-card .card-inner-header .media .user-name-avater {
  background-color: #D3CCF1;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 800;
  color: #7A66D4;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  margin-right: 12px;
}
.gray-card .card-inner .media .user-name-avater.avater-blue,
.gray-card .card-inner-header .media .user-name-avater.avater-blue {
  background-color: rgba(171, 240, 248, 0.6);
  color: #5A9EA6;
}
.gray-card .card-inner .media .user-avater,
.gray-card .card-inner-header .media .user-avater {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  margin-right: 12px;
}
.gray-card .card-inner .media .user-avater img,
.gray-card .card-inner-header .media .user-avater img {
  width: 22px;
}
.gray-card .card-inner .media .media-body,
.gray-card .card-inner-header .media .media-body {
  padding-right: 20px;
}
.gray-card .card-inner .media .media-body p,
.gray-card .card-inner-header .media .media-body p {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: capitalize;
  color: #202528;
}
.gray-card .card-inner .media .media-body p.p-flex,
.gray-card .card-inner-header .media .media-body p.p-flex {
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
  flex-wrap: wrap;
  row-gap: 5px;
  white-space: normal;
  word-break: break-word;
}
.gray-card .card-inner .media .media-body p a,
.gray-card .card-inner-header .media .media-body p a {
  color: #202528;
  text-decoration: none;
}
.gray-card .card-inner .media .media-body ul,
.gray-card .card-inner-header .media .media-body ul {
  display: flex;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  margin-left: 0;
  list-style-type: none;
  flex-wrap: wrap;
}
.gray-card .card-inner .media .media-body ul li,
.gray-card .card-inner-header .media .media-body ul li {
  position: relative;
}
.gray-card .card-inner .media .media-body ul li a,
.gray-card .card-inner .media .media-body ul li p,
.gray-card .card-inner .media .media-body ul li span,
.gray-card .card-inner-header .media .media-body ul li a,
.gray-card .card-inner-header .media .media-body ul li p,
.gray-card .card-inner-header .media .media-body ul li span {
  color: #676B6D;
  font-size: 12px;
  font-weight: 500;
  transition: 0.3s;
  white-space: normal;
  line-height: 16px;
  margin: 0;
  display: inline-block;
}
.gray-card .card-inner .media .media-body ul li a:hover,
.gray-card .card-inner-header .media .media-body ul li a:hover {
  color: #08A798;
}
.gray-card .card-inner .media .media-body ul li::after,
.gray-card .card-inner-header .media .media-body ul li::after {
  content: "|";
  color: #676B6D;
  margin-right: -12px;
  position: absolute;
  right: 0;
  top: 0;
}
.gray-card .card-inner .media .media-body ul li:last-child::after,
.gray-card .card-inner-header .media .media-body ul li:last-child::after {
  display: none;
}
.gray-card .card-inner .media .media-body .text-small-gray,
.gray-card .card-inner .media .media-body small,
.gray-card .card-inner-header .media .media-body .text-small-gray,
.gray-card .card-inner-header .media .media-body small {
  color: #676B6D;
  font-size: 12px;
  font-weight: 500;
  transition: 0.3s;
  white-space: normal;
  line-height: 16px;
  margin: 0;
}
.gray-card .card-inner .accodion-title,
.gray-card .card-inner-header .accodion-title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
  border: none;
  background-color: transparent;
  padding: 0;
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  text-transform: capitalize;
}
.gray-card .card-inner .accodion-content,
.gray-card .card-inner-header .accodion-content {
  padding: 10px 0;
}
.gray-card .card-inner .accodion-cta,
.gray-card .card-inner-header .accodion-cta {
  background-image: url("../images/accordion-cross.svg");
  width: 27px;
  height: 27px;
  padding: 0;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 300ms ease-in-out;
}
.gray-card .card-inner .accodion-cta.collapsed,
.gray-card .card-inner-header .accodion-cta.collapsed {
  background-image: url("../images/accordion-plus.svg");
}
.gray-card .new-info-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 15px;
       column-gap: 15px;
  margin-top: 24px;
  flex-wrap: wrap;
  row-gap: 15px;
}
.gray-card .new-info-text .text-last-log {
  margin-top: 0;
}
.gray-card .new-info-text .info-new {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.gray-card .new-info-text .info-new svg {
  min-width: 12px;
}
.gray-card .new-info-text .info-new p {
  margin: 0;
  color: #44484A;
  font-size: 12px;
  font-weight: 500;
}

.badge-outline-btn {
  border: 1px solid #ADA0E4;
  height: 28px;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  background-color: #FFFFFF;
  -moz-column-gap: 8px;
       column-gap: 8px;
  white-space: nowrap;
}

.swal2-modal.comm-swal,
.swal2-popup.comm-swal {
  border-radius: 32px;
  box-shadow: 0px 23px 50px 0px rgba(148, 194, 188, 0.1019607843);
  font-family: "Geist", sans-serif;
}
.swal2-modal.comm-swal .swal2-image,
.swal2-popup.comm-swal .swal2-image {
  height: 120px;
  margin: 30px auto;
}
.swal2-modal.comm-swal .swal2-title,
.swal2-popup.comm-swal .swal2-title {
  color: #202528;
  font-size: 20px;
  font-weight: 700;
}
.swal2-modal.comm-swal .swal2-content,
.swal2-popup.comm-swal .swal2-content {
  font-size: 14px;
  font-weight: 400;
  color: #44484A;
  max-width: 270px;
  margin: 0 auto;
  font-family: "Geist", sans-serif;
}
.swal2-modal.comm-swal .swal2-buttonswrapper,
.swal2-popup.comm-swal .swal2-buttonswrapper {
  flex-direction: row-reverse;
}
.swal2-modal.comm-swal .swal2-styled,
.swal2-popup.comm-swal .swal2-styled {
  text-transform: capitalize;
  border: 0;
  border-radius: 7px;
  box-shadow: none;
  color: #08A798;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  margin: 24px 5px 32px;
  padding: 10px 32px;
  box-shadow: none;
}
.swal2-modal.comm-swal .swal2-styled:focus,
.swal2-popup.comm-swal .swal2-styled:focus {
  box-shadow: none;
}
.swal2-modal.comm-swal .swal2-styled.swal2-confirm,
.swal2-popup.comm-swal .swal2-styled.swal2-confirm {
  background-color: #08A798 !important;
  border-left-color: #08A798 !important;
  border-right-color: #08A798 !important;
  color: #FFFFFF !important;
}
.swal2-modal.comm-swal .swal2-styled.swal2-cancel,
.swal2-popup.comm-swal .swal2-styled.swal2-cancel {
  background-color: transparent !important;
}

nav .pagination {
  justify-content: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
nav .pagination .page-item .page-link {
  border-radius: 0.25rem;
  margin-left: 0;
  color: #202528;
  font-size: 14px;
  font-weight: 600;
}
nav .pagination .page-item.active .page-link {
  color: #fff;
  background-color: #08A798;
  border-color: #08A798;
}

.small-pluse {
  border-radius: 50%;
  padding: 0;
  width: 10px;
  height: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-right: 6px;
}
.small-pluse:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 10px;
  height: 10px;
  background: #F22A0E;
  border-radius: 50%;
  transition: all 200ms;
  cursor: pointer;
}
.small-pluse:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 12px;
  height: 12px;
  background: rgb(243, 68, 45);
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.breadcrumb.comm-breadcrumb {
  background-color: transparent;
  padding: 0;
  margin: 4px 0 0;
}
.breadcrumb.comm-breadcrumb .breadcrumb-item {
  font-size: 12px;
  font-weight: 600;
}
.breadcrumb.comm-breadcrumb .breadcrumb-item.active {
  color: #8B8E8F;
}
.breadcrumb.comm-breadcrumb .breadcrumb-item a {
  color: #08A798;
}

.comm-vtabs-wrap .nav-tabs {
  border-bottom: none;
  -moz-column-gap: 40px;
       column-gap: 40px;
  flex-wrap: nowrap;
  margin-bottom: 10px;
  background-color: #fff;
  height: 44px;
  border-radius: 8px;
  align-items: flex-end;
  padding-left: 24px;
  padding-right: 24px;
}
@media only screen and (max-width: 1199.98px) {
  .comm-vtabs-wrap .nav-tabs {
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .comm-vtabs-wrap .nav-tabs {
    flex-wrap: wrap;
    row-gap: 20px;
  }
}
.comm-vtabs-wrap .nav-tabs.planning-enrichment-tabs {
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.comm-vtabs-wrap .nav-tabs.planning-enrichment-tabs .nav-link {
  padding: 0 14px 14px;
}
.comm-vtabs-wrap .nav-tabs .nav-link {
  position: relative;
  border: none;
  color: #ADB2B7;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  text-transform: capitalize;
  padding: 0 20px 14px;
  background-color: transparent;
}
@media only screen and (max-width: 1199.98px) {
  .comm-vtabs-wrap .nav-tabs .nav-link {
    font-size: 14px;
  }
}
.comm-vtabs-wrap .nav-tabs .nav-link::after {
  content: "";
  height: 3px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all 250ms ease 0s;
  transform: scale(0);
  background: #08A798 none repeat scroll 0% 0%;
}
.comm-vtabs-wrap .nav-tabs .nav-link.active, .comm-vtabs-wrap .nav-tabs .nav-link:hover {
  color: #08A798;
  background: transparent;
}
.comm-vtabs-wrap .nav-tabs .nav-link.active::after, .comm-vtabs-wrap .nav-tabs .nav-link:hover::after {
  transform: scale(1);
}

.last-login-info small {
  font-size: 12px;
  font-weight: 500;
  color: #676B6D;
}
.last-login-info small span {
  color: #202528;
}

.search-table {
  border: none;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
.search-table.layout-none {
  table-layout: auto;
}
.search-table thead th {
  color: #6149CC;
  font-size: 10px;
  border-top: 1px solid #D6DBE0;
  border-bottom: 1px solid #D6DBE0;
  padding: 8px 10px;
  font-weight: 700;
  position: relative;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.search-table thead th.whiteSpace-normal {
  white-space: normal;
}
.search-table thead th:first-child {
  padding-left: 0;
}
.search-table thead th:last-child {
  padding-right: 0;
}
.search-table tbody tr {
  border: none;
}
.search-table tbody tr td {
  font-size: 12px;
  font-weight: 500;
  color: #202528;
  vertical-align: middle;
  padding: 12px 10px;
  border-bottom: 1px solid #D6DBE0;
  white-space: normal;
  word-break: break-word;
}
@media screen and (max-width: 991.98px) {
  .search-table tbody tr td {
    padding: 12px 6px;
  }
}
.search-table tbody tr td:first-child {
  padding-left: 0;
}
@media screen and (max-width: 991.98px) {
  .search-table tbody tr td:first-child {
    padding-left: 6px;
  }
}
.search-table tbody tr td:last-child {
  padding-right: 0;
}
@media screen and (max-width: 991.98px) {
  .search-table tbody tr td:last-child {
    padding-right: 6px;
  }
}
.search-table tbody tr td p {
  margin-bottom: 0;
}
.search-table tbody tr td .user-info-wrap {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  align-items: center;
}
@media screen and (max-width: 991.98px) {
  .search-table tbody tr td .user-info-wrap {
    justify-content: flex-end;
  }
}
.search-table tbody tr td .user-info-wrap .user-content strong {
  font-weight: 600;
  color: #8B8E8F;
}
.search-table tbody tr td .user-info-wrap .user-avater-text {
  background-color: #D3CCF1;
  width: 32px;
  height: 32px;
  min-height: 32px;
  min-width: 32px;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #6149CC;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}
.search-table tbody tr td .user-info-wrap p {
  margin: 0;
}
.search-table tbody tr td a {
  text-decoration: none;
}

@media screen and (max-width: 991.98px) {
  .search-table {
    border: 0;
  }
  .search-table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .search-table tr {
    display: block;
    margin-bottom: 0.625em;
    background-color: #F1F3F5;
    padding: 10px;
    border: 1px solid #DEE2E6 !important;
    border-radius: 8px;
  }
  .search-table th,
  .search-table td {
    width: 100%;
  }
  .search-table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 0.8em;
    text-align: right;
  }
  .search-table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: 600;
    text-transform: uppercase;
    color: #6149CC;
  }
}
.theme-checkbox input[type=checkbox] {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.theme-checkbox label {
  position: relative;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
}
.theme-checkbox label:before {
  content: "";
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #CED4DA;
  padding: 8px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 4px;
  border-radius: 5px;
}
.theme-checkbox label:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 7px;
  width: 5px;
  height: 10px;
  border: solid rgba(206, 212, 218, 0.529);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.theme-checkbox input:checked + label:before {
  background: #00AA00;
  border-color: #00AA00;
}
.theme-checkbox input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 7px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.theme-checkbox input:indeterminate + label:before {
  background: #00AA00;
  border-color: #00AA00;
}
.theme-checkbox input:indeterminate + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 8.5px;
  left: 4px;
  width: 10px;
  height: 1.5px;
  background-color: #fff;
  border-width: 0;
  transform: rotate(0deg);
}

.circle-checkbox input[type=checkbox] {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.circle-checkbox label {
  position: relative;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.circle-checkbox label:before {
  content: "";
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #ADB2B7;
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
}
.circle-checkbox label:after {
  content: "";
  display: block;
  position: absolute;
  top: 4.5px;
  left: 9px;
  width: 5px;
  height: 10px;
  border: solid #CED4DA;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.circle-checkbox input:checked + label:before {
  background: #00AA00;
  border-color: #00AA00;
}
.circle-checkbox input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 4.5px;
  left: 9px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

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

.parent-child-checkbox-wrap ul {
  list-style-type: none;
}
.parent-child-checkbox-wrap ul.list--parent {
  flex-direction: column;
  border-top: 1px solid #CED4DA;
  justify-content: center;
  padding: 15px 0;
}
.parent-child-checkbox-wrap ul.list--parent .theme-checkbox label:before {
  margin-right: 8px;
  content: "";
}
.parent-child-checkbox-wrap ul.list--parent li {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 675px) {
  .parent-child-checkbox-wrap ul.list--parent li {
    flex-wrap: wrap;
    row-gap: 20px;
  }
}
.parent-child-checkbox-wrap ul.list--parent li > .parent-checkbox {
  flex: 0 0 275px;
}
@media (max-width: 1441px) {
  .parent-child-checkbox-wrap ul.list--parent li > .parent-checkbox {
    flex: 0 0 220px;
  }
}
.parent-child-checkbox-wrap ul.list--parent li .list--children {
  display: grid;
  -moz-column-gap: 24px;
       column-gap: 24px;
  row-gap: 16px;
  grid-template-columns: repeat(4, 130px);
}
@media (max-width: 1600px) {
  .parent-child-checkbox-wrap ul.list--parent li .list--children {
    grid-template-columns: repeat(3, 130px);
  }
}
@media (max-width: 1440px) {
  .parent-child-checkbox-wrap ul.list--parent li .list--children {
    grid-template-columns: repeat(2, 130px);
  }
}
@media (max-width: 1200px) {
  .parent-child-checkbox-wrap ul.list--parent li .list--children {
    grid-template-columns: repeat(1, 150px);
  }
}
@media (max-width: 991px) {
  .parent-child-checkbox-wrap ul.list--parent li .list--children {
    grid-template-columns: repeat(3, 130px);
  }
}
@media (max-width: 799px) {
  .parent-child-checkbox-wrap ul.list--parent li .list--children {
    grid-template-columns: repeat(2, 130px);
  }
}
@media (max-width: 395px) {
  .parent-child-checkbox-wrap ul.list--parent li .list--children {
    grid-template-columns: repeat(1, 150px);
  }
}
.parent-child-checkbox-wrap ul.list--parent li .list--children .theme-checkbox label:before {
  margin-right: 5px;
  content: "";
}
.parent-child-checkbox-wrap ul.list--parent .theme-checkbox label {
  white-space: nowrap;
}

.profile-info-wrap h5 {
  font-size: 16px;
  font-weight: 700;
  color: #202528;
}
.profile-info-wrap .profile-info {
  margin-top: 20px;
  margin-bottom: 40px;
}
.profile-info-wrap .profile-info .profile-list {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px dashed var(--french-gray-500, #CED4DA);
  padding: 16px 0;
}
.profile-info-wrap .profile-info .profile-list .info-left {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.profile-info-wrap .profile-info .profile-list .info-left h6 {
  color: #6149CC;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 700;
}

.status-progress .progress {
  display: flex;
  height: 8px;
  overflow: hidden;
  line-height: 0;
  background-color: transparent;
  border-radius: 0.25rem;
  width: 90px;
}
@media (max-width: 1280px) {
  .status-progress .progress {
    width: 70px;
  }
}
@media (max-width: 767px) {
  .status-progress .progress {
    width: 60px;
  }
}
.status-progress .progress.border-warning {
  border: 1px solid var(--orange-200, #FBCA80);
}
.status-progress .progress.border-success {
  border: 1px solid var(--green-200, #7AD37A);
}
.status-progress .progress-text {
  color: #44484A;
  font-size: 10px;
  font-weight: 700;
  line-height: 14px;
  display: inline-block;
}

.modal-fullscreen-wrap {
  padding: 0 !important;
}
.modal-fullscreen-wrap .modal-fullscreen {
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
  border-radius: 0;
  max-height: 100%;
}
.modal-fullscreen-wrap .modal-fullscreen .modal-header .close {
  position: relative;
  opacity: 1;
  right: 10px;
  top: 7px;
}
.modal-fullscreen-wrap .modal-fullscreen .modal-header .close:hover {
  opacity: 0.7;
}
.modal-fullscreen-wrap .modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen-wrap .modal-fullscreen .modal-content .modal-align-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-fullscreen-wrap .modal-fullscreen .modal-content .max-w-700 {
  max-width: 700px;
  margin: 0 auto;
}
.modal-fullscreen-wrap .modal-fullscreen .modal-content .max-w-800 {
  max-width: 800px;
  margin: 0 auto;
}
.modal-fullscreen-wrap .modal-fullscreen .modal-content .max-w-800.form-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: calc(100vh - 76px);
}
.modal-fullscreen-wrap .modal-fullscreen .modal-content .max-w-1200 {
  max-width: 1200px;
  margin: 0 auto;
}
.modal-fullscreen-wrap .modal-fullscreen .modal-content .max-w-1200.form-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: calc(100vh - 76px);
}
.modal-fullscreen-wrap .modal-fullscreen .modal-content .form-group .toggle-switch {
  width: 100%;
  max-width: 205px;
  justify-content: flex-end;
}

.steps-wrap .step {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #CED4DA;
}
.steps-wrap .step .steps-header {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
}
.steps-wrap .step .steps-header .step-number {
  background-color: #D6DBE0;
  border: 1px solid #D6DBE0;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.steps-wrap .step .steps-header .step-title {
  color: #AFB1B2;
  font-size: 16px;
  font-weight: 700;
}
.steps-wrap .step .steps-inner {
  display: none;
  margin-top: 30px;
}
.steps-wrap .step.active .steps-header .step-number {
  background-color: #D3CCF1;
  border: 1px solid #9483DC;
  color: #6149CC;
}
.steps-wrap .step.active .steps-header .step-title {
  color: #222A35;
}
.steps-wrap .step.active .steps-inner {
  display: block;
}
.steps-wrap .step.done .steps-header .step-number {
  background-color: #29B829;
  border-color: #29B829;
  background-image: url("../images/stepper-check.svg");
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0px;
}
.steps-wrap .step.done .steps-header .step-title {
  color: #222A35;
}

.no-date-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 336px);
}
.no-date-wrap img {
  margin-bottom: 20px;
}
.no-date-wrap p {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #676B6D;
  font-family: "Geist", sans-serif;
}

.planning-content {
  padding: 8px 0;
}
.planning-content img {
  height: 25px;
}
.planning-content .planning-title {
  font-size: 16px;
  font-weight: 600;
  color: #202528;
  margin: 25px 0 0;
  text-transform: capitalize;
  display: block;
  text-decoration: none;
  line-height: 24px;
}
.planning-content .circle-checkbox {
  position: absolute;
  top: 10px;
  right: 10px;
}

.gj-picker table tr td.today div {
  color: rgb(8, 167, 152) !important;
  font-size: 14px;
  font-weight: 600;
  font-family: "Geist", sans-serif;
}
.gj-picker table tr td.selected div {
  background-color: rgb(8, 167, 152) !important;
  color: #fff !important;
}

.lightblue-card {
  background-color: rgba(221, 249, 252, 0.5);
  padding: 16px 16px 0;
  border-radius: 12px;
  margin-bottom: 1rem;
}
.lightblue-card.pb {
  padding-bottom: 16px;
}
.lightblue-card .gray-card.white-bg {
  background: #FFFFFF;
  margin-top: 16px;
}
.lightblue-card .add-more-text {
  color: #08A798;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 1rem;
  text-transform: capitalize;
  display: inline-block;
}
.lightblue-card .tasks-text {
  font-size: 14px;
  color: #202528;
  font-weight: 700;
}

.dropzone-group .hidden {
  display: none;
}
.dropzone-group .box {
  position: relative;
  background: #ffffff;
  width: 100%;
  border-radius: 10px;
  margin: 20px 0;
  display: flex;
  justify-content: space-between;
}
.dropzone-group .box .box-body .file-preview {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.dropzone-group .box .box-body .file-name {
  margin: 0;
  color: #08A798;
  font-size: 14px;
  font-weight: 500;
}
.dropzone-group .box .box-body img {
  object-fit: contain;
  -o-object-fit: contain;
}
.dropzone-group .box .remove-preview {
  border: none;
  background-color: rgba(255, 255, 255, 0.779);
  padding: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  box-shadow: 0 0 8px #c7e5e2;
}
.dropzone-group .dropzone-wrapper {
  border: 2px dashed #84E9F4;
  color: #92b0b3;
  position: relative;
  height: 290px;
}
.dropzone-group .dropzone-wrapper:before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: -1px;
  left: -1.5px;
  border-top: 3px solid #66CCFF;
  border-left: 3px solid #66CCFF;
}
.dropzone-group .dropzone-wrapper:after {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: -1px;
  right: -1.5px;
  border-top: 3px solid #66CCFF;
  border-right: 3px solid #66CCFF;
}
.dropzone-group .dropzone-wrapper .dropzone-desc {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: absolute;
  width: 100%;
  padding: 20px;
}
.dropzone-group .dropzone-wrapper .dropzone-desc:after {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: -1px;
  right: -1.5px;
  border-bottom: 3px solid #66CCFF;
  border-right: 3px solid #66CCFF;
}
.dropzone-group .dropzone-wrapper .dropzone-desc:before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: -1px;
  left: -1.5px;
  border-bottom: 3px solid #66CCFF;
  border-left: 3px solid #66CCFF;
}
.dropzone-group .dropzone-wrapper .dropzone-desc i {
  margin-bottom: 24px;
}
.dropzone-group .dropzone-wrapper .dropzone-desc p {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: #202528;
  margin-bottom: 0;
}
.dropzone-group .dropzone-wrapper .dropzone-desc p span {
  color: #08A798;
}
.dropzone-group .dropzone-wrapper .dropzone-desc small {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #676B6D;
  letter-spacing: normal;
}
.dropzone-group .dropzone,
.dropzone-group .dropzone:focus {
  position: absolute;
  outline: none !important;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.dropzone-group .dropzone-wrapper:hover,
.dropzone-group .dropzone-wrapper.dragover {
  background: #ecf0f5;
}

.attach-file {
  position: relative;
}
.attach-file input[type=file] {
  display: none;
}
.attach-file .attach-input {
  border-width: 1px;
  border-style: dashed;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.attach-file .attach-input.solid {
  border-style: solid;
}
.attach-file .attach-input .attach_File_name {
  color: #8B8E8F;
  font-size: 12px;
  font-weight: 500;
  width: calc(100% - 40px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.attach-file .attach-input .attach_File_name small {
  color: #08A798;
  text-decoration: underline;
}
.attach-file .attach-input .attach_File_name.is-file {
  color: #202528;
  font-size: 14px;
}

.upload-file-name {
  font-size: 12px;
  color: #08A798;
}

.gray-card .card-inner.profile-info-wrap .profile-info .profile-list:last-child {
  border-bottom: none;
}

.comm-card .card-content .hover-card {
  transition: height 300ms ease;
  height: 100%;
}
.comm-card .card-content .hover-card .card-inner {
  position: relative;
}
.comm-card .card-content .hover-card .card-inner .card-top .btn-group {
  opacity: 1;
  visibility: visible;
  transition: ease-in-out 300ms all;
}
.comm-card .card-content .hover-card .card-inner .card-top .btn-group .notification-icon {
  transition: ease-in-out 300ms all;
}
.comm-card .card-content .hover-card .card-inner .card-top .card-top-task-info {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  opacity: 1;
  visibility: visible;
  position: relative;
  top: 0;
  transition: ease-in-out 300ms all;
}
.comm-card .card-content .hover-card .card-inner .card-top .card-top-task-info h5 {
  font-size: 14px;
}
.comm-card .card-content .hover-card .card-inner .inner-content h5 {
  display: none;
}
.comm-card .card-content .hover-card .card-inner .inner-content .ul-badge {
  transition: ease-in-out 300ms all;
}
.comm-card .card-content .hover-card .card-inner .inner-content .ul-badge .is-hover {
  display: none;
  transition: ease-in-out 300ms all;
}
.comm-card .card-content .hover-card .card-inner .btn-group {
  position: relative;
  z-index: 2;
}
.comm-card .card-content .hover-card:hover .card-inner .inner-content h5 {
  display: block;
}
.comm-card .card-content .hover-card:hover .card-inner .inner-content .ul-badge .is-hover {
  display: flex;
}

@media (max-width: 575px) {
  .accodion-card-wrap .card-inner-header > .d-flex {
    flex-wrap: wrap;
    row-gap: 10px;
  }
}
@media (max-width: 575px) {
  .accodion-card-wrap .card-inner-header > .d-flex .btn-group {
    width: 100%;
    justify-content: flex-end;
  }
}
@media (max-width: 575px) {
  .accodion-card-wrap .gray-card.white-bg .card-inner-header > .d-flex, .accodion-card-wrap .gray-card.is-log .card-inner-header > .d-flex {
    flex-wrap: nowrap;
  }
}
@media (max-width: 575px) {
  .accodion-card-wrap .gray-card.white-bg .card-inner-header > .d-flex .btn-group, .accodion-card-wrap .gray-card.is-log .card-inner-header > .d-flex .btn-group {
    width: auto;
    justify-content: space-between;
  }
}

.comm-form-wrap .form-group .form-control:disabled,
.comm-form-wrap .form-group .form-control[readonly],
.comm-form-wrap .select2-container.select2-container--disabled {
  background-color: #EDF0F2 !important;
  opacity: 1;
}

.comm-card .gray-card .stretched-link ~ .card-inner .btn-group {
  position: relative;
  z-index: 2;
}

.cost-price {
  font-size: 14px;
  color: #44484A;
  display: inline-flex;
  align-items: center;
}
.cost-price span {
  color: #00AA00;
}

.subject-list-tags {
  list-style-type: none;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.subject-list-tags li {
  border: 1px solid #BAA2FD;
  background-color: rgba(255, 255, 255, 0.647);
  border-radius: 4px;
  color: #7A4DFC;
  font-size: 8px;
  text-transform: uppercase;
  font-weight: 800;
  padding: 4px 8px;
  letter-spacing: 1px;
}

.activities-data-wrap {
  display: flex;
  row-gap: 24px;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.activities-data-wrap .activities-data {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 20%;
  max-width: 20%;
}
@media (max-width: 1200px) {
  .activities-data-wrap .activities-data {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (max-width: 991px) {
  .activities-data-wrap .activities-data {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
@media (max-width: 767px) {
  .activities-data-wrap .activities-data {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 479px) {
  .activities-data-wrap .activities-data {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.activities-data-wrap .activities-data p {
  margin: 0;
  color: #6149CC;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.activities-data-wrap .activities-data span {
  color: #202528;
  font-size: 14px;
  font-weight: 400;
  word-break: break-word;
}

.border-top {
  border-top: 1px solid #CED4DA;
}

.comm-vtabs-wrap .accodion-title .btn-group {
  flex-wrap: wrap;
  gap: 6px;
}

.login-wrapper {
  background: url("../images/login-wave-bg.svg"), #ECFEFC;
  min-height: 100vh;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 20px;
  background-attachment: fixed;
}
.login-wrapper .login-inner {
  max-width: 478px;
  margin: 0 auto;
  width: 100%;
}
.login-wrapper .login-inner .login-card {
  background-color: #FFFFFF;
  box-shadow: 0px 23px 50px 0px rgba(148, 194, 188, 0.1019607843);
  border-radius: 32px;
  padding: 5px 20px;
}
.login-wrapper .login-inner .login-card .card-max-w {
  max-width: 350px;
  margin: 0 auto;
}
.login-wrapper .login-inner .login-card .login-logo {
  margin-top: 50px;
  margin-bottom: 40px;
}
.login-wrapper .login-inner .login-copywrite {
  margin-top: 40px;
}
.login-wrapper .login-inner .login-copywrite ul {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  margin-left: 0;
  list-style-type: none;
}
.login-wrapper .login-inner .login-copywrite ul li {
  position: relative;
}
.login-wrapper .login-inner .login-copywrite ul li a,
.login-wrapper .login-inner .login-copywrite ul li p {
  color: #000000;
  font-size: 12px;
  font-weight: 500;
  transition: 0.3s;
  white-space: normal;
  margin: 0;
}
.login-wrapper .login-inner .login-copywrite ul li a:hover {
  color: #08A798;
}
.login-wrapper .login-inner .login-copywrite ul li::after {
  content: "|";
  color: #000000;
  margin-left: -12px;
  position: absolute;
  left: 0;
  top: 0;
}
.login-wrapper .login-inner .login-copywrite ul li:first-child::after {
  display: none;
}

.form-heading {
  margin-bottom: 35px;
}
.form-heading h3 {
  font-size: 20px;
  font-weight: 700;
  color: #202528;
  margin-bottom: 5px;
  text-transform: capitalize;
}
.form-heading p {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #44484A;
  font-family: "Geist", sans-serif;
}

.pass-wrap {
  position: relative;
}
.pass-wrap .pass-eyes {
  position: absolute;
  top: 7.5px;
  right: 14px;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

.comm-form-wrap .form-group {
  position: relative;
  overflow: hidden;
}
.comm-form-wrap .form-group ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #8B8E8F;
  font-size: 12px;
  font-weight: 500;
}
.comm-form-wrap .form-group ::-moz-placeholder { /* Firefox 19+ */
  color: #8B8E8F;
  font-size: 12px;
  font-weight: 500;
}
.comm-form-wrap .form-group :-ms-input-placeholder { /* IE 10+ */
  color: #8B8E8F;
  font-size: 12px;
  font-weight: 500;
}
.comm-form-wrap .form-group :-moz-placeholder { /* Firefox 18- */
  color: #8B8E8F;
  font-size: 12px;
  font-weight: 500;
}
.comm-form-wrap .form-group .form-label {
  font-size: 12px;
  font-weight: 500;
  color: #202528;
  margin-bottom: 4px;
  text-transform: capitalize;
  display: block;
}
.comm-form-wrap .form-group .form-label.custom-label {
  text-transform: none;
}
.comm-form-wrap .form-group .form-label sup {
  color: #F22A0E;
  top: -2px;
  margin-left: 2px;
}
.comm-form-wrap .form-group .form-label-b {
  font-size: 14px;
  font-weight: 700;
  color: #202528;
  margin-bottom: 0;
  text-transform: capitalize;
}
.comm-form-wrap .form-group input.form-control,
.comm-form-wrap .form-group .custom-select,
.comm-form-wrap .form-group .select2-container .select2-selection--single {
  height: 40px;
  padding: 0.375rem 0.85rem;
  font-size: 14px;
  font-weight: 500;
  color: #202528;
  border: 1px solid #DEE2E6;
  border-radius: 4px;
  outline: none;
  box-shadow: none;
  width: 100%;
  font-family: "Geist", sans-serif;
  background-color: #fff;
}
.comm-form-wrap .form-group input.form-control:focus,
.comm-form-wrap .form-group .custom-select:focus,
.comm-form-wrap .form-group .select2-container .select2-selection--single:focus {
  border: 1px solid #08A798;
}
.comm-form-wrap .form-group textarea.form-control {
  padding: 0.375rem 0.85rem;
  font-size: 14px;
  font-weight: 500;
  color: #202528;
  border: 1px solid #DEE2E6;
  border-radius: 4px;
  outline: none;
  box-shadow: none;
  width: 100%;
  resize: none;
}
.comm-form-wrap .form-group textarea.form-control:focus {
  border: 1px solid #08A798;
}
.comm-form-wrap .form-group textarea.form-control.text-gray {
  color: #676B6D;
  font-size: 12px;
  line-height: 22px;
}
.comm-form-wrap .form-group .select2-container {
  width: 100% !important;
  display: block;
  font-family: "Geist", sans-serif;
}
.comm-form-wrap .form-group .select2-container .select2-selection--single .select2-selection__rendered {
  color: #202528;
  line-height: 26px;
  padding-left: 0;
}
.comm-form-wrap .form-group .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  color: #8B8E8F;
  font-size: 12px;
  font-weight: 500;
  font-family: "Geist", sans-serif;
}
.comm-form-wrap .form-group .select2-container .select2-selection--single .select2-selection__arrow {
  height: 40px;
}
.comm-form-wrap .form-group .select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: #44484a transparent transparent transparent;
  margin-left: -10px;
}
.comm-form-wrap .form-group .select2-container .select2-selection--multiple {
  display: flex;
  min-height: 40px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  align-items: center;
  border: 1px solid #DEE2E6;
  background: #fff url("../images/arrow_drop_down.svg") no-repeat right 0.75rem center/8px 10px !important;
}
.comm-form-wrap .form-group .select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  flex-wrap: wrap;
  height: 100%;
  -moz-column-gap: 5px;
       column-gap: 5px;
  row-gap: 5px;
  padding: 5px 0.85rem;
}
.comm-form-wrap .form-group .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__clear {
  position: absolute;
  right: 20px;
  top: 5px;
}
.comm-form-wrap .form-group .select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: transparent;
  border: 1px solid #ADA0E4;
  border-radius: 20px;
  cursor: default;
  float: none;
  margin-right: 0;
  margin-top: 0;
  padding: 0 20px 0 10px;
  color: #202528;
  font-size: 14px;
  position: relative;
  font-family: "Geist", sans-serif;
}
.comm-form-wrap .form-group .select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  color: #F22A0E;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  position: absolute;
  margin-right: 0;
  right: 7px;
  top: -1px;
  opacity: 0.8;
}
.comm-form-wrap .form-group .select2-container.select2-container--focus .select2-selection--multiple {
  border: 1px solid #08A798;
}
.comm-form-wrap .form-group .select2-container .select2-search--inline .select2-search__field {
  font-size: 12px;
  width: -moz-fit-content !important;
  width: fit-content !important;
  margin-top: 0;
  color: #8B8E8F;
}
.comm-form-wrap .form-group .form-control-plaintext {
  color: #676B6D;
  font-size: 12px;
  font-weight: 500;
}
.comm-form-wrap .form-group .real-password {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.comm-form-wrap .form-group .form-control.is-invalid,
.comm-form-wrap .form-group .was-validated .form-control:invalid,
.comm-form-wrap .form-group .select2-selection.is-invalid {
  border-color: #dc3545 !important;
  background-image: none;
}
.comm-form-wrap .form-group .form-control.is-valid,
.comm-form-wrap .form-group .was-validated .form-control:valid,
.comm-form-wrap .form-group .select2-selection.is-valid {
  border-color: #28a745 !important;
  background-image: none;
}
.comm-form-wrap .form-group .custom-select {
  background: #fff url("../images/arrow_drop_down.svg") no-repeat right 0.75rem center/8px 10px !important;
}
.comm-form-wrap .form-group select,
.comm-form-wrap .form-group select option {
  color: #202528;
}
.comm-form-wrap .form-group select:invalid,
.comm-form-wrap .form-group select option[value=""] {
  color: #8B8E8F;
  font-size: 12px;
}
.comm-form-wrap .form-group .pass-wrap input.form-control {
  padding-right: 40px;
}
.comm-form-wrap .form-group .gj-datepicker .gj-icon {
  background-image: url("../images/date-icon.svg");
  background-repeat: no-repeat;
  font-size: 0;
  width: 100%;
  height: 100%;
  background-position: right center;
  right: 13.6px;
}
.comm-form-wrap .form-group.border-divider-top {
  border-top: 1px solid #DEE2E6;
  padding-top: 20px;
  padding-bottom: 5px;
}
.comm-form-wrap .form-group.border-divider-top .form-label {
  margin-bottom: 0;
}
.comm-form-wrap .radio-wrap {
  display: flex;
  flex-wrap: wrap;
}
.comm-form-wrap .radio-wrap.flex-radio {
  align-items: center;
  gap: 10px;
}
.comm-form-wrap .radio-wrap.flex-block {
  flex-direction: column;
  row-gap: 15px;
}
.comm-form-wrap .radio-wrap .radio-item {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.comm-form-wrap .radio-wrap .radio-item label {
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
}
.comm-form-wrap .radio-wrap input[type=radio] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #D4D9DD;
  border-radius: 50%;
  margin-right: 8px;
  background-color: transparent;
  position: relative;
  cursor: pointer;
}
.comm-form-wrap .radio-wrap input[type=radio]:checked {
  border: 1px solid #00AA00;
}
.comm-form-wrap .radio-wrap input[type=radio]:checked:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: #00AA00;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: radio-appear 0.5s;
}
.comm-form-wrap .checkbox-wrap {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 16px;
  column-gap: 16px;
  row-gap: 16px;
}
.comm-form-wrap .form-sub-heading {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 700;
  color: #6149CC;
  letter-spacing: 1px;
  margin-bottom: 6px;
}

.small-form-group .custom-select {
  background: #fff url("../images/arrow_drop_down.svg") no-repeat right 0.75rem center/8px 10px !important;
  font-size: 12px;
  font-weight: 500;
  color: #202528;
  border: 1px solid #DEE2E6;
  border-radius: 30px;
  outline: none;
  box-shadow: none;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  height: 26px;
}
.small-form-group .custom-select:focus {
  border: 1px solid #08A798;
}
.small-form-group .custom-select option {
  font-size: 12px;
  font-weight: 500;
}

.comm-form-wrap .form-control.is-invalid ~ .select2-container .select2-selection {
  border-color: #dc3545 !important;
  background-image: none;
}

.comm-form-wrap .form-control.is-valid ~ .select2-container .select2-selection {
  border-color: #28a745 !important;
  background-image: none;
}

.l-sidebar {
  width: 100px;
  position: fixed;
  z-index: 1001;
  left: 0;
  top: 0;
  bottom: 0;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #DEE2E6;
  transition: all 300ms ease-in-out;
}
.l-sidebar .logo {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  height: 72px;
  min-height: 72px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #DEE2E6;
}
.l-sidebar .logo .logo__txt {
  padding: 10px 15px;
  width: 100%;
  display: none;
  opacity: 0;
  transition: all 300ms ease-in-out;
}
.l-sidebar .logo .logo__txt img {
  max-width: 100%;
  height: 40px;
}
.l-sidebar .logo .logo__txt.icon {
  width: 100%;
}

.sidebar-is-expanded .l-sidebar {
  width: 240px;
}
.sidebar-is-expanded .l-sidebar .logo .logo__txt.full {
  display: block;
  text-align: center;
  opacity: 1;
}

.sidebar-is-reduced .l-sidebar .logo .logo__txt.icon {
  display: block;
  text-align: center;
  opacity: 1;
}

.l-sidebar__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 auto;
  position: relative;
  padding-top: 20px;
}

.js-hamburger {
  position: absolute;
  top: 60px;
  right: 10px;
  cursor: pointer;
  z-index: 2;
  transition: all ease-in-out 300ms;
  display: flex;
  justify-content: center;
  align-items: center;
}
.js-hamburger .hamburger-toggle {
  padding: 0;
  transition: all ease-in-out 300ms;
  display: inline-block;
}
.js-hamburger .hamburger-toggle.is-closed {
  transform: rotate(180deg);
}
@media (max-width: 1024px) {
  .js-hamburger .hamburger-toggle.is-closed {
    transform: rotate(0deg);
  }
}

.u-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tooltip {
  max-width: 200px;
  min-width: 100px;
  font-family: "Geist", sans-serif;
}
.tooltip .tooltip-inner {
  padding: 8px 10px;
  color: #fff;
  text-align: center;
  background-color: #08A798;
  font-size: 14px;
  border-radius: 3px;
  font-weight: 500;
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
  border-right-color: #08A798;
}

.c-menu > ul {
  display: flex;
  flex-direction: column;
}
.c-menu > ul .c-menu__item {
  color: #FFFFFF;
  max-width: 100%;
  border-radius: 0;
  position: relative;
  padding: 10px 16px;
}
.c-menu > ul .c-menu__item:not(.is-active):hover .c-menu__item__inner {
  background-color: #08A798;
  color: #FFFFFF;
}
.c-menu > ul .c-menu__item:not(.is-active):hover .c-menu__item__inner .c-menu-item__icon .icon-img {
  opacity: 0;
  visibility: hidden;
}
.c-menu > ul .c-menu__item:not(.is-active):hover .c-menu__item__inner .c-menu-item__icon .icon-active-img {
  opacity: 1;
  visibility: visible;
}
.c-menu > ul .c-menu__item:not(.is-active):hover .c-menu__item__inner .sub-menu-arrow svg path {
  fill: #FFFFFF;
}
.c-menu > ul .c-menu__item .c-menu-item__icon {
  flex: 0 0 40px;
  text-align: center;
  padding-left: 0;
  transition: all 300ms ease-in-out;
  position: relative;
}
.c-menu > ul .c-menu__item .c-menu-item__icon img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 300ms ease-in-out;
}
.c-menu > ul .c-menu__item .c-menu-item__icon img.icon-active-img {
  opacity: 0;
  visibility: hidden;
}
.c-menu > ul .c-menu__item .c-menu-item__title {
  flex-basis: 100%;
  padding-right: 0;
  position: relative;
  left: 0;
  opacity: 0;
  visibility: hidden;
  width: 0;
  transition: all 300ms ease-in-out;
}
.c-menu > ul .c-menu__item .c-menu-item__title span {
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
}
.c-menu > ul .c-menu__item .sub-menu-wrap .sub-menu-box {
  background-color: #F1F3F5;
  padding: 20px 16px 20px 20px;
  border-radius: 8px;
  margin-top: 5px;
}
.c-menu > ul .c-menu__item .sub-menu-wrap .sub-menu-box ul {
  list-style-type: none;
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.c-menu > ul .c-menu__item .sub-menu-wrap .sub-menu-box ul::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #CED4DA;
  height: calc(100% - 15px);
  width: 1px;
}
.c-menu > ul .c-menu__item .sub-menu-wrap .sub-menu-box ul li {
  padding: 0;
  position: relative;
}
.c-menu > ul .c-menu__item .sub-menu-wrap .sub-menu-box ul li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #CED4DA;
  width: 12px;
  height: 1px;
}
.c-menu > ul .c-menu__item .sub-menu-wrap .sub-menu-box ul li a {
  color: #202528;
  font-size: 10px;
  font-weight: 600;
  text-transform: capitalize;
  padding: 7.5px 12px;
  text-decoration: none;
  display: flex;
  align-items: center;
  position: relative;
  transition: all 0.3s ease-in-out;
  margin-left: 12px;
  border-radius: 8px;
}
.c-menu > ul .c-menu__item .sub-menu-wrap .sub-menu-box ul li a:before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 18px;
  background: url("../images/icon-caret.svg") no-repeat -12px 0/contain;
  transition: background-position 0.3s ease-in-out;
}
.c-menu > ul .c-menu__item .sub-menu-wrap .sub-menu-box ul li a span {
  transition: transform 0.3s ease-in-out;
}
.c-menu > ul .c-menu__item .sub-menu-wrap .sub-menu-box ul li a:hover, .c-menu > ul .c-menu__item .sub-menu-wrap .sub-menu-box ul li a.sub-active {
  background-color: #BAE6E2;
  color: #08A798;
}
.c-menu > ul .c-menu__item .sub-menu-wrap .sub-menu-box ul li a:hover:before, .c-menu > ul .c-menu__item .sub-menu-wrap .sub-menu-box ul li a.sub-active:before {
  background-position: 0;
}
.c-menu > ul .c-menu__item .sub-menu-wrap .sub-menu-box ul li a:hover span, .c-menu > ul .c-menu__item .sub-menu-wrap .sub-menu-box ul li a.sub-active span {
  transform: translateX(10px);
}
.c-menu > ul .c-menu__item__inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 42px;
  position: relative;
  cursor: pointer;
  border-radius: 8px;
  padding: 0 14px 0 6px;
  transition: all 300ms ease-in-out;
}
@media (max-width: 1024px) {
  .c-menu > ul .c-menu__item__inner {
    padding: 0 10px 0 5px;
  }
}
.c-menu > ul .c-menu__item__inner .sub-menu-arrow {
  transform: rotate(0deg);
  transition: all 300ms ease-in-out;
}
.c-menu > ul .c-menu__item__inner.collapsed .sub-menu-arrow {
  transform: rotate(0deg);
  transition: all 300ms ease-in-out;
}
.c-menu > ul .c-menu__item__inner:not(.collapsed) .sub-menu-arrow {
  transform: rotate(-180deg);
}
.c-menu > ul a.c-menu__item__inner {
  color: #20272B;
  text-decoration: none;
}
.c-menu > ul .c-menu__item.is-active .c-menu__item__inner {
  background-color: #08A798;
  color: #FFFFFF;
  box-shadow: 0px 3px 7px 0px rgba(0, 102, 92, 0.1019607843);
}
.c-menu > ul .c-menu__item.is-active .c-menu__item__inner .c-menu-item__icon .icon-img {
  opacity: 0;
  visibility: hidden;
}
.c-menu > ul .c-menu__item.is-active .c-menu__item__inner .c-menu-item__icon .icon-active-img {
  opacity: 1;
  visibility: visible;
}
.c-menu > ul .c-menu__item.is-active .c-menu__item__inner .sub-menu-arrow svg path {
  fill: #FFFFFF;
}

.sidebar-is-expanded .c-menu > ul .c-menu__item .c-menu-item__title {
  opacity: 1;
  visibility: visible;
}

.sidebar-is-reduced .c-menu > ul .c-menu__item .sub-menu-wrap {
  position: absolute;
  left: 105px;
  top: 46px;
  z-index: 99;
}
@media (max-width: 1024px) {
  .sidebar-is-reduced .c-menu > ul .c-menu__item .sub-menu-wrap {
    position: relative;
    left: 0;
    top: 0;
  }
}
.sidebar-is-reduced .c-menu > ul .c-menu__item .sub-menu-wrap .sub-menu-box {
  min-width: 200px;
  border: 1px solid #CED4DA;
}
.sidebar-is-reduced .c-menu > ul .c-menu__item .c-menu-item__icon {
  flex: 0 0 50px;
}
@media (max-width: 1024px) {
  .sidebar-is-reduced .c-menu > ul .c-menu__item .c-menu-item__icon {
    flex: 0 0 40px;
  }
}
.sidebar-is-reduced .c-menu > ul .c-menu__item .sub-menu-arrow {
  position: relative;
  right: 5px;
}

#sidebar-scroll {
  height: calc(100vh - 110px);
}
#sidebar-scroll .mCustomScrollBox {
  overflow: visible;
}
#sidebar-scroll .mCustomScrollBox .mCSB_container {
  overflow: visible;
}
#sidebar-scroll .inner-height {
  min-height: calc(100vh - 100px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  #sidebar-scroll .inner-height {
    min-height: calc(100vh - 70px);
  }
}
#sidebar-scroll .inner-height .js-menu.mt-3 {
  margin-bottom: 15px;
}
#sidebar-scroll .mCSB_scrollTools .mCSB_dragger_bar {
  margin: 0 0 0 auto;
}

.sidebar-terms {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  margin-left: 0;
  list-style-type: none;
  padding-left: 0;
  transition: all 300ms ease-in-out;
}
.sidebar-terms li {
  position: relative;
}
.sidebar-terms li a {
  color: #44484A;
  font-size: 10px;
  font-weight: 600;
  transition: 0.3s;
  white-space: normal;
}
.sidebar-terms li a:hover {
  color: #0c1117;
}
.sidebar-terms li::after {
  content: "|";
  color: #44484A;
  margin-left: -10px;
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 600;
}
.sidebar-terms li:first-child::after {
  display: none;
}

.sidebar-is-reduced .sidebar-terms {
  flex-direction: column;
}
@media (max-width: 1024px) {
  .sidebar-is-reduced .sidebar-terms {
    flex-direction: row;
  }
}
.sidebar-is-reduced .sidebar-terms li::after {
  display: none;
}
@media (max-width: 1024px) {
  .sidebar-is-reduced .sidebar-terms li::after {
    display: block;
  }
}
.sidebar-is-reduced .sidebar-terms li:first-child::after {
  display: none;
}

.sidebar-copywright {
  text-align: center;
  margin: 4px 0 0;
  color: #8B8E8F;
  font-size: 10px;
  font-weight: 600;
}

main.l-main {
  background-color: #f2f3f5;
  width: 100%;
  height: 100%;
  transition: padding 0.3s ease-in-out;
}

main.l-main .content-wrapper {
  padding: 24px 24px;
  min-height: calc(100vh - 90px);
  position: relative;
}
@media (max-width: 767px) {
  main.l-main .content-wrapper {
    padding: 24px 20px;
  }
}

main.l-main .content-wrapper-with-bg .page-content {
  background: #fff;
  border-radius: 6px;
  padding: 24px;
  box-shadow: 0 0 10px rgba(206, 206, 206, 0.34);
}
@media (max-width: 767px) {
  main.l-main .content-wrapper-with-bg .page-content {
    padding: 24px 20px;
  }
}

.sidebar-is-expanded main.l-main {
  padding-left: 240px;
}

.sidebar-is-reduced main.l-main {
  padding-left: 100px;
}

main.l-main .page-content .page-title,
.page-title {
  font-size: 28px;
  font-weight: 600;
}
main.l-main .page-content .page-title a,
.page-title a {
  color: #000000;
  text-decoration: none;
}

main.l-main .page-content .docu-heading {
  margin: 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

main.l-main .page-content .docu-heading .page-title {
  margin: 0;
}

.d-humburger-hide.js-hamburger {
  display: none;
}

.page-title-wrap {
  position: fixed;
  padding-left: 24px;
  z-index: 1001;
  transition: left 0.3s ease-in-out;
}
@media (max-width: 1024px) {
  .page-title-wrap {
    position: static;
    padding-left: 0;
    margin-bottom: 20px;
  }
}
.page-title-wrap h5 {
  font-size: 20px;
}

.sidebar-is-expanded .page-title-wrap {
  left: 260px;
}
.sidebar-is-expanded .page-title-wrap.single-line {
  top: 43px;
}
.sidebar-is-expanded .page-title-wrap.single-line.stick {
  top: 23px;
}
.sidebar-is-expanded .page-title-wrap.double-line {
  top: 32px;
}
.sidebar-is-expanded .page-title-wrap.double-line.stick {
  top: 12px;
}

.sidebar-is-reduced .page-title-wrap {
  left: 120px;
  transition: all 300ms linear;
}
.sidebar-is-reduced .page-title-wrap.single-line {
  top: 43px;
}
.sidebar-is-reduced .page-title-wrap.single-line.stick {
  top: 23px;
}
.sidebar-is-reduced .page-title-wrap.double-line {
  top: 32px;
}
.sidebar-is-reduced .page-title-wrap.double-line.stick {
  top: 12px;
}

.comm-card {
  border-radius: 16px;
  padding: 24px;
  background-color: #FFFFFF;
  border: 1px solid #D6DBE0;
  position: relative;
}
@media (max-width: 1280px) {
  .comm-card {
    padding: 16px;
  }
}
.comm-card.m-h-189 {
  min-height: 189px;
}
.comm-card.blue-card {
  border: 1px solid var(--electric-blue-400, #98EDF6);
  background: var(--azure, #ECFEFC);
}
.comm-card.blue-card .card-top h5 {
  font-size: 16px;
}
.comm-card.tracker-card {
  background-color: #6149CC;
  border: 1px solid #6149CC;
  color: white;
}
.comm-card.tracker-card .card-top p {
  color: #fff;
}
.comm-card .card-a-link {
  background: rgba(255, 255, 255, 0.2);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .comm-card .card-a-link {
    top: 20px;
    right: 20px;
  }
}
.comm-card .card-a-link:hover {
  opacity: 0.5;
}
.comm-card .card-a-link.link-green {
  background: rgb(186, 230, 226);
}
.comm-card .card-top-content {
  display: flex;
  align-items: center;
}
.comm-card .card-top.mx-w {
  max-width: calc(100% - 75px);
}
.comm-card .card-top h5 {
  font-size: 18px;
  font-weight: 700;
}
.comm-card .card-top h6 {
  font-size: 16px;
  font-weight: 700;
}
.comm-card .card-top p {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
  color: #676B6D;
  font-family: "Geist", sans-serif;
}
.comm-card .card-end h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 54px;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .comm-card .card-end h2 {
    font-size: 32px;
  }
}
.comm-card .card-end h2 sub {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  bottom: 0;
  left: 5px;
}
.comm-card .card-end h2 sub.sub-color-1 {
  color: #84E9F4;
}
.comm-card .card-end h2 sub.sub-color-2 {
  color: #305458;
}
.comm-card .progress {
  display: flex;
  height: 6px;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: transparent;
  border-radius: 0.25rem;
  border: 1px solid rgba(248, 153, 11, 0.4);
}

.card-header-filter {
  display: flex;
  align-items: center;
}
@media (max-width: 1366px) {
  .card-header-filter {
    flex-wrap: wrap;
    justify-content: flex-end;
    row-gap: 15px;
  }
}
.card-header-filter .filter-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.card-header-filter .filter-wrap.max-w-500 {
  max-width: 500px;
}
.card-header-filter .filter-wrap.max-w-600 {
  max-width: 600px;
}
@media (max-width: 767px) {
  .card-header-filter .filter-wrap.max-w-600 {
    flex-wrap: wrap;
    row-gap: 10px;
  }
}
.card-header-filter .filter-wrap.max-w-650 {
  max-width: 650px;
}
@media (max-width: 767px) {
  .card-header-filter .filter-wrap.max-w-650 {
    flex-wrap: wrap;
    row-gap: 10px;
  }
}
.card-header-filter .search-wrapper {
  padding: 0;
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.card-header-filter .search-wrapper.max-w-320 {
  max-width: 320px;
}
.card-header-filter .search-wrapper .search-icon {
  position: absolute;
  left: 16px;
  top: 7px;
}
.card-header-filter .search-wrapper .search-input {
  border: none;
  outline: none;
  width: 100%;
  height: 40px;
  font-size: 12px;
  color: #8B8E8F;
  font-weight: 500;
  border-radius: 6px;
  padding-left: 52px;
  padding-right: 16px;
  border: 1px solid #DEE2E6;
}
.card-header-filter .search-wrapper .search-input:focus {
  border: 1px solid #08A798;
}

.dropdown-menu.comm-dropdown {
  box-shadow: 0px 13px 29px 0px rgba(194, 194, 194, 0.262);
  border: 1px solid var(--french-gray-500, #CED4DA);
  border-radius: 16px;
  padding: 0;
  margin-top: -45px;
  margin-left: 10px;
  min-width: 250px;
}
.dropdown-menu.comm-dropdown .dropdown-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
}
.dropdown-menu.comm-dropdown .dropdown-top h5 {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}
.dropdown-menu.comm-dropdown .dropdown-top .dropdown-close {
  border: none;
  background-color: transparent;
  padding: 0;
}
.dropdown-menu.comm-dropdown .dropdown-top .dropdown-close.p-absolute {
  position: absolute !important;
  right: 6px;
  top: 4px;
}
.dropdown-menu.comm-dropdown .dropdown-inner,
.dropdown-menu.comm-dropdown .dropdown-inner-comm {
  padding: 0 20px 20px;
}
.dropdown-menu.comm-dropdown .dropdown-inner .user-info,
.dropdown-menu.comm-dropdown .dropdown-inner-comm .user-info {
  align-items: center;
}
.dropdown-menu.comm-dropdown .dropdown-inner .user-info span,
.dropdown-menu.comm-dropdown .dropdown-inner-comm .user-info span {
  width: 48px;
  height: 48px;
  background-color: #D3CCF1;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 800;
  color: #7A66D4;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-self: center;
}
.dropdown-menu.comm-dropdown .dropdown-inner .user-info .media-body,
.dropdown-menu.comm-dropdown .dropdown-inner-comm .user-info .media-body {
  margin-left: 10px;
}
.dropdown-menu.comm-dropdown .dropdown-inner .user-info .media-body h5,
.dropdown-menu.comm-dropdown .dropdown-inner-comm .user-info .media-body h5 {
  font-size: 18px;
  font-weight: 600;
  color: #202528;
  white-space: normal;
  word-break: break-word;
}
.dropdown-menu.comm-dropdown .dropdown-inner .user-info .media-body p,
.dropdown-menu.comm-dropdown .dropdown-inner-comm .user-info .media-body p {
  color: #676B6D;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}
.dropdown-menu.comm-dropdown .dropdown-inner ul,
.dropdown-menu.comm-dropdown .dropdown-inner-comm ul {
  list-style-type: none;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: 20px;
}
.dropdown-menu.comm-dropdown .dropdown-inner ul li a,
.dropdown-menu.comm-dropdown .dropdown-inner ul li button,
.dropdown-menu.comm-dropdown .dropdown-inner-comm ul li a,
.dropdown-menu.comm-dropdown .dropdown-inner-comm ul li button {
  font-size: 14px;
  font-weight: 600;
  color: #202528;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  text-transform: capitalize;
}
.dropdown-menu.comm-dropdown .dropdown-inner ul li a i,
.dropdown-menu.comm-dropdown .dropdown-inner ul li button i,
.dropdown-menu.comm-dropdown .dropdown-inner-comm ul li a i,
.dropdown-menu.comm-dropdown .dropdown-inner-comm ul li button i {
  display: flex;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.dropdown-menu.comm-dropdown .dropdown-inner ul li a i.icon-view,
.dropdown-menu.comm-dropdown .dropdown-inner ul li button i.icon-view,
.dropdown-menu.comm-dropdown .dropdown-inner-comm ul li a i.icon-view,
.dropdown-menu.comm-dropdown .dropdown-inner-comm ul li button i.icon-view {
  background-image: url("../images/icon-view.svg");
}
.dropdown-menu.comm-dropdown .dropdown-inner ul li a i.icon-edit,
.dropdown-menu.comm-dropdown .dropdown-inner ul li button i.icon-edit,
.dropdown-menu.comm-dropdown .dropdown-inner-comm ul li a i.icon-edit,
.dropdown-menu.comm-dropdown .dropdown-inner-comm ul li button i.icon-edit {
  background-image: url("../images/icon-edit.svg");
}
.dropdown-menu.comm-dropdown .dropdown-inner ul li a i.icon-delete,
.dropdown-menu.comm-dropdown .dropdown-inner ul li button i.icon-delete,
.dropdown-menu.comm-dropdown .dropdown-inner-comm ul li a i.icon-delete,
.dropdown-menu.comm-dropdown .dropdown-inner-comm ul li button i.icon-delete {
  background-image: url("../images/icon-delete.svg");
}
.dropdown-menu.comm-dropdown .dropdown-inner ul li a i.icon-change-role,
.dropdown-menu.comm-dropdown .dropdown-inner ul li button i.icon-change-role,
.dropdown-menu.comm-dropdown .dropdown-inner-comm ul li a i.icon-change-role,
.dropdown-menu.comm-dropdown .dropdown-inner-comm ul li button i.icon-change-role {
  background-image: url("../images/icon-change-role.svg");
}
.dropdown-menu.comm-dropdown .dropdown-inner ul li a i.icon-user-profile,
.dropdown-menu.comm-dropdown .dropdown-inner ul li button i.icon-user-profile,
.dropdown-menu.comm-dropdown .dropdown-inner-comm ul li a i.icon-user-profile,
.dropdown-menu.comm-dropdown .dropdown-inner-comm ul li button i.icon-user-profile {
  background-image: url("../images/icon-user-profile.svg");
}
.dropdown-menu.comm-dropdown .dropdown-inner ul li a i.icon-assigned-student,
.dropdown-menu.comm-dropdown .dropdown-inner ul li button i.icon-assigned-student,
.dropdown-menu.comm-dropdown .dropdown-inner-comm ul li a i.icon-assigned-student,
.dropdown-menu.comm-dropdown .dropdown-inner-comm ul li button i.icon-assigned-student {
  background-image: url("../images/icon-assigned-student.svg");
}
.dropdown-menu.comm-dropdown .dropdown-inner ul li a i.icon-assigned-task,
.dropdown-menu.comm-dropdown .dropdown-inner ul li button i.icon-assigned-task,
.dropdown-menu.comm-dropdown .dropdown-inner-comm ul li a i.icon-assigned-task,
.dropdown-menu.comm-dropdown .dropdown-inner-comm ul li button i.icon-assigned-task {
  background-image: url("../images/icon-assigned-task.svg");
}
.dropdown-menu.comm-dropdown .dropdown-inner ul li a i.icon-logout,
.dropdown-menu.comm-dropdown .dropdown-inner ul li button i.icon-logout,
.dropdown-menu.comm-dropdown .dropdown-inner-comm ul li a i.icon-logout,
.dropdown-menu.comm-dropdown .dropdown-inner-comm ul li button i.icon-logout {
  background-image: url("../images/icon-logout.svg");
}
.dropdown-menu.comm-dropdown .dropdown-inner ul li a i.icon-document,
.dropdown-menu.comm-dropdown .dropdown-inner ul li button i.icon-document,
.dropdown-menu.comm-dropdown .dropdown-inner-comm ul li a i.icon-document,
.dropdown-menu.comm-dropdown .dropdown-inner-comm ul li button i.icon-document {
  background-image: url("../images/icon-document.svg");
}
.dropdown-menu.comm-dropdown .dropdown-inner .dropdown-item.active,
.dropdown-menu.comm-dropdown .dropdown-inner .dropdown-item:active,
.dropdown-menu.comm-dropdown .dropdown-inner-comm .dropdown-item.active,
.dropdown-menu.comm-dropdown .dropdown-inner-comm .dropdown-item:active {
  color: #202528;
  text-decoration: none;
  background-color: transparent;
}

.dropdown-menu.comm-dropdown .dropdown-inner .user-info .media-body {
  max-width: 230px;
}

.sort-dropdown-wrap .dropdown-menu.comm-dropdown {
  min-width: 340px;
}

.back-control a {
  color: #44484A;
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  font-weight: 600;
  font-size: 12px;
  text-decoration: none;
  align-items: center;
}
.back-control a:hover {
  color: #08A798;
}

.accodion-card-wrap .access-control {
  margin-top: 1rem;
  padding: 0 5px;
}
.accodion-card-wrap .profile-accodion .gray-card {
  padding: 20px 16px;
}
.accodion-card-wrap .profile-accodion .gray-card.is-log {
  cursor: default;
}
.accodion-card-wrap .profile-accodion .gray-card.is-log .accodion-title {
  opacity: 0.5;
  pointer-events: none;
}
.accodion-card-wrap .profile-accodion .gray-card.is-log:hover {
  border-color: #DEE2E6;
}

.table-sort {
  cursor: pointer;
}
.table-sort .table-sort-icon {
  background-image: url("../images/table-sort-arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  width: 10px;
  height: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.tooltip.bs-tooltip-left .tooltip-inner {
  background-color: #fff !important;
  color: #000;
  border-radius: 12px;
  border: 1px solid #DEE2E6;
  text-align: left !important;
  padding: 10px 12px !important;
}

.tooltip.bs-tooltip-left .arrow::before {
  display: none !important;
}

/** @format */
@media only screen and (max-width: 1024px) {
  body.sidebar-is-reduced {
    overflow-y: hidden;
  }
  .m-humburger-hide {
    display: none;
  }
  .d-humburger-hide.js-hamburger {
    width: 25px;
    height: 25px;
    background: transparent;
    border-radius: 0;
    top: 28px;
    right: 20px;
  }
  .sidebar-is-expanded .l-sidebar,
  .l-sidebar {
    width: 0px;
    left: -240px;
    transition: all 400ms ease-in-out;
  }
  .sidebar-is-expanded .l-header {
    padding-left: 0;
  }
  .sidebar-is-expanded main.l-main {
    padding-left: 0px;
  }
  .sidebar-is-reduced main.l-main {
    padding-left: 0;
  }
  .sidebar-is-reduced .m-bg {
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  .sidebar-is-reduced .l-sidebar {
    width: 240px;
    left: 0;
    transition: all 400ms ease-in-out;
  }
  .sidebar-is-reduced .c-menu > ul .c-menu__item .c-menu-item__title,
  .sidebar-is-reduced .user-profile h5,
  .sidebar-is-reduced .user-logout h5 {
    left: 0;
    opacity: 1;
    visibility: visible;
  }
  .sidebar-is-reduced .l-header__inner {
    display: none;
  }
  .l-sidebar .logo .logo__txt {
    display: block;
  }
  .l-sidebar .logo .logo__txt.icon {
    display: none !important;
  }
  .sidebar-is-reduced .user-profile img {
    border-radius: 4px;
  }
  .l-sidebar__content {
    padding-top: 0;
  }
  .hamburger-toggle #nav-icon2 {
    width: 24px;
    height: 22px;
    display: inline-block;
    position: relative;
    transform: rotate(0deg);
    transition: 0.5s ease-in-out;
    cursor: pointer;
  }
  .hamburger-toggle #nav-icon2 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #202528;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
  }
  .hamburger-toggle #nav-icon2 span:nth-child(1) {
    top: 0;
  }
  .hamburger-toggle #nav-icon2 span:nth-child(2),
  #nav-icon3 span:nth-child(3) {
    top: 7px;
  }
  .hamburger-toggle #nav-icon2 span:nth-child(4) {
    top: 14.5px;
  }
  .sidebar-is-reduced #nav-icon2 span:nth-child(1) {
    top: 9px;
    width: 0;
    left: 50%;
  }
  .sidebar-is-reduced #nav-icon2 span:nth-child(2) {
    transform: rotate(45deg);
  }
  .sidebar-is-reduced #nav-icon2 span:nth-child(3) {
    transform: rotate(-45deg);
    top: 7px;
  }
  .sidebar-is-reduced #nav-icon2 span:nth-child(4) {
    top: 9px;
    width: 0;
    left: 50%;
  }
  .sidebar-is-reduced .hamburger-toggle #nav-icon2 span {
    background: #343333;
  }
  .js-hamburger .hamburger-toggle {
    padding: 0;
    font-size: inherit;
  }
  .d-humburger-hide.js-hamburger {
    display: block;
  }
  main.l-main .content-wrapper--with-bg .page-content {
    padding: 20px;
  }
  .c-menu > ul .c-menu__item i {
    opacity: 1;
  }
  .sidebar-is-reduced .tooltip.show {
    display: none !important;
  }
  .sidebar-is-reduced .c-menu > ul .c-menu__item ul.submenu {
    left: 240px;
  }
  .l-sidebar {
    top: 72px;
  }
  .l-sidebar .logo {
    display: none;
  }
}
/* ======================
END OF MAIN SCSS FILE FOR ASTRO WEBSITE
====================== *//*# sourceMappingURL=style.css.map */