﻿body {

    background-color: #ffffff;
}

.lnr{font-family:Linearicons-Free;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lnr-home:before{content:"\e800"}.lnr-apartment:before{content:"\e801"}.lnr-pencil:before{content:"\e802"}.lnr-magic-wand:before{content:"\e803"}.lnr-drop:before{content:"\e804"}.lnr-lighter:before{content:"\e805"}.lnr-poop:before{content:"\e806"}.lnr-sun:before{content:"\e807"}.lnr-moon:before{content:"\e808"}.lnr-cloud:before{content:"\e809"}.lnr-cloud-upload:before{content:"\e80a"}.lnr-cloud-download:before{content:"\e80b"}.lnr-cloud-sync:before{content:"\e80c"}.lnr-cloud-check:before{content:"\e80d"}.lnr-database:before{content:"\e80e"}.lnr-lock:before{content:"\e80f"}.lnr-cog:before{content:"\e810"}.lnr-trash:before{content:"\e811"}.lnr-dice:before{content:"\e812"}.lnr-heart:before{content:"\e813"}.lnr-star:before{content:"\e814"}.lnr-star-half:before{content:"\e815"}.lnr-star-empty:before{content:"\e816"}.lnr-flag:before{content:"\e817"}.lnr-envelope:before{content:"\e818"}.lnr-paperclip:before{content:"\e819"}.lnr-inbox:before{content:"\e81a"}.lnr-eye:before{content:"\e81b"}.lnr-printer:before{content:"\e81c"}.lnr-file-empty:before{content:"\e81d"}.lnr-file-add:before{content:"\e81e"}.lnr-enter:before{content:"\e81f"}.lnr-exit:before{content:"\e820"}.lnr-graduation-hat:before{content:"\e821"}.lnr-license:before{content:"\e822"}.lnr-music-note:before{content:"\e823"}.lnr-film-play:before{content:"\e824"}.lnr-camera-video:before{content:"\e825"}.lnr-camera:before{content:"\e826"}.lnr-picture:before{content:"\e827"}.lnr-book:before{content:"\e828"}.lnr-bookmark:before{content:"\e829"}.lnr-user:before{content:"\e82a"}.lnr-users:before{content:"\e82b"}.lnr-shirt:before{content:"\e82c"}.lnr-store:before{content:"\e82d"}.lnr-cart:before{content:"\e82e"}.lnr-tag:before{content:"\e82f"}.lnr-phone-handset:before{content:"\e830"}.lnr-phone:before{content:"\e831"}.lnr-pushpin:before{content:"\e832"}.lnr-map-marker:before{content:"\e833"}.lnr-map:before{content:"\e834"}.lnr-location:before{content:"\e835"}.lnr-calendar-full:before{content:"\e836"}.lnr-keyboard:before{content:"\e837"}.lnr-spell-check:before{content:"\e838"}.lnr-screen:before{content:"\e839"}.lnr-smartphone:before{content:"\e83a"}.lnr-tablet:before{content:"\e83b"}.lnr-laptop:before{content:"\e83c"}.lnr-laptop-phone:before{content:"\e83d"}.lnr-power-switch:before{content:"\e83e"}.lnr-bubble:before{content:"\e83f"}.lnr-heart-pulse:before{content:"\e840"}.lnr-construction:before{content:"\e841"}.lnr-pie-chart:before{content:"\e842"}.lnr-chart-bars:before{content:"\e843"}.lnr-gift:before{content:"\e844"}.lnr-diamond:before{content:"\e845"}.lnr-linearicons:before{content:"\e846"}.lnr-dinner:before{content:"\e847"}.lnr-coffee-cup:before{content:"\e848"}.lnr-leaf:before{content:"\e849"}.lnr-paw:before{content:"\e84a"}.lnr-rocket:before{content:"\e84b"}.lnr-briefcase:before{content:"\e84c"}.lnr-bus:before{content:"\e84d"}.lnr-car:before{content:"\e84e"}.lnr-train:before{content:"\e84f"}.lnr-bicycle:before{content:"\e850"}.lnr-wheelchair:before{content:"\e851"}.lnr-select:before{content:"\e852"}.lnr-earth:before{content:"\e853"}.lnr-smile:before{content:"\e854"}.lnr-sad:before{content:"\e855"}.lnr-neutral:before{content:"\e856"}.lnr-mustache:before{content:"\e857"}.lnr-alarm:before{content:"\e858"}.lnr-bullhorn:before{content:"\e859"}.lnr-volume-high:before{content:"\e85a"}.lnr-volume-medium:before{content:"\e85b"}.lnr-volume-low:before{content:"\e85c"}.lnr-volume:before{content:"\e85d"}.lnr-mic:before{content:"\e85e"}.lnr-hourglass:before{content:"\e85f"}.lnr-undo:before{content:"\e860"}.lnr-redo:before{content:"\e861"}.lnr-sync:before{content:"\e862"}.lnr-history:before{content:"\e863"}.lnr-clock:before{content:"\e864"}.lnr-download:before{content:"\e865"}.lnr-upload:before{content:"\e866"}.lnr-enter-down:before{content:"\e867"}.lnr-exit-up:before{content:"\e868"}.lnr-bug:before{content:"\e869"}.lnr-code:before{content:"\e86a"}.lnr-link:before{content:"\e86b"}.lnr-unlink:before{content:"\e86c"}.lnr-thumbs-up:before{content:"\e86d"}.lnr-thumbs-down:before{content:"\e86e"}.lnr-magnifier:before{content:"\e86f"}.lnr-cross:before{content:"\e870"}.lnr-menu:before{content:"\e871"}.lnr-list:before{content:"\e872"}.lnr-chevron-up:before{content:"\e873"}.lnr-chevron-down:before{content:"\e874"}.lnr-chevron-left:before{content:"\e875"}.lnr-chevron-right:before{content:"\e876"}.lnr-arrow-up:before{content:"\e877"}.lnr-arrow-down:before{content:"\e878"}.lnr-arrow-left:before{content:"\e879"}.lnr-arrow-right:before{content:"\e87a"}.lnr-move:before{content:"\e87b"}.lnr-warning:before{content:"\e87c"}.lnr-question-circle:before{content:"\e87d"}.lnr-menu-circle:before{content:"\e87e"}.lnr-checkmark-circle:before{content:"\e87f"}.lnr-cross-circle:before{content:"\e880"}.lnr-plus-circle:before{content:"\e881"}.lnr-circle-minus:before{content:"\e882"}.lnr-arrow-up-circle:before{content:"\e883"}.lnr-arrow-down-circle:before{content:"\e884"}.lnr-arrow-left-circle:before{content:"\e885"}.lnr-arrow-right-circle:before{content:"\e886"}.lnr-chevron-up-circle:before{content:"\e887"}.lnr-chevron-down-circle:before{content:"\e888"}.lnr-chevron-left-circle:before{content:"\e889"}.lnr-chevron-right-circle:before{content:"\e88a"}.lnr-crop:before{content:"\e88b"}.lnr-frame-expand:before{content:"\e88c"}.lnr-frame-contract:before{content:"\e88d"}.lnr-layers:before{content:"\e88e"}.lnr-funnel:before{content:"\e88f"}.lnr-text-format:before{content:"\e890"}.lnr-text-format-remove:before{content:"\e891"}.lnr-text-size:before{content:"\e892"}.lnr-bold:before{content:"\e893"}.lnr-italic:before{content:"\e894"}.lnr-underline:before{content:"\e895"}.lnr-strikethrough:before{content:"\e896"}.lnr-highlight:before{content:"\e897"}.lnr-text-align-left:before{content:"\e898"}.lnr-text-align-center:before{content:"\e899"}.lnr-text-align-right:before{content:"\e89a"}.lnr-text-align-justify:before{content:"\e89b"}.lnr-line-spacing:before{content:"\e89c"}.lnr-indent-increase:before{content:"\e89d"}.lnr-indent-decrease:before{content:"\e89e"}.lnr-pilcrow:before{content:"\e89f"}.lnr-direction-ltr:before{content:"\e8a0"}.lnr-direction-rtl:before{content:"\e8a1"}.lnr-page-break:before{content:"\e8a2"}.lnr-sort-alpha-asc:before{content:"\e8a3"}.lnr-sort-amount-asc:before{content:"\e8a4"}.lnr-hand:before{content:"\e8a5"}.lnr-pointer-up:before{content:"\e8a6"}.lnr-pointer-right:before{content:"\e8a7"}.lnr-pointer-down:before{content:"\e8a8"}.lnr-pointer-left:before{content:"\e8a9"}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
 
    background-color: #337ab700;
}
label {
 
    font-weight: normal;
    font-size: 13px;
}
.form-select {
  display: block;
  width: 100%;
  padding: .375rem 2.25rem .375rem .75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: .375rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 42px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 4px 0px 0px 4px;
    background-clip: padding-box;
    background-image: url(img/down.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
}
.right{
    float:right;
}
.User-pg-bx {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e6eff8+0,f7f7f7+53,ffffff+100 */
background: linear-gradient(to bottom,  rgba(230,239,248,1) 0%,rgba(247,247,247,1) 53%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


    padding: 50px 0;
}
.ms_alert{
    position: absolute;
    left: 8px;
    top: 22%;
    background: #0c6b8d;
    padding: 1px 9px;
    border-radius: 50%;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    line-height: 26px;
}
.ms_flex_birthday {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
}
.ms-banerProfile {
    /*height: 300px;
    position: relative;
    background-attachment: unset;
    background-size: 100% 100% !important;*/
}
.nav-pills>li {
    float: right;position:relative;
}
.nav-pills>li.active, .nav-pills>li.active:focus, .nav-pills>li.active:hover {
    color: #fff;
    background-color: #ffff;
}
.nav-pills{
        border-bottom: 2px solid #ddd;
    margin-bottom: 15px;width: 100%;
    padding: 0px;
}
.nav-pills>li>a {
       color: #000;
    font-size: 12px;
    padding: 5px 10px;
    font-weight: bold;
    margin-bottom: 5px;
}
.nav-pills>li.active  {
     color: #01b8ff  !important;
    font-weight: bold;
}.active > a {
    color: #01b8ff !important;
}
.nav-pills>li.active:before {
    background-color: #01b8ff ;
    width: 81%;
    height: 3px;
    content: "";
    left: 12px;
    bottom: -2px;
    position: absolute;
}.card {
box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
       background: #fff;
    border: 0 solid rgba(0, 0, 0, .125);
    border-radius: 11px;font-size: 12px;
    margin-bottom: 13px;direction: rtl;padding-bottom: 15px;
}
.card-title {
font-weight: 400;
    margin: 0;
    padding: 10px;
    font-size: 12px;
    border-radius: 11px 11px 0px 0px;
    color: #fff;
}.card-info:not(.card-outline) .card-header {
border-bottom: 0;
    border-radius: 11px 11px 0px 0px;
    background: linear-gradient(to bottom, rgba(48, 150, 185, 1) 0%, rgba(48, 149, 184, 1) 0%, rgba(33, 131, 166, 1) 43%, rgba(9, 104, 138, 1) 100%);float: right;
    width: 100%;
}
header {
    margin-bottom: 5px;
}
.container-pg-wt{
        width: 100%;
    max-width: 1280px;
    margin:0 auto;
    padding:40px 0 100px 0;
}
.container-pg-wt p{line-height: 26px;
    font-size: 14px;
    direction: rtl;
}
.container-pg-wt p.usedCd{
        font-size: 73px;
    margin-top: 45px;
    margin-bottom: 59px;
}
.bx-sh-card{
      border-radius: 14px;
    padding: 8px 10px;
    margin-bottom: 15px;
    position: relative;
    text-align: right;
    box-shadow: 3px 4px 10px #00000026;
    background: #fff;
}
.bx-sh-card ul{
    
    padding: 8px 10px;
  
}
.bx-sh-card .mg-send {
    left: 8px;
    top:12px;
    width: 55px;
}
.bx-br-shop{
margin-bottom: 15px;
    position: relative;
    box-shadow: 3px 4px 10px #00000026;
    background: #fff;
    border-radius: 15px;
}
.ti-pay{
    font-size:15px;

    padding:20px 15px 5px 15px;
    text-align:right;
    color:#000;direction: rtl;
}
  .box-col-wrap{
            /*border-bottom:5px solid #eee;*/
    }
 .ms-rtl{
     direction:rtl;
 }
/*profilepage*/
.profile-bx{
    padding:12px 7px 15px 3px;
        /*border-bottom: 1px solid #eee;*/
}
.mg-pfr{
    width:60px;
    height:60px;
    border-radius:50%;
    float:right;
    padding:15px;
    background-color:#eeeeee; 
    font-size:32px;
    font-weight:bold; z-index: 2;
    color:#fff;position:relative;
}
.mg-pfr:before{
    position: absolute;
    background-color: #6e9eff;
    border-radius: 30%;
    transform: rotate(45deg);
    width: 60px;
    height: 60px;
    transform: rotate(45deg);
    z-index: -1;
    content: "";
    top: 0;
    right: 0;
}
.mg-pfr:after{
        position: absolute;
    border: 2px dashed #6e9eff;
    border-radius: 30%;
    transform: rotate(45deg);
    width: 70px;
    height: 70px;
    transform: rotate(45deg);
    z-index: -1;
    content: "";
    top: -5px;
    right: -5px;
}
.mg-pfr img{
    width: 47px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 8px;
    border-radius: 30%;
    margin: 0px auto;
}
.tx-pfr{
    width:70%;
    float:right;
    padding:10px 15px;
}
.tx-pfr h3{
    font-size:15px;
    color:#000;
    font-weight:bold;
}
.pro-li{
    padding:0 7px;
    text-align:right;
    font-size:13px;
    font-weight:bold;
    direction:rtl;list-style:none;
}
.pro-li a{
 /*      color:#424750;
       border-top:1px solid #f0f0f1;
       display:block;position:relative;
       padding:16px 0;*/
 color: #424750;
    border-top: 1px solid #f0f0f1;
    display: block;
    position: relative;
    padding: 15px 0 13px;
}
.pro-li img{
    width:20px;
    float:right;
    margin-left:14px;
}
.pro-li a img{
width: 35px;
    float: right;
    margin-left: 14px;
    margin-top: -8px;
}
.pro-li a .fa{
font-size: 15px;
    margin-left: 20px;
    position: relative;
    top: 3px;
    color: #fff;
    padding-right: 3px;
    line-height: 25px;
}
.pro-li a:before{
position: absolute;
  /*  background-color: #6e9eff;*/
    border-radius: 30%;
    transform: rotate(45deg);
    width: 29px;
    height: 29px;
    transform: rotate(45deg);
    z-index: 0;
    content: "";
    top: 16px;
    right: -4px;
}
.pro-li a:after{
        position: absolute;
 /*   border: 2px dashed #6e9eff;
    border-radius: 30%;
    transform: rotate(45deg);*/
    width: 40px;
    height: 40px;

    z-index: 0;
    content: "";
    top: 10px;
    right: -10px;
}


.pro-li a:hover{
    color:#ffae00;
}
.pro-li a:hover:before{

  /*  background-color: #ffae00;*/

}
.tx-form{
    width:100%;
    margin:0px 0px 27px 0;
    padding:12px 12px;
    border:1px solid #e0e0e2;
    border-radius:8px;
    direction:rtl;
    font-size:14px;
}
.md-content .tx-form{
    margin-bottom:5px;
}
.ti-ptr {
     background: #6e9eff;
    color: #fff !important;
    -webkit-box-shadow: 0 1px 0 #ffae00;
    box-shadow: 0 1px 0 #ffae00;
    padding: 16px 15px 15px;
    border-radius: 15px;
    border-bottom: 2px dashed #ffae00;
}
.tx-form::placeholder { 
  color: #000;
  opacity: 1; 
}

.tx-form:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000;
}

.tx-form::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
}

