@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities"; 

.ltr {
  direction: ltr;
}

.rtl {
  direction: rtl;
}

.text a {
  @apply text-blue-500;
}

.text a:hover {
  @apply text-blue-600;
}

.btn {
  @apply rounded-lg border-none font-normal min-h-0 h-9;
}

.input {
  @apply min-h-0 h-9;
}

.select {
  @apply min-h-0 h-9;
}

.table {
  @apply text-right p-2;
}

.table {
  @apply text-right;
}

.table :where(th, td) {
  @apply p-2;
}

.table-zebra tbody tr:nth-child(2n) td,
.table-zebra tbody tr:nth-child(2n) th {
  @apply bg-blue-50;
}

.table-zebra tbody tr td:first-child,
.table-zebra tbody tr th:first-child {
  @apply rounded-l-none rounded-r-lg;
}

.table-zebra tbody tr td:last-child,
.table-zebra tbody tr th:last-child {
  @apply rounded-r-none rounded-l-lg;
}

.checkbox {
  @apply h-4 w-4 rounded-md;
}

/**
*
*	Name:			IRANYekan Font
*	Version:			3.3
*	Author:			Moslem Ebrahimi (moslemebrahimi.com)
*	Created on:		Sep 17, 2020
*	Updated on:		Sep 17, 2020
*	Website:			http://fontiran.com
*	Copyright:		Commercial/Proprietary Software
--------------------------------------------------------------------------------------
فونت ایران یکان یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید
--------------------------------------------------------------------------------------
IRANYekan fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com 
--------------------------------------------------------------------------------------
This set of fonts are used in this project under the license: (.....)
--------------------------------------------------------------------------------------
*	
**/
@font-face {
  font-family: iranyekan;
  font-style: normal;
  font-weight: bold;
  src: url("../fonts-iranyekan/eot/iranyekanwebbold.eot");
  src: url("../fonts-iranyekan/eot/iranyekanwebbold.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-8 */ url("../fonts-iranyekan/woff/iranyekanwebbold.woff")
      format("woff"),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
      url("../fonts-iranyekan/woff2/iranyekanwebbold.woff2") format("woff2"),
    /* FF39+,Chrome36+, Opera24+*/
      url("../fonts-iranyekan/ttf/iranyekanwebbold.ttf") format("truetype");
}

@font-face {
  font-family: iranyekan;
  font-style: normal;
  font-weight: 100;
  src: url("../fonts-iranyekan/eot/iranyekanwebthin.eot");
  src: url("../fonts-iranyekan/eot/iranyekanwebthin.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-8 */ url("../fonts-iranyekan/woff/iranyekanwebthin.woff")
      format("woff"),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
      url("../fonts-iranyekan/woff2/iranyekanwebthin.woff2") format("woff2"),
    /* FF39+,Chrome36+, Opera24+*/
      url("../fonts-iranyekan/ttf/iranyekanwebthin.ttf") format("truetype");
}

@font-face {
  font-family: iranyekan;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts-iranyekan/eot/iranyekanweblight.eot");
  src: url("../fonts-iranyekan/eot/iranyekanweblight.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-8 */ url("../fonts-iranyekan/woff/iranyekanweblight.woff")
      format("woff"),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
      url("../fonts-iranyekan/woff2/iranyekanweblight.woff2") format("woff2"),
    /* FF39+,Chrome36+, Opera24+*/
      url("../fonts-iranyekan/ttf/iranyekanweblight.ttf") format("truetype");
}

@font-face {
  font-family: iranyekan;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts-iranyekan/eot/iranyekanwebregular.eot");
  src: url("../fonts-iranyekan/eot/iranyekanwebregular.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-8 */ url("../fonts-iranyekan/woff/iranyekanwebregular.woff")
      format("woff"),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
      url("../fonts-iranyekan/woff2/iranyekanwebregular.woff2") format("woff2"),
    /* FF39+,Chrome36+, Opera24+*/
      url("../fonts-iranyekan/ttf/iranyekanwebregular.ttf") format("truetype");
}

@font-face {
  font-family: iranyekan;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts-iranyekan/eot/iranyekanwebmedium.eot");
  src: url("../fonts-iranyekan/eot/iranyekanwebmedium.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-8 */ url("../fonts-iranyekan/woff/iranyekanwebmedium.woff")
      format("woff"),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
      url("../fonts-iranyekan/woff2/iranyekanwebmedium.woff2") format("woff2"),
    /* FF39+,Chrome36+, Opera24+*/
      url("../fonts-iranyekan/ttf/iranyekanwebmedium.ttf") format("truetype");
}

@font-face {
  font-family: iranyekan;
  font-style: normal;
  font-weight: 800;
  src: url("../fonts-iranyekan/eot/iranyekanwebextrabold.eot");
  src: url("../fonts-iranyekan/eot/iranyekanwebextrabold.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-8 */ url("../fonts-iranyekan/woff/iranyekanwebextrabold.woff")
      format("woff"),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
      url("../fonts-iranyekan/woff2/iranyekanwebextrabold.woff2")
      format("woff2"),
    /* FF39+,Chrome36+, Opera24+*/
      url("../fonts-iranyekan/ttf/iranyekanwebextrabold.ttf") format("truetype");
}

@font-face {
  font-family: iranyekan;
  font-style: normal;
  font-weight: 850;
  src: url("../fonts-iranyekan/eot/iranyekanwebblack.eot");
  src: url("../fonts-iranyekan/eot/iranyekanwebblack.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-8 */ url("../fonts-iranyekan/woff/iranyekanwebblack.woff")
      format("woff"),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
      url("../fonts-iranyekan/woff2/iranyekanwebblack.woff2") format("woff2"),
    /* FF39+,Chrome36+, Opera24+*/
      url("../fonts-iranyekan/ttf/iranyekanwebblack.ttf") format("truetype");
}

@font-face {
  font-family: iranyekan;
  font-style: normal;
  font-weight: 900;
  src: url("../fonts-iranyekan/eot/iranyekanwebextrablack.eot");
  src: url("../fonts-iranyekan/eot/iranyekanwebextrablack.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-8 */ url("../fonts-iranyekan/woff/iranyekanwebextrablack.woff")
      format("woff"),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
      url("../fonts-iranyekan/woff2/iranyekanwebextrablack.woff2")
      format("woff2"),
    /* FF39+,Chrome36+, Opera24+*/
      url("../fonts-iranyekan/ttf/iranyekanwebextrablack.ttf")
      format("truetype");
}

body {
  font-family: iranyekan !important;
  direction: rtl;
  background-color: #cdcdcd;
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea {
  font-family: iranyekan !important;
}
h1 {
  font-weight: bold;
}
.wrapper {
  max-width: 900px;
  margin: 0 auto;
}
.ltr {
  direction: ltr;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-small {
  font-size: 0.8em;
}
.text-xsmall {
  font-size: 0.6em;
}
.text-large {
  font-size: 1.2em;
}
.text-xlarge {
  font-size: 1.4em;
}
.text-underline {
  text-decoration: underline;
}
.text-thin {
  font-weight: 100;
}
.text-light {
  font-weight: 300;
}
.text-regular {
  font-weight: normal;
}
.text-medium {
  font-weight: 500;
}
.text-bold {
  font-weight: bold;
}
.text-extrabold {
  font-weight: 800;
}
.text-blackbold {
  font-weight: 850;
}
.text-extrablack {
  font-weight: 900;
}
blockquote {
  font-weight: 500;
  padding: 10px;
  border: 1px dashed #666666;
}

.mainbox {
  width: 100%;
  background-color: #efefef;
  display: table;
  margin-bottom: 30px;
  border-right: 8px solid #ccff33;
}

.mainboxnegativ {
  width: 100%;
  background-color: #000000;
  display: table;
  margin-bottom: 30px;
  border-right: 8px solid #ccff33;
  color: #f9f9f9;
}

.mainbox2 {
  font-size: 1em;
  width: 90%;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.mainbox3 {
  width: 100%;
  background-color: #dfdfdf;
  display: table;
  margin-bottom: 30px;
  border-right: 8px solid #bd70ff;
}

.mainbox2negativ {
  font-size: 1em;
  color: #f9f9f9;
  background-color: #000000;
  padding-right: 20px;
}

.farsiparagraph {
  font-size: 1em;
  width: 47%;
  float: right;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.farsiparagraph_negativ {
  font-size: 1em;
  color: #f9f9f9;
  background-color: #000000;
  width: 47%;
  float: right;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.englishparagraph {
  font-size: 1em;
  width: 47%;
  float: left;
  direction: ltr;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.englishparagraph_negativ {
  font-size: 1em;
  color: #f9f9f9;
  background-color: #000000;
  width: 47%;
  float: left;
  direction: ltr;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.rightbox {
  width: 60%;
  padding-right: 20px;
  padding-left: 5px;
  float: right;
  margin-left: 10px;
  margin-bottom: 0px;
  min-width: 0px;
  background-color: #f7f7f7;
}

.titelbox {
  width: 60%;
  padding-right: 25px;
  padding-left: 0px;
  float: right;
  margin-left: 10px;
  margin-bottom: 0px;
  min-width: 0px;
  background-color: #d5d5d5;
  color: #4b4b4b;
}

.lefttbox {
  padding-right: 20px;
  padding-left: 4px;
  float: right;
  margin-bottom: 10px;
  min-width: 0px;
}

.alphabet {
  width: 35%;
  float: left;
  font-size: 21em;
  text-align: center;
  font-weight: 500;
  color: #999999;
}

.alphabet2 {
  width: 35%;
  float: left;
  direction: ltr;
  font-size: 1.6em;
  text-align: left;
  font-weight: 500;
  color: #333333;
  margin-top: 100px;
}
.footer {
  font-weight: 300;
  font-size: 0.7em;
  text-align: center;
  direction: ltr;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.checkbox:checked,
.checkbox[checked="true"] {
  background-image: linear-gradient(
      -45deg,
      transparent 65%,
      hsl(var(--chkbg)) 0
    ),
    linear-gradient(45deg, transparent 75%, hsl(var(--chkbg)) 0),
    linear-gradient(-45deg, hsl(var(--chkbg)) 40%, transparent 0),
    linear-gradient(
      45deg,
      hsl(var(--chkbg)) 30%,
      hsl(var(--chkfg)) 0,
      hsl(var(--chkfg)) 40%,
      transparent 0
    ),
    linear-gradient(-45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 0);
}

.alertify .ajs-dialog,
.alertify .ajs-header {
  border-radius: 5px !important;
}

.alertify-big-modal {
  max-width: 698px !important;
}

/* Chrome, Safari, Edge, Opera */
.input-numberic::-webkit-outer-spin-button,
.input-numberic::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.input-numberic {
  -moz-appearance: textfield;
}
 

/* ****************** */

.c-compare-footer {
  position: fixed;
  bottom: 20px;
  right: 100px;
  z-index: 999;
}

.c-compare-footer__button {
  position: fixed;
  bottom: 7px;
  right: 100px;
  width: 145px;
  height: 40px;
  cursor: pointer;
  z-index: 3;
  background-color: #3b83f6;
  color: #fff;
  display: block;
  border: 2px solid #3b83f6;
  border-radius: 8px;
  font-weight: 400;
  font-size: 0.8em; 
  margin-bottom: 0.8em;
  padding: 0.74em 1.41575em;
  -webkit-transition: all 0.25s ease 0s;
  transition: all 0.25s ease 0s;
  text-align: center;

}

.c-compare-footer__button:hover {
    color: #fff;
    border-color: #2564eb;
  }

.c-compare-footer__button-count {
  padding: 1px 5px;
  border-radius: 3px;
  z-index: 1;
}

.c-compare-footer__quick-image {
  width: 113px;
  height: 113px;
  padding: 13px;
  position: fixed;
  bottom: 70px;
  right: 46px;
  background-color: #fff;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.23);
  border: 1px solid #ebebeb;
  border-radius: 5px;
  z-index: 2;
  display: none;
  -webkit-animation: dk-compare-animation 2s ease-in-out 0s forwards;
  animation: dk-compare-animation 2s ease-in-out 0s forwards;
}

.c-compare-footer:hover .c-compare-footer__content {
  display: block;
}

.c-compare-footer__cancel { 
  font-size: 0.8rem; 
  color: #fb3449;
  cursor: pointer;
}

.c-compare-footer__product-title {
  padding-right: 4px;
  flex: 0 0 calc(100% - 65px);
  max-width: calc(100% - 65px);
  font-size: 10px;
  font-size: 0.714rem;
  line-height: 17px;
  color: #535353;
  text-align: right;
  direction: rtl;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.c-compare-footer__product-image {
  flex: 0 0 65px;
  width: 65px;
  height: 65px;
  background-color: #fff;
  position: relative;
}
.c-compare-footer__product-item:last-of-type {
  border-bottom: none;
}
.u-hidden {
  display: none !important;
}
.c-compare-footer__content {
  width: 235px;
  background-color: #fff;
  border: 1px solid #eaeaea;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);
  position: fixed;
  right: 90px;
  bottom: 0;
  z-index: 2;
  border-radius: 5px;
  display: none;
}

.c-compare-footer__actions {
  height: 73px;
  width: 100%;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  padding: 15px 20px 20px 10px;
  border-top: 1px solid #ebebeb;
}

.c-compare-footer__product-item {
  display: inline-flex;
  width: 100%;
  position: relative;
  padding: 20px 0;
}

.c-compare-footer__remove-item {
  position: absolute;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: none;
  border-radius: 100%;
  top: 5px;
  left: 0;
}

.c-compare-footer__remove-item:before {
  content: "x";
  font-size: 0.9rem;
  line-height: 3.143;
  color: gray;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.js-compare-footer {
  display: none;
}


/* ****************** */
.price-filter   .ui-slider-range {
  top: 0;
  height: 2px;
  background-color: #0063d1;
}
 
.price-filter .price_slider .ui-slider-handle {
  width: 10px;
  height: 10px;
  background: #0063d1;
  top: -1px;
}

.price-filter .price_slider  .ui-slider-handle:last-child {
  margin-left: 0;
}

.price-filter .price_slider .ui-slider-handle {
  width: 10px;
  height: 10px;
  background: #0063d1;
  top: -1px;
}
 
.price-filter  .price_slider   .ui-slider-handle:last-child {
  margin-left: 0;
}



.widget_price_filter .ui-slider {
  position: relative;
  text-align: left;
}
.widget_price_filter .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1em;
  height: 1em;
  border-top-right-radius: 1em;
  border-top-left-radius: 1em;
  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
  cursor: ew-resize;
  outline: none;
  background: #2c2d33;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -3.5px;
  opacity: 1;
}
 
.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active,
.widget_price_filter .ui-slider .ui-slider-handle:hover {
  -webkit-box-shadow: 0 0 0 0.236em rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 0.236em rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0; 
  border-top-right-radius: 1em;
  border-top-left-radius: 1em;
  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
  border-top-right-radius: 1em;
  border-top-left-radius: 1em;
  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
  background: rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider-horizontal {
  height: 0.5em;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
  left: -1px;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
  right: -1px;
}


.price_slider .ui-slider-handle {
  width: 10px;
  height: 10px;
  background: #0063d1;
  top: -1px;
}
 
.price_slider .ui-slider-handle:last-child {
  margin-left: 0;
}



.price-filter .price_slider_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  position: relative;
}
.price-filter .price_slider {
  height: 2px;
  background-color: #eee;
  margin-bottom: 0;
  width: 96%;
}
.price-filter .ui-slider-range {
  top: 0;
  height: 2px;
  background-color: #0063d1;
}
.price-filter .price_slider .ui-slider-handle {
  width: 10px;
  height: 10px;
  background: #0063d1;
  top: -1px;
}
 
/* ****************** */

.content-list-style ul 
{
  list-style: disc;
}

.content-inline-img img 
{
  display: inline-block !important;
}