/*--------


CUSTOM STYLES, GLOBALS


--------*/
:root {
  --project-bg-color-primary:transparent;
  --project-color-primary:#A0AEC0;
  --project-color-secondary:#37bbd9;
  --project-color-dark:#081364;
  --project-color-faded:#f8efff;
  
  --dragdrop-select:#e0ebff;

  --project-color-main-100:var(--project-color-faded);
  --project-color-main-200:#7081ee;
  --project-color-main-300:#4059e6;
  --project-color-main-400:var(--project-color-primary);
  --project-color-main-500:#2e49ce;
  --project-color-main-600:#1c1c92;
  --project-color-main-700:var(--project-color-dark);
  --vz-font-sans-serif: "Helvetica", sans-serif;
  --vz-vertical-menu-bg-dark: #101420;  
  --vz-success-rgb: 27,165,137;
  --vz-warning-rgb: 245, 181, 5;
  --vz-danger-rgb: 232, 49, 49;

  --widget-primary-color: #2563eb;
  --widget-secondary-color: #64748b;
  --widget-success-color: #10b981;
  --widget-warning-color: #f59e0b;
  --widget-danger-color: #ef4444;
}

#layout-wrapper .btn-primary {
  --vz-btn-color: #fff;
  --vz-btn-bg: #FF8633;
  --vz-btn-border-color: #FF8633;
  --vz-btn-hover-color: #fff;
  --vz-btn-hover-bg: #ff934b;
  --vz-btn-hover-border-color: #ff934b;
  --vz-btn-focus-shadow-rgb: 90, 140, 231;
  --vz-btn-active-color: #fff;
  --vz-btn-active-bg: #ff934b;
  --vz-btn-active-border-color: #ff934b;
  --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --vz-btn-disabled-color: #fff;
  --vz-btn-disabled-bg: #FF8633;
  --vz-btn-disabled-border-color: #FF8633;
}

#layout-wrapper .btn-primary-2 {
  --vz-btn-color: #fff;
  --vz-btn-bg: #ffa366;
  --vz-btn-border-color: #ffa366;
  --vz-btn-hover-color: #fff;
  --vz-btn-hover-bg: #ffbc8f;
  --vz-btn-hover-border-color: #ffbc8f;
  --vz-btn-focus-shadow-rgb: 90, 140, 231;
  --vz-btn-active-color: #fff;
  --vz-btn-active-bg: #ffbc8f;
  --vz-btn-active-border-color: #ffbc8f;
  --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --vz-btn-disabled-color: #fff;
  --vz-btn-disabled-bg: #ffa366;
  --vz-btn-disabled-border-color: #ffa366;
}

#layout-wrapper .btn-secondary {
  --vz-btn-color: #767679;
  --vz-btn-bg: #FFFFFF;
  --vz-btn-border-color: #91ABCA;
  --vz-btn-hover-color: #767679;
  --vz-btn-hover-bg: #dfdfdf;
  --vz-btn-hover-border-color: #91ABCA;
  --vz-btn-focus-shadow-rgb: 90, 140, 231;
  --vz-btn-active-color: #767679;
  --vz-btn-active-bg: #dfdfdf;
  --vz-btn-active-border-color: #91ABCA;
  --vz-btn-disabled-color: #767679;
  --vz-btn-disabled-bg: #adadad;
  --vz-btn-disabled-border-color: #91ABCA;
}

#layout-wrapper .btn-light {
  --vz-btn-color: #FFFFFF;
  --vz-btn-bg: #909090;
  --vz-btn-border-color: #909090;
  --vz-btn-hover-color: #FFFFFF;
  --vz-btn-hover-bg: #a6a6a6;
  --vz-btn-hover-border-color: #909090;
  --vz-btn-focus-shadow-rgb: 90, 140, 231;
  --vz-btn-active-color: #FFFFFF;
  --vz-btn-active-bg: #909090;
  --vz-btn-active-border-color: #909090;
  --vz-btn-disabled-color: #FFFFFF;
  --vz-btn-disabled-bg: #adadad;
  --vz-btn-disabled-border-color: #909090;
}

