.mouse_pointer{
    cursor:pointer !important;
}
.left_to_right_dir{
    direction: ltr;
}
.right_to_left_dir{
    direction: rtl;
}
.bg_recive_message{
    background-color: #ACE3ECFF;
}
.bg_send_message{
    background-color: #eef8ff;
}
.src_plus1_show,.src_plus2_show,.src_plus3_show,.src_minus2_hide,.src_minus3_hide,.src_minus4_hide,
.dst_plus1_show,.dst_plus2_show,.dst_plus3_show,.dst_minus2_hide,.dst_minus3_hide,.dst_minus4_hide{
    padding: 2px 5px;
}

    /* استایل آیکون چت */
    .chat-icon {
        position: relative;
        display: inline-block;
        width: 35px;
        height: 30px;
        background-color: #007bff;
        border-radius: 50%;
        text-align: center;
        color: #fff;
        font-size: 20px;
        line-height: 35px;
        cursor: pointer;
    }

    /* استایل نمایش تعداد پیام‌ها */
    .message-count {
        position: absolute;
        top: -5px;
        right: -5px;
        background-color: red;
        color: #fff;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        font-size: 12px;
        line-height: 20px;
    }

    .message-count2 {
        /*position: start;*/
        /*top: -5px;*/
        /*right: -5px;*/
        background-color: red;
        color: #fff;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        font-size: 12px;
        line-height: 20px;
    }

.btn.btn-B1 {
	font-size: 14px;
	font-weight: 300;
    top: 20px;
    margin-bottom: 14px;
	background-color: #e73267;
	padding: 5px 20px 6px;
	border: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.load_search_results:hover{
    background-color: #ACE3ECFF;
    box-shadow:1px 1px 3px 3px gray;
    border: #1b1b1b 1px solid;
    color: black;
}

#header-nav{
background-color: #2d4b48 !important;
}
#header-nav a{
	color: #fff !important;
}
#header-nav .dropdown-menu{
	background-color: #2d4b48 !important;
}
.footer-bottom{
	background-color: #2d4b48 !important;
	color: #fff !important;
}
#main{
background-color: #d5d7d8  !important;
}
#footer section{
background-color: #d5d7d8  !important;
}

.page{
	padding-bottom: 0 !important;
	background-color: #d5d7d8 !important;
}
#good-item-partial-bg{
	background-color: #eaeded !important;

}
#good-item-partial-bg:hover{
	background-color: #D5DBDA !important;
/* 	color: #fff !important; */
}

#car-item-partial-bg{
	background-color: #eaeded !important;
}

.title-item-partial-bg{
	background-color: #6c817f !important;
	color: #fff !important;
}
.btn-car-search-bg{
	background-color: #eaeded !important;
}
.btn-load-search-bg{
	background-color: #425d5a !important;
	color: #fff !important;
}

/* .btn-load-search-bg : hover{
	background-color: #425d5a !important;
	color: #fff !important;
} */

/*-------------------------------------------------------*/
#btnLoadSearch{
    width:150px;
    height: 113px;
    background-image: url('../images/btnSearchLoad_w150_h133.png');
    background-size: 100% 100%;
}
#btnLoadSearch:hover{
    background-color: #6c817f !important;
}

#btnCarSearch{
    width:150px;
    height: 113px;
    background-image: url('../images/btnSearchCar_w150_h114.png');
    background-size: 100% 100%;
}
#btnCarSearch:hover {
    background-color: #6c817f !important;
}


.icon, .text {
    /*display: flex; !* استفاده از Flexbox برای محتویات داخلی *!*/
    align-items: center; /* مرکز کردن عمودی محتویات */
    justify-content: center; /* مرکز کردن افقی محتویات */
    /*padding: 10px; !* فاصله داخلی *!*/
    margin: 0;
}

.icon {
    /*flex: 0;*/
    background-color: #b35729; /* رنگ پس‌زمینه آیکون */
    color: white; /* رنگ قلم آیکون */
    padding: 5px; /* فاصله داخلی آیکون */
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    /*margin: 30px;*/
}

.text {
    /*flex: 0;*/
    background-color: #de6d35; /* رنگ پس‌زمینه متن */
    color: white; /* رنگ قلم متن */
    padding: 5px; /* فاصله داخلی متن */
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    margin: 0px;
    /*margin-right: 0px;*/
}

.icon_ye, .text_ye {
    /*display: flex; !* استفاده از Flexbox برای محتویات داخلی *!*/
    align-items: center; /* مرکز کردن عمودی محتویات */
    justify-content: center; /* مرکز کردن افقی محتویات */
    /*padding: 10px; !* فاصله داخلی *!*/
    margin: 0;
}

