@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

 :root {
  --body-font-size: 14px;

  --theme-primary-color:#6927ff;
  --theme-heart-color: #6927ff;

/*  --light-theme-bg: #f8f9fa;*/
  --light-theme-bg: #f1f1f2; 
  --light-theme-color: #6c757d;

  --dark-theme-bg-black: #141313;
  --dark-theme-bg: #2d2d2d;
  --dark-theme-color: #6c757d;
  --dark-theme-player: #191818;

  --theme-light-color: #e9ecef;

  --link-color: #343a40;

  --box-shadow: 0 1px 1px rgba(130, 140, 150, 0.1), 0 -1px 0px rgba(120, 130, 140, 0.05);

  --header-height: 64px;
  --sidebar-width: 200px;
  --main-padding-y: 48px;
  --main-container-width: 1024px;

  --color-grey-30: #fafbfc;
    --color-grey-40: #f7f8f9;
    --color-grey-50: #f1f2f3;
    --color-grey-60: #b1b2b3;
    --color-grey-70: #919293;
    --color-grey-80: #818383;
    --color-grey-100: #717273;
    --color-grey-200: #636567;
    --color-grey-300: #515355;
    --color-grey-400: #454749;
    --color-grey-500: #3a3c3e;
    --color-grey-600: #202326;
    --color-grey-700: #101316;
}


/*!
 *  Common Styling
 * ----------------------------------------------- */
boddy {
/*  background: var(--light-theme-bg);*/
/*  font-size: var(--body-font-size);*/
/*  color: var(--light-theme-color);*/
        background: #f4f6f9;
  font-family: "Inter", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--dark-theme-bg);
}

.metismenu {
  margin: 0;
}

.metismenu li {
  display: block;
  width: 100%;
}

.metismenu .mm-collapse {
  display: none;
}

.metismenu .mm-collapse:not(.mm-show) {
  display: none;
}

.metismenu .mm-collapse.mm-show {
  display: block;
}

.metismenu .mm-collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .35s;
          transition-duration: .35s;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
}

.vertical-menu {
  width: 240px;
  z-index: 1002;
  background: #071251;
  bottom: 0;
  margin-top: 0;
  top: 0;
  position: fixed;

/*  border-right: 1px solid #c5cde9;*/
}

.extended-vertical-menu {
  z-index: 1002;
/*  background: #11567f;*/
  background: #203A5B;
  bottom: 0;
  margin-top: 0;
  top: 0;
  position: fixed;
  
/*  border-right: 1px solid #c5cde9;*/
}

.main-content {
  margin-left: 240px;
  overflow: hidden;
}

.main-content .content {
  padding: 0 15px 10px 15px;
  margin-top: 70px;
}

.extended-main-content {
  overflow: hidden;
}

.extended-main-content .content {
  padding: 0 15px 10px 15px;
  margin-top: 70px;
}

#sidebar-menu {
  padding: 10px 0 30px 0;
}

#sidebar-menu .mm-active > .has-arrow:after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

#sidebar-menu .has-arrow:after {
  content: "\F140";
  font-family: 'Material Design Icons';
  display: block;
  float: right;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  padding-top: 2px;
  font-size: 1rem;
}

#sidebar-menu ul li a {
  display: block;
  padding: .65rem 1.5rem;
  color: #fff;
  position: relative;
  opacity: 0.85;
/*  font-size: 13px;*/
  -webkit-transition: all .4s;
  transition: all .4s;
}

#sidebar-menu ul li a:hover {
  color: #f2f3f7;
  background: #1801ff;
}

#sidebar-menu ul li a i {
  display: inline-block;
  line-height: 18px;
  vertical-align: middle;
  font-size:17px;
  /*height: 24px;
  width: 24px;*/
/*  background-color: #5f7085;*/
  text-align: center;
/*  border-radius: 50%;*/
  margin-right: 13px;
/*  opacity: 0.85;*/
}

#sidebar-menu ul li a span {
  vertical-align: middle;
}

#sidebar-menu ul li .badge {
  margin-top: 4px;
}

#sidebar-menu ul li ul.sub-menu {
  padding: 0;
}

#sidebar-menu ul li ul.sub-menu li a {
  padding: .4rem 1.5rem .4rem 3.85rem;
  font-size: 12px;
}

#sidebar-menu ul li ul.sub-menu li ul.sub-menu {
  padding: 0;
}

#sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {
  padding: .4rem 1.5rem .4rem 4.5rem;
  font-size: 12px;
}

#sidebar-menu ul li ul.sub-menu li a i  {
  font-size: 5px;
  margin-right: 7px;
}

.menu-title {
  padding: 12px 20px !important;
  letter-spacing: .05em;
  pointer-events: none;
  cursor: default;
  font-size: 11px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 500;
}

/*.mm-active .active {
  color: #1976d2 !important;
}*/

/*.mm-active .active i {
  background-color: rgba(25, 118, 210, 0.2) !important;
}*/