#layout-wrapper .btn-danger {
  --vz-btn-color: #fff;
  --vz-btn-bg: #FF4545;
  --vz-btn-border-color: #FF4545;
  --vz-btn-hover-color: #fff;
  --vz-btn-hover-bg: #ff7272;
  --vz-btn-hover-border-color: #ff7272;
  --vz-btn-focus-shadow-rgb: 243, 134, 134;
  --vz-btn-active-color: #fff;
  --vz-btn-active-bg: #ff7272;
  --vz-btn-active-border-color: #ff7272;
  --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --vz-btn-disabled-color: #fff;
  --vz-btn-disabled-bg: #FF4545;
  --vz-btn-disabled-border-color: #FF4545;
}

#layout-wrapper .btn-success {
  --vz-btn-color: #fff;
  --vz-btn-bg: #00CEA8;
  --vz-btn-border-color: #00CEA8;
  --vz-btn-hover-color: #fff;
  --vz-btn-hover-bg: #38d0b4;
  --vz-btn-hover-border-color: #38d0b4;
  --vz-btn-focus-shadow-rgb: 126, 189, 136;
  --vz-btn-active-color: #fff;
  --vz-btn-active-bg: #00b493;
  --vz-btn-active-border-color: #00b493;
  --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --vz-btn-disabled-color: #fff;
  --vz-btn-disabled-bg: #00CEA8;
  --vz-btn-disabled-border-color: #00CEA8;
}

#layout-wrapper .btn-service {
  --vz-btn-color: #FFFFFF;
  --vz-btn-bg: #BCC4C1;
  --vz-btn-border-color: #BCC4C1;
  --vz-btn-hover-color: #FFFFFF;
  --vz-btn-hover-bg: #a8e7ca;
  --vz-btn-hover-border-color: #a8e7ca;
  --vz-btn-focus-shadow-rgb: 90, 140, 231;
  --vz-btn-active-color: #FFFFFF;
  --vz-btn-active-bg: #BCC4C1;
  --vz-btn-active-border-color: #BCC4C1;
  --vz-btn-disabled-color: #FFFFFF;
  --vz-btn-disabled-bg: #adadad;
  --vz-btn-disabled-border-color: #BCC4C1;
  padding: 6px 6px;
  font-size: 12px;
  font-weight: 500;
}

#layout-wrapper .btn-service.active {
  --vz-btn-bg: #74DDAC;
  --vz-btn-border-color: #74DDAC;
  background-color: var(--vz-btn-bg);
  border-color: var(--vz-btn-border-color);
}

#layout-wrapper .btn-addItem {
  --vz-btn-color: #fff;
  --vz-btn-bg: #83C8D6;
  --vz-btn-border-color: #83C8D6;
  --vz-btn-hover-color: #fff;
  --vz-btn-hover-bg: #94d3e0;
  --vz-btn-hover-border-color: #94d3e0;
  --vz-btn-focus-shadow-rgb: 90, 140, 231;
  --vz-btn-active-color: #fff;
  --vz-btn-active-bg: #94d3e0;
  --vz-btn-active-border-color: #94d3e0;
  --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --vz-btn-disabled-color: #fff;
  --vz-btn-disabled-bg: #83C8D6;
  --vz-btn-disabled-border-color: #83C8D6;
}

#layout-wrapper .btn-service-2 {
  --vz-btn-color: #FFFFFF;
  --vz-btn-bg: #BCC4C1;
  --vz-btn-border-color: #91ABCA;
  --vz-btn-hover-color: #FFFFFF;
  --vz-btn-hover-bg: #87c9aa;
  --vz-btn-hover-border-color: #91ABCA;
  --vz-btn-focus-shadow-rgb: 90, 140, 231;
  --vz-btn-active-color: #FFFFFF;
  --vz-btn-active-bg: #BCC4C1;
  --vz-btn-active-border-color: #91ABCA;
  --vz-btn-disabled-color: #FFFFFF;
  --vz-btn-disabled-bg: #adadad;
  --vz-btn-disabled-border-color: #BCC4C1;
  padding: 5px 22px;
  font-size: 12px;
  font-weight: 500;
}

#layout-wrapper .btn-attach {
  --vz-btn-color: #FFFFFF;
  --vz-btn-bg: #2C7492;
  --vz-btn-border-color: #2C7492;
  --vz-btn-hover-color: #FFFFFF;
  --vz-btn-hover-bg: #3d8aab;
  --vz-btn-hover-border-color: #2C7492;
  --vz-btn-focus-shadow-rgb: 90, 140, 231;
  --vz-btn-active-color: #FFFFFF;
  --vz-btn-active-bg: #2C7492;
  --vz-btn-active-border-color: #2C7492;
  --vz-btn-disabled-color: #FFFFFF;
  --vz-btn-disabled-bg: #adadad;
  --vz-btn-disabled-border-color: #2C7492;
  /* padding: 5px 22px; */
  /* font-size: 12px; */
  /* font-weight: 500; */
}