.select-nd {
  position: relative;
  display: block;
  margin: 0 auto 20px auto;
  width: 100%;
  color: #000;
  vertical-align: middle;
  text-align: left;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  direction:rtl;
}
.select-nd .placeholder {
  position: relative;
  display: block;
  background-color: #fff;
  border: 1px solid #e0e0e2;
  z-index: 1;
  padding: 1em;
  border-radius: 5px;
  cursor: pointer;
  text-align:right;
}
.select-nd .placeholder:hover {
  background: #eee;
}
.select-nd .placeholder:after {
  position: absolute;
  left: 1em;
  top: 50%;
  transform: translateY(-50%);
  font-family: "FontAwesome";
  content: "";
  z-index: 10;
}
.select-nd.is-open .placeholder:after {
  content: "";
}
.select-nd.is-open ul {
  display: block;
}
.select-nd.select--white .placeholder {
  background: #fff;
  color: #999;
}
.select-nd.select--white .placeholder:hover {
  background: #fafafa;
}
.select-nd ul {
  display: none;
  position: absolute;
  overflow: hidden;
  width: 100%;
  background: #fff;
  text-align:right;
  border:1px solid #eee;
  border-radius: 2px;
  top: 100%;
  left: 0;
  list-style: none;
  margin: 5px 0 0 0;
  padding: 0;
  z-index: 100;
  overflow-y:scroll;
  max-height:250px;

}
.select-nd ul li {
  display: block;
  text-align: right;
  padding: 0.5em 1em 0.5em 1em;
  color: #000;
  cursor: pointer;
}
.select-nd ul li:hover {
  background: #d60644;
  color: #fff;
}
.select-nd ul::-webkit-scrollbar {
    width:0.5em;
}
 
.select-nd ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
}
 
.select-nd ul::-webkit-scrollbar-thumb {
  background-color:#b2b1b1;
  border-radius:15px;
  outline: 1px solid rgba(255, 255, 255, 0.00);
}
.mg-ic{
    width:50px;
   display:inline-block;
}
.sf-bx{
    padding:14px 3px 0px 0;
    direction:rtl;
    text-align:right;
}
.tx-di-pn{
    display:inline-block;
    position:relative;top:18px;
    padding-right:10px;
}
.tx-di-pn h3{
    font-size:15px;
    font-weight:bold;
    padding-bottom:5px;
}
.tx-di-pn h4{
    font-size:15px;
    padding-bottom:5px;
}
.ow-lg .pic-1{
    max-width: 105px;
    margin: 0 auto 15px auto;
    display: block;
}
.ow-lg .ti-pr {
    font-size: 13px;
    padding: 0 10px;
    line-height: 21px;
}
.ow-lg .btn-sell {
    width: 148px;
}
.ow-lg .p-1 {
    font-size: 12px;
}
.bx-br-shop .owl-nav {
    top: 63px!important;
}
.ow-lg{
    margin-top:30px;
}
.btn-add-sbd:hover,.dlt-bx:hover{
    color:#d60644
}
.tx-pfr h4 {
    font-size: 16px;
    font-weight: bold;
    position: relative;
    top: -10px;
    text-align: right;
}
.tx-pfr .t-num {
    font-size: 13px;
    color: #555555;
    text-align: right;
}


/******************Start ResetPassword********************/
  .ms_loading_Menu {
   position: absolute;
    top: 0px;
    height: 100%;
    left: 0px;
    width: 100%;
    background: hsl(0deg 0% 100%);
    background-image: url(/css/img/loading.gif);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 9;
}
.ltr{
    direction:ltr;
}
.form-psw {
    margin: 30px auto;
    max-width: 480px;
 
    border-radius: 5px;
    padding: 40px;
}
.btn-sbt-psw {
    width: 150px;
    margin: 30px auto 20px auto;
    display: block;
    text-align: center;
         background: #6e9eff;
    color: #fff;
    border-radius: 5px;
    padding: 8px 0;    border: none;
    font-size: 14px;
}
.btn-sbt-psw:hover{
      background: #ffae00;
}
.lable-nd {
    width: 30%;
    float: right;
    font-size: 15px;
    text-align: right;
    padding-top: 15px;
}.tx-input {
    width: 70%;
    border: 1px solid #eee;
    float: right;
    background-color: #f8f8f8;
    padding: 10px 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    direction: rtl;
}
 .ms-bx-frm1{
     padding: 10px;
    font-size: 12px;
    border-radius: 8px;
 }