.mm-active .mm-active > a {
/*  color: #1976d2 !important;*/
    background: #4634ff;
    font-weight: 600;
}

/*.mm-active .mm-active .mm-active i {
  background-color: rgba(25, 118, 210, 0.2) !important;
}*/

@media (max-width: 992px) {
  .vertical-menu {
    display: none;
  }
  .main-content {
    margin-left: 0;
  }
}

body.enable-vertical-menu .vertical-menu,
body.enable-vertical-menu .menu-overlay {
  display: block;
}

.menu-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(51, 64, 83, 0.3);
  display: none;
  z-index: 1000;
}

.help-box {
  margin: 1.5rem;
  padding: 1rem;
  background-color: #f8f9fa;
  border-radius: 3px;
  border: 1px solid #e9ecef;
}


#page-topbar {
  position: fixed;
  /*top: 3px;*/
  right: 0;
  left: 0;
  z-index: 1002;
}

#page-topbar.scrolled {
  border-bottom: 1px solid #e1e1e1;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.08)
}


.navbar-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  height: 44px;
  background-color: #fff;
  padding: 0 20px;
  margin-left: 240px;
}

.extended-navbar-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  height: 44px;
  background-color: #fff;
  padding: 0 20px;
}

.navbar-brand-box {
  text-align: center;
}

.logo {
  line-height: 50px;
  /*color: #495057 !important;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 500;*/
}

.logo span {
  vertical-align: middle;
}

.logo i {
  color: #1991eb;
  font-size: 21px;
}

.page-title-box {
  padding-bottom: 24px;
}

.page-title-box .breadcrumb {
  background-color: transparent;
  padding: 0;
}

@media (max-width: 992px) {
  .navbar-brand-box {
    padding-left: 0;
  }
  .navbar-header {
    margin-left: 0;
  }
  .logo {
    padding-right: 15px;
  }
  .logo span {
    display: none;
  }
  .logo i {
    display: inline-block;
  }
}

.page-content{
  padding:calc(60px + 24px) calc(24px / 2) 70px calc(24px / 2)
}

.header-item {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #383c40;
  border: 0;
}

.header-item:hover {
  color: #383c40;
}

.header-profile-user {
  height: 36px;
  width: 36px;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 3px;
}

/*.noti-icon i {
  font-size: 24px;
  color: #383c40;
}*/

.noti-icon .badge {
  position: absolute;
  top: 2px;
}

.notification-item .media {
  padding: 0.75rem 1rem;
}

.notification-item .media:hover {
  background-color: #f8f9fa;
}

/* 3. Footer */
.footer {
  border-top: 1px solid #dee2e6;
  bottom: 0;
  background: #fff;
  padding: 12px 12px 12px;
  position: absolute;
  right: 0;
  color: #6c757d;
  left: 240px;
}

@media (max-width: 992px) {
  .footer {
    left: 0;
  }
}

/* 4. Avatar */
.avatar-xs {
  height: 2rem;
  width: 2rem;
}

.avatar-sm {
  height: 3rem;
  width: 3rem;
}

.avatar-md {
  height: 4.5rem;
  width: 4.5rem;
}

.avatar-lg {
  height: 6rem;
  width: 6rem;
}

.avatar-xl {
  height: 7.5rem;
  width: 7.5rem;
}

.avatar-title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #1976d2;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

/* 5. Helper */
.font-family-secondary {
  font-family: "Inter", sans-serif;
}

.fs-8 {
  font-size: 8px !important;
}

.fs-10 {
  font-size: 10px !important;
}