#layout-wrapper .btn-service-2.active {
  --vz-btn-bg: #4CBA86;
  --vz-btn-border-color: #91ABCA;
  background-color: var(--vz-btn-bg);
  border-color: var(--vz-btn-border-color);
}

#layout-wrapper .card {
  --vz-card-spacer-y: 1.5rem;
  --vz-card-spacer-x: 1rem;
  --vz-card-title-spacer-y: 0.5rem;
  --vz-card-border-width: 0;
  --vz-card-border-color: rgba(0, 0, 0, 0.125);
  --vz-card-border-radius: 1rem;
  --vz-card-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
  --vz-card-inner-border-radius: 1rem;
  --vz-card-cap-padding-y: 1rem;
  --vz-card-cap-padding-x: 1rem;
  --vz-card-cap-bg: #fff;
  --vz-card-bg: #fff;
  --vz-card-img-overlay-padding: 1rem;
  --vz-card-group-margin: 0.75rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  height: var(--vz-card-height);
  word-wrap: break-word;
  background-color: var(--vz-card-bg);
  background-clip: border-box;
  border: var(--vz-card-border-width) solid var(--vz-card-border-color);
  border-radius: var(--vz-card-border-radius);
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.w-30 {
  width: 30% !important;
}

.w-35 {
  width: 35% !important;
}

#layout-wrapper button.btn-primary .bx,
#layout-wrapper a.btn-primary .bx,
#layout-wrapper button.btn-primary-2 .bx,
#layout-wrapper a.btn-primary-2 .bx,
#layout-wrapper button.btn-secondary .bx,
#layout-wrapper a.btn-secondary .bx,
#layout-wrapper button.btn-light .bx,
#layout-wrapper a.btn-light .bx,
#layout-wrapper button.btn-info .bx,
#layout-wrapper a.btn-info .bx,
#layout-wrapper button.btn-attach .bx,
#layout-wrapper a.btn-attach .bx{
  line-height: 0.75;
}

.card-preloader {
  z-index: 999;
}

.form-control {
  --vz-input-border: #91ABCA;
  color: var(--vz-body-color);
  background-color: var(--vz-input-bg);
  border: 1px solid var(--vz-input-border);
  border-radius: .375rem;
}

.bgcolor-primary{
  background-color: var(--project-bg-color-primary)!important;
  border-color: var(--project-bg-color-primary)!important;
  color: var(--project-color-primary)!important;
}

.color-red{
  color:red!important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: var(--vz-heading-color);
  font-family: var(--vz-font-sans-serif);
}

.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}

/* 
  custom font family
*/
@font-face {
  font-family: 'Helvetica';
  font-weight: 200;
  src: url(../fonts/Helvetica/helvetica-light.ttf);
}

@font-face {
  font-family: 'Helvetica';
  font-weight: 300;
  src: url(../fonts/Helvetica/Helvetica.ttf);
}

@font-face {
  font-family: 'Helvetica';
  font-weight: 400;
  src: url(../fonts/Helvetica/Helvetica.ttf);
}

@font-face {
  font-family: 'Helvetica';
  font-weight: 500;
  src: url(../fonts/Helvetica/Helvetica-Bold.ttf);
}

.helvetica-light {
  font-family: "Helvetica", serif;
  font-weight: 300;
  font-style: normal;
}

.helvetica-regular {
  font-family: "Helvetica", serif;
  font-weight: 300;
  font-style: normal;
}

.helvetica-bold {
  font-family: "Helvetica", serif;
  font-weight: 700;
  font-style: normal;
}

li .nav-item a.nav-link.active {
  color: #23BBCC !important;
}

