.direction-ltr{direction:ltr;text-align:left}
.background-cover{background-size:cover}

input[type="text"].placeholder-rtl::placeholder {text-align: right;}
input[type="text"].placeholder-rtl:-moz-placeholder {text-align: right;}
input[type="text"].placeholder-rtl:-ms-input-placeholder {text-align: right;}
input[type="text"].placeholder-rtl::-webkit-input-placeholder {text-align: right;}

input[type="text"].placeholder-start::placeholder {text-align:var(--bs-body-text-align)}
input[type="text"].placeholder-start:-moz-placeholder {text-align:var(--bs-body-text-align)}
input[type="text"].placeholder-start:-ms-input-placeholder {text-align:var(--bs-body-text-align)}
input[type="text"].placeholder-start::-webkit-input-placeholder {text-align:var(--bs-body-text-align)}

input[type="text"].placeholder-center::placeholder {text-align:center;}
input[type="text"].placeholder-center:-moz-placeholder {text-align: center;}
input[type="text"].placeholder-center:-ms-input-placeholder {text-align: center;}
input[type="text"].placeholder-center::-webkit-input-placeholder {text-align: center;}

input[type="text"].placeholder-end::placeholder {text-align:var(--bs-body-text-align, end)}
input[type="text"].placeholder-end:-moz-placeholder {text-align:var(--bs-body-text-align, end)}
input[type="text"].placeholder-end:-ms-input-placeholder {text-align:var(--bs-body-text-align, end)}
input[type="text"].placeholder-end::-webkit-input-placeholder {text-align:var(--bs-body-text-align, end)}

.cursor-pointer{cursor:pointer}
.no-click{pointer-events:none!important}

label.has-error.red-tooltip{color:var(--color-danger);font-size:.875em}

.skeleton-circle{border-radius:50%}
.skeleton-line{margin-bottom:10px;border-radius:0.25rem}
.skeleton-line:last-child{margin-bottom:0}
@keyframes loading-skeleton{100%{transform:translateX(100%)}}
.skeleton-line,.skeleton-circle,.skeleton-square{background-color:#ebebeb;display:inline-flex;line-height:1;position:relative;overflow:hidden;z-index:1}
.skeleton-line:after,.skeleton-circle:after,.skeleton-square:after{content:" ";display:block;position:absolute;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,#ebebeb,#f5f5f5,#ebebeb);transform:translateX(-100%);animation-name:loading-skeleton;animation-direction:normal;animation-duration:1.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.skeleton-item{background-color:#fff;border:2px solid #ebebeb}
.skeleton-item-top .skeleton-square{height:195px;width:100%; opacity:0.99}
.skeleton-item-center{max-width:100%}
.skeleton-item-center,.skeleton-item-bottom{padding-left:15px}
.skeleton-item-center .skeleton-line:first-child{height:22px;width:100%;margin-bottom:0}
.skeleton-item-center .skeleton-line:nth-child(2){height:18px;width:80%;margin-bottom:10px}
.skeleton-item-bottom{max-width:100%}
.skeleton-item-bottom .skeleton-line:first-child{height:13px;width:80%;margin-bottom:2px}
.skeleton-item-bottom .skeleton-line:nth-child(2){height:13px;width:60%}
.skeleton-item-add .skeleton-square{height:49px;display:block;margin-top:7.5px}

button.favorite,a.favorite{background-color:var(--color-primary) !important;color:var(--color-white) !important;border-color:var(--color-primary) !important}
nav-pills .nav-link.favorite{color:var(--bs-nav-pills-link-active-color) !important;background-color: var(--bs-nav-pills-link-active-bg) !important}

.scrolling-items{max-height:280px;overflow:hidden;overflow-y:auto;margin-top:15px}

.zoom{display:block;position:relative;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden;border-radius:5px;-moz-transition:all .5s;-webkit-transition:all .8s;transition: all .8s}
.zoom::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;background-size:cover;transform-origin:center;transition:transform 0.4s ease-in-out}
.zoom:focus:after,.zoom:hover:after,.zoom:active:after{transform:scale(1.05)}

.grayscale{-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease;-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.grayscale:focus,.grayscale:hover,.grayscale:active{-webkit-filter:grayscale(0%);filter:grayscale(0%)}

.blur{-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease;filter:blur(3px)}
.blur:focus,.blur:hover,.blur:active{filter:none}

.opacity{-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease}
.opacity:focus,.opacity:hover,.opacity:active{background:#000000 !important;opacity:0.5;z-index:0}