/******************End ResetPassword********************/
/*********************Update Info Start******************/
.br-bx {
    border: 1px solid #eee;
    padding: 0px;
}
.br-bx h3 {
    color: #81858b;
    font-size: 13px;
    padding: 8px 0;
    text-align: right;
}
.br-bx input {
      color: #151515;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 0;
    text-align: right;
    width: 100%;
    border: none;
}
.p-ads textarea {
  font-size: 13px;
    direction: rtl;
    padding:0px 15px;
    line-height: 29px;
    width: 100%;
    border: none;    min-height: 102px;
}
.p-bld {
    font-weight: bold;
}
.p-th {
    padding: 0 16px 15px 0;
}
.info-tx {
    direction: rtl;
    font-size: 14px;
    direction: rtl;
    padding: 20px 15px;
}.edit-p {
    float: right;
}
.btn-edit {
    float: left;
    background-color: #d60644;
    padding: 8px 15px;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;border:none;
    margin: 10px 0 0px 16px;
}
/********************Update Info End********************/
/******************* My Invoice Start *******************/
/*My Invoice Start*/
.table-bx-br .nav-tabs>li {
    float: right;

}
.empty-order-mg{
    margin:70px auto 20px auto;
    display:block;
    width:200px;
}
.empty-order-tx{
    color:#000;
    font-size:14px;
    padding-bottom:70px;
    text-align:center;
}

.table-bx-br .nav-tabs>li.active>a,.table-bx-br .nav-tabs>li.active>a:focus,.table-bx-br .nav-tabs>li.active>a:hover{
    border:none;
    color:#d60644!important;
    font-weight:bold;
}

.table-bx-br .nav-tabs>li a{
    color:#000;
}
.table-bx-br .nav-tabs>li.active>a:before{
    background-color: #d60644;
    width: 81%;
    height: 3px;
    content: "";
    left: 12px;
    bottom: -2px;
    position: absolute;
}
.ti-check .fa{
    color:#28bd0a;
    font-size:22px;
    position:relative;
    top:5px;
}
.ti-check{
    font-size:15px;
    padding:15px 15px 15px 0;
    text-align:right;
    font-weight:bold;
    color:#000;
}
.ti-checkUn .fa{
    color:#f44336;
    font-size:22px;
    position:relative;
    top:5px;
}
.ti-checkUn{
    font-size:15px;
    padding:15px 15px 15px 0;
    text-align:right;
    font-weight:bold;
    color:#000;
}
.br-bx-order{
    border:1px solid #e0e0e2;
    border-radius:5px;
    margin:10px 20px;
}
.p-pn-txt{
    float:right;
    margin-right:20px;
    font-size:13px;
    color:#a9a9a9;
    display:flex;
    direction:rtl;
}
.nm-flex{
    padding-right:5px;
    color:#000;
}
.dv-sfr-story bx-shp-nm{
    padding:30px 0;
}
.see-fact{
     padding: 0px 15px 10px 15px;
    direction: rtl;
    text-align: left;
    color: #19bfd3;
    display:inline-block;
    font-size: 13px;

}
.dv-sfr-story{
    margin-bottom:15px;
}
/******************** My Invoice End********************/



  ul.tsc_pagination {
    margin: 4px 0;
    padding: 0px;
    overflow: hidden;
    font-size: 12px;
    list-style-type: none;
    direction: ltr;
    width: 100%;
}
 ul.tsc_pagination li {
    float: left;
    margin: 1px 0px;
    padding: 0px;
  
   width: 35px !important;
    height: 36px;
    clear: none;
}ul.tsc_pagination li:first-child {
    margin-left: 0px;
}ul.tsc_paginationB10 li a {
    background: #ffffff;
    color: #666666;
    padding: 0;
    display: inline-block;
    border: 2px solid #e9e9e9;
    height: 32px;
    width: 32px;
    line-height: 31px;
    text-align: center;
    -webkit-box-shadow: inset 0 0 6px 2px #ffffff;
    box-shadow: inset 0 0 6px 2px #ffffff;
    border-radius: 50%;
}ul.tsc_paginationB10 li a:hover, ul.tsc_paginationB10 li a.current {
    background: #ffffff;
    color: #666666;
    padding: 0;
    display: inline-block;
    border-bottom: 2px solid #ed1b24;
    height: 32px;
    width: 32px;
  
    text-align: center;
    -webkit-box-shadow: inset 0 0 6px 2px #ffffff;
    box-shadow: inset 0 0 6px 2px #ffffff;
    border-radius: 50%;
}
 .ms-box-cmt {
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
    margin-bottom: 9px;
    clear: both;
    float: right;
    width: 100%;
    border-radius: 13px;
    background: #eeeeee59;
    padding: 10px 0px;
    line-height: 30px;overflow:hidden;
}.ms-box-cmtDe {
 box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
    margin-bottom: 9px;
    clear: both;
    float: right;
    width: 98%;
    border-radius: 13px;
    background: #eeeeee38;
    padding: 6px 0px;
    line-height: 22px;
    overflow: hidden;
    margin: 1%;
    font-size: 12px;
}
 .ms-box-title{
     font-size: 15px;
    font-weight: bold;
    padding: 15px 15px 15px 15px;
    text-align: right;
    color: #000;
    direction: rtl;
    border: 1px solid #eee;
    border-radius: 13px;
    margin: 10px 0px;
 }
 .ms_font_title {
  font-weight: bold;
  color: #2196F3;direction: rtl;
}.ms-succse{
        background: #009688;
    color: #fff;
    border-radius: 13px;
    direction: rtl;
    padding: 15px 20px;
    margin-bottom: 10px;
}
.ms-error{
    background: #F44336;
    color: #fff;
    border-radius: 13px;
    direction: rtl;
    padding: 15px 20px;
    margin-bottom: 10px;
}
.btn_search{
        border-radius: 25px;
    border: none;
    background:linear-gradient(to bottom, rgb(19 80 103) 0%, rgb(6 47 64) 0%, rgb(1 36 52) 43%, rgb(4 64 88) 100%);
    color: #fff;
    padding: 6px 18px;
}.btn_search:hover {
    color: #80c430;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.ms_felxRow{
        display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: stretch;
}
.ms_pic_frame{
        width: 100%;
    height: 0;
    padding-bottom: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    margin-top: 12px;
    margin-bottom: 12px;
}
.ms_pic_frame img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    object-fit: cover;
    box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0;
    border-radius: 11px;left: 0px;
    right: 0px;
    margin: 0px auto;
}.showhidepassword{
        position: absolute;
    left: 10px;
    top: 8px;
    z-index: 9;
    font-size: 19px;
    color: #878787;
}
 .input-groupfile {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
 .custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin-bottom: 10px;
}
 .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
 .input-group > .custom-file {
  display: flex;
  align-items: center;
}
 .custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin: 0;
  opacity: 0;
}.custom-file-label {
position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(3rem + 2px);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 11px;font-weight: normal;
    box-shadow: inset 0 0 0 transparent;
}
 .custom-file-label::after {
position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(calc(3rem + 2px) - 1px* 2);
    padding: .375rem .75rem;
    line-height: 1.9;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: 1px solid #ced4da;
   border-radius: 11px 0 0 11px;
}
 .custom-file-label::after {
    left: 0;
    right: auto;
    border-right: 1px solid #ced4da;
    border-radius: 11px 0 0 11px;
}
 .custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "انتخاب فایل";
}
   .ms_grid_box1 {
            overflow: hidden;
            flex: 0 0 50%;
            padding: 0px 6px;
            max-width: 100%;
            position: relative;
            margin-bottom: 13px;
        }

        .cFmyPq {
            border-radius: 12px;
            overflow: hidden;
            margin: 6px 0px 10px;
            height: 210px;
        }

        .gA-DVkz {
            display: flex;
            -webkit-box-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            align-items: center;
            outline: none;
            width: 100%;
            white-space: nowrap;
            border-style: dashed;
            border-width: 8px;
            border-color: rgb(0, 123, 255);
            color: rgb(217, 32, 50);
            font-weight: bold;
            cursor: pointer;
            padding: 0px;
            position: relative;
            background-color: rgb(252, 243, 246);
        }

            .gA-DVkz::before {
                inset: -7px;
                background-color: rgb(252, 243, 246);
            }

        .cFmyPq .msbutton::before {
            content: "";
            position: absolute;
            width: calc(100% + 14px);
            height: calc(100% + 14px);
            z-index: 5;
            border-radius: 12px;
            opacity: 1;
        }

        .ms_personal_image {
            width: 100%;
            max-width: 100%;
            height: 100%;
            /*object-fit: cover;*/
            z-index: 9;
            border-radius: 11px;
        }

        .ms_grid_icon {
            position: absolute;
            top: 12px;
            right: 12px;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: center;
            justify-content: center;
        }

        .ms_grid_icon {
            z-index: 99;
        }

            .ms_grid_icon span {
                height: 36px;
                border-radius: 5px;
                background: #fff;
                text-align: center;
                color: gray;
                box-shadow: 0 5px 11px 0 rgb(75 75 75 / 38%);
                min-width: 36px;
                display: inline-block;
                margin-left: 5px;
                cursor: pointer;
                line-height: 36px;
                padding: 1px 7px;
                font-size: 13px;
            }

                .ms_grid_icon span i {
                    line-height: 32px;
                }

        .cFmyPq .msbutton {
            height: 100%;
            border-radius: 12px;
            font-size: 14px;
            font-weight: 300;
            position: relative;
            border-width: 8px;
            background-size: cover;
            flex-direction: column;
        }
         .main_visit_row {
            background-color: rgb(255, 255, 255);
            box-shadow: rgba(0, 0, 0, 0.26) 0px 1px 8px 0px;
            border-radius: 13px;
            overflow: hidden;
            margin-bottom: 20px;
            direction: rtl;
            position: relative;
        }

        .frow {
            padding:25px 35px 15px;
            position: relative;
            display: flex;
            flex-direction: row;
            -webkit-box-pack: justify;
            justify-content: flex-start;
            -webkit-box-align: center;
            align-items: center;
            flex-wrap: nowrap;
            align-content: center;
            width: 100%;
            position: relative;
        }

        .ms_iconDr {
               border: 4px solid rgb(201 226 235);
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    width: 90px;
    margin: 0px 10px;
    display: block;
    height: 90px;
    margin-bottom: 10px;
        }

        .ms_titleDr {
            color: rgb(57, 73, 89);
            font-weight: bold;
            font-size: 15px;
            padding-bottom: 10px;
        }

        .ms_subtitle {
            color: #9E9E9E;
            font-weight: bold;
        }

        .ms_reqlst {
            flex-direction: row;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            justify-content: flex-start;
            padding: 0px 33px;
            display: flex;flex-wrap: wrap;
            width: 100%;
        }

        .ms_commentBtn {
            color: rgb(34, 175, 72);
            background-color: transparent;
            border: 1px solid rgb(34, 175, 72);
            padding: 3px 10px;
            border-radius: 15px;
            cursor: pointer;
            position: absolute;
            left: 15px;
        }

            .ms_commentBtn:hover {
                background-color: rgb(34, 175, 72);
                color: rgb(248, 249, 250);
                transform: translateY(1px);
                border: 1px solid rgb(34, 175, 72);
            }

            .ms_startchat {
    color: rgb(45 153 191);
    background-color: transparent;
    border: 1px solid rgb(45 153 191);
    padding: 3px 10px;
    border-radius: 15px;
    cursor: pointer;
}

             .ms_startchat:hover {
                background-color:rgb(45 153 191);
                color: rgb(248, 249, 250);
                transform: translateY(1px);
                border: 1px solid rgb(45 153 191);
            }
             .ms_cancel {
    color: #FF5722;
    background-color: transparent;
    border: 1px solid #FF5722;
    padding: 3px 10px;
    border-radius: 15px;
    cursor: pointer;
} .ms_cancel:hover {
   
      background-color:#FF5722;
       color: rgb(248, 249, 250);
                transform: translateY(1px);
    border: 1px solid #FF5722;

}
             a.ms_deltBtn{
                color: #E91E63 !important;
    background-color: transparent;
    border: 1px solid #E91E63;
    padding: 3px 22px;
    border-radius: 15px;
    font-size: 12px;
    line-height: 26px;
            } a.ms_deltBtn:hover {
                background-color: #E91E63;
                color: #fff !important;
                transform: translateY(1px);
                border: 1px solid #E91E63;
            }
        .ms_moreInfoDr {
            display: flex;
            justify-content: space-between;
            width: 100%;
            background: #eeeeee;
            padding: 10px 24px;
            flex-direction: row-reverse;
            color: #000;
            text-decoration: none;
        }
        .accordionDr {
            position: relative;
            padding-bottom: 60px;
        }
        .ms_mordt {
            position: absolute;
            width: 100%;
            bottom: 0px;
        }
        .ms_ddDr {
            border-top: 2px dashed rgb(204, 204, 204);
            width: 100%;
            margin: 0px;
            margin-top: 15px;
            padding: 15px 60px 0px;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-content: center;
            justify-content: flex-start;
            align-items: center;
            line-height: 32px;
        }
            .ms_ddDr > div, .ms_reqlst > div{
               width: 50%;
    line-height: 29px;
            }
        dl {
            margin-top: 0;
            margin-bottom: 0;
        }

        .msnocheck-font{
                color: #FF9800;
    font-weight: bold;
        }
        .mscheck-font{
                color: #80c430;
    font-weight: bold;
        }.mscancel-font {
    color: #E91E63;
    font-weight: bold;
}

