.slider-target,.slider-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider-target{position:relative}.slider-base,.slider-connects{height:100%;position:relative;width:100%;z-index:1}.slider-connects{overflow:hidden;z-index:0}.slider-connect,.slider-origin{height:100%;position:absolute;right:0;top:0;transform-origin:0 0;transform-style:flat;width:100%;will-change:transform;z-index:1}.slider-txt-dir-rtl.slider-horizontal .slider-origin{left:0;right:auto}.slider-vertical .slider-origin{top:-100%;width:0}.slider-horizontal .slider-origin{height:0}.slider-handle{backface-visibility:hidden;position:absolute}.slider-touch-area{height:100%;width:100%}.slider-state-tap .slider-connect,.slider-state-tap .slider-origin{transition:transform .3s}.slider-state-drag *{cursor:inherit!important}.slider-tooltip-drag .slider-tooltip,.slider-tooltip-focus .slider-tooltip{display:none!important}.slider-tooltip-drag .slider-active .slider-tooltip,.slider-tooltip-drag.slider-state-drag .slider-tooltip:not(.slider-tooltip-hidden),.slider-tooltip-focus.slider-focused .slider-tooltip:not(.slider-tooltip-hidden){display:block!important}.slider-horizontal{height:var(--slider-height,6px)}.slider-horizontal .slider-handle{height:var(--slider-handle-height,16px);right:calc(var(--slider-handle-width, 16px)/2*-1);top:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 + -1px);width:var(--slider-handle-width,16px)}.slider-vertical{height:var(--slider-vertical-height,300px);width:var(--slider-height,6px)}.slider-vertical .slider-handle{bottom:calc(var(--slider-handle-width, 16px)/2*-1);height:var(--slider-handle-width,16px);right:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 + -1px);width:var(--slider-handle-height,16px)}.slider-txt-dir-rtl.slider-horizontal .slider-handle{left:calc(var(--slider-handle-width, 16px)/2*-1);right:auto}.slider-base{background-color:var(--slider-bg,#d1d5db)}.slider-base,.slider-connects{border-radius:var(--slider-radius,9999px)}.slider-connect{background:var(--slider-connect-bg,#10b981);cursor:pointer}.slider-draggable{cursor:ew-resize}.slider-vertical .slider-draggable{cursor:ns-resize}.slider-handle{background:var(--slider-handle-bg,#fff);border:var(--slider-handle-border,0);border-radius:var(--slider-handle-radius,9999px);box-shadow:var(--slider-handle-shadow,.5px .5px 2px 1px rgba(0,0,0,.32));cursor:grab;height:var(--slider-handle-height,16px);width:var(--slider-handle-width,16px)}.slider-handle:focus{box-shadow:0 0 0 var(--slider-handle-ring-width,3px) var(--slider-handle-ring-color,rgba(16,185,129,.188)),var(--slider-handle-shadow,.5px .5px 2px 1px rgba(0,0,0,.32));outline:none}.slider-active{box-shadow:var(--slider-handle-shadow-active,.5px .5px 2px 1px rgba(0,0,0,.42));cursor:grabbing}[disabled] .slider-connect{background:var(--slider-connect-bg-disabled,#9ca3af)}[disabled] .slider-handle,[disabled].slider-handle,[disabled].slider-target{cursor:not-allowed}[disabled] .slider-tooltip{background:var(--slider-tooltip-bg-disabled,#9ca3af);border-color:var(--slider-tooltip-bg-disabled,#9ca3af)}.slider-tooltip{background:var(--slider-tooltip-bg,#10b981);border:1px solid var(--slider-tooltip-bg,#10b981);border-radius:var(--slider-tooltip-radius,5px);color:var(--slider-tooltip-color,#fff);display:block;font-size:var(--slider-tooltip-font-size,.875rem);font-weight:var(--slider-tooltip-font-weight,600);line-height:var(--slider-tooltip-line-height,1.25rem);min-width:var(--slider-tooltip-min-width,20px);padding:var(--slider-tooltip-py,2px) var(--slider-tooltip-px,6px);position:absolute;text-align:center;white-space:nowrap}.slider-horizontal .slider-tooltip-top{bottom:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));left:50%;transform:translate(-50%)}.slider-horizontal .slider-tooltip-top:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-top-color:inherit;bottom:calc(var(--slider-tooltip-arrow-size, 5px)*-2);content:"";height:0;left:50%;position:absolute;transform:translate(-50%);width:0}.slider-horizontal .slider-tooltip-bottom{left:50%;top:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));transform:translate(-50%)}.slider-horizontal .slider-tooltip-bottom:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-bottom-color:inherit;content:"";height:0;left:50%;position:absolute;top:calc(var(--slider-tooltip-arrow-size, 5px)*-2);transform:translate(-50%);width:0}.slider-vertical .slider-tooltip-left{right:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-left:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-left-color:inherit;content:"";height:0;position:absolute;right:calc(var(--slider-tooltip-arrow-size, 5px)*-2);top:50%;transform:translateY(-50%);width:0}.slider-vertical .slider-tooltip-right{left:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-right:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-right-color:inherit;content:"";height:0;left:calc(var(--slider-tooltip-arrow-size, 5px)*-2);position:absolute;top:50%;transform:translateY(-50%);width:0}.slider-horizontal .slider-origin>.slider-tooltip{left:auto;transform:translate(50%)}.slider-horizontal .slider-origin>.slider-tooltip-top{bottom:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + 1px)}.slider-horizontal .slider-origin>.slider-tooltip-bottom{top:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + var(--slider-height, 6px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip{top:auto;transform:translateY(calc((var(--slider-tooltip-line-height, 1.25rem) - var(--slider-tooltip-py, 2px))*-1 + 1px))}.slider-vertical .slider-origin>.slider-tooltip-left{right:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip-right{left:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - var(--slider-height, 6px) + 1px)}
@keyframes blow {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 47, 79, 0.233);
    opacity: 1;
    transform: scale3d(1, 1, 0.5);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(0, 47, 79, 0.233);
    opacity: 1;
    transform: scale3d(1, 1, 0.5);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 47, 79, 0.233);
    opacity: 0;
    transform: scale3d(1, 1, 0.5);
  }
}
.topbar .top-navbar .navbar-header .navbar-brand {
  overflow: hidden;
}
.topbar .top-navbar .navbar-header .navbar-brand .logo-icon {
  margin-right: 0.15px;
}
.topbar .top-navbar .navbar-header .navbar-brand .logo-text img {
  height: 15px;
  position: relative;
  bottom: -1.5px;
}

