/*
Template Name: Skote - Admin & Dashboard Template
Author: Themesbrand
Version: 3.1.0
Website: https://themesbrand.com/
Contact: themesbrand@gmail.com
File: Main Css File
*/

//Fonts
// @import 'custom/fonts/fonts';

// //Core files
// @import '../../../../../node_modules/bootstrap-latest/scss/functions';
// @import '../../../../../node_modules/bootstrap-latest/scss/variables';
// @import 'variables';
// @import '../../../../../node_modules/bootstrap-latest/scss/mixins.scss';

// // Structure
// @import 'custom/structure/general';
// @import 'custom/structure/topbar';
// @import 'custom/structure/page-head';
// @import 'custom/structure/footer';
// @import 'custom/structure/right-sidebar';
// @import 'custom/structure/vertical';
// @import 'custom/structure/horizontal-nav';
// @import 'custom/structure/layouts';

// // Components
// @import 'custom/components/waves';
// @import 'custom/components/avatar';
// @import 'custom/components/accordion';
// @import 'custom/components/helper';
// @import 'custom/components/preloader';
// @import 'custom/components/forms';
// @import 'custom/components/widgets';
// @import 'custom/components/demos';
// @import 'custom/components/print';
// @import 'custom/components/custom';

// // Plugins
// @import 'custom/plugins/custom-scrollbar';
// @import 'custom/plugins/calendar';
// @import 'custom/plugins/dragula';
// @import 'custom/plugins/session-timeout';
// @import 'custom/plugins/range-slider';
// @import 'custom/plugins/sweatalert2';
// @import 'custom/plugins/rating';
// @import 'custom/plugins/toastr';
// @import 'custom/plugins/parsley';
// @import 'custom/plugins/select2';
// @import 'custom/plugins/multiselect';
// @import 'custom/plugins/datepickervue';

// @import 'custom/plugins/switch';
// @import 'custom/plugins/colorpicker';
// @import 'custom/plugins/timepicker';
// @import 'custom/plugins/datepicker';
// @import 'custom/plugins/bootstrap-touchspin';
// @import 'custom/plugins/form-editors';
// @import 'custom/plugins/form-upload';
// @import 'custom/plugins/form-wizard';
// @import 'custom/plugins/datatable';
// @import 'custom/plugins/responsive-table';
// @import 'custom/plugins/table-editable';
// @import 'custom/plugins/apexcharts';
// @import 'custom/plugins/echarts';
// @import 'custom/plugins/flot';
// @import 'custom/plugins/sparkline-chart';
// @import 'custom/plugins/google-map';
// @import 'custom/plugins/vector-maps';
// @import 'custom/plugins/leaflet-maps';

// // Pages
// @import 'custom/pages/authentication';
// @import 'custom/pages/ecommerce';
// @import 'custom/pages/email';
// @import 'custom/pages/file-manager';
// @import 'custom/pages/chat';
// @import 'custom/pages/projects';
// @import 'custom/pages/contacts';
// @import 'custom/pages/crypto';
// @import 'custom/pages/coming-soon';
// @import 'custom/pages/timeline';
// @import 'custom/pages/extras-pages';

// //My Styles
// @import 'custom_app_light';

// // My Pages
// @import 'my_pages/profile';
// @import 'my_pages/workflow';
// @import 'my_pages/email-templates';
// @import 'my_pages/omni-widget';
// @import 'my_pages/inbox';

// .smart-list-wrapper {
//   border-bottom: 1px solid $apex-grid-color;
//   overflow-y: scroll;
//   max-height: 40vh;
//   .smart-list-wrapper_item {
//     border-bottom: 1px solid $gray-200;
//   }
// }

// @media (max-width: 992px) {
//   body.sidebar-enable.vertical-collpsed,
//   body.sidebar-enable {
//     .vertical-menu {
//       display: none !important;
//     }
//   }
//   body {
//     .vertical-menu {
//       display: block !important;
//     }
//   }
// }
// // .border-bottom {
// //   border-bottom: 1px solid  $border-color;
//   // border-bottom-color:
// // }

@import 'custom/fonts/fonts';

// Core files
@import '~bootstrap/scss/functions';
@import '~bootstrap/scss/variables';
@import 'variables';
@import '~bootstrap/scss/mixins.scss';

// Structure
@import 'custom/structure/general';
@import 'custom/structure/topbar';
@import 'custom/structure/page-head';
@import 'custom/structure/footer';
@import 'custom/structure/right-sidebar';
@import 'custom/structure/vertical';
@import 'custom/structure/horizontal-nav';
@import 'custom/structure/layouts';

// Components
@import 'custom/components/waves';
@import 'custom/components/avatar';
@import 'custom/components/accordion';
@import 'custom/components/helper';
@import 'custom/components/preloader';
@import 'custom/components/forms';
@import 'custom/components/widgets';
@import 'custom/components/demos';
@import 'custom/components/print';
@import 'custom/components/custom';

// Plugins
@import 'custom/plugins/custom-scrollbar';
@import 'custom/plugins/calendar';
@import 'custom/plugins/dragula';
@import 'custom/plugins/session-timeout';
@import 'custom/plugins/range-slider';
@import 'custom/plugins/sweatalert2';
@import 'custom/plugins/rating';
@import 'custom/plugins/toastr';
@import 'custom/plugins/parsley';
@import 'custom/plugins/select2';
@import 'custom/plugins/multiselect';
@import 'custom/plugins/datepickervue';