/**************Chat Start***********/
.ms_chat_fm{
  background-color: #f7f7f7;
    margin: 12px 0px 0px;
    border-radius: 6px;
    height: 406px;
    position: relative;
}
        .page_chat {
            direction: rtl;
          
            position: relative;
            height: 300px;
            overflow: hidden;
            overflow-y: scroll;
            scrollbar-color: #cccccc transparent;
            scrollbar-width: thin;
            padding-left: 10px;
          
        }
        .ms-relative {
            position: relative;
            padding-bottom: 0px;
            min-height: 300px;
        }
        .ms-doc-cmt {
            position: relative;
            
            padding: 0px 10px;
        }

        .ms-Dr-pm {
             float: left;
    direction: ltr;
    border: 0px solid #fafafa;
    background: #e1e5e6;
    border-radius: 27px;
    padding: 7px 10px 10px 14px;
    text-align: right;
    line-height: 30px;
    font-size: 14px;
    position: relative;
    letter-spacing: -0.5px;
    color: #000000;
    word-break: break-all;margin: 5px;
        }

            .ms-Dr-pm:after {
                  content: "";
    display: block;
    position: absolute;
    bottom: -8px;
    left: -4px;
    transform: translate(5%, -13px);
    color: inherit;
    border-width: 7px 9px 25px;
    border-top-style: solid;
    border-top-color: rgb(18 20 20 / 0%);
    border-right-style: solid;
    border-right-color: #009bc100;
    border-bottom-style: solid;
    border-bottom-color: #e1e5e6;
    border-left-style: solid;
    border-left-color: #e1e5e600;
            }

        .ms-icn-Dr {
            width: 28px;
            height: 33px;
            float: left;
            font-size: 28px;
            color: #1ab6f1;
            margin-top: -4px;
            text-align: left;
            margin-left: 10px;
        }

        .ms-icn-Dr-c {
            width: 28px;
            height: 33px;
            float: left;
            font-size: 28px;
            color: #c0c0c0;
            margin-top: -4px;
            text-align: left;
            margin-left: 10px;
        }

        .ms-Dr-icdl {
           display: block;
    font-size: 12px;
    letter-spacing: -0.5px;
    float: right;
    color: #f4f4f4;
    direction: rtl;
        }

        .ms-usr-cmt {
            position: relative;
            margin: 5px;
            padding: 5px 10px;
        }

        .ms-user-pm {
                float: right;
    direction: rtl;
    border: 1px solid #fafafa;
    background: #51a4e0;
    border-radius: 27px;
    padding: 7px 10px 10px 14px;
    text-align: right;
    line-height: 21px;
    font-size: 13px;
    position: relative;
    letter-spacing: -0.5px;
    color: #fff;
    word-break: break-all;
    min-width: 94px;
        }

            .ms-user-pm:after {
               content: "";
    display: block;
    position: absolute;
   bottom: -8px;
    right: -4px;
    transform: translate(5%, -13px);
    color: inherit;
    border-width: 6px 9px 25px;
    border-top-style: solid;
    border-top-color: rgb(18 20 20 / 0%);
    border-right-style: solid;
    border-right-color: #009bc100;
    border-bottom-style: solid;
    border-bottom-color: #51a4e0;
    border-left-style: solid;
    border-left-color: #e1e5e600;
            }

        .ms-icn-user {
            width: 28px;
            height: 33px;
            float: right;
            font-size: 28px;
            color: #c0c0c0;
            margin-top: -4px;
            text-align: right;
            margin-right: 3px;
        }

        .ms-icn-user-c {
            width: 28px;
            height: 33px;
            float: right;
            font-size: 28px;
            color: #1ab6f1;
            margin-top: -4px;
            text-align: right;
            margin-right: 3px;
        }

        .ms-send-cmt {
            position: relative;
            width: 100%;
          
        }

            .ms-send-cmt textarea {
                height: 100px;
                width: 100%;
                border: 1px solid #fff;
                padding-top: 10px;
                padding-right: 10px;
                font-size: 13px;
                padding-left: 125px;
                text-align: right;
                line-height: 23px;
                direction: rtl;
            }

            .ms-send-cmt input[type=submit], .ms-send-cmt .sendbtn {
                position: absolute;
                left: 0px;
                width: 60px;
                height: 100px;
                cursor: pointer;
                top: 0px;
                background: #fafafa url(/css/img/send.png) no-repeat center;
                border: none;
            }

            .ms-send-cmt .fileinputs {
                position: absolute;
                left: 60px;
                top: 0px;
            }

        .ms-left {
            float: left;
        }

        .ms-send-cmt .fakefile {
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: 1;
        }

            .ms-send-cmt .fakefile img {
                width: 45px;
                margin-top: 29px;
                margin-left: 15px;
            }

        .ms-send-cmt input[type=file] {
            position: relative;
            text-align: right;
            -moz-opacity: 0;
            filter: alpha(opacity: 0);
            opacity: 0;
            z-index: 2;
            background: #eee;
            left: 0px;
            top: 0px;
            width: 85px;
            height: 100px;
        }

        .ms-checkDr {
              position: absolute;
    left: 13px;
    bottom: 4px;
    width: 23px;
    background: url(/css/img/see.png) no-repeat;
    height: 15px;
        }

        .ms-NotcheckDr {
            position: absolute;
           left: 13px;
    bottom: 4px;
    width: 23px;
            background: url(/css/img/Notsee.png) no-repeat;
           height: 15px;
        }
        
      .ms-checkUser {
            position: absolute;
            left: 25px;
            bottom: 7px;
            width: 37px;
            background: url(/css/img/see.png) no-repeat;
            height: 16px;
        }

        .ms-NotcheckUser {
            position: absolute;
            left: 25px;
            bottom: 7px;
            width: 37px;
            background: url(/css/img/Notsee.png) no-repeat;
            height: 16px;
        }

        .msclode {
            position: absolute;
            z-index: 99;
            left: 0;
            background: #fff url(/css/img/del.png) no-repeat center;
            width: 23px;
            border: none;
            top: 0px;
            background-size: 11px;
            border-radius: 50%;
        }

        .ms-pd5 {
            padding: 0px 5px;
        }

        .ms-bx-info {
            float: none;
            width: 100%;
            margin: 0 auto;
            max-width: 375px;
            text-align: center;
            padding: 0;
            overflow: hidden;
        }

        .ms-Info-v-image {
            -ms-border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            border: 2px solid #fff;
            -ms-box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
            -moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
            -webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
            box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
            width: 50px;
            height: 50px;
            position: relative;
            float: right;
            margin: 11px 46px 10px 10px;
            display: block;
        }

            .ms-Info-v-image img {
                width: 100%;
                height: 100%;
                border-radius: 50%;
            }

        .mschat-Info-comment {
            box-shadow: 0 2px 5px 0 rgb(0 0 0 / 6%);
            margin: 0 0 .5rem 0;
            -ms-border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            background-color: #fff;
            border-top-left-radius: 0;
            text-align: right;
            font-size: 13px;
            font-weight: 400;
            float: left;
            width: 94%;
            padding: 12px .9rem 0px .9rem;
            color: #000;
            line-height: 26px;
        }

        .ms-dr-name {
            cursor: pointer;
            font-size: 15px;
            font-weight: 700;
            line-height: 1.47;
            color: #065482;
            margin-top: 24px;
            float: right;
            margin-bottom: .1rem;
            display: block;
        }

        .ms-sptime {
            display: inline-block;
            float: left;
            width: calc(100% - 16px);
            font-size: 11px;
            font-weight: 300;
            color: #8b8b8b;
            margin: 0;
        }

        .ms-info-endChat {
         background: #fff;
    padding: 18px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    border-radius: 0px 0px 10px 10px;
    direction: rtl;
        }

        .ms-info-rateComment {
            border: 1px solid rgb(241 70 107);
            height: 37px;
            border-radius: 9px;
            display: block;
            max-width: 350px;
            margin: 11px auto 0px;
            color: #f1466b;
            line-height: 33px;
            animation: pulse-icon-color-main 3.5s infinite;
            box-shadow: 0 0 0 0 rgb(241 70 107 / 15%), 0 0 0 0 rgb(241 70 107 / 30%);
            letter-spacing: -0.5px;
        }

            .ms-info-rateComment:hover {
                background-color: #e22551;
                color: #fff;
            }

        .ms-pic-dr img[title]:after {
            position: absolute;
            top: 0;
            left: 0;
            right: 0px;
            bottom: 0;
            font-weight: 300;
            color: transparent;
            text-align: center;
            content: attr(title);
            background: #fff url(/css/img/images.png) no-repeat 50% center;
            width: 100%;
            height: 75px;
            background-size: 100%;
            border-radius: 7px;
            box-shadow: rgb(146 146 146) 0px 1px 10px 0px;
        }

        .ms-Info-v-image img[alt]:after {
            position: absolute;
            top: 0;
            left: 0;
            right: 0px;
            bottom: 0;
            font-weight: 300;
            color: transparent;
            text-align: center;
            content: attr(title);
            background: #fff url(/css/img/images.png) no-repeat 50% center;
            width: 50px;
            height: 50px;
            background-size: 100%;
            -ms-border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            box-shadow: rgb(146 146 146) 0px 1px 10px 0px;
        }
        /*********************chat End********************/

        .ms_box_mt{
            text-align: center;
    margin: 10px auto;
    padding: 12px;
    box-shadow: rgba(0, 0, 0, 0.26) 0px 1px 8px 0px;
    border-radius: 11px;
    background-color: rgb(248, 249, 250);
    color: rgb(57, 73, 89);
    font-weight: bold;    font-size: 20px;
        }

        .ms_composse{
                padding: 7px 0;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.26) 0px 1px 8px 0px;
    border-radius: 100%;
    display: block;
    width: 65px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    left: 15px;
    bottom: 0px;
        }
        .ms_list_message{
      display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dashed #eee;
    padding-bottom: 8px;
    margin-bottom: 8px;
    font-weight: bold;
    width: 95%;
    color: #000;padding-left: 40px;
        }
        .ms_list_message> span:first-child{
                width: 3%;color: #2196F3;
        }
        .ms_list_message > span:nth-child(2){
            width: 30%;    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: unset;
        }
        .ms_list_message > span:nth-child(3){
            width: 45%;    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: unset;
        }
        .ms_list_message> span:nth-child(4){
            width: 15%;
        }
         .ms_list_messagedelete{
           width: 5%;
      position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    font-size: 20px;
        }
            .ms_list_messagedelete a{  color: red;cursor:pointer;
            }