/*--------

BUTTONS

--------*/
/* .btn-primary {
  --vz-btn-color: #fff;
  --vz-btn-bg: var(--project-color-primary);
  --vz-btn-border-color: var(--project-color-primary);
  --vz-btn-hover-color: #fff;
  --vz-btn-hover-bg: var(--project-color-main-600);
  --vz-btn-hover-border-color:var(--project-color-main-600);
  --vz-btn-focus-shadow-rgb: 90,140,231;
  --vz-btn-active-color: #fff;
  --vz-btn-active-bg:var(--project-color-main-600);
  --vz-btn-active-border-color: var(--project-color-main-600);
  --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --vz-btn-disabled-color: #fff;
  --vz-btn-disabled-bg: var(--project-color-primary);
  --vz-btn-disabled-border-color: var(--project-color-primary);
} */

/*

FORMS - SWITCH

*/
/* .form-check-input:checked {
  background-color: var(--project-color-primary);
  border-color: var(--project-color-primary);
} */

/*--------

LOGIN

--------*/
.auth-bg-cover, .auth-one-bg{
    background: url(/assets/images/login-bg.jpg);
    background-position-y: center;
    height: 100%;
}

.auth-one-bg .bg-overlay {
  background: initial;
  background-position-y: center;
  /* background: linear-gradient(to right, var(--project-color-primary), var(--project-color-secondary)); */
  opacity: 1;
}

/* profile */
.profile-setting-img{
  height:90px;
}
.profile-wid-bg::before{
  background: var(--project-color-main-200);
  background: -webkit-gradient(linear,left bottom,left top,from(var(--project-color-main-700)),to(var(--project-color-main-200)));
  background: linear-gradient(to bottom,var(--project-color-main-200),var(--project-color-main-700));
}

/*--------


table custom

--------*/

.gridjs.gridjs-container .gridjs-wrapper{
  border:none;
}
th.gridjs-th{
  padding:1rem 1.5rem 1rem .6rem;
}

td.gridjs-td{
  padding:1.5rem 1.5rem 1.5rem .6rem;
}

/*checkbox*/
.gridjs.gridjs-container .form-check-input{
  left:0;
}
th.gridjs-th .gridjs-th-content {
  display:block;
  font-size: 12px;
}
/*max height dropdown*/
.dropdown-menu--maxH{
  max-height:15rem;
  overflow:auto;
}

.gridjs-tr:hover{
  background-color:var(--project-color-faded)!important
}

/*add blink animation*/
.grid-blink-animation{
  animation:quickBlink 1s linear;
}
@keyframes quickBlink{
  from{background-color: var(--dragdrop-select);}
  to{background-color: transparent;}
}
/*--------

attribute adder

--------*/
.attribute__container{
  position:relative;
  /* padding-left:40px; */
  margin-bottom:50px;
}
.attribute__index{
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  padding: 0;
}
.attribute__delete{
  width: 15%;
  text-align: right;
  padding: 0;

}
.attribute__list{
  font-size: 16px;
  font-weight: bold;
  width:10%;

}
.card--productAttr{
  box-shadow: 0 0 6px var(--project-color-primary);
}

.card--productAttr .card-header{
  background-color: var(--project-color-primary);
  color:#fff;
}

/* @media(min-width:1200px){
  .col--productAttr:nth-child(odd){
    padding-left:0;
  }
  .col--productAttr:nth-child(even){
    padding-right:0
  }
} */
/* @media(max-width:1199px){
  .col--productAttr{
    padding:0;
  }
} */
.col--productAttr{
  padding: 25px 30px;
    border: 1px solid #d5d5d5;
    border-radius: 8px;
}
.tabs__custom--primary .active:after{
  content:'';
  display:block;
  width:80%;
  height:2px;
  margin-top:10px;
  background-color: var(--vz-link-color);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  /* background-color: var(--vz-link-color);
  color: #fff; */

}


/*
  color pickr
*/
.pickr .pcr-button{
  padding:0.875rem;
}
.pickr .pcr-button::after, .pickr .pcr-button::before{
  border-radius:20%;
}
.staticColor{
  width: 22px;
  height: 22px;
  border-radius: 4px;
  vertical-align: middle;
  display: inline-block;
  margin-right:10px;
  box-shadow:0 0 3px #888;
}
/*
blockquote inside class alert-info
*/
.alert-info .blockquote{
  border-color:var(--vz-alert-color)
}

/*
input type date to always show date dropdown on focus
*/
input[type="date"]{
  position:relative;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  background: transparent;
  color: transparent;
  cursor: pointer;
  height: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: auto;
}

/*
order management status timeline
*/