.page-wrapper > .container-fluid,
.page-wrapper > .container-lg,
.page-wrapper > .container-md,
.page-wrapper > .container-sm,
.page-wrapper > .container-xl {
  min-height: calc(100vh - 220px);
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #00304f;
}

.card .bg-dark *,
.card .bg-info * {
  color: #fff;
}
.card .with-tools .card-title {
  display: inline-block;
}
.card .with-tools .card-tools {
  float: right;
}

.input-group .select2-container {
  position: relative;
  flex: 1 1 0%;
  min-width: 0;
  margin-bottom: 0;
}

#main-wrapper .scroll-sidebar {
  overflow: auto;
  height: 100%;
}
#main-wrapper #sidebarnav .sidebar-item:not(.selected) > .sidebar-link.active {
  background-color: #ddd;
  color: #000 !important;
}
#main-wrapper #sidebarnav .sidebar-item:not(.selected) > .sidebar-link.active i {
  color: #000 !important;
}
#main-wrapper #sidebarnav .sidebar-item:not(.selected) > .sidebar-link.active:after {
  border-color: #000;
}
#main-wrapper #sidebarnav .sidebar-item .collapse .sidebar-item > .sidebar-link.active {
  background-color: transparent;
}

#sidebarnav .sidebar-item.selected > .sidebar-link {
  background-color: #00304f !important;
}
#sidebarnav .sidebar-item.selected > .sidebar-link.active {
  background-color: #00304f !important;
}

.page-titles {
  background: #00304f;
  color: #fff;
}
.page-titles .text-themecolor {
  color: #fff;
}
.page-titles .breadcrumb-item a {
  color: #39c813;
}
.page-titles .breadcrumb-item.active {
  color: #fff;
}

aside .user-profile {
  background-size: cover;
  background-repeat: no-repeat;
}
aside .user-profile:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e4fdd4;
  opacity: 0.75;
}
aside .user-profile .profile-img {
  z-index: 3;
  position: relative;
}

.ripple-effect {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 1;
}
.ripple-effect .ripple {
  display: block;
  position: absolute;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.5);
  transform: scale(0);
  pointer-events: none;
}
.ripple-effect .animated {
  animation: ripple 0.6s linear;
}
@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}