.fs-11 {
  font-size: 11px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-15 {
  font-size: 15px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-17 {
  font-size: 17px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-65 {
  font-size: 65px !important;
}

.social-list-item {
  height: 2rem;
  width: 2rem;
  line-height: calc(2rem - 2px);
  display: block;
  border: 1px solid #747a80;
  border-radius: 50%;
  color: #747a80;
  text-align: center;
}

/* 6. Demos */
.scrollspy-example {
  position: relative;
  height: 200px;
  margin-top: .5rem;
  overflow: auto;
}

.icons-list {
  color: #6c757d;
}

.icons-list div {
  cursor: pointer;
  line-height: 45px;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  text-align: center;
}

.icons-list i {
  font-size: 22px;
  line-height: 30px;
  display: block;
}

.button-examples {
  margin-left: -5px;
  margin-bottom: -10px;
}

.button-examples .btn {
  margin-bottom: 10px;
  margin-left: 5px;
}

/* 7. Waves */
@media print {
  .left-side-menu,
  .page-title-box,
  .navbar-header,
  .footer {
    display: none !important;
  }
  .card-body,
  .page-content,
  body {
    padding: 0 !important;
    margin: 0;
  }
}

/* 8. Scrollbar */
[data-simplebar] {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  -webkit-box-sizing: inherit !important;
          box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  visibility: visible;
  overflow: auto;
  /* Scroll on this element otherwise element can't have a padding applied properly */
  max-width: 100%;
  /* Not required for horizontal scroll to trigger */
  max-height: 100%;
  /* Needed for vertical scroll to trigger */
}

.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  -webkit-box-sizing: inherit !important;
          box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -webkit-box-flex: inherit;
      -ms-flex-positive: inherit;
          flex-grow: inherit;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}

.simplebar-height-auto-observer {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  right: 2px;
  width: 4px;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: #a2adb7;
  border-radius: 3px;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  -webkit-transition: opacity 0s linear;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.custom-scroll {
  height: 100%;
}

/* 9. Sweetalert */
.swal2-modal {
  font-family: "Inter", sans-serif;
  -webkit-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
}

.swal2-modal .swal2-title {
  font-size: 24px;
}

.swal2-modal .swal2-content {
  font-size: 16px;
}

.swal2-modal .swal2-spacer {
  margin: 10px 0;
}

.swal2-modal .swal2-file, .swal2-modal .swal2-input, .swal2-modal .swal2-textarea {
  border: 2px solid #dee2e6;
  font-size: 16px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.swal2-modal .swal2-confirm.btn-confirm {
  background-color: #1976d2 !important;
  font-size: 0.875rem;
}

.swal2-modal .swal2-cancel.btn-cancel {
  background-color: #f85359 !important;
  font-size: 0.875rem;
}

.swal2-modal .swal2-styled:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.swal2-icon.swal2-question {
  color: #1976d2;
  border-color: #1976d2;
}

.swal2-icon.swal2-success {
  border-color: #09c199;
}

.swal2-icon.swal2-success .line, .swal2-icon.swal2-success [class^=swal2-success-line][class$=long],
.swal2-icon.swal2-success [class^=swal2-success-line] {
  background-color: #09c199;
}

.swal2-icon.swal2-success .placeholder, .swal2-icon.swal2-success .swal2-success-ring {
  border-color: #09c199;
}

.swal2-icon.swal2-warning {
  color: #f7981c;
  border-color: #f7981c;
}

.swal2-icon.swal2-error {
  border-color: #f85359;
}

.swal2-icon.swal2-error .line {
  background-color: #f85359;
}

.swal2-icon.swal2-info {
  color: #1991eb;
  border-color: #1991eb;
}

.swal2-icon.swal2-info {
  border-color: #1991eb;
}

.swal2-icon.swal2-info .line {
  background-color: #1991eb;
}

.swal2-modal .swal2-file:focus, .swal2-modal .swal2-input:focus, .swal2-modal .swal2-textarea:focus {
  outline: 0;
  border: 2px solid #1976d2;
}

.swal2-container.swal2-shown {
  background-color: rgba(51, 64, 83, 0.5);
}

/* 10. Morris */
.morris-chart text {
  font-family: "Inter", sans-serif !important;
}

.morris-hover {
  position: absolute;
  z-index: 10;
}

.morris-hover.morris-default-style {
  font-size: 12px;
  text-align: center;
  border-radius: 5px;
  padding: 10px 12px;
  background: #334053;
  color: #fff;
  font-family: "Inter", sans-serif;
}

.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight: bold;
  margin: 0.25em 0;
  font-family: "Inter", sans-serif;
}

.morris-hover.morris-default-style .morris-hover-point {
  white-space: nowrap;
  margin: 0.1em 0;
  color: #fff;
}

/* 11. Sparkline-chart */
.jqstooltip {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: auto !important;
  height: auto !important;
  background-color: #334053 !important;
  -webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, 0.11);
          box-shadow: 0 4px 18px rgba(0, 0, 0, 0.11);
  padding: 5px 10px !important;
  border-radius: 3px;
  border-color: #334053 !important;
}

.jqsfield {
  color: #fff !important;
  font-size: 12px !important;
  line-height: 18px !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
}

[data-plugin="knob"] {
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
}

/* 12. Datatable */
.dataTables_wrapper.container-fluid {
  padding: 0;
}

table.dataTable {
  border-collapse: collapse !important;
  margin-bottom: 15px !important;
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
  background-color: #1976d2;
}

table.dataTable tbody > tr.selected td, table.dataTable tbody > tr > .selected td {
  border-color: #1976d2;
}

table.dataTable tbody td:focus {
  outline: none !important;
}

table.dataTable tbody th.focus, table.dataTable tbody td.focus {
  outline: 2px solid #1976d2 !important;
  outline-offset: -1px;
  color: #1976d2;
  background-color: rgba(25, 118, 210, 0.15);
}

.dataTables_info {
  font-weight: 500;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
  -webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, 0.11);
          box-shadow: 0 4px 18px rgba(0, 0, 0, 0.11);
  background-color: #09c199;
  top: 0.75rem;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  background-color: #f85359;
  top: 0.75rem;
}

div.dt-button-info {
  background-color: #1976d2;
  border: none;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 3px;
  text-align: center;
  z-index: 21;
}

div.dt-button-info h2 {
  border-bottom: none;
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

@media (max-width: 767.98px) {
  li.paginate_button.previous, li.paginate_button.next {
    display: inline-block;
    font-size: 1.5rem;
  }
  li.paginate_button {
    display: none;
  }
  .dataTables_paginate ul {
    text-align: center;
    display: block;
    margin: 1rem 0 0 !important;
  }
  div.dt-buttons {
    display: inline-table;
    margin-bottom: 1rem;
  }
}

.activate-select .sorting_1 {
  background-color: #f8f9fa;
}

/* 13. Calendar */
/* ==============
  Calendar
===================*/
.calendar {
  float: left;
  margin-bottom: 0;
}

.none-border .modal-footer {
  border-top: none;
}

.fc-toolbar {
  margin-bottom: 5px;
}

.fc-toolbar h2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  text-transform: uppercase;
}

.fc-day {
  background: #fff;
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active,
.fc-toolbar button:focus, .fc-toolbar button:hover,
.fc-toolbar .ui-state-hover {
  z-index: 0;
}

.fc-widget-header {
  border: 1px solid #ced4da;
  background-color: #e9ecef;
}

.fc-widget-content {
  border: 1px solid #ced4da;
}

.fc th.fc-widget-header {
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0;
  font-weight: 600;
  text-transform: uppercase;
}

.fc-button {
  background: #fff;
  border: 1px solid #ced4da;
  color: #495057;
  text-transform: capitalize;
}

.fc-text-arrow {
  font-family: arial;
  font-size: 16px;
}

.fc-state-hover {
  background: #ced4da;
}

.fc-state-highlight {
  background: #f0f0f0;
}

.fc-cell-overlay {
  background: #f0f0f0;
}

.fc-unthemed .fc-today {
  background: #fff;
}

.fc-event {
  border-radius: 3px;
  border: none;
  cursor: move;
  font-size: 13px;
  margin: 5px 0;
  padding: 5px 10px;
  background-color: #a9cff5;
  color: #1976d2 !important;
  border-left: 3px solid #1976d2;
}

.fc-event.ui-draggable {
  padding: 10px;
}

.external-event {
  color: #fff;
  cursor: move;
  margin: 10px 0;
  padding: 6px 10px;
}

.fc-basic-view td.fc-week-number span {
  padding-right: 5px;
}

.fc-basic-view td.fc-day-number {
  padding-right: 5px;
}

@media (max-width: 767.98px) {
  .fc-toolbar .fc-left, .fc-toolbar .fc-right, .fc-toolbar .fc-center {
    float: none;
    display: block;
    clear: both;
    margin: 10px 0;
  }
  .fc .fc-toolbar > * > * {
    float: none;
  }
  .fc-today-button {
    display: none;
  }
}

/* 14. Maps */
/* 
============
    Maps
============
*/
.gmaps {
  height: 450px;
  width: 100%;
  border: 0;
}

.gmaps-dark {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.jvectormap-tip {
  border: none;
  background: #343a40;
  color: #f8f9fa;
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
  padding: 5px 8px;
}

/* 15. Select2 */
.select2-container .select2-selection--single {
  border: 1px solid #ced4da;
  height: 35px;
  outline: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 33px;
  padding-left: 12px;
}

.select2-container .select2-selection--single .select2-selection__arrow {
  height: 34px;
  width: 34px;
  right: 3px;
}

.select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: #bdc6cf transparent transparent transparent;
  border-width: 6px 6px 0 6px;
}

.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #bdc6cf transparent !important;
  border-width: 0 6px 6px 6px !important;
}

.select2-results__option {
  padding: 6px 12px;
}

.select2-dropdown {
  border: none;
  -webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, 0.11);
          box-shadow: 0 4px 18px rgba(0, 0, 0, 0.11);
}