.order-management-status-timeline{
  position:relative;
  display:flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.omst-item{
  text-align:center;
  padding:0 50px;
  position:relative;
}
.omst-item:before{
  content:'';
  display:block;
  width:40%;
  height:2px;
  background-color: #e9e9e9;
  position:absolute;
  top:10%;
  left:0;
}
.omst-item:after{
  content:'';
  display:block;
  width:40%;
  height:2px;
  background-color: #e9e9e9;
  position:absolute;
  top:10%;
  right:0;
}
.omst-point{
  width:26px;
  height:26px;
  font-size:1.25rem;
  background:white;
  border-radius:50%;
  border:6px solid #e9e9e9;
  margin:0 auto 15px;
  color:white;
}
.omst-item.highlight .omst-point{
  border-color:var(--project-color-primary);
}
.omst-item.highlight:after,
.omst-item.highlight:before{
  background-color: var(--project-color-primary);
}
/* .omst-item.highlight:first-child:after,
.omst-item.highlight:last-child:before{
  background-color: var(--project-color-primary);
} */
.omst-item.highlight:first-child:before,
.omst-item.highlight:last-child:after{
  background-color: #e9e9e9;
}

@media(min-width:1200px){
  .omst-title{
    height:100px;
    max-width:400px;
  }
}
@media(max-width:1199px){
  .order-management-status-timeline{
    flex-direction: column;
  }
  .omst-item{
    width:100%;
    text-align:left;
    padding:0 0 25px 50px;
    
  }
  .omst-point{
    margin:0;
    position:absolute;
    top:0;
    left:0;
    z-index:5;
  }
  .omst-item:before{
    display:none;
  }
  .omst-item:after{
    height:100%;
    width:2px;
    position: absolute;
    left:12.5px;
    z-index:1;
  }
  .omst-item:last-child::after{
    display:none
  }
}

/*
custom accordion
*/

.accordion.transparent{
  background:transparent
}
.accordion.transparent .accordion-button,
.accordion.transparent .accordion-item{
  background:transparent
}

/*
flatpickr label modal
*/
.flatpickr-wrapper{
  display:block
}
.flatpickr-input[disabled]{
  background-color: var(--vz-input-disabled-bg);
}

.customDatePicker {
  background-color: var(--vz-btn-bg)!important;
}

.customDatePicker:hover {
  background-color: var(--vz-btn-hover-bg)!important;
}

.customDatePicker:active,
.customDatePicker.active {
  background-color: var(--vz-btn-active-bg)!important;
}


.pdf-page {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

@media(max-width:768px){
  #pdf-container {
      overflow: scroll;
      height: 600px;
  }
}

/*
chatbox
*/
.card-chatbox:before{
  content:'';
  display:block;
  width:16px;
  height:16px;
  transform:rotateZ(45deg);
  position:absolute;
  top:12px;
  left:-8px;
  background:var(--vz-light)

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

.bg-primary-subtle {
  background-color: #e2e5ed !important;
}

.bg-light-subtle {
  background-color: #f9fbfc!important;
}

/*
chart
*/
.chart-thumbnail {
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  box-shadow: 0 6px 14px #2123440d !important;
  margin-bottom: 25px;
  cursor: pointer;
  /* width: 180px;
  height: 183px; */
}

.chart-thumbnail.selected {
  background: #fff7e9;
  border: 1.5px solid #cbcbcb;
}

.chart-sample {
  height: 100px;
  text-align: center;
}

.chart-sample img {
  height: 100%;
  
}

.menu-item {
  padding: 13.5px 15px;
  border: 1px solid #1AB4D7;
  border-radius: 8px;
  cursor: pointer;
}

.menu-item .menu-item-title h5 {
  font-size: 14px;
  font-weight: 500;
  color: #010101;
  text-align: center;
}

.menu-item:hover {
  background-color: #c6eaff;
}

.menu-item.active {
  background-color: #3EB0F0;
}

.menu-item.active .menu-item-title h5 {
  color: #fff;
}

/* Login Page */
.login-card {
  border-radius: 15px;
}

.login-card .title {
  font-size: 32px;
  font-weight: 500;
  color: #2C2C2C;
}

.login-card button {
  background-color: #23BBCC;
  border-color: #23BBCC;
  border-radius: 5px;
}

.login-card button:hover, .login-card button:active {
  background-color: #2fcfe1!important;
  border-color: #2fcfe1!important;
}
/* End Login Page */

/* sidebar */
.seperate-line {
  height: 1px;
  background: linear-gradient(90deg, rgba(224,225,226,0) 0%, rgba(224,225,226,1) 50%, rgba(224,225,226,0.16) 100%);;
}

.navbar-menu .navbar-nav .nav-link {
  font-size: .9375rem;
  font-family: "Helvetica", sans-serif;
}

[data-layout=vertical][data-sidebar=dark] .navbar-nav .menu-link.active {
  color: var(--vz-vertical-menu-item-active-color-dark);
  background-color: #23BBCC;
}

/* Override to prevent background color on active menu-links that are parents of open submenus */
[data-layout=vertical][data-sidebar=dark] .navbar-nav .menu-link.active[aria-expanded="true"] {
  background-color: transparent;
}

#page-header-user-dropdown i {
  background-color: #FFC145;
  border-color: #FFC145;
  color: #fff;
}

#page-topbar {
  /* background-color: transparent; */
  border-bottom: 1px solid #D1D5DC;
}
/* end sidebar */