.topbar .navbar-dark .navbar-nav .nav-link:hover,
.topbar .navbar-dark .navbar-nav .nav-link:focus {
  color: #000;
}

.form-material .input-group-prepend + .form-control {
  padding-left: 10px;
}

.select2-container .select2-selection--single {
  height: 38px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 35px;
}

.select2-container .select2-selection--single {
  border-color: #e9ecef;
}

.dataTables_wrapper .top,
.dataTables_wrapper .bottom {
  display: flex;
  justify-content: space-between;
}
.dataTables_wrapper .dt-buttons {
  margin: 0 0 0.5em;
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link i {
  display: block !important;
}

.img-preview {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  content: "";
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
}

.card-dark {
  background-color: #454d55;
}
.card-dark .form-group > label {
  color: #fff;
}

.auth-box {
  border: 8px solid #219d00;
}

.product-card {
  border-radius: 15px;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.product-card .card-header {
  background-color: #f7f6f6;
  color: #00304f;
  font-size: 1.2em;
  font-weight: bold;
}
.product-card .row {
  margin: 0;
}
.product-card .col {
  padding: 15px;
}
.product-card > .card-header {
  position: relative;
}
.product-card .product-img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.product-card .product-text {
  position: relative;
  z-index: 2;
}
.product-card .product-text h6 {
  color: #fff;
  font-size: 2em;
}
.product-card .product-text p {
  margin: 0;
}
.product-card .notification {
  display: none;
}
.product-card.disabled .notification {
  display: block;
}

.prod_item .template_select {
  transition: all 0.3s ease;
}
.prod_item[data-enabled="0"] .template_select {
  opacity: 0;
  pointer-events: none;
}

#main-wrapper #sidebarnav .sidebar-item .collapse {
  padding: 10px 0 5px 10px;
}
#main-wrapper #sidebarnav .sidebar-item .collapse .sidebar-item > .sidebar-link {
  padding: 0.25em;
  font-size: 0.9em;
}
#main-wrapper #sidebarnav .sidebar-item .collapse .sidebar-item > .sidebar-link::after {
  top: 15px;
}

.lead-status-indicator span {
  text-align: left;
  white-space: normal;
}

.center-toast {
  top: 0% !important;
  left: 0% !important;
  width: 100% !important;
  transform: none !important;
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
}
.center-toast .swal2-popup {
  max-width: 450px;
  align-self: flex-start !important;
}
.center-toast .swal2-popup #swal2-title {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
}
.center-toast .swal2-popup .swal2-actions {
  justify-content: center !important;
}

@media (max-width: 768px) {
  .center-toast {
    width: 100%;
    top: 7% !important;
  }
  .center-toast #swal2-title {
    font-size: 10px;
  }
  .swal2-actions button {
    font-size: 10px;
  }
}
.dw-user-box .u-text {
  overflow: auto;
}

/* -------------------------------------
 * Bar container
 * ------------------------------------- */
.css-bar {
  position: relative;
  display: inline-block;
  font-size: 16px;
  border-radius: 50%;
  background-color: transparent;
  margin-bottom: 20px;
  box-sizing: content-box;
  width: 80px;
  height: 80px;
  font-size: 18px;
}

.css-bar:after,
.css-bar > img {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  text-align: center;
  font-weight: light;
  color: #a1a2a3;
}

.css-bar:after {
  content: attr(data-label);
  background-color: #fff;
  z-index: 101;
}

.css-bar > img {
  z-index: 102;
}

.css-bar:after,
.css-bar > img {
  width: 70px;
  height: 70px;
  margin-left: 5px;
  margin-top: 5px;
  line-height: 70px;
}