.select2-container--default .select2-search--dropdown {
  padding: 10px;
  background-color: #f8f9fa;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #dadfe4;
  outline: none;
}

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

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

.select2-container--default .select2-results__option[aria-selected=true]:hover {
  background-color: #1976d2;
  color: #fff;
}

.select2-container .select2-selection--multiple {
  min-height: 35px;
  border: 1px solid #ced4da !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  padding: 1px 10px;
}

.select2-container .select2-selection--multiple .select2-search__field {
  border: 0;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #1976d2;
  border: none;
  color: #fff;
  border-radius: 3px;
  padding: 0 7px;
  margin-top: 7px;
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff;
  margin-right: 5px;
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}

/* 16. Datepicker */
.datepicker {
  padding: 10px !important;
}

.datepicker td,
.datepicker th {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td .active.disabled:hover[disabled],
.datepicker table tr td .active.disabled[disabled],
.datepicker table tr td .active:active,
.datepicker table tr td .active:hover,
.datepicker table tr td .active:hover.active,
.datepicker table tr td .active:hover.disabled,
.datepicker table tr td .active:hover:active,
.datepicker table tr td .active:hover:hover,
.datepicker table tr td .active:hover[disabled],
.datepicker table tr td .active[disabled],
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled], .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
  background-color: #1976d2 !important;
  background-image: none !important;
  color: #fff;
}