.ms_list_message.IsRead {font-weight: normal;    color: #808080;
}
  .ms_list_message.IsRead> span:first-child{
                width: 3%;color: #fff;
        }
  .pf-b50{padding-bottom: 50px;}
  .nav-pills_over {
    border-bottom: 2px solid #ddd;
    
    margin: 10px auto;
    padding: 12px 12px 6px;
    box-shadow: rgba(0, 0, 0, 0.26) 0px 0px 8px 0px;
    border-radius: 11px;
    background-color: rgb(255 255 255);
    color: rgb(57, 73, 89);
    font-weight: bold;margin-top: 0px;
}
  .ms_bx_listpm{
        background: #fafafa;
    padding-top: 15px;
    border-radius: 11px;
    box-shadow: rgba(0, 0, 0, 0.26) 0px 0px 8px 0px;
    padding-bottom: 40px;
    direction: rtl;
  }
  .ms_listbx{
      background: #fff;
    padding: 10px 10px 0px;
    margin: 15px 15px;
    border-radius: 6px;
    line-height: 28px;
  }
  .btn_search_msg{
      width: 67px;
    padding: 8px 5px;
    height: 34px;
    position: absolute;
    text-align: center;
    border: none;
    background: linear-gradient(to bottom, rgba(48, 150, 185, 1) 0%, rgba(48, 149, 184, 1) 0%, rgba(33, 131, 166, 1) 43%, rgba(9, 104, 138, 1) 100%);
    left: 16px;
    top: 0px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
  }
  .ms_ovp{
          padding-right: 35px;
    padding-left: 35px;
    line-height: 35px;
  }
  .ms_flex_row{
          display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
  }
  .ms_dt_message{
      direction: ltr;
    color: #9E9E9E;
    font-size: 12px;
  }
  .ms_br_message{
          width: 100%;
    border-top: 1px dashed #e2e2e2;
    padding-top: 10px;
    margin-top: 10px;
  }
      .ms_baner_comment {
                background: url(/css/img/baner2.jpg);
                padding:12px 15px 7px;
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                justify-content:flex-start;
                align-items: center;
                align-content: center;
                color: #fff;
                background-size: cover !important;
                position: relative;
                background-position: center center !important;
                width: 100% !important;
                background-repeat: no-repeat !important;
                border-radius: 11px 11px 0px 0px;
                text-align: right;
                direction: rtl;
                line-height: 29px;
                font-size: 13px;
                font-weight: normal;background: #183884;
            }

            .ms_brr0011 {
                border-radius: 0px 0px 11px 11px;
            }

            .ms_txt_sub {
                font-size: 12px;
                color: rgb(102, 112, 133);
                font-weight: 400;
                line-height: 22px;
                margin-bottom: 15px;
            }

            .ms_brb {
                border-bottom: 1px dashed #7e86b6;
                  padding-bottom: 5px;
    margin-bottom: 11px;
            }

            .rate, .ms-rate {
                 height: 70px;
            }

                .rate:not(:checked) > input {
                    position: absolute;
                    top: -9999px;    visibility: hidden;
                }

                .rate:not(:checked) > label {
                       float: right;
    width: 1.7em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 24px;
    color: #ccc;
    line-height: 30px;
    text-align: left;
    direction: ltr;
    padding-bottom: 18px;
    padding-top: 0px;
    margin: 0px 7px;
    position: relative;
                }
                .rate:not(:checked) > label span {
                  position: absolute;
    z-index: 99999;
    top: 37px;
    text-align: center;
    color: #79aafe;
    margin: 0px auto;
    left: 0px;
    right: 0px;
    font-size: 9px;
                }
                    .rate:not(:checked) > label:before {
                        /*content: '★ ';*/
                        content: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 30' fill='none' xmlns='http://www.w3.org/2000/svg' class='sc-26a1d0d0-0 sc-2e9ead5d-0 uakja aEbMl'%3E%3Cmask id='new-star_svg__a' maskUnits='userSpaceOnUse' x='0' y='0' width='32' height='30' style='mask-type: alpha;'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.84 1.962l3.046 6.084a2.047 2.047 0 001.543 1.108l6.813.98c1.684.243 2.354 2.284 1.135 3.452l-4.927 4.735a2.005 2.005 0 00-.59 1.792l1.163 6.683c.286 1.654-1.473 2.915-2.978 2.133l-6.09-3.158a2.08 2.08 0 00-1.91 0l-6.09 3.158c-1.505.782-3.264-.48-2.976-2.133l1.16-6.683a2.005 2.005 0 00-.59-1.792l-4.926-4.735c-1.218-1.168-.549-3.209 1.135-3.452l6.813-.98a2.05 2.05 0 001.545-1.108l3.044-6.084c.753-1.505 2.927-1.505 3.68 0z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/mask%3E%3Cg mask='url(%23new-star_svg__a)'%3E%3Cpath clip-rule='evenodd' d='M17.84 1.962l3.046 6.084a2.047 2.047 0 001.543 1.108l6.813.98c1.684.243 2.354 2.284 1.135 3.452l-4.927 4.735a2.005 2.005 0 00-.59 1.792l1.163 6.683c.286 1.654-1.473 2.915-2.978 2.133l-6.09-3.158a2.08 2.08 0 00-1.91 0l-6.09 3.158c-1.505.782-3.264-.48-2.976-2.133l1.16-6.683a2.005 2.005 0 00-.59-1.792l-4.926-4.735c-1.218-1.168-.549-3.209 1.135-3.452l6.813-.98a2.05 2.05 0 001.545-1.108l3.044-6.084c.753-1.505 2.927-1.505 3.68 0z' stroke='%23679FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
                        
                    }

                .rate > input:checked ~ label {
                    color: #ffc700;
                    content: url("data:image/svg+xml, %3Csvg viewBox='0 0 32 30' fill='%23FFC107' xmlns='http://www.w3.org/2000/svg' class='sc-26a1d0d0-0 sc-2e9ead5d-0 uakja aEbMl'%3E%3Cmask id='new-star_svg__a' maskUnits='userSpaceOnUse' x='0' y='0' width='32' height='30' style='mask-type: alpha;'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.84 1.962l3.046 6.084a2.047 2.047 0 001.543 1.108l6.813.98c1.684.243 2.354 2.284 1.135 3.452l-4.927 4.735a2.005 2.005 0 00-.59 1.792l1.163 6.683c.286 1.654-1.473 2.915-2.978 2.133l-6.09-3.158a2.08 2.08 0 00-1.91 0l-6.09 3.158c-1.505.782-3.264-.48-2.976-2.133l1.16-6.683a2.005 2.005 0 00-.59-1.792l-4.926-4.735c-1.218-1.168-.549-3.209 1.135-3.452l6.813-.98a2.05 2.05 0 001.545-1.108l3.044-6.084c.753-1.505 2.927-1.505 3.68 0z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/mask%3E%3Cg mask='url(%23new-star_svg__a)'%3E%3Cpath clip-rule='evenodd' d='M17.84 1.962l3.046 6.084a2.047 2.047 0 001.543 1.108l6.813.98c1.684.243 2.354 2.284 1.135 3.452l-4.927 4.735a2.005 2.005 0 00-.59 1.792l1.163 6.683c.286 1.654-1.473 2.915-2.978 2.133l-6.09-3.158a2.08 2.08 0 00-1.91 0l-6.09 3.158c-1.505.782-3.264-.48-2.976-2.133l1.16-6.683a2.005 2.005 0 00-.59-1.792l-4.926-4.735c-1.218-1.168-.549-3.209 1.135-3.452l6.813-.98a2.05 2.05 0 001.545-1.108l3.044-6.084c.753-1.505 2.927-1.505 3.68 0z' stroke='%23FFC107' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
                }

                .rate:not(:checked) > label:hover,
                .rate:not(:checked) > label:hover ~ label {
                    color: #deb217;
                    content: url("data:image/svg+xml, %3Csvg viewBox='0 0 32 30' fill='%23FFC107' xmlns='http://www.w3.org/2000/svg' class='sc-26a1d0d0-0 sc-2e9ead5d-0 uakja aEbMl'%3E%3Cmask id='new-star_svg__a' maskUnits='userSpaceOnUse' x='0' y='0' width='32' height='30' style='mask-type: alpha;'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.84 1.962l3.046 6.084a2.047 2.047 0 001.543 1.108l6.813.98c1.684.243 2.354 2.284 1.135 3.452l-4.927 4.735a2.005 2.005 0 00-.59 1.792l1.163 6.683c.286 1.654-1.473 2.915-2.978 2.133l-6.09-3.158a2.08 2.08 0 00-1.91 0l-6.09 3.158c-1.505.782-3.264-.48-2.976-2.133l1.16-6.683a2.005 2.005 0 00-.59-1.792l-4.926-4.735c-1.218-1.168-.549-3.209 1.135-3.452l6.813-.98a2.05 2.05 0 001.545-1.108l3.044-6.084c.753-1.505 2.927-1.505 3.68 0z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/mask%3E%3Cg mask='url(%23new-star_svg__a)'%3E%3Cpath clip-rule='evenodd' d='M17.84 1.962l3.046 6.084a2.047 2.047 0 001.543 1.108l6.813.98c1.684.243 2.354 2.284 1.135 3.452l-4.927 4.735a2.005 2.005 0 00-.59 1.792l1.163 6.683c.286 1.654-1.473 2.915-2.978 2.133l-6.09-3.158a2.08 2.08 0 00-1.91 0l-6.09 3.158c-1.505.782-3.264-.48-2.976-2.133l1.16-6.683a2.005 2.005 0 00-.59-1.792l-4.926-4.735c-1.218-1.168-.549-3.209 1.135-3.452l6.813-.98a2.05 2.05 0 001.545-1.108l3.044-6.084c.753-1.505 2.927-1.505 3.68 0z' stroke='%23FFC107' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
                }

                .rate > input:checked + label:hover,
                .rate > input:checked + label:hover ~ label,
                .rate > input:checked ~ label:hover,
                .rate > input:checked ~ label:hover ~ label,
                .rate > label:hover ~ input:checked ~ label {
                    color: #c59b08;
                    content: url("data:image/svg+xml, %3Csvg viewBox='0 0 32 30' fill='%23FFC107' xmlns='http://www.w3.org/2000/svg' class='sc-26a1d0d0-0 sc-2e9ead5d-0 uakja aEbMl'%3E%3Cmask id='new-star_svg__a' maskUnits='userSpaceOnUse' x='0' y='0' width='32' height='30' style='mask-type: alpha;'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.84 1.962l3.046 6.084a2.047 2.047 0 001.543 1.108l6.813.98c1.684.243 2.354 2.284 1.135 3.452l-4.927 4.735a2.005 2.005 0 00-.59 1.792l1.163 6.683c.286 1.654-1.473 2.915-2.978 2.133l-6.09-3.158a2.08 2.08 0 00-1.91 0l-6.09 3.158c-1.505.782-3.264-.48-2.976-2.133l1.16-6.683a2.005 2.005 0 00-.59-1.792l-4.926-4.735c-1.218-1.168-.549-3.209 1.135-3.452l6.813-.98a2.05 2.05 0 001.545-1.108l3.044-6.084c.753-1.505 2.927-1.505 3.68 0z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/mask%3E%3Cg mask='url(%23new-star_svg__a)'%3E%3Cpath clip-rule='evenodd' d='M17.84 1.962l3.046 6.084a2.047 2.047 0 001.543 1.108l6.813.98c1.684.243 2.354 2.284 1.135 3.452l-4.927 4.735a2.005 2.005 0 00-.59 1.792l1.163 6.683c.286 1.654-1.473 2.915-2.978 2.133l-6.09-3.158a2.08 2.08 0 00-1.91 0l-6.09 3.158c-1.505.782-3.264-.48-2.976-2.133l1.16-6.683a2.005 2.005 0 00-.59-1.792l-4.926-4.735c-1.218-1.168-.549-3.209 1.135-3.452l6.813-.98a2.05 2.05 0 001.545-1.108l3.044-6.084c.753-1.505 2.927-1.505 3.68 0z' stroke='%23FFC107' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
                }

                .ms-rate:not(:checked) label:hover,
                .ms-rate:not(:checked) label:hover ~ label {
                    color: #deb217;
                    content: url("data:image/svg+xml, %3Csvg viewBox='0 0 32 30' fill='%23FFC107' xmlns='http://www.w3.org/2000/svg' class='sc-26a1d0d0-0 sc-2e9ead5d-0 uakja aEbMl'%3E%3Cmask id='new-star_svg__a' maskUnits='userSpaceOnUse' x='0' y='0' width='32' height='30' style='mask-type: alpha;'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.84 1.962l3.046 6.084a2.047 2.047 0 001.543 1.108l6.813.98c1.684.243 2.354 2.284 1.135 3.452l-4.927 4.735a2.005 2.005 0 00-.59 1.792l1.163 6.683c.286 1.654-1.473 2.915-2.978 2.133l-6.09-3.158a2.08 2.08 0 00-1.91 0l-6.09 3.158c-1.505.782-3.264-.48-2.976-2.133l1.16-6.683a2.005 2.005 0 00-.59-1.792l-4.926-4.735c-1.218-1.168-.549-3.209 1.135-3.452l6.813-.98a2.05 2.05 0 001.545-1.108l3.044-6.084c.753-1.505 2.927-1.505 3.68 0z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/mask%3E%3Cg mask='url(%23new-star_svg__a)'%3E%3Cpath clip-rule='evenodd' d='M17.84 1.962l3.046 6.084a2.047 2.047 0 001.543 1.108l6.813.98c1.684.243 2.354 2.284 1.135 3.452l-4.927 4.735a2.005 2.005 0 00-.59 1.792l1.163 6.683c.286 1.654-1.473 2.915-2.978 2.133l-6.09-3.158a2.08 2.08 0 00-1.91 0l-6.09 3.158c-1.505.782-3.264-.48-2.976-2.133l1.16-6.683a2.005 2.005 0 00-.59-1.792l-4.926-4.735c-1.218-1.168-.549-3.209 1.135-3.452l6.813-.98a2.05 2.05 0 001.545-1.108l3.044-6.084c.753-1.505 2.927-1.505 3.68 0z' stroke='%23FFC107' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
                }

                .ms-rate input[type=radio]:checked + label:hover,
                .ms-rate input[type=radio]:checked + label:hover ~ label,
                .ms-rate input[type=radio]:checked ~ label:hover,
                .ms-rate input[type=radio]:checked ~ label:hover ~ label,
                .ms-rate label:hover ~ input:checked ~ label {
                    color: #c59b08;
                    content: url("data:image/svg+xml, %3Csvg viewBox='0 0 32 30' fill='%23FFC107' xmlns='http://www.w3.org/2000/svg' class='sc-26a1d0d0-0 sc-2e9ead5d-0 uakja aEbMl'%3E%3Cmask id='new-star_svg__a' maskUnits='userSpaceOnUse' x='0' y='0' width='32' height='30' style='mask-type: alpha;'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.84 1.962l3.046 6.084a2.047 2.047 0 001.543 1.108l6.813.98c1.684.243 2.354 2.284 1.135 3.452l-4.927 4.735a2.005 2.005 0 00-.59 1.792l1.163 6.683c.286 1.654-1.473 2.915-2.978 2.133l-6.09-3.158a2.08 2.08 0 00-1.91 0l-6.09 3.158c-1.505.782-3.264-.48-2.976-2.133l1.16-6.683a2.005 2.005 0 00-.59-1.792l-4.926-4.735c-1.218-1.168-.549-3.209 1.135-3.452l6.813-.98a2.05 2.05 0 001.545-1.108l3.044-6.084c.753-1.505 2.927-1.505 3.68 0z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/mask%3E%3Cg mask='url(%23new-star_svg__a)'%3E%3Cpath clip-rule='evenodd' d='M17.84 1.962l3.046 6.084a2.047 2.047 0 001.543 1.108l6.813.98c1.684.243 2.354 2.284 1.135 3.452l-4.927 4.735a2.005 2.005 0 00-.59 1.792l1.163 6.683c.286 1.654-1.473 2.915-2.978 2.133l-6.09-3.158a2.08 2.08 0 00-1.91 0l-6.09 3.158c-1.505.782-3.264-.48-2.976-2.133l1.16-6.683a2.005 2.005 0 00-.59-1.792l-4.926-4.735c-1.218-1.168-.549-3.209 1.135-3.452l6.813-.98a2.05 2.05 0 001.545-1.108l3.044-6.084c.753-1.505 2.927-1.505 3.68 0z' stroke='%23FFC107' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
                }
                .ms_row_rate{
                    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
                }
                .ms_star_empty{
                    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 30' fill='none' xmlns='http://www.w3.org/2000/svg' class='sc-26a1d0d0-0 sc-2e9ead5d-0 uakja aEbMl'%3E%3Cmask id='new-star_svg__a' maskUnits='userSpaceOnUse' x='0' y='0' width='32' height='30' style='mask-type: alpha;'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.84 1.962l3.046 6.084a2.047 2.047 0 001.543 1.108l6.813.98c1.684.243 2.354 2.284 1.135 3.452l-4.927 4.735a2.005 2.005 0 00-.59 1.792l1.163 6.683c.286 1.654-1.473 2.915-2.978 2.133l-6.09-3.158a2.08 2.08 0 00-1.91 0l-6.09 3.158c-1.505.782-3.264-.48-2.976-2.133l1.16-6.683a2.005 2.005 0 00-.59-1.792l-4.926-4.735c-1.218-1.168-.549-3.209 1.135-3.452l6.813-.98a2.05 2.05 0 001.545-1.108l3.044-6.084c.753-1.505 2.927-1.505 3.68 0z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/mask%3E%3Cg mask='url(%23new-star_svg__a)'%3E%3Cpath clip-rule='evenodd' d='M17.84 1.962l3.046 6.084a2.047 2.047 0 001.543 1.108l6.813.98c1.684.243 2.354 2.284 1.135 3.452l-4.927 4.735a2.005 2.005 0 00-.59 1.792l1.163 6.683c.286 1.654-1.473 2.915-2.978 2.133l-6.09-3.158a2.08 2.08 0 00-1.91 0l-6.09 3.158c-1.505.782-3.264-.48-2.976-2.133l1.16-6.683a2.005 2.005 0 00-.59-1.792l-4.926-4.735c-1.218-1.168-.549-3.209 1.135-3.452l6.813-.98a2.05 2.05 0 001.545-1.108l3.044-6.084c.753-1.505 2.927-1.505 3.68 0z' stroke='%23679FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
                     width: 15px;
    display: block;
    background-repeat: no-repeat;
    height: 15px;
                }
                .ms_star_check {
    background: url("data:image/svg+xml, %3Csvg viewBox='0 0 32 30' fill='%23FFC107' xmlns='http://www.w3.org/2000/svg' class='sc-26a1d0d0-0 sc-2e9ead5d-0 uakja aEbMl'%3E%3Cmask id='new-star_svg__a' maskUnits='userSpaceOnUse' x='0' y='0' width='32' height='30' style='mask-type: alpha;'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.84 1.962l3.046 6.084a2.047 2.047 0 001.543 1.108l6.813.98c1.684.243 2.354 2.284 1.135 3.452l-4.927 4.735a2.005 2.005 0 00-.59 1.792l1.163 6.683c.286 1.654-1.473 2.915-2.978 2.133l-6.09-3.158a2.08 2.08 0 00-1.91 0l-6.09 3.158c-1.505.782-3.264-.48-2.976-2.133l1.16-6.683a2.005 2.005 0 00-.59-1.792l-4.926-4.735c-1.218-1.168-.549-3.209 1.135-3.452l6.813-.98a2.05 2.05 0 001.545-1.108l3.044-6.084c.753-1.505 2.927-1.505 3.68 0z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/mask%3E%3Cg mask='url(%23new-star_svg__a)'%3E%3Cpath clip-rule='evenodd' d='M17.84 1.962l3.046 6.084a2.047 2.047 0 001.543 1.108l6.813.98c1.684.243 2.354 2.284 1.135 3.452l-4.927 4.735a2.005 2.005 0 00-.59 1.792l1.163 6.683c.286 1.654-1.473 2.915-2.978 2.133l-6.09-3.158a2.08 2.08 0 00-1.91 0l-6.09 3.158c-1.505.782-3.264-.48-2.976-2.133l1.16-6.683a2.005 2.005 0 00-.59-1.792l-4.926-4.735c-1.218-1.168-.549-3.209 1.135-3.452l6.813-.98a2.05 2.05 0 001.545-1.108l3.044-6.084c.753-1.505 2.927-1.505 3.68 0z' stroke='%23FFC107' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    width: 15px;
    display: block;
    background-repeat: no-repeat;
    height: 15px;
}
                .btn-success {
    color: #fff;
    background-color: #01b8ff;
    border-color: #01b8ff;
    padding: 8px 12px;
    border-radius: 10px;
}
    .listed-bx-like {
            padding: 0 20px 20px 20px;
        }
        .ms_felxr {
         display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #eee;
    border-radius: 18px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0px 0px 7px 1px #d0daeb;
    box-shadow: 0px 0px 7px 1px #d0daeb;
    line-height: 34px;
    font-size: 11px;
    padding: 13px 0px 0px;
    align-content: center;
        }
        .ms_matn {
            text-align: right;
            font-size: 13px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: unset;
            direction: rtl;
            line-height: 28px;
        }
        .ms_accept {
            background: rgb(123 207 255 / 18%);
            text-transform: uppercase;
            width: 86%;
            border: 1px solid #abe0ff57;
            margin: 0px auto;
            border-radius: 11px;
        }
        .delr {
            position: absolute;
            left: 10px;
            width: 35px;
            height: 35px;
            border-radius: 50%;
            -webkit-box-shadow: 0px 0px 7px 1px #d0daeb;
            box-shadow: 0px 0px 7px 1px #d0daeb;
            text-align: center;
            padding: 5px;
            background: #fff;
            top: 8px;
            color: red;cursor:pointer;
            font-size: 23px;
        }
        .ms_doing {
    background: #ff572230;
    text-transform: uppercase;
    width: 86%;
    border: 1px solid #ff572282;
    margin: 0px auto;
    border-radius: 11px;
}
/*my wallet page*/
.wlt-bx{
          background-color: #2689ac4d;
    padding:10px 20px;
    border-radius: 8px;
}
.ti-wlt{
 text-align: right;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    float: right;
    padding: 37px 0;direction:rtl;
}
.bx-mrg{
    margin:10px 0;
    padding:15px 15px;
}
.ti-wlt-mn{
    text-align:right;
    padding:20px 0px 10px 0px;
    display:block;
    font-size:15px;
    direction:rtl;
}
.ti-wlt-mn .fa{
    font-size:12px;
}
.tx-fr-wallet{
    width:100%;
    padding:8px 15px;
    border:1px solid #e0e0e2;
    background-color:#fff;
     border-radius:4px;
}
.p-wt{
  padding: 18px 0 15px 0;
    text-align: center;
    direction: rtl;
}
.btn-convert{
    display:block;
    padding:12px 0;
    text-align:center;
    background-color:#d60644;
    color:#fff;
    width:100%;
    border:none;
    border-radius:4px;
}
.group-quantity-buttonProfile{
    display: flex;
    font-weight: 400;
    color: #000000;
    width: 100%;
    padding: 3px 10px;
   
    background-color: #fff;
    border-radius: 9px;
    border: 0.0625rem solid rgba(33, 50, 91, .1);
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    outline: none !important;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.qtyplus,.qtyminus{
    font-size: 24px;
    color: #767676;    line-height: 0px;
}
.qtyplus:hover,.qtyminus:hover{
        font-weight: bold;
    color: #4dbeff;
}
.input-text{
    border: none;
    width: 75%;height:34px;
    text-align: center;
}
.pn-1{
    padding:0 2px;
}
.cl-bx-time{
    width:50%;
}
.lb-se{
  text-align:right;
  float:right;
  width:20px;
  padding-top:8px;
}
.jalali-datepicker{
   float: right;
    width: 86%;
}
.fixed_headers {
  width:100%;
  table-layout: fixed;
  border-collapse: collapse;
  direction:rtl;
}

.fixed_headers th,
.fixed_headers td {
  padding:12px;
  text-align:right;font-size: 11px;
    line-height: 24px;

}
.fixed_headers td:nth-child(1),
.fixed_headers th:nth-child(1) {
  width: 29%;
}
.fixed_headers td:nth-child(2),
.fixed_headers th:nth-child(2) {
  width: 28%;
}
.fixed_headers td:nth-child(3),
.fixed_headers th:nth-child(3) {
  width: 38%;
  min-width:175px;
}
.fixed_headers thead {
  background-color: #eee;
  color: #000;
  border-radius:5px;
}
.fixed_headers thead tr {
  display: block;
  position: relative;
}
.fixed_headers tbody {
display: block;
    overflow: auto;
    width: 100%;
    height:300px;
    border: 1px solid #eee;
    border-radius: 6px;  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #aab7cf transparent;
  overflow-x: hidden;
}
.fixed_headers thead tr {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.fixed_headers th{
    display:inline-block;
    padding:13px 20px;
    font-size:14px;
}
.fixed_headers tbody tr:nth-child(even) {
  background-color: #fafafa;
}

.old_ie_wrapper tbody {
  height: auto;
}
.btn-prdt{
    padding:12px 0;
    text-align:center;
    color:#000;
    display:block;
    border:1px solid #eee;
    background-color:#eee;
    font-weight:bold;
    border-radius:5px;
}
.bt-hover:hover{
    background-color:#ffae00;
    color:#fff;
}
.ti-mb-prft{
    display:none;
}
.ms_wp{
    font-weight: normal;
    padding-top: 8px;
    font-size: 12px;
    direction: rtl;
    color: #0d6c8f;
    text-align: right;
}

.ms_waiting {
    --c1: #17789b;
    --c2: #bddbe6;
    width: 18px;
    height: 31px;
    border-top: 2px solid var(--c1);
    border-bottom: 2px solid var(--c1);
    background: linear-gradient(90deg, var(--c1) 2px, var(--c2) 0 5px, var(--c1) 0) 50% / 7px 8px no-repeat;
    display: grid;
    overflow: hidden;
    animation: l5-0 2s infinite linear;
    margin-top: 14px;
    margin-left: 7px;
}
.ms_waiting::before,
.ms_waiting::after {
  content: "";
  grid-area: 1/1;
  width: 75%;
  height: calc(50% - 4px);
  margin: 0 auto;
  border: 2px solid var(--c1);
  border-top: 0;
  box-sizing: content-box;
  border-radius: 0 0 40% 40%;
  -webkit-mask: 
    linear-gradient(#000 0 0) bottom/4px 2px no-repeat,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: destination-out;
          mask-composite: exclude;
  background: 
    linear-gradient(var(--d,0deg),var(--c2) 50%,#0000 0) bottom /100% 205%,
    linear-gradient(var(--c2) 0 0) center/0 100%;
  background-repeat: no-repeat;
  animation: inherit;
  animation-name: l5-1;
}
.ms_waiting::after {
  transform-origin: 50% calc(100% + 2px);
  transform: scaleY(-1);
  --s:3px;
  --d:180deg;
}
@keyframes l5-0 {
  80%  {transform: rotate(0)}
  100% {transform: rotate(0.5turn)}
}
@keyframes l5-1 {
  10%,70%  {background-size:100% 205%,var(--s,0) 100%}
  70%,100% {background-position: top,center}
}

.ms_alert_num{
    /*background: #03A9F4;
    padding: 7px;
    font-size: 12px;
    font-weight: bold;*/
    background: #1c7ea0;
    padding: 7px;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    top: -3px;
    right: -6px;
    border-radius: 50%;
    width: 45px !important;
    height: 45px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.26) 0px 1px 8px 0px;
    color: #fff;
    padding-top: 9px;
}
.ms_lst_trans{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    color: #008c20;
    width: 95%;
    border-bottom: 1px dashed;
    padding: 15px 14px;
    margin: 3px auto;
    text-align: right;
    line-height: 28px;
    direction: rtl;
}
.bx-br-shop .ms_lst_trans:last-child{
    border-bottom:none;
}
.color_unSuccess{
   color: #E91E63;
}
.popUp_upload {
            position: absolute;
            bottom: 100%;
            margin-right: 0;
            margin-bottom: 4px;
            background: #bfcacf;
            white-space: nowrap;
            padding: 5px 8px;
            color: #000 !important;
            z-index: 2;
            letter-spacing: -0.5px;
            border-radius: 18px;
            left: 0px;
            border: 1px dashed #ffffff;
            font-weight: normal;
        }
            .popUp_upload p{
                font-size:12px;
            }
            .popUp_upload:before {
                width: 0;
                height: 0;
                border-color: #bfcacf transparent transparent;
                border-style: solid;
                border-width: 10px 12px 0;
                top: 100%;
                right: 0;
                content: "";
                position: absolute;
                left: 0px;
                margin: 0px auto;
            }
            .ms_alert2 {
        position: absolute;
    top: -12px;
    background: url(/css/img/alert.png);
    padding: 0px 9px;
    border-radius: 50%;
    color: #ffffff;
    font-weight: normal;
    font-size: 11px;
    text-align: center;
    line-height: 20px;
    background-size: 100% 100%;
    /* width: 40px; */
    right: -8px;
    background: #337ab7;
    padding-top: 5px;
}
 th {
    text-align: right;
}
 .important_word{
     color: #01b8ff;
    font-weight: bold;
    padding: 0px 5px;
 }
 .gift-lable{
    position: absolute;
    width: 85%;
    left: 0px;
    right: 0px;
    top: 12%;
    height: 78%;
    margin: 0px auto;
    overflow: hidden;
    padding: 10px 20px;
    text-align: right;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    direction: rtl;
 }
 .gift-lable h3{
     font-size: 27px;
    font-weight: bold;
    padding-top: 5px;
 }
 .gift-lable h4{
    font-size: 13px;
    line-height: 27px;
    max-width: 70%;
    direction: rtl;
    font-weight: bold;
 }
  .gift-lable h5{
    font-size: 13px;
    line-height: 27px;
    max-width: 70%;
    direction: rtl;
 
 }
   .ms-hide{
       display:none;
        }
   .blinking-circle {
     display: inline-block;
    width: 7px;
    height: 7px;
    background-color: #6e9eff;
    border-radius: 50%;
    animation: blink 1s infinite;
    position: absolute;
    /* border: 1px solid #ffe0c6; */
    right: 16%;
    top: 43%;
        }

        @keyframes blink {
            0% { opacity: 1; }
            50% { opacity: 0; }
            100% { opacity: 1; }
        }
        .empty_link{
                display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
        }
@media only screen and (max-width:1025px) {
    .profile-bx {
    padding: 12px 1px 15px 0px;

}
    .tx-pfr {
    padding: 23px 3px;
}
}

/*//sm-12*/
@media only screen and (max-width:990px) {
      .bx-br-shop{
        border:none;
        margin-bottom:20px;
    }
    .bx-sh-card{
        border:none;
           padding:0;
    }
    .container-pg-wt {
    padding:0px 0 20px 0;
}
    .sm-none {
    display: none;
}
    .tx-pfr {
    padding: 23px 15px 5px 15px;
}
    .tx-pfr h4 {
    top: -13px;
    font-size: 14px;
}
    .col-right-profile{
        display:none;
    }
}

@media only screen and (max-width:768px) {
    .ms-banerProfile {
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }
    .nav-pills>li.active:before {
   
    width: 87%;

    bottom: 4px;
 
}
    .nav-pills {
    border-bottom: 2px solid #ddd;
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: stretch;
}.nav>li {
    position: relative;
    display: block;
    width: 48%;
    margin: 1%;
}
 .nav>li>a {
    position: relative;
    display: block;
    padding: 8px 3px;
   text-align:center;
    border: 1px solid #2d99bf9c;
}
 .ms_brbx label {
    margin-left: 9px;
    width: 99% !important;
}
 .ms_reqlst {
  
    padding: 0px 18px;
  
    line-height: 29px;
    font-size: 12px;
}
 .ms_ddDr {
  
    margin-top: 10px;
    padding: 10px 18px 0px;
  
    line-height: 23px;
    font-size: 12px;
}
 .ms_ddDr > div, .ms_reqlst > div {
    width: 100%;
}.ms_moreInfoDr {

    padding: 10px 18px;

    font-size: 12px;
}
.ms-mobile-hide{
    display:none;
}.accordionDr {
  
    padding-bottom: 40px;
}.frow {
  padding: 10px 18px 30px;
        font-size: 12px;
        line-height: 27px;
}.ms_titleDr {
  
    font-size: 12px;
    padding-bottom: 8px;
}.ms_iconDr {
  
    width: 70px;
    margin: 0px 4px;
}.ms_commentBtn {
  
    left: 30px;
    bottom: 0px;
    right: 30px;
    margin: 0px auto;
    text-align: center;
}.ms_startchat {
 padding:0px;
    width: 90%;
    display: block;
    margin: 0px auto;
    line-height: 22px;
    text-align: center;
}.ms_felxr {

    justify-content: center;

}   .profile-bx {
        width: 92%;
        margin-bottom: 15px;
    }
}

  @media print {
            body {
                -webkit-print-color-adjust: exact;
            }

             .bx-br-shop {
    margin-bottom: 15px;
    position: relative;
    background: #fff;
    border-radius: 15px;
    width: 475px;
    height:35px;
    margin: 10% auto;
    }

        .gift-lableprint {
            position: relative;
            width: 85%;
            left: 0px;
            right: 0px;
            top: 10%;
            height: 80%;
            margin: 0px auto;
            overflow: hidden;
            padding: 10px 0px;
            text-align: right;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: flex-start;
            direction: rtl;
        }

        
            .gift-lableprint h4 {
                font-size: 13px;
                line-height: 27px;
                max-width: 70%;
                direction: rtl;
                font-weight: bold;
            }

            .gift-lableprint h5 {
                font-size: 13px;
                line-height: 27px;
                max-width: 70%;
                direction: rtl;
            }
            .serial-num{
                    font-size: 16px;
    line-height: 27px;
    max-width: 70%;
    direction: rtl;
    font-weight: bold;
    margin-bottom: 19px;
            }
            .dt-buy{
                    position: absolute;
    left: 0px;
    bottom: 25px;
    font-size: 11px;
    font-weight: bold;
            }
            .dt-expire{
                position: absolute;
    left: 0px;
    bottom: 2px;
    font-size: 11px;
    font-weight: bold;
            }
        }