.icon-ss {
  font-size: 0.5rem !important;
}

.icon-xs {
  font-size: 0.65rem !important;
}

.icon-sm {
  font-size: 0.75rem !important;
}

.icon-nm {
  font-size: 0.9rem !important;
}

.icon-ms {
  font-size: 1.15rem !important;
}

.icon-md {
  font-size: 1.25rem !important;
}

.icon-lg {
  font-size: 1.5rem !important;
}

.icon-xl {
  font-size: 1.75rem !important;
}

.icon-xxl {
  font-size: 2.25rem !important;
}

.icon-1x {
  font-size: 1rem !important;
}

.icon-2x {
  font-size: 2rem !important;
}

.icon-3x {
  font-size: 3rem !important;
}

.icon-4x {
  font-size: 4rem !important;
}

.icon-5x {
  font-size: 5rem !important;
}

.icon-6x {
  font-size: 6rem !important;
}

.icon-7x {
  font-size: 7rem !important;
}

.icon-8x {
  font-size: 8rem !important;
}

.icon-9x {
  font-size: 9rem !important;
}

.icon-10x {
  font-size: 10rem !important;
}

@media (min-width: 576px) {
  .icon-sm-ss {
    font-size: 0.5rem !important;
  }

  .icon-sm-xs {
    font-size: 0.65rem !important;
  }

  .icon-sm-sm {
    font-size: 0.75rem !important;
  }

  .icon-sm-nm {
    font-size: 0.9rem !important;
  }

  .icon-sm-ms {
    font-size: 1.15rem !important;
  }

  .icon-sm-md {
    font-size: 1.25rem !important;
  }

  .icon-sm-lg {
    font-size: 1.5rem !important;
  }

  .icon-sm-xl {
    font-size: 1.75rem !important;
  }

  .icon-sm-xxl {
    font-size: 2.25rem !important;
  }

  .icon-sm-1x {
    font-size: 1rem !important;
  }

  .icon-sm-2x {
    font-size: 2rem !important;
  }

  .icon-sm-3x {
    font-size: 3rem !important;
  }

  .icon-sm-4x {
    font-size: 4rem !important;
  }

  .icon-sm-5x {
    font-size: 5rem !important;
  }

  .icon-sm-6x {
    font-size: 6rem !important;
  }

  .icon-sm-7x {
    font-size: 7rem !important;
  }

  .icon-sm-8x {
    font-size: 8rem !important;
  }

  .icon-sm-9x {
    font-size: 9rem !important;
  }

  .icon-sm-10x {
    font-size: 10rem !important;
  }
}
@media (min-width: 768px) {
  .icon-md-ss {
    font-size: 0.5rem !important;
  }

  .icon-md-xs {
    font-size: 0.65rem !important;
  }

  .icon-md-sm {
    font-size: 0.75rem !important;
  }

  .icon-md-nm {
    font-size: 0.9rem !important;
  }

  .icon-md-ms {
    font-size: 1.15rem !important;
  }

  .icon-md-md {
    font-size: 1.25rem !important;
  }

  .icon-md-lg {
    font-size: 1.5rem !important;
  }

  .icon-md-xl {
    font-size: 1.75rem !important;
  }

  .icon-md-xxl {
    font-size: 2.25rem !important;
  }

  .icon-md-1x {
    font-size: 1rem !important;
  }

  .icon-md-2x {
    font-size: 2rem !important;
  }

  .icon-md-3x {
    font-size: 3rem !important;
  }

  .icon-md-4x {
    font-size: 4rem !important;
  }

  .icon-md-5x {
    font-size: 5rem !important;
  }

  .icon-md-6x {
    font-size: 6rem !important;
  }

  .icon-md-7x {
    font-size: 7rem !important;
  }

  .icon-md-8x {
    font-size: 8rem !important;
  }

  .icon-md-9x {
    font-size: 9rem !important;
  }

  .icon-md-10x {
    font-size: 10rem !important;
  }
}
@media (min-width: 992px) {
  .icon-lg-ss {
    font-size: 0.5rem !important;
  }

  .icon-lg-xs {
    font-size: 0.65rem !important;
  }

  .icon-lg-sm {
    font-size: 0.75rem !important;
  }

  .icon-lg-nm {
    font-size: 0.9rem !important;
  }

  .icon-lg-ms {
    font-size: 1.15rem !important;
  }

  .icon-lg-md {
    font-size: 1.25rem !important;
  }

  .icon-lg-lg {
    font-size: 1.5rem !important;
  }

  .icon-lg-xl {
    font-size: 1.75rem !important;
  }

  .icon-lg-xxl {
    font-size: 2.25rem !important;
  }

  .icon-lg-1x {
    font-size: 1rem !important;
  }

  .icon-lg-2x {
    font-size: 2rem !important;
  }

  .icon-lg-3x {
    font-size: 3rem !important;
  }

  .icon-lg-4x {
    font-size: 4rem !important;
  }

  .icon-lg-5x {
    font-size: 5rem !important;
  }

  .icon-lg-6x {
    font-size: 6rem !important;
  }

  .icon-lg-7x {
    font-size: 7rem !important;
  }

  .icon-lg-8x {
    font-size: 8rem !important;
  }

  .icon-lg-9x {
    font-size: 9rem !important;
  }

  .icon-lg-10x {
    font-size: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .icon-xl-ss {
    font-size: 0.5rem !important;
  }

  .icon-xl-xs {
    font-size: 0.65rem !important;
  }

  .icon-xl-sm {
    font-size: 0.75rem !important;
  }

  .icon-xl-nm {
    font-size: 0.9rem !important;
  }

  .icon-xl-ms {
    font-size: 1.15rem !important;
  }

  .icon-xl-md {
    font-size: 1.25rem !important;
  }

  .icon-xl-lg {
    font-size: 1.5rem !important;
  }

  .icon-xl-xl {
    font-size: 1.75rem !important;
  }

  .icon-xl-xxl {
    font-size: 2.25rem !important;
  }

  .icon-xl-1x {
    font-size: 1rem !important;
  }

  .icon-xl-2x {
    font-size: 2rem !important;
  }

  .icon-xl-3x {
    font-size: 3rem !important;
  }

  .icon-xl-4x {
    font-size: 4rem !important;
  }

  .icon-xl-5x {
    font-size: 5rem !important;
  }

  .icon-xl-6x {
    font-size: 6rem !important;
  }

  .icon-xl-7x {
    font-size: 7rem !important;
  }

  .icon-xl-8x {
    font-size: 8rem !important;
  }

  .icon-xl-9x {
    font-size: 9rem !important;
  }

  .icon-xl-10x {
    font-size: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .icon-xxl-ss {
    font-size: 0.5rem !important;
  }

  .icon-xxl-xs {
    font-size: 0.65rem !important;
  }

  .icon-xxl-sm {
    font-size: 0.75rem !important;
  }

  .icon-xxl-nm {
    font-size: 0.9rem !important;
  }

  .icon-xxl-ms {
    font-size: 1.15rem !important;
  }

  .icon-xxl-md {
    font-size: 1.25rem !important;
  }

  .icon-xxl-lg {
    font-size: 1.5rem !important;
  }

  .icon-xxl-xl {
    font-size: 1.75rem !important;
  }

  .icon-xxl-xxl {
    font-size: 2.25rem !important;
  }

  .icon-xxl-1x {
    font-size: 1rem !important;
  }

  .icon-xxl-2x {
    font-size: 2rem !important;
  }

  .icon-xxl-3x {
    font-size: 3rem !important;
  }

  .icon-xxl-4x {
    font-size: 4rem !important;
  }

  .icon-xxl-5x {
    font-size: 5rem !important;
  }

  .icon-xxl-6x {
    font-size: 6rem !important;
  }

  .icon-xxl-7x {
    font-size: 7rem !important;
  }

  .icon-xxl-8x {
    font-size: 8rem !important;
  }

  .icon-xxl-9x {
    font-size: 9rem !important;
  }

  .icon-xxl-10x {
    font-size: 10rem !important;
  }
}

/*
 * jQuery Basic Table
 * Author: Jerry Low
 */

table.bt thead {
  display: none;
}

table.bt tbody td {
  border: none;
  display: block;
  vertical-align: top;
}

table.bt tbody td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 6.5em;
  display: inline-block;
}

table.bt tbody td.bt-hide {
  display: none;
}

table.bt tbody td .bt-content {
  vertical-align: top;
}

.bt-wrapper.active {
  max-height: 310px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#kt_aside_toggle{
  height: 2.2rem !important;
  width: 2.2rem !important;
  background-color: #fff;
 }

 
.kv-avatar.btn-outline-secondary {
  border: 1px solid !important;
  color: #181c32 !important;
}

.kv-avatar .krajee-default.file-preview-frame,.kv-avatar .krajee-default.file-preview-frame:hover {
margin: 0;
padding: 0;
border: none;
box-shadow: none;
text-align: center;
}
.kv-avatar .file-other-icon i.fas{
font-size: 1.5em;
}
.kv-avatar {
display: inline-block;
}
.kv-avatar .file-input {
display: table-cell;
width: 213px;
}
.kv-reqd {
color: red;
font-family: monospace;
font-weight: normal;
}
.icon-front{
  width:120px;
  height:120px;
  margin-left:auto;
  margin-right:auto;
}
.strike_class{
  text-decoration: line-through;
   }
   .form-check.form-check-solid .form-check-input{
    background-color: #c1c4c8;
}

#cc_div #cm{
  height:auto;
}
.bottom_content{
  position: sticky;
top: 100vh;
}
.form-check-image {
  position: relative;
  overflow: hidden;
}
.form-check-image img {
  max-width: 100%;
}
.form-check-image .form-check-wrapper {
  border-radius: 0.625rem;
  border: 2px solid transparent;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  overflow: hidden;
  margin-bottom: 0.75rem;
}
.form-check-image .form-check-rounded {
  border-radius: 0.625rem;
}
.form-check-image .form-check-label {
  font-weight: 600;
  margin-left: 0.5rem;
}
.form-check-image.active .form-check-wrapper {
  border-color: var(--kt-primary);
}
.form-check-image.form-check-success.active .form-check-wrapper {
  border-color: var(--kt-success);
}
.form-check-image.form-check-danger.active .form-check-wrapper {
  border-color: var(--kt-danger);
}
.form-check-image.disabled {
  opacity: var(--kt-form-check-btn-check-disabled-opacity);
}
.object-fit-cover{
object-fit: cover;
}