.datepicker table tr td.day.focused, .datepicker table tr td.day:hover,
.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
  background: #e9ecef;
}

.datepicker table tr td.new, .datepicker table tr td.old,
.datepicker table tr td span.new,
.datepicker table tr td span.old {
  color: #495057;
  opacity: 0.4;
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
  background: #e9ecef;
}

.datepicker .datepicker-switch:hover {
  background: none;
}

.datepicker-dropdown:after {
  border-bottom: 6px solid #fff;
}

.datepicker-dropdown:before {
  border-bottom-color: #e9ecef;
}

.datepicker-dropdown.datepicker-orient-top:before {
  border-top: 7px solid #e9ecef;
}

.datepicker-dropdown.datepicker-orient-top:after {
  border-top: 6px solid #fff;
}

/* 17. Daterange */
.daterangepicker {
  font-family: "Inter", sans-serif;
  border: 0 solid #e9ecef;
  -webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, 0.11);
          box-shadow: 0 4px 18px rgba(0, 0, 0, 0.11);
  background-color: #fff;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  background-color: #fff;
}

.daterangepicker .calendar-table td, .daterangepicker .calendar-table th {
  color: #6c757d;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
  border-color: #747a80;
}

.daterangepicker td.in-range {
  background-color: #edeff1;
  color: #495057;
}

.daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date {
  background-color: #fff;
  color: #334053;
  opacity: 0.5;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #1976d2;
  color: #fff;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: #1976d2;
  color: #fff;
}

.daterangepicker:after {
  border-bottom: 6px solid #fff;
}

.daterangepicker:before {
  border-bottom: 7px solid #e9ecef;
}

.daterangepicker .ranges li.active {
  background-color: #1976d2;
}

.daterangepicker .ranges li:hover {
  background-color: #f8f9fa;
}

.daterangepicker .drp-buttons {
  border-top: 1px solid #e9ecef;
}

.daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect {
  background: white;
  border: 1px solid white;
  color: #fff;
}

.daterangepicker.show-ranges .drp-calendar.left {
  border-left: 1px solid #e9ecef;
}

.card-header2 {
    padding: 0.7rem 1.25rem;
    border-bottom: 1px solid #e9ecef;
}


/* 20. Pricing */
.card-pricing {
  position: relative;
  border-radius: 10px;
}

.card-pricing .card-pricing-icon {
  font-size: 22px;
  -webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, 0.11);
          box-shadow: 0 4px 18px rgba(0, 0, 0, 0.11);
  height: 60px;
  display: inline-block;
  width: 60px;
  line-height: 60px;
  border-radius: 50%;
}

.card-pricing .card-pricing-features {
  color: #6c757d;
  list-style: none;
  margin: 0;
  padding: 20px 0 0 0;
}

.card-pricing .card-pricing-features li {
  padding: 15px;
}

/* 20. Pricing */
.card-contract {
  position: relative;
}

.card-contract .card-contract-features {
  color: #6c757d;
  list-style: none;
  margin: 0;
  padding: 10px 0 0 0;
}

.card-contract .card-contract-features li {
  padding: 10px;
}


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

  .section .section-header {
    background-color: #fff;
    border-radius: 3px;
    border: none;
    position: relative;
    padding: 20px;
    display: flex;
    align-items: center; }
    .section .section-header h1 {
      margin-bottom: 0;
      font-weight: 500;
      display: inline-block;
      font-size: 24px;
      margin-top: 3px;
      color: #34395e; }
    .section .section-header .section-header-button {
      margin-left: 20px; }

.be-topnav{
  padding-left: 10px;
  font-size: 13px; 
}

.be-profile{
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
}

.be-profile h4 {
  padding-left: 10px;
  margin-bottom: 0px;
  font-size: 16px; 
}

.be-profile span {
  padding-left: 10px;
  font-size: 12px; 
}

.be-logout{
  padding: 0 19px 0 19px;
}

.be-badge{
  padding-left: 10px;
}

.image-upload .thumb .file-upload {
    font-size: 0;
    opacity: 0;
}

.image-upload .thumb .upload-file label {
    /*color: #ffffff;
    font-size: 15px;*/
    cursor: pointer;
    /*padding: 2px 15px;
    border-radius: 5px;*/
    transition: all 0.3s;
}

.image-upload .thumb .upload-file label:hover {
    transform: translateY(-3px);
}

 .image-uploadx {
    display: flex;
    justify-content: space-between;
}

.thumbx {
    display: flex;
    align-items: center;
}


/*

.page-heading{
  margin-top: -40px;
  margin-left: -25px;
  margin-right: -25px;
  margin-bottom: 25px;
   background-color: #eaeaf1;
}

.page-heading .page-heading__title {
  background-color: #dadde5;
  padding-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.page-heading .page-heading__title h3 {
  margin: 0;
  padding: 0.7rem;
  font-size: 1.3rem;
  white-space: nowrap;
  text-transform: capitalize;
}*/


.page-heading {
  margin-top: -40px;
  margin-left: -25px;
  margin-right: -25px;
  margin-bottom: 25px;
}

.page-heading .page-heading__title {
  background-color: #dadde5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 15px;
  padding-right: 25px;
}

.page-heading .page-heading__title h3 {
  margin: 0;
  padding: 0.7rem;
  font-size: 1rem;
}

.page-heading__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  padding: 0 0.25rem;
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}