.css-bar.css-bar-0 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-5 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-10 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-15 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-20 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-25 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-30 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-35 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-40 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-45 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-50 {
  background-image: linear-gradient(270deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-55 {
  background-image: linear-gradient(288deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-60 {
  background-image: linear-gradient(306deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-65 {
  background-image: linear-gradient(324deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-70 {
  background-image: linear-gradient(342deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-75 {
  background-image: linear-gradient(360deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-80 {
  background-image: linear-gradient(378deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-85 {
  background-image: linear-gradient(396deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-90 {
  background-image: linear-gradient(414deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-95 {
  background-image: linear-gradient(432deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-100 {
  background-image: linear-gradient(450deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-0 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-5 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-10 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-15 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-20 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-25 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-30 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-35 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-40 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-45 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-50 {
  background-image: linear-gradient(270deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-55 {
  background-image: linear-gradient(288deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-60 {
  background-image: linear-gradient(306deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-65 {
  background-image: linear-gradient(324deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-70 {
  background-image: linear-gradient(342deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-75 {
  background-image: linear-gradient(360deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-80 {
  background-image: linear-gradient(378deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-85 {
  background-image: linear-gradient(396deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-90 {
  background-image: linear-gradient(414deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-95 {
  background-image: linear-gradient(432deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-100 {
  background-image: linear-gradient(450deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-0 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-5 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-10 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-15 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-20 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-25 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-30 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-35 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-40 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-45 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-50 {
  background-image: linear-gradient(270deg, #26c6da 50%, transparent 50%, transparent), linear-gradient(270deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-55 {
  background-image: linear-gradient(288deg, #26c6da 50%, transparent 50%, transparent), linear-gradient(270deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-60 {
  background-image: linear-gradient(306deg, #26c6da 50%, transparent 50%, transparent), linear-gradient(270deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-65 {
  background-image: linear-gradient(324deg, #26c6da 50%, transparent 50%, transparent), linear-gradient(270deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-70 {
  background-image: linear-gradient(342deg, #26c6da 50%, transparent 50%, transparent), linear-gradient(270deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-75 {
  background-image: linear-gradient(360deg, #26c6da 50%, transparent 50%, transparent), linear-gradient(270deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-80 {
  background-image: linear-gradient(378deg, #26c6da 50%, transparent 50%, transparent), linear-gradient(270deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-85 {
  background-image: linear-gradient(396deg, #26c6da 50%, transparent 50%, transparent), linear-gradient(270deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-90 {
  background-image: linear-gradient(414deg, #26c6da 50%, transparent 50%, transparent), linear-gradient(270deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-95 {
  background-image: linear-gradient(432deg, #26c6da 50%, transparent 50%, transparent), linear-gradient(270deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-100 {
  background-image: linear-gradient(450deg, #26c6da 50%, transparent 50%, transparent), linear-gradient(270deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-0 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-5 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-10 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-15 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-20 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-25 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-30 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-35 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-40 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-45 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-50 {
  background-image: linear-gradient(270deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-55 {
  background-image: linear-gradient(288deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-60 {
  background-image: linear-gradient(306deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-65 {
  background-image: linear-gradient(324deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-70 {
  background-image: linear-gradient(342deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-75 {
  background-image: linear-gradient(360deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-80 {
  background-image: linear-gradient(378deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-85 {
  background-image: linear-gradient(396deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-90 {
  background-image: linear-gradient(414deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-95 {
  background-image: linear-gradient(432deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-100 {
  background-image: linear-gradient(450deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-0 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-5 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-10 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-15 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-20 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-25 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-30 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-35 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-40 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-45 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-50 {
  background-image: linear-gradient(270deg, #ffbc34 50%, transparent 50%, transparent), linear-gradient(270deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-55 {
  background-image: linear-gradient(288deg, #ffbc34 50%, transparent 50%, transparent), linear-gradient(270deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-60 {
  background-image: linear-gradient(306deg, #ffbc34 50%, transparent 50%, transparent), linear-gradient(270deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-65 {
  background-image: linear-gradient(324deg, #ffbc34 50%, transparent 50%, transparent), linear-gradient(270deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-70 {
  background-image: linear-gradient(342deg, #ffbc34 50%, transparent 50%, transparent), linear-gradient(270deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-75 {
  background-image: linear-gradient(360deg, #ffbc34 50%, transparent 50%, transparent), linear-gradient(270deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-80 {
  background-image: linear-gradient(378deg, #ffbc34 50%, transparent 50%, transparent), linear-gradient(270deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-85 {
  background-image: linear-gradient(396deg, #ffbc34 50%, transparent 50%, transparent), linear-gradient(270deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-90 {
  background-image: linear-gradient(414deg, #ffbc34 50%, transparent 50%, transparent), linear-gradient(270deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-95 {
  background-image: linear-gradient(432deg, #ffbc34 50%, transparent 50%, transparent), linear-gradient(270deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-100 {
  background-image: linear-gradient(450deg, #ffbc34 50%, transparent 50%, transparent), linear-gradient(270deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-0 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-5 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-10 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-15 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-20 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-25 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-30 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-35 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-40 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-45 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-50 {
  background-image: linear-gradient(270deg, #fc4b6c 50%, transparent 50%, transparent), linear-gradient(270deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-55 {
  background-image: linear-gradient(288deg, #fc4b6c 50%, transparent 50%, transparent), linear-gradient(270deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-60 {
  background-image: linear-gradient(306deg, #fc4b6c 50%, transparent 50%, transparent), linear-gradient(270deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-65 {
  background-image: linear-gradient(324deg, #fc4b6c 50%, transparent 50%, transparent), linear-gradient(270deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-70 {
  background-image: linear-gradient(342deg, #fc4b6c 50%, transparent 50%, transparent), linear-gradient(270deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-75 {
  background-image: linear-gradient(360deg, #fc4b6c 50%, transparent 50%, transparent), linear-gradient(270deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-80 {
  background-image: linear-gradient(378deg, #fc4b6c 50%, transparent 50%, transparent), linear-gradient(270deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-85 {
  background-image: linear-gradient(396deg, #fc4b6c 50%, transparent 50%, transparent), linear-gradient(270deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-90 {
  background-image: linear-gradient(414deg, #fc4b6c 50%, transparent 50%, transparent), linear-gradient(270deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-95 {
  background-image: linear-gradient(432deg, #fc4b6c 50%, transparent 50%, transparent), linear-gradient(270deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-100 {
  background-image: linear-gradient(450deg, #fc4b6c 50%, transparent 50%, transparent), linear-gradient(270deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-lg {
  width: 100px;
  height: 100px;
  font-size: 20px;
  position: relative;
}

.css-bar-lg:after,
.css-bar-lg > img {
  width: 90px;
  height: 90px;
  margin-left: 5px;
  margin-top: 5px;
  line-height: 90px;
}

.css-bar-lg > img {
  width: 70px;
  height: 70px;
  margin-left: 15px;
  margin-top: 15px;
  line-height: 70px;
}

.css-bar > i {
  width: 70px;
  height: 70px;
  background: #fff;
  line-height: 70px;
  position: absolute;
  border-radius: 100%;
  text-align: center;
  margin-left: 5px;
  margin-top: 5px;
  left: 0px;
  right: 0px;
  z-index: 120;
  font-size: 27px;
  color: #a6b7bf;
}

.css-bar-sm {
  width: 50px;
  height: 50px;
  font-size: 12px;
}

.css-bar-sm:after,
.css-bar-sm > img {
  width: 40px;
  height: 40px;
  margin-left: 5px;
  margin-top: 5px;
  line-height: 40px;
}

.css-bar-xs {
  width: 30px;
  height: 30px;
  font-size: 8px;
}

.css-bar-xs:after,
.css-bar-xs > img {
  width: 24px;
  height: 24px;
  margin-left: 3px;
  margin-top: 3px;
  line-height: 21px;
}

.css-bar {
  background-clip: content-box;
}

table .prod_img {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  overflow: hidden;
}

.btn.disabled,
button:disabled {
  cursor: not-allowed;
}

.msgs_grid .btn-group .btn * {
  pointer-events: none;
}
.msgs_grid .card-header {
  position: relative;
}
.msgs_grid .card-actions .card_anchor {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
  padding-right: 16px;
}

.note-editor.fullscreen {
  background: #fff;
}

.is-invalid .select2-selection--multiple {
  border-color: red !important;
}

.download-list {
  list-style: none;
  padding: 0;
}
.download-list li {
  margin: 0 0 0.5em;
  display: flex;
  justify-content: space-between;
}
.download-list a {
  color: #000;
  display: inline-flex;
  align-items: center;
}
.download-list a i {
  margin-right: 5px;
}
.download-list a span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 300px;
}
.download-list a:hover {
  color: #219d00;
}

.list-task {
  list-style: none;
}

.leadfields .input-group,
.leadfields .form-group {
  position: relative;
  overflow: hidden;
}
.leadfields .input-group:hover .overlayBtn,
.leadfields .form-group:hover .overlayBtn {
  right: 0;
}
.leadfields .input-group .overlayBtn,
.leadfields .form-group .overlayBtn {
  position: absolute;
  right: -50px;
  z-index: 999;
}

.lead-tasks .task-item {
  position: relative;
}
.lead-tasks .task-item .chk_box {
  position: absolute;
  left: 0;
  top: 2px;
}
.lead-tasks .task-item h3 {
  font-size: 16px;
  padding-left: 25px;
}
.lead-tasks .task-item h3 .badge {
  position: relative;
  bottom: 3px;
}
.lead-tasks .task-item h3 .due_date {
  font-size: 0.8em;
}
.lead-tasks .task-item .task_user img {
  max-width: 50px;
}
.lead-tasks .task-item .status-badge {
  display: none;
}
.lead-tasks .task-item .task-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.lead-tasks .task-item.status_0 .status-badge.open {
  display: inline-block;
}
.lead-tasks .task-item.status_1 .status-badge.inprogress {
  display: inline-block;
}
.lead-tasks .task-item.status_2 {
  order: 99;
  opacity: 0.7;
}
.lead-tasks .task-item.status_2 .status-badge.complete {
  display: inline-block;
}
.lead-tasks .task-item.status_2 .task-title {
  text-decoration: line-through;
}
.lead-tasks .task-item {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.filterfield ~ .delete,
.created_field ~ .delete,
.rangefield ~ .delete {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  align-items: center;
  justify-content: center;
  color: red;
  background: #fff;
  top: 1px;
  right: 1px;
  bottom: 1px;
  cursor: pointer;
  display: none;
  z-index: 30;
}
.filterfield.is-changed ~ .delete,
.created_field.is-changed ~ .delete,
.rangefield.is-changed ~ .delete {
  display: flex;
}

.grid_list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(370px, 1fr));
  list-style: none;
  padding-left: 0;
  grid-column-gap: 1em;
  grid-row-gap: 0.5em;
}
.grid_list.smaller {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}
.grid_list li {
  border-bottom: 1px solid #ccc;
  display: flex;
  justify-content: space-between;
}

.extras-list {
  padding-top: 1em;
}

.extra-item {
  display: flex;
  justify-content: space-between;
  margin: 0 0 0.5em;
}
.extra-item .chk {
  max-width: 75%;
}
.extra-item .qty-wrapper {
  width: 90px;
}

.permission-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

#leadNotifStats .carousel-control-prev,
#leadNotifStats .carousel-control-next {
  width: 4%;
}

.card.loading .loader {
  transform: perspective(1000px) rotateY(0deg);
  transition: all 0s ease;
}
.card.loading .inner-card {
  transform: scale(0);
  opacity: 0;
  transition: all 0s ease;
}
.card .card-body {
  overflow: hidden;
  position: relative;
}
.card .inner-card {
  transition: all 0.5s ease;
  transform: scale(1);
  opacity: 1;
}
.card .loader {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 50;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ddd;
  transition: all 0.5s ease;
  transform: perspective(1000px) rotateY(-90deg);
}
.card .loader .inner {
  position: relative;
  display: block;
  width: 80px;
  height: 80px;
}
.card .loader .inner div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #00304f;
  animation: loading-anim 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.card .loader .inner div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.card .loader .inner div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.card .loader .inner div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
@keyframes loading-anim {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}

.column_toggles {
  padding-bottom: 5px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.column_toggles .btn {
  opacity: 0.7;
  word-break: keep-all;
  white-space: nowrap;
}
.column_toggles .btn.active {
  opacity: 1;
}

.kyc-checkboxes {
  margin-bottom: 1em;
}
.kyc-checkboxes label {
  font-size: 0.8em;
}

#prod-images {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 15px 15px 15px 0;
  cursor: move;
}
#prod-images .img-item {
  width: 100%;
  background-color: #f7f6f6;
  color: #00304f;
  margin: 0 0 10px;
}
#prod-images .img-item .card-body {
  padding: 5px;
  display: flex;
  justify-content: space-between;
}
#prod-images .img-item .img {
  width: auto;
  max-width: 150px;
  height: 50px;
}
#prod-images .img-item .btn {
  color: inherit;
}

.icons-list {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 0 1em;
}
.icons-list li {
  margin: 0 1em 1em 0;
}
.icons-list label {
  height: auto;
  display: block;
}
.icons-list label img {
  max-width: 85px;
  width: 100%;
}

#fileModal .ctrls {
  padding: 0 20px 5px 20px;
  display: flex;
  justify-content: space-between;
}
#fileModal .ctrls a {
  font-size: 1.5em;
}

#lead-timelines,
#lead-clearent-responses {
  padding: 0;
}
#lead-timelines:before,
#lead-clearent-responses:before {
  left: 15px;
}
#lead-timelines .timeline-item,
#lead-clearent-responses .timeline-item {
  margin: 0 0 10px;
}
#lead-timelines .timeline-item:not(:first-child) .timeline-badge,
#lead-clearent-responses .timeline-item:not(:first-child) .timeline-badge {
  top: calc(50% - 17.5px);
}
#lead-timelines .timeline-item .timeline-badge,
#lead-clearent-responses .timeline-item .timeline-badge {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  left: 0;
  top: 0;
}
#lead-timelines .timeline-item .timeline-badge i,
#lead-clearent-responses .timeline-item .timeline-badge i {
  font-size: 0.8em;
}
#lead-timelines .timeline-item .timeline-panel,
#lead-clearent-responses .timeline-item .timeline-panel {
  padding: 5px;
  font-size: 0.9em;
  width: calc(100% - 50px);
}
#lead-timelines .timeline-item .timeline-panel h4,
#lead-clearent-responses .timeline-item .timeline-panel h4 {
  font-size: 1.2em;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
  background-color: #1e88e5;
  border-color: #1e88e5;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice * {
  color: #fff;
}

.deviceSurveyModal {
  width: 900px !important;
  max-width: 90vw !important;
}
.deviceSurveyModal .swal2-close {
  z-index: 300;
}
.deviceSurveyModal .clearent-form {
  text-align: left;
  position: relative;
}
.deviceSurveyModal .clearent-form .group {
  display: flex;
  flex-wrap: wrap;
}
.deviceSurveyModal .clearent-form .group:not(:last-child) {
  border-bottom: 1px solid #ccc;
  margin-bottom: 1em;
  padding-bottom: 1em;
}
.deviceSurveyModal .clearent-form .group .group-title {
  font-size: 0.9em;
  font-weight: bold;
}
.deviceSurveyModal .clearent-form .group .group-body label {
  font-size: 0.8em;
}
.deviceSurveyModal .children_fields {
  margin-top: 15px;
}

@media (max-width: 500px) {
  .deviceSurveyModal .clearent-form .group {
    flex-wrap: wrap;
  }
  .deviceSurveyModal .clearent-form .group .group-title {
    width: 100%;
    max-width: unset;
  }
}
.tpl_bool_span:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.tpl_bool_span.nocheck::before {
  display: none;
}
.tpl_bool_span.has {
  color: #39c813;
}
.tpl_bool_span.has:before {
  content: "\f00c";
}
.tpl_bool_span.hasnt {
  color: red;
}
.tpl_bool_span.hasnt:before {
  content: "\f00d";
}

#smsModal .chat-box {
  overflow: unset;
}
#smsModal .chat-time {
  display: block;
  font-size: 0.8em;
  opacity: 0.7;
  width: auto;
}
#smsModal #smsMessagesWrap {
  max-height: 350px;
  overflow: auto;
}

.leads-index-btn span.badge {
  position: absolute;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 0.8em;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -5px;
  right: -5px;
}

#notif-widget .close-dropdown-btn {
  padding: 0;
  transform: scale(1.5);
}
#notif-widget .message-title {
  font-size: 0.9rem;
}
#notif-widget .message-item {
  position: relative;
}
#notif-widget .dismiss {
  padding: 0;
  position: absolute;
  right: 1rem;
  top: calc(50% - 10px);
}

.lead-header .card {
  min-height: 155px;
}
.lead-header .progress {
  margin: 0;
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  width: 100%;
}
.lead-header .lever {
  margin-left: 0 !important;
}

@media (max-width: 1180px) {
  .lead-header .ml-auto {
    display: none;
  }
}
.swal2-close:focus {
  box-shadow: none !important;
}

#leads_table .needs-attention,
#leads_table .declined-by-clearent {
  background-color: rgba(255, 0, 0, 0.15) !important;
}
#leads_table .needs-attention td:first-child,
#leads_table .declined-by-clearent td:first-child {
  position: relative;
}
#leads_table .is-signed {
  background-color: rgba(0, 200, 0, 0.25);
}

tr.needs-attention .btn-needs-attention {
  display: inline-block;
}

.btn-needs-attention {
  position: relative;
  display: none;
  width: 100%;
}
.btn-needs-attention .notify {
  top: 46%;
  right: -2%;
  position: absolute;
}

.needs-attention-modal table {
  font-size: 0.7em;
  text-align: left;
  margin: 0;
}
.needs-attention-modal.swal2-popup {
  width: 40em;
}