/* content */
.page-title {
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 30px;
}

.gridjs-table {
  font-weight: 500;
  font-size: 13px;
}

.gridjs-thead {
  font-size: 11px;
}

.journal-table {
  font-size: 12px;
}

.journal-table .gridjs-thead {
  font-size: 10px;
}

.journal-table th.gridjs-th{
  padding:0.5rem 1.5rem 0.5rem .6rem;
}

.journal-table td.gridjs-td{
  padding:1rem 1.5rem 1rem .6rem;
}

.gridjs-tr:nth-child(even) {
  background-color: #f2f2f2;
}
/* end content */


/* stepper */
.steps-responsive {
  overflow-x: auto;
  margin-bottom: 35px;
}

.steps .step {
  display: block;
  width: 150px;
  text-align: center
}

.steps .step .step-icon-wrap {
  display: block;
  position: relative;
  width: 100%;
  height: 30px;
  text-align: center
}

.steps .step .step-icon-wrap::before,
.steps .step .step-icon-wrap::after {
  display: block;
  position: absolute;
  top: 50%;
  width: 50%;
  height: 1px;
  margin-top: 1px;
  background-color: #e1e7ec;
  content: '';
  z-index: 1
}

.steps .step .step-icon-wrap::before {
  left: 0
}

.steps .step .step-icon-wrap::after {
  right: 0
}

.steps .step .step-icon {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  border: 1px solid #C6C6C6;
  border-radius: 50%;
  background-color: #fff;
  z-index: 5;
  /* color: #374250; */
  /* font-size: 12px; */
  /* line-height: 30px; */
  /* z-index: 5; */
  /* font-family: Ubuntu-bold; */
}

.steps .step .step-title {
  padding: 0 10px;
  margin-top: 10px;
  margin-bottom: 0;
  color: #6F6F6F;
  font-size: 14px;
  font-family: "Lato", serif;
  font-weight: 400;
}

.steps .step:first-child .step-icon-wrap::before {
  display: none
}

.steps .step:last-child .step-icon-wrap::after {
  display: none
}

.steps .step.inprogress .step-icon-wrap::before {
  background-color: #E17F3B;
}

.steps .step.inprogress .step-icon {
  border-color: #E17F3B;
}

.steps .step.inprogress .step-icon::before{
  content: "";
  display: block;
  position: absolute;
  width: 5px; 
  height: 5px;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  background: #E17F3B;
  border-radius: 100%;
}

.steps .step.inprogress.first-pending .step-icon-wrap::after {
  background-color: #E17F3B
}

.steps .step.inprogress .step-title {
  color: #E17F3B;
}

.steps .step.completed .step-icon-wrap::before,
.steps .step.completed .step-icon-wrap::after {
  background-color: #E17F3B
}

.steps .step.completed .step-icon {
  border-color: #E17F3B;
  background-color: #E17F3B;
  font-size: 28px;
  color: white;
  line-height: 30px
}

.steps .step.completed .step-icon::before{
  content: "\ea41";
  font-family: boxicons !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  display: inline-block;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
}

.steps .step.completed .step-title {
  color: #E17F3B;
}