@media (max-width: 767.98px) {
  .page-heading__actions {
    margin: 0.75rem 0.2rem 0;
  }
}

.rtl .page-heading__actions {
  margin-right: auto;
  margin-left: 0;
}


.mode-switch input {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: -1000px;
}

.mode-switch label {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0;
  position: relative;
  padding-left: 22px;
  cursor: pointer;
}

.mode-switch label:before,
.mode-switch label:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
}

.mode-switch label:before {
    width: 24px;
    height: 12px;
    border-radius: 32px;
    background-color: rgba(120,130,140, 0.2);
    line-height: 1;
}

.mode-switch label:after {
  width: 16px;
    height: 16px;
    margin-top: -2px;
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0, 0.25);
    border-radius: 32px;
    transition: all .2s ease-in-out;
}

.mode-switch input:checked + label:after {
  left: 8px;
}

.theme-dark {
    color: #fff;
    background-color: var(--dark-theme-bg);
    --tooltip-color: var(--color-grey-500);
    --color-grey-80: var(--color-grey-60);
    --color-box: var(--color-grey-500)
}

.theme-dark {
    --color-grey-60: rgba(255, 255, 255, 0.7)
}

.theme-dark .navbar-header {
  background-color: var(--dark-theme-bg-black);
}

.theme-dark .vertical-menu {
    background-color: #141313;
}

.theme-dark #page-topbar.scrolled {
  border-bottom: 1px solid var(--dark-theme-player);
}

.theme-dark .page-heading .page-heading__title {
  background-color:  #242323;
}

.theme-dark .card{
    color: #fff;
    background-color: var(--dark-theme-player);
    border: 1px solid #232323 !important;
}

/*.theme-dark .table th, .table td{
    border-top: 1px solid red;*/
/*    border: 1px solid #dad9da;*/
/*}*/

/*.theme-dark .table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #dee2e6;
}*/


.theme-dark .dropdown-menu-right{
    color: #fff;
    background-color: var(--dark-theme-player);
    border: 1px solid #232323 !important;
}

.theme-dark .noti-icon i {
  color: #fff;
}

.theme-dark .text-dark {
  color: inherit;
}

.theme-dark .modal-content {
  background-color: var(--dark-theme-bg);
}

.theme-dark hr {
  color: inherit;
}

.theme-dark .nav-tabs .nav-link.active {
  background-color: var(--dark-theme-bg);
}

.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6,
.theme-dark .card-title {
    color: inherit;
}

.theme-dark #sidebar-menu ul li a i {
  background-color: var(--dark-theme-bg);
}

.theme-dark a,
.theme-dark .nav-link {
  color: var(--color-grey-80);
}

.theme-dark input[type=checkbox],
.theme-dark input[type=radio] {
    background-color: transparent
}

.theme-dark .login-form label {
  color: var(--color-grey-80);
}

/*body.theme-dark {
    background-color: #040404 !important;
}*/

hr {
    color: #c7c7c7;
}
.pb-theme-dark hr {
    color: #3d3d3d;
}

.theme-dark .card {
    border: 1px solid #232323 !important;
}

.theme-dark .form-control {
    color: #d7d7d7 !important;
    background-color: #424141 !important;
    border: 1px solid #212223 !important;
}

.theme-dark .form-control:focus {
    color: #d7d7d7 !important;
    border-color: #212223 !important;
    outline: 0;
    border: 1px solid #232323 !important;
}

