:root {
  --shadow-sm : 0 .125rem .25rem rgba(0,0,0,.075) !important;
  --shadow : 0 .5rem 1rem rgba(0,0,0,.15) !important;
  --shadow-lg : 0 1rem 3rem rgba(0,0,0,.175) !important;
}
.text-truncate-1{
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.text-truncate-2{
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow:hidden;
  text-overflow:ellipsis;
}
.text-truncate-3{
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow:hidden;
  text-overflow:ellipsis;
}

[data-theme=dark] .btn.btn-active-light-primary:hover .text-muted, 
[data-theme=dark] .btn-check:checked + .btn.btn-outline.btn-outline-dashed .text-muted{ 
  color:#ffffff !important; 
}
/*.stepper.stepper-pills .stepper-item .stepper-icon {
  background-color: var(--bs-danger) !important;
}*/

.lh-15{line-height: 1.5rem;}
.lh-2{line-height: 2rem;}
.lh-25{line-height: 2.5rem;}
.kt_app_sidebar_mobile_toggle{
  background-color: var(--kt-card-color);
}

.border-light-warning{
  border-color: var(--kt-warning-light) !important;
  /* border-width: 2px !important; */
}
.list-group-item{
  background-color: transparent;
  padding: 15px 0;
  border-color: var(--kt-card-border-color);
}
.fs-extra-mall{
  font-size: 10px;
  line-height: 1.7em;
}

.nav-overflow {
    overflow-x: auto;
}
.nav-overflow::-webkit-scrollbar {
    display: none !important;
}
.nav-overflow .nav-item {
    margin-bottom: 0px !important;
}
/*.menu-link.active{
  background-color: transparent !important;
  background-color: #2A2A3C !important;
}
.menu-link.active .svg-icon,
.menu-link.active .menu-title{
  color: #fff !important;
}*/
.app-header.sticky-top{
  background-color: var(--kt-app-bg-color) !important;
}
.w-180px {
  width: 180px !important;
}
.w-160px {
  width: 160px !important;
}
.w-185px {
  width: 185px !important;
}
.w-190px {
  width: 190px !important;
}
.w-320px {
  width: 320px !important;
}
.max-w-150px {
  max-width: 150px !important;
}
.max-w-200px {
  max-width: 200px !important;
}
.max-w-225px {
  max-width: 225px !important;
}
.swal2-container{
  z-index: 5002;
}
.stepper.stepper-pills .stepper-item.current .stepper-label .stepper-desc {
  color: var(--bs-success);
  font-weight: bold;
}
.mw-xl-1200px {
  max-width: 1200px !important;
}

.fancybox__backdrop {
    background: rgba(245, 248, 250, 0.7) !important;
}
.fancybox__content>.carousel__button.is-close{
    color: rgba(21, 21, 33, 1);
}
.fancybox__caption {
    color: #000;
}
.fancybox__thumb {
    background-size: contain;
}
.has-image[data-image-fit=contain] .fancybox__image {
    border-radius: 10px;
    box-shadow: var(--shadow);
    background-color: rgba(255, 255, 255, 1);
}
[data-theme=dark] .fancybox__backdrop {
    background: rgba(21, 21, 33, 0.7) !important;
}
[data-theme=dark] .fancybox__content>.carousel__button.is-close,
[data-theme=dark] .fancybox__caption {
    color: #fff;
}
[data-theme=dark] .has-image[data-image-fit=contain] .fancybox__image {
    border-radius: 10px;
    box-shadow: var(--shadow);
    background-color: #1e1e2d;
}
.object-fit-cover{
  object-fit: cover;
}
.symbol img{
  background-color: #fff;
}
[data-theme=dark] .symbol img{
  background-color: var(--bs-gray-100);/*rgba(21, 21, 33, 1);*/
}
.cursor-help{cursor: help;}
.fancybox__slide.has-iframe .fancybox__content{
  background-color: transparent;
}
.fancybox__iframe{
  border-radius: 10px;
}
.fancybox__slide.has-iframe .carousel__button.is-close{
  top: 10%;
  right: -1%;
}
.fancybox__slide.has-pdf .fancybox__content, .fancybox__slide.has-iframe .fancybox__content{
  height: 90% !important;
  width: 100% !important;
}
.fancybox__slide.has-pdf, .fancybox__slide.has-iframe{
  height: 100% !important;
  width: 100% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
@media (max-width: 576px) {
  .fancybox__slide.has-pdf, .fancybox__slide.has-iframe{
    padding: 0 5px !important;
  }
}
@media (min-width: 577px) {
  .fancybox__slide.has-pdf, .fancybox__slide.has-iframe{
    padding: 0 64px !important;
  }
}
.zindex-1{z-index: 1 !important;}
.lh-15{line-height: 1.5rem !important}
.lh-20{line-height: 2rem !important}

label.is-invalid{color: var(--bs-danger);}

select[data-control="select2"].is-invalid+.select2.select2-container>.selection>.select2-selection--single,
.form-control.is-invalid,
.dropzone.is-invalid {
    border-color: #f1416c !important;
}
.swal2-popup.swal2-toast {
    box-sizing: border-box;
    grid-column: 1/4 !important;
    grid-row: 1/4 !important;
    grid-template-columns: min-content auto min-content;
    padding: 1em;
    overflow-y: hidden;
    background-color: var(--kt-body-bg);
    box-shadow: 0 0 1px rgba(0,0,0,.075),0 1px 2px rgba(0,0,0,.075),1px 2px 4px rgba(0,0,0,.075),1px 3px 8px rgba(0,0,0,.075),2px 4px 16px rgba(0,0,0,.075);
    pointer-events: all;
}
.swal2-timer-progress-bar {
    width: 100%;
    height: .25em;
    background: var(--bs-success);
}
.overlay-block{
  position: fixed !important;
  width: 100%;
}
.data-kt-table-toolbar-checked{
    border-top: 1px dashed var(--kt-app-sidebar-light-separator-color);
    background-color: var(--kt-app-bg-color);
    /*background-color: var(--kt-app-footer-bg-color);
    border-top: var(--kt-app-footer-border-top)*/;
    height: var(--kt-app-footer-height);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}
.tr-primary .checked-change{
  color: var(--bs-primary) !important;
}
input[type="color"] {
  -webkit-appearance: none;
  /*//width: 32px;
  height: 32px;
  padding: 0;*/
}
input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0;
}
input[type="color"]::-webkit-color-swatch {
  border: none;
}
.visit-link:hover i{
  color: var(--bs-primary);
}
.clear-input:hover i{
  color: var(--bs-danger);
}
.div-color input[type="color"] {
  -webkit-appearance: none;
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 32px !important;
  overflow: hidden;
}
.bg-lighter{
  background-color: var(--kt-input-solid-bg);
}
[data-theme=dark] .bg-lighter{
  background-color: var(--bs-gray-100);/*rgba(21, 21, 33, 1);*/
}
.text-ucfirst {
    display: block;
    text-transform: lowercase;
}
.text-ucfirst::first-letter {
    text-transform: uppercase;
}
.image-2 {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 6px;
}