@import 'custom/plugins/switch';
@import 'custom/plugins/colorpicker';
@import 'custom/plugins/timepicker';
@import 'custom/plugins/datepicker';
@import 'custom/plugins/bootstrap-touchspin';
@import 'custom/plugins/form-editors';
@import 'custom/plugins/form-upload';
@import 'custom/plugins/form-wizard';
@import 'custom/plugins/datatable';
@import 'custom/plugins/responsive-table';
@import 'custom/plugins/table-editable';
@import 'custom/plugins/apexcharts';
@import 'custom/plugins/echarts';
@import 'custom/plugins/flot';
@import 'custom/plugins/sparkline-chart';
@import 'custom/plugins/google-map';
@import 'custom/plugins/vector-maps';
@import 'custom/plugins/leaflet-maps';

// Pages
@import 'custom/pages/authentication';
@import 'custom/pages/ecommerce';
@import 'custom/pages/email';
@import 'custom/pages/file-manager';
@import 'custom/pages/chat';
@import 'custom/pages/projects';
@import 'custom/pages/contacts';
@import 'custom/pages/crypto';
@import 'custom/pages/coming-soon';
@import 'custom/pages/timeline';
@import 'custom/pages/extras-pages';

// My Styles
@import 'custom_app_light';

// My Pages
@import 'my_pages/profile';
@import 'my_pages/workflow';
@import 'my_pages/email-templates';
@import 'my_pages/omni-widget';
@import 'my_pages/inbox';

.smart-list-wrapper {
  border-bottom: 1px solid $apex-grid-color;
  overflow-y: scroll;
  max-height: 40vh;
  .smart-list-wrapper_item {
    border-bottom: 1px solid $gray-200;
  }
}

@media (max-width: 992px) {
  body.sidebar-enable.vertical-collpsed,
  body.sidebar-enable {
    .vertical-menu {
      display: none !important;
    }
  }
  body {
    .vertical-menu {
      display: block !important;
    }
  }
}
.table {
  --bs-table-bg: transparent !important;
}
.b-overlay-wrap {
  z-index: -1 !important;
}
#workflow-modal {
  z-index: 1000; /* Adjust the value as needed */
  display: block;
}
#modal-standard{
  z-index: 1000; /* Adjust the value as needed */
  display: block;
}

#source-modal {
  z-index: 1000; /* Adjust the value as needed */
  display: block;
}
#email-modal {
  z-index: 1000; /* Adjust the value as needed */
  display: block;
}
#phonechannel-modal {
  z-index: 1000; /* Adjust the value as needed */
  display: block;
}
#emailedit-modal {
  z-index: 1000; /* Adjust the value as needed */
  display: block;
}
#chat-edit {
  z-index: 1000; /* Adjust the value as needed */
  display: block;
}
#modal-center {
  z-index: 1000; /* Adjust the value as needed */
  display: block;
}
.sourcelist {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.confirm-delete-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup-content {
  background: white;
  padding: 20px;
  border-radius: 8px;
  text-align: center;
}
.btnspace {
  margin-left: 10px;
}
.modlheader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.pad10 {
  padding: 10px;
}

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

.btn725 {
  font-weight: 700;
  font-size: 20px;
}
.whitecard {
  background: white;
}
.cardOuter {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.whitecardlg {
  flex: 1 1 auto;
}
.pad20 {
  padding: 20px;
}
.txtnote {
  height: 150px;
  width: 100%;
}

.list-block-outer {
  // max-height: 100px;
  // overflow-y: auto;
}
.list-block-outer .list-card .li-icon-main svg {
  background-color: white;
}
.list-block-outer .list-card .li-icon-main {
  flex: 0 0 auto;
  width: 30px;
  position: relative;
  z-index: 1;
}
.list-block-outer .list-card .li-icon-main::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 2px;
  display: block;
  left: 6px;
  top: 0;
  border-left: dotted 2px #ccc;
}
.list-block-outer .list-card .li-sub-ul {
  flex: 1 1 auto;
}
.list-block-outer .list-card .li-sub-ul ul {
  list-style: none;
}
.list-block-outer .list-card .li-sub-ul ul li {
  display: flex;
  margin-bottom: 25px;
}
.list-block-outer .list-card .li-sub-ul ul li .li-iocn {
  width: 30px;
}
.list-block-outer .list-card .li-sub-ul ul li .txt-item {
  flex: 1 1 auto;
  padding-left: 10px;
}
.list-block-outer .list-card .li-sub-ul ul li .txt-item p {
  font-size: 14px;
  margin-bottom: 2px;
}
.list-block-outer .list-card .li-sub-ul ul li .txt-item .date {
  font-size: 12px;
  margin-bottom: 0;
}
.card-bodycustom .nav-link {
  position: relative;
  background-color: #fff !important;
  border: none;
  border-bottom: solid 1px #e3e4e9 !important;
}
.card-bodycustom .nav-link::after {
  width: 0;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 2px;
  background-color: blue;
  display: block;
  transition: 0.3s;
  content: '';
  position:absolute;
}
.card-bodycustom .nav-link:hover::after,
.card-bodycustom .nav-link.active::after {
  width: 95%;
}
.title-block{
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.greenbtn{
  background-color: #34c38f;
  color: white;
}
.title-top
{
  background-color: white;
  padding: 15px
}
.workflow-edit-modal{
  height: 100%;
}
.workflow-edit-modal #layoutQS
{
	width:100% !important;

}
.workflow-edit-modal #tabPS > table {
	width:100% !important;

}
#layoutQS
{
	width:100% !important;

}
.loaderiframe {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}