.bg-grad-1 { 
  background-color: #eb4786; 
  background-image: linear-gradient(315deg, #eb4786 0%, #b854a6 74%); 
}
.bg-grad-2 { 
  background-color: #875fc0; 
  background-image: linear-gradient(315deg, #875fc0 0%, #5346ba 74%); 
}
.bg-grad-3 { 
  background-color: #47c5f4; 
  background-image: linear-gradient(315deg, #47c5f4 0%, #6791d9 74%); 
}
.bg-grad-4 { 
  background-color: #ffb72c; 
  background-image: linear-gradient(315deg, #ffb72c 0%, #f57f59 74%); 
}
.switch input:empty {
    height: 0;
    width: 0;
    overflow: hidden;
    position: absolute;
    opacity: 0;
}
.switch input:empty ~ span {
    display: inline-block;
    position: relative;
    text-indent: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 24px;
    height: 21px;
    width: 40px;
    border-radius: 12px;
}
.switch input:empty ~ span:after,
.switch input:empty ~ span:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: " ";
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    width: 40px;
    border-radius: 12px;
}
.switch input:empty ~ span:before {
    background-color: #e8ebf1;
}
.switch input:empty ~ span:after {
    height: 17px;
    width: 17px;
    line-height: 20px;
    top: 2px;
    bottom: 2px;
    margin-left: 2px;
    font-size: 0.8em;
    text-align: center;
    vertical-align: middle;
    color: #f8f9fb;
    background-color: #fff;
}
.switch input:checked ~ span:after {
    background-color: var(--primary);
    margin-left: 20px;
}
.switch-secondary input:checked ~ span:after {
    background-color: var(--secondary);
}
.switch-success input:checked ~ span:after {
    background-color: var(--success);
}
.switch-info input:checked ~ span:after {
    background-color: var(--info);
}
.switch-warning input:checked ~ span:after {
    background-color: var(--warning);
}
.switch-secondary-base input:checked ~ span:after {
    background-color: var(--secondary-base);
}
.switch-danger input:checked ~ span:after {
    background-color: var(--danger);
}
.switch-light input:checked ~ span:after {
    background-color: var(--light);
}
.switch-dark input:checked ~ span:after {
    background-color: var(--dark);
}
.switch-blue input:checked ~ span:after {
    background-color: var(--blue);
}


.checkbox-list {
    padding: 0 0;
}
.checkbox,
.radio {
    display: inline-block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 0.875rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.checkbox-list .checkbox,
.radio-list .radio {
    display: block;
}
.checkbox.checkbox-disabled,
.radio.radio-disabled {
    opacity: 0.8;
    cursor: not-allowed;
}
.checkbox-inline .checkbox,
.radio-inline .radio {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px;
}
.checkbox-inline .checkbox:last-child,
.radio-inline .radio:last-child {
    margin-right: 0;
}
.checkbox > input,
.radio > input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.square-check,
.rounded-check {
    background: 0 0;
    position: relative;
    height: 16px;
    width: 16px;
    border: 1px solid #d1d7e2;
}

.checkbox .square-check,
.checkbox .rounded-check,
.radio .square-check,
.radio .rounded-check {
    position: absolute;
    top: 2px;
    left: 0;
}

.checkbox > input:checked ~ .square-check:after,
.radio > input:checked ~ .square-check:after,
.checkbox > input:checked ~ .rounded-check:after,
.radio > input:checked ~ .rounded-check:after {
    visibility: visible;
    opacity: 1;
}

.text-truncate-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.text-truncate-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
/*badges*/
/*.badge {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 18px;
    width: 18px;
    font-size: 0.65rem;
    font-weight: 500;
    line-height: unset;
}*/
.badge-circle {
    border-radius: 50%;
}
.badge-sm {
    height: 14px;
    width: 14px;
    font-size: 0.55rem;
}
.badge-md {
    height: 24px;
    width: 24px;
    font-size: 0.75rem;
}
.badge-lg {
    height: 28px;
    width: 28px;
    font-size: 0.85rem;
}
.badge.badge-dot {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 8px;
    width: 8px;
}
.badge-dot.badge-md {
    height: 10px;
    width: 10px;
}
.badge-dot.badge-lg {
    height: 12px;
    width: 12px;
}
.badge-inline {
    width: auto;
}
.badge-status {
    position: absolute;
    top: calc(15% - 4px);
    right: calc(15% - 4px);
    font-size: 1px;
}
.badge-status:before {
    position: absolute;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    border: 3px solid #fff;
    top: -3px;
    left: -3px;
    content: "";
    border-radius: 50%;
}
.badge-md.badge-status {
    top: calc(15% - 5px);
    right: calc(15% - 5px);
}
.badge-lg.badge-status {
    top: calc(15% - 6px);
    right: calc(15% - 6px);
}

.badge-gray {
    background-color: var(--gray);
    color: var(--white);
}
.badge-soft-primary {
    background-color: var(--soft-primary);
    color: var(--primary);
}
.badge-soft-secondary {
    background-color: var(--soft-secondary);
    color: var(--secondary);
}
.badge-soft-success {
    background-color: var(--soft-success);
    color: var(--success);
}
.badge-soft-danger {
    background-color: var(--soft-danger);
    color: var(--danger);
}
.badge-soft-warning {
    background-color: var(--soft-warning);
    color: var(--warning);
}
.badge-soft-secondary-base {
    background-color: var(--soft-secondary-base);
    color: var(--secondary-base);
}
.badge-soft-info {
    background-color: var(--soft-info);
    color: var(--info);
}
.badge-soft-light {
    background-color: var(--soft-light);
}
.badge-soft-dark {
    background-color: var(--soft-dark);
    color: var(--dark);
}
.badge-soft-blue {
    background-color: var(--soft-blue);
    color: var(--blue);
}



   .product-qty input, .product-qty span {
   height: 23px;
   border: 1px solid #dce1e5;
   margin: 0;
   font-size: 12px;
   text-align: center
}
.product-qty {
   display: flex;
   float: left;
   margin-right: 10px
}

.product-qty span {
   width: 25px;
/*   line-height: 30px;*/
   padding: 0;
   background-color: #fff;
   font-size: 14px;
   cursor: pointer;
   display: inline-block
}

.product-qty input {
   width: 40px;
/*   padding: 0 10px;*/
}

.ps-product {
     position: relative;
     padding: 5px 5px 5px 5px;
   }

.ps-product:hover {
   background: #ffffff none repeat scroll 0 0;
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
   border-radius: 4px;
}

.ps-product .ps-product__actions {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  max-width: 200px;
  padding: 10px 0;
  transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.ps-product .ps-product__actions li {
  /*background-color: #fd0000;
  height:30px;
  width:30px;
  line-height:30px;
  color:#fff;
  padding:0;
  text-align:center;
  text-decoration:none;*/
  display:inline-block;
  /*border-radius:50%;
  margin:0 4px*/
}

/*.ps-product .ps-product__actions li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
*/
/*.ps-product .ps-product__actions li a:hover {
  background-color: var(--theme-color-hover);
  color: #ffffff;
}*/

/*.ps-product .ps-product__actions:last-child {
  margin-right: 0;
}*/


.ps-product .ps-product__title {
    margin: 0;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 0 5px;
    line-height: 1.2em;
    overflow: hidden;
}

.ps-product .ps-product__thumbnail {
  position: relative;
  overflow: hidden;
}

.ps-product .ps-product__thumbnail img {
  width: 100%;
}

.ps-product .ps-product__thumbnail .ps-product__actions {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 117%);
}


.ps-product .ps-product__container {
  padding: 10px 5px 0 5px;
}


.ps-product:hover {
  border-color: silver;
}

.ps-product:hover .ps-product__thumbnail .ps-product__actions {
  transform: translate(-50%, 0);
}




.ps-product--horizontal {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 15px;
  padding-right: 15px;
}


.ps-product--horizontal .ps-product__title {
  margin: 0;
  padding: 0 0 5px;
  font-size: 14px;
  line-height: 1.2em;
}

.ps-product--horizontal .ps-product__thumbnail {
  max-width: 100px;
/*  width: 100%;*/
}

.ps-product--horizontal .ps-product__content {
  width: 100%;
  padding-left: 10px;
}

    .ps-product--horizontal .ps-product__content {
        padding-right: 0;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

@media (max-width: 1440px) {
  .ps-product--horizontal .ps-product__content {
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .ps-product--horizontal .ps-product__thumbnail {
    max-width: 75px;
  }
  .ps-product--horizontal .ps-product__content {
    padding-left: 10px;
  }
}


.scroller {
   max-height: 500px;
   overflow: auto;
   scrollbar-width: thin
}

.scroller::-webkit-scrollbar-track {
   background-color: #e4e4e4;
   border-radius: 50px
}

.scroller::-webkit-scrollbar-thumb {
   border-radius: 50px;
}

.shadow_border {
    box-shadow: 0px 0px 2px 0px rgb(185 199 210 / 45%);
  -webkit-box-shadow: 0px 0px 2px 0px rgb(185 199 210 / 45%); 
  border-radius: 0.2rem;
}


.statictics_icon1 {
   width: 52px;
    height: 52px;
    background: #f2f3f6;
    display: flex;
    font-size: 20px;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
 }

  .alert_icon {
   width: 52px;
    height: 52px;
    display: flex;
    font-size: 40px;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
 }

.statictics_icon {
    width: 52px;
    height: 52px;
    background: #f2f3f6;
    border-radius: 50%;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}

.statictics_card a {
    color: inherit;
    text-decoration: none;
}

.statictics_card {
    padding: 10px 15px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.statictics_card:hover {
    transform: translateY(-6px) scale(1.01);
}

.stat_card {
    padding: 10px 15px;
    cursor: pointer;
}

.stat_card a {
    color: inherit;
    text-decoration: none;
}

.selectpicker.form-control {
    border: 1px solid #ccc;
    background-color: transparent;
    color: #495057;
}

.bootstrap-select .dropdown-toggle {
    background-color: transparent !important;
    border: 1px solid #ccc !important;
    color: #495057 !important;
    box-shadow: none !important;
}

.selectpicker:focus,
.bootstrap-select .dropdown-toggle:focus,
.selectpicker:active,
.bootstrap-select .dropdown-toggle:active {
    border: 1px solid #ccc !important;
    box-shadow: none !important;
    outline: none !important;
}