.file-item {
  border: 1px solid #87929F;
  border-radius: 6px;
  width: 100%;
  padding: 28px 15px;
  font-size: 12px;
}

.file-item .file-icon i {
  font-size: 36px;
  color: #EEFAFF;
  background-color: #2C7492;
  border-color: #2C7492;
}

.filepond--drip {
  background: rgb(145 171 202);
}

/* team management */
.team-card .card-body {
  padding: 32px 22px;
}
.team-container {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #F4F4F4;
  border: 1px solid #B7B7B7;
  min-height: 200px;
}

.team-container .team-header {
  padding: 26px 39px;
}

.team-container .team-header h2 {
  font-size: 24px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 0;
}

.team-container .team-header p {
  font-size: 24px;
  font-weight: 500;
  color: #3990A2;
  margin-bottom: 0;
  /* line-height: 11px; */
}

.btn-custom-add {
  --vz-btn-color: #fff;
  --vz-btn-bg: #83C8D6;
  --vz-btn-border-color: #83C8D6;
  --vz-btn-hover-color: #fff;
  --vz-btn-hover-bg: #93d8e6;
  --vz-btn-hover-border-color: #93d8e6;
  --vz-btn-focus-shadow-rgb: 90, 140, 231;
  --vz-btn-active-color: #fff;
  --vz-btn-active-bg: #93d8e6;
  --vz-btn-active-border-color: #93d8e6;
  --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --vz-btn-disabled-color: #fff;
  --vz-btn-disabled-bg: #83C8D6;
  --vz-btn-disabled-border-color: #83C8D6;
  border-radius: 0;
  --vz-btn-padding-y: 9px;
}

.team-container .team-table.table {
  min-width: 600px;
}

.team-container .team-table.table th {
  font-size: 11px;
  color: #A0AEC0;
  border-bottom: 1px solid #AAA7A7;
}

.team-container .team-table.table td {
  border-bottom: 1px solid #AAA7A7;
}

.team-container .team-table.table tr:last-child td {
  border-bottom: unset;
}

.team-container .team-table.table tr td:first-child,
.team-container .team-table.table tr th:first-child {
  padding-left: 39px;
}

.team-table td.gridjs-td{
  line-height: 25px;
}
/* end team management */
.table-assigned-team {
  /* line-height: 140%; */
}

.table-assigned-team div {
  font-size: 12px;
  color: #2D3748;
  margin-bottom: 6px;
}

.table-assigned-team p {
  font-size: 11px;
  color: #6F6F6F;
  line-height: 15px;
  margin-bottom: 2px;
  font-weight: 500;
  /* margin-bottom: 6px; */
}

/* dashboard */
.dashboard-wrapper .dashboard-title {
  color: #2D3748;
  font-size: 18px;
  margin-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
}

.dashboard-wrapper .dashboard-subtitle {
  color: #2D3748;
  font-size: 18px;
  margin-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: underline!important;
}

.dashboard-wrapper .dashboard-title.team-name {
  color: #000;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 25px;
}

.dashboard-wrapper .dashboard-viewall,
.viewall {
  color: #FF8633;
  font-size: 18px;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 15px;
  text-decoration: underline!important;
  font-weight: 600;
  line-height: 1.2;
}

.dashboard-wrapper .table .gridjs-tr .gridjs-th:first-child,
.dashboard-wrapper .table .gridjs-tr .gridjs-td:first-child {
  padding-left: 30px;
}

.step-progress-container {
  position: relative;
  width: 78px;
  text-align: center;
  line-height: 12px;
}

.step-progress-container strong {
  font-size: 12px;
  color: #575757;
  white-space: normal;
}

.step-progress-container .step-progress-bar {
  width: 78px;
  height: 8px;
  border-radius: 64px;
  background-color: #7f7f7f;
  margin-bottom: 15px;
}

.step-progress-container::after {
  content: "";
  position: absolute;
  left: 0; 
  right: 0; 
  top: 15px;
  margin-inline: auto; 
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #7f7f7f;
}

.step-progress-container.progress-complete .step-progress-bar,
.step-progress-container.progress-complete::after {
  --vz-text-opacity: 1;
  background-color: rgba(var(--vz-success-rgb),var(--vz-text-opacity));
}

.step-progress-container.progress-complete strong {
  --vz-text-opacity: 1;
  color: rgba(var(--vz-success-rgb),var(--vz-text-opacity));
}

