@forward './skeleton';

//$small-font-size: .875em !default;
$xsmall-font-size: .675em !default;

:is(:disabled, .disabled):is(button, input, select, textarea, a) {
  cursor: not-allowed;
  opacity: .5;

  &:is(button, input[type="submit"], input[type="button"], a):hover {
    background-color: var(--tp-common-black);
    color: var(--tp-common-white);
  }
}

.description-text {
  height: 96px;
}

.show-more-less {
  cursor: pointer;
  font-weight: 500;
  color: var(--tp-theme-primary);
}

.font-normal {
  font-weight: normal !important;
}

.bold {
  font-weight: bold;
}

.bolder {
  font-weight: bolder;
}

.v-hidden {
  visibility: hidden;
}

.v-visible {
  visibility: visible;
}


.text-start {
  text-align: left !important;

  [dir=rtl] & {
    text-align: right !important;
  }
}

.text-end {
  text-align: right !important;

  [dir=rtl] & {
    text-align: left !important;
  }
}

.me-1 {
  margin-left: .25rem !important;

  [dir=rtl] & {
    margin-left: unset;
    margin-right: .25rem !important
  }
}

.ms-1 {
  margin-right: .25rem !important;

  [dir=rtl] & {
    margin-right: unset;
    margin-left: .25rem !important;
  }
}

.ms-4 {
  margin-right: 1.5rem !important;

  [dir=rtl] & {
    margin-left: 1.5rem !important;
  }
}

.me-4 {
  margin-left: 1.5rem !important;

  [dir=rtl] & {
    margin-right: 1.5rem !important;
  }
}

.ms-3 {
  margin-right: 1rem !important;

  [dir=rtl] & {
    margin-left: 1rem !important;
  }
}

.me-3 {
  margin-left: 1rem !important;

  [dir=rtl] & {
    margin-right: 1rem !important;
  }
}

.mr-15 {
  margin-right: 15px;

  [dir=rtl] & {
    margin-left: 15px;
  }
}

.ml-15 {
  margin-left: 15px;

  [dir=rtl] & {
    margin-right: 15px;
  }
}

.text-md-end {
  text-align: right !important;

  [dir=rtl] & {
    text-align: left !important;
  }
}

.text-md-start {
  text-align: left !important;

  [dir=rtl] & {
    text-align: right !important;
  }
}

.mr-30 {
  margin-right: 30px;

  [dir=rtl] & {
    margin-right: 0;
    margin-left: 30px;
  }
}

.modal-footer {
  text-align: left;

  [dir=rtl] & {
    text-align: right;
  }
}

.fa-turn-up {
  [dir=ltr] & {
    transform: rotateY(180deg);
  }
}

.align-items-end {
  [dir=rtl] & {
    align-items: flex-start !important;
  }

  [dir=ltr] & {
    align-items: flex-end !important;
  }
}

.tp-pagination ul li a svg {
  [dir=rtl] & {
    transform: translateY(-2px) rotate(-180deg) !important;
  }
}

.xsmall {
  font-size: .675em !important;
}

.vw-100 {
  width: 100vw;
}