.icon_ye {
    /*flex: 0;*/
    background-color: #27ba1a; /* رنگ پس‌زمینه آیکون */
    color: white; /* رنگ قلم آیکون */
    padding: 5px; /* فاصله داخلی آیکون */
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    /*margin: 30px;*/
}

.text_ye {
    /*flex: 0;*/
    background-color: #c9c71e; /* رنگ پس‌زمینه متن */
    color: white; /* رنگ قلم متن */
    padding: 5px; /* فاصله داخلی متن */
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    margin: 0px;
    /*margin-right: 0px;*/
}

.text_ye:hover {
    /*color: #bfbbba;*/
    background-color: #b8b521;
    border-color: #1e7e34;
}

/*------*/
.icon_bl, .text_bl {
    /*display: flex; !* استفاده از Flexbox برای محتویات داخلی *!*/
    align-items: center; /* مرکز کردن عمودی محتویات */
    justify-content: center; /* مرکز کردن افقی محتویات */
    /*padding: 10px; !* فاصله داخلی *!*/
    margin: 0;
}

.icon_bl {
    /*flex: 0;*/
    background-color: #0062cc; /* رنگ پس‌زمینه آیکون */
    color: white; /* رنگ قلم آیکون */
    padding: 5px; /* فاصله داخلی آیکون */
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    /*margin: 30px;*/
}

.text_bl {
    /*flex: 0;*/
    background-color: #7abaff; /* رنگ پس‌زمینه متن */
    color: white; /* رنگ قلم متن */
    padding: 5px; /* فاصله داخلی متن */
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    margin: 0px;
    /*margin-right: 0px;*/
}

.text_bl:hover {
    /*color: #bfbbba;*/
    background-color: #00aeef;
    border-color: #1e7e34;
}

/* نمایش فقط آیکون در اندازه‌های کوچک */
@media (max-width: 576px) {
    .text {
        display: none; /* پنهان کردن متن */
    }

    .icon {
        border-radius: 5px;
    }
}

.text:hover {
    /*color: #bfbbba;*/
    background-color: #c25f2f;
    border-color: #1e7e34;
}

.btn-custom:focus, .btn-custom.focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn-custom.disabled, .btn-custom:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-container {
    display: flex;
    padding: 5px;
    margin: 5px;
    gap: 5px;
    height: 48px;
}

.bttn {
  display:inline-block;
  font-weight:400;
  color:#212529;
  text-align:center;
  vertical-align:middle;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  background-color:transparent;
  border:1px solid transparent;
  padding:5px 20px 6px;
  font-size:1rem;
  line-height:1.5;
  border-radius:.25rem;
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
 }
 @media (prefers-reduced-motion:reduce) {
  .bttn {
   transition:none
  }
 }
 .bttn:hover {
  color:#212529;
  text-decoration:none
 }
 .bttn.focus,
 .bttn:focus {
  outline:0;
  box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
 }
 .bttn.disabled,
 .bttn:disabled {
  opacity:.65
 }
 a.bttn.disabled,
 fieldset:disabled a.bttn {
  pointer-events:none
 }

 /*================== برای کلیدهای دو بخشی آیکون و متن =========================*/
.btn-custom {
    display: flex; /* استفاده از Flexbox */
    /*justify-content: center;*/
    align-items: stretch; /* کشیدن به ارتفاع یکسان */
    padding: 0px; /* حذف فاصله داخلی */
    text-decoration: none; /* حذف خط زیر */
    /*width: 30px;*/
    /*border-color: #28a745;*/
    gap: 0px; /* حذف فاصله بین عناصر */
    align-content: center;
    align-content: center;
    line-height: normal;
    height: auto;
    width: auto;
}

.text_btn {
    /*display: flex; !* استفاده از Flexbox برای محتویات داخلی *!*/
    align-items: center; /* مرکز کردن عمودی محتویات */
    justify-content: center; /* مرکز کردن افقی محتویات */
    /*padding: 10px; !* فاصله داخلی *!*/
    margin: 0;
}

.text_btn {
    /*flex: 0;*/
    background-color: #c9c71e; /* رنگ پس‌زمینه متن */
    color: white; /* رنگ قلم متن */
    padding: 5px; /* فاصله داخلی متن */
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    margin: 0px;
    /*margin-right: 0px;*/
}

.text_btn:hover {
    /*color: #bfbbba;*/
    background-color: #b8b521;
    border-color: #1e7e34;
}