.object-fit-contain{
  object-fit: contain;
  }
  


.swal2-popup.loader-class{
  width: fit-content;
}
.overlay.overlay-block .overlay-layer {
  margin: 0 -12px;
}
.iti {
  width: 100%;
}




/** SPINNER CREATION **/
#loadMe .modal-sm {
  --bs-modal-width: 250px;
}

.loader {
  position: relative;
  text-align: center;
  margin: 10px auto 10px auto;
  z-index: 9999;
  display: block;
  width: 60px;
  height: 60px;
  border: 10px solid #1e1e2d;
  border-radius: 50%;
  border-top-color: #4199d5;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}


/** MODAL STYLING **/

.modal-content {
  border-radius: 0px;
  box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.7);
}

.modal-backdrop.show {
  opacity: 0.75;
}

.loader-txt {
  p {
    font-size: 13px;
    color: #666;
    small {
      font-size: 11.5px;
      color: #999;
    }
  }
}


.modal:nth-of-type(even) {
  z-index: 1052 !important;
}
.modal-backdrop.show:nth-of-type(even) {
  z-index: 1051 !important;
}

.swal2-toast.swal2-icon-success{
  border-left: 8px solid #47D764;
}
.swal2-toast.swal2-icon-error{
  border-left: 8px solid #ff355b;
}
.swal2-toast.swal2-icon-info{
  border-left: 8px solid #2F86EB;
}
.swal2-toast.swal2-icon-warning{
  border-left: 8px solid #FFC021;
}

.box {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}


.accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #4199d5;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button {
  color: #fff;
  background-color: #1e1e2d;

}

:root {
  --bs-timeline-icon-size: 38px;
}


#kt_inbox_form_editor,
#kt_answer_form_editor {
  border: 1px solid aliceblue !important;
}

.file-trash-btn {
  padding: 3px 4px 5px 10px !important
}

.timeline.timeline-border-dashed .timeline-icon {
  border-style: dashed !important;
}

.timeline .timeline-icon {
  z-index: 1;
  flex-shrink: 0;
  margin-right: 1rem;
  width: var(--bs-timeline-icon-size);
  height: var(--bs-timeline-icon-size);
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--bs-gray-300);
  border-radius: 50%;
}
.timeline .timeline-line{
  width: var(--bs-timeline-icon-size);
}