.step-progress-container.progress-info .step-progress-bar,
.step-progress-container.progress-info::after {
  --vz-text-opacity: 1;
  background-color: rgba(var(--vz-info-rgb),var(--vz-text-opacity));
}

.step-progress-container.progress-info strong {
  --vz-text-opacity: 1;
  color: rgba(var(--vz-info-rgb),var(--vz-text-opacity));
}

.step-progress-container.progress-warning .step-progress-bar,
.step-progress-container.progress-warning::after {
  --vz-text-opacity: 1;
  background-color: rgba(var(--vz-warning-rgb),var(--vz-text-opacity));
}

.step-progress-container.progress-warning strong {
  --vz-text-opacity: 1;
  color: rgba(var(--vz-warning-rgb),var(--vz-text-opacity));
}

.step-progress-container.progress-on-going .step-progress-bar,
.step-progress-container.progress-on-going::after {
  --vz-text-opacity: 1;
  background-color: #FF8633;
}

.step-progress-container.progress-on-going strong {
  --vz-text-opacity: 1;
  color: #FF8633;
}

.step-progress-container.progress-danger .step-progress-bar,
.step-progress-container.progress-danger::after {
  --vz-text-opacity: 1;
  background-color: rgba(var(--vz-danger-rgb),var(--vz-text-opacity));
}

.step-progress-container.progress-danger strong {
  --vz-text-opacity: 1;
  color: rgba(var(--vz-danger-rgb),var(--vz-text-opacity));
}

.step-progress-container.progress-pending .step-progress-bar,
.step-progress-container.progress-pending::after {
  background-color: #CE0000;
}

.step-progress-container.progress-pending strong {
  color: #CE0000;
}

.apexcharts-tooltip-custom {
    background: #fff;
    border: 1px solid #e3e6f0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    padding: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 13px;
    line-height: 1.4;
    min-width: 200px;
    max-width: 300px;
}

.tooltip-header {
    background: #f8f9fc;
    padding: 8px 12px;
    border-bottom: 1px solid #e3e6f0;
    font-weight: 600;
    color: #5a5c69;
    border-radius: 7px 7px 0 0;
}

.tooltip-content {
    padding: 10px 12px;
}

.tooltip-series {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.tooltip-marker {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 8px;
    flex-shrink: 0;
}

.tooltip-label {
    font-weight: 500;
    color: #5a5c69;
    margin-right: 6px;
}

.tooltip-value {
    font-weight: 600;
    color: #2c3e50;
}

.tooltip-companies {
    border-top: 1px solid #e3e6f0;
    padding-top: 8px;
    margin-top: 8px;
}

.tooltip-companies strong {
    color: #5a5c69;
    font-size: 12px;
    display: block;
    margin-bottom: 4px;
}

.tooltip-company {
    color: #6c757d;
    font-size: 12px;
    padding: 2px 0;
    padding-left: 4px;
}
/* end dashboard */

/* client management details */
#clientDetailsTabs .btn-outline-primary {
    color: #3EB0F0 !important;
    border-color: #3EB0F0 !important;
}

#clientDetailsTabs .btn-outline-primary.active {
    background-color: #3EB0F0 !important;
    border-color: #3EB0F0 !important;
}

#clientDetailsTabs .btn-outline-primary:hover:not(.active) {
    background-color: #3EB0F0 !important;
    transition: color 0.2s ease;
}

#clientDetailsTabs .btn-outline-primary span {
    color: #212529 !important;
    transition: color 0.2s ease;
}

#clientDetailsTabs .btn-outline-primary.active span {
    color: #fff !important; 
}

#clientDetailsTabs .btn-outline-primary:hover:not(.active) span {
    color: #fff !important; 
}

#clientDetailsTabContent .btn-export {
    background-color: #B2B2B2 !important;
    border-color: #B2B2B2 !important;
    color: #fff !important;
}

#clientDetailsTabContent .btn-export:hover {
    background-color: #9a9a9a !important;
    border-color: #9a9a9a !important;
}

.confidentialFiles_current .file-item {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    padding: 1rem;
    margin-bottom: 0.5rem;
}

.confidentialFiles_current .file-tags {
    margin-top: 0.5rem;
}

.confidentialFiles_current .tags-select {
    margin-left: 0.5rem;
}

.file-item .file-tags .badge {
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
}
/* end client management details */