.input-error {
  border-color: #f34343 !important;
}
.input-success {
  border-color: #38cab3;
}
.form-group .pass-visible-icon {
  position: absolute;
  left: 25px;
  top: 39px;
  cursor: pointer;
  color: #8f8d8d;
}
.my-grid .k-header.k-table-th .k-link {
  display: block;
}
.datepicker-wrapper, .datepicker-content {
  position: relative;
}

ng-persian-datepicker .datepicker-outer-container {
  position: absolute;
  z-index: 1000;
  top: calc(var(--input-height) + var(--input-vertical-margin));
  right: 0;
  left: 0;
}

.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content{
    font-family: auto;
}
.swal2-title{
    font-size: 25px !important;
}
.p-9-k-dp .k-input-inner {
    padding: 9px !important;
}

.owl-carousel-cus {
  direction: ltr !important;
}
.owl-carousel-cus *{
  direction: ltr !important;
}
.owl-items-6 .owl-item {
  max-width: 16.6666667% !important;
}

.owl-items-6 .owl-stage {
  min-width: 100% !important;
}

.owl-carousel-cus .owl-nav, .carousel-lightbox .owl-nav {
  display: none !important;
}

.slider-item {
  padding: 10px;
  position: relative;
  display: block;
  height: 100px;
  width: 100px;
}

.owl-carousel-attachments .owl-item {
  max-width: 100px !important;
}

.owl-stage {
  display: flex
}


.slider-item .slider-item-file {
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-align: center;
  padding: 15px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  margin: 0 auto;
}

  .slider-item .slider-item-file > img {
    width: 100%;
    height: 100%;
    cursor: pointer;
  }

.slider-item .slider-item-delete {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 5px 0;
  background-color: #d1d1d1;
  border-radius: 50%;
  text-align: center;
  width: 25px;
  height: 25px;
  opacity: 0.7;
  transition: ease 0.2s;
  cursor: pointer;
}

  .slider-item .slider-item-delete:hover {
    opacity: 1;
  }

  .slider-item .slider-item-delete i {
    color: grey;
    font-size: 16px;
  }

.carousel-lightbox {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  text-align: center;
  background-color: black;
  z-index: 10000;
  padding-bottom: 10px;
  padding-right: 10px;
}

  .carousel-lightbox .carousel-lightbox-close {
    position: absolute;
    color: #fff;
    font-size: 24px;
    left: 50px;
    text-align: left;
    top: 30px;
    cursor: pointer;
    z-index: 101;
  }


.carousel-lightbox-item {
  position: relative;
}

  .carousel-lightbox-item img {
    max-width: 100% !important;
    max-height: 100vh !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto !important;
  }

.owl-lightbox-next, .owl-lightbox-previous {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 10px;
  text-align: center;
  background-color: white;
  opacity: 0.7;
  position: absolute;
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: linear 0.2s;
  z-index: 100;
  cursor: pointer;
}

  .owl-lightbox-next i, .owl-lightbox-previous i {
    font-size: 18px;
  }

.owl-lightbox-next {
  right: 40px;
}

.owl-lightbox-previous {
  left: 40px;
}

.owl-lightbox-next:hover, owl-lightbox-previous:hover {
  opacity: 1;
}

.loan-slider-image-viewer {
  direction: ltr !important;
}
.loan-slider-image-viewer .fa{
    margin-top: 5px;
}
  .loan-slider-image-viewer .img-container {
    background-color: black !important;
  }
  .loan-slider-image-viewer *{
      direction: ltr !important;
  }
  .loan-slider-image-viewer .nav-button-container {
    direction: ltr !important;
  }
.fa, .fas {
  font-family: "Font Awesome 5 Pro" !important;
  font-weight: 900;
}
.persian-datepicker-pos-relative .datepicker-outer-container {
  position: relative;
}
@media (max-width: 767px) {
  kendo-window {
    width: 100% !important;
  }
}