.fa-user-o:before {
  content: "\f2c0";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-sign-out:before {
    content: "\f08b";
}
.fa-search:before {
    content: "\f002";
}
.fa-trash-o:before {
    content: "\f014";
}
.fa-map-marker:before {
    content: "\f041";
}
#page-profile  .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
a {color:#333}
#page-profile {padding:40px 15px;line-height:26px;}
.profile-box {
	box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .1);
	-webkit-box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .1);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 15px;
	border: 1px solid #f1f1f1
}
#page-profile #side-menu-profile li a:before {display:none}
#side-menu-profile ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%
}

#side-menu-profile ul li {
	width: 100%
}

#side-menu-profile ul li a {
	display: block;
	padding: 10px;
    color:#000
}

#side-menu-profile ul li a:hover,
#side-menu-profile ul li.active a {
	color: red
}

#side-menu-profile ul li a i {
	font-size: 1.3em;
	position: relative;
	top: 2px;
	margin-left: 5px
}

#side-menu-profile ul li a:hover {
	color: #e32119
}

.subj-profile {
	font-size: 1.1em;
	margin-bottom: 15px
}

#information.profile-box {
	padding: 0
}

.profile-box table {
	width: 100%
}

.profile-box td,
.profile-box th {
	border-left: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	padding: 15px
}

#information td {
	width: 50%
}

.profile-box td span {
	color: #bababa;
	display: block;
    margin-bottom:5px;
}

.profile-box tr td:last-child,
.profile-box tr th:last-child {
	border-left: 0
}

.edit-link {
	margin: 15px 0;
	display: inline-block;
	color: #1ca2bd;
	border-bottom: 1px dotted
}

#list-fav .item {
	margin: 0;
	border-bottom: 1px solid #f1f1f1;
	padding: 10px 0
}

#list-fav .item a.img {
	width: 40px;
    display:block
}

#list-fav .item .det {
	width: calc(100% - 100px)
}

#list-fav .item .del {
	width: 50px
}

#list-fav .item .del a {
	display: block;
	text-align: center;
	font-size: 1.3em
}

#list-fav .item .status {
	font-size: .95em
}

#list-fav .item .status.not-available {
	color: red
}

#list-fav .item .status.available {
	color: #00d12d
}

#list-fav {
	height: 296px;
	padding-bottom: 55px
}

#list-fav .text-center {
	position: absolute;
	bottom: 0;
	left: 15px;
	width: calc(100% - 30px)
}

#new-list {
	margin: 30px 0
}

#new-list .profile-box {
	padding: 0
}

#new-list table {
	text-align: center
}

#new-list table th {
	background-color: #f7f7f7
}

#new-list table tr:nth-child(odd) {
	background-color: #fbfbfb
}

#new-list table td a.more {
	display: block;
	font-size: 1.9em
}

#new-list table td a.more i {
	position: relative;
	top: 4px
}

#new-list table td a.more:hover {
	color: red
}

#tab {
	border-bottom: 1px solid #f2f2f2;
	position: relative
}

#tab>a {
	float: right;
	display: block;
	padding: 10px;
	position: relative;
    line-height:24px;
}

#tab>a span {
	display: inline-block;
	min-width: 22px;
	text-align: center;
	background-color: #a1a3a8;
	color: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-right: 2px
}

#tab>a.active {
	color: red
}

#tab>a.active span {
	background-color: red
}

#list-order {
	margin-bottom: 30px
}

#list-order .item {
	border: 1px solid #f1f1f1;
	margin-top: 30px;
	padding: 15px;
	border-radius: 5px;
	-webkit-border-radius: 5px
}

#list-order .item .top {
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 15px;
	margin-bottom: 15px
}

#list-order .item .top .right {
	float: right
}

#list-order .item .top .right span:after {
	content: "";
	background: #dfdfdf;
	width: 4px;
	height: 4px;
	margin: auto 12px;
	display: inline-block;
	border-radius: 50%;
	-webkit-border-radius: 50%
}

#list-order .item .top .right span:last-child:after {
	display: none
}

#list-order .item .top .left {
	float: left
}

#list-order .item .top .left a,
#list-order .btm a {
	color: #00bfd6
}

#list-order .item .top .price {
	float: right;
	width: 100%;
	margin-top: 8px
}

#list-order .item .top .price span {
	color: #81858b
}

#list-order .items {
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 15px;
	margin-bottom: 15px
}

#list-order .items p {
	width: 100%;
	margin-bottom: 15px
}

#list-order .items-tab .items  a {
	display: inline-block;
	width: 50px
}

#list-order .btm {
	text-align: left
}

#tab>a#search-btn {
	float: left;
	font-size: 1.3em;
	position: relative;
	z-index: 2
}

#search-order {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #fff;
	width: 100%;
	height: 55px;
	border-bottom: 1px solid #30196a;
	padding-right: 30px;
	display: none
}

#search-order input {
	width: 100%;
	height: 100%;
	border: 0
}

#search-order a {
	font-size: 1.8em;
	position: absolute;
	right: 0;
	text-align: center;
	width: 21px;
	height: 100%;
	line-height: 48px
}

.tab-profile>ul {
	border-bottom: 1px solid #f2f2f2;
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0
}

.tab-profile>ul>li {
	float: right
}
.num {
    display: inline-block;
    min-width: 22px;
    text-align: center;
    background-color: #a1a3a8;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-right: 2px;
}
.tab-profile>ul>li a {
	float: right;
	display: block;
	padding: 10px;
	position: relative;
    color:#333;
    line-height:25px;
}

.tab-profile>ul>li a.act {
	color: red
}

.tab-profile>ul>li a.act:after {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background-color: red;
	position: absolute;
	right: -1px;
	bottom: -1px
}

.tab-profile .items-tab {
	display: none
}

.tab-profile .items-tab.active {
	display: block
}

#fav-page {
	margin-bottom: 30px
}

#fav-page .item {
	margin-bottom: 15px
}

#fav-page .item .row {
	margin: 0;
	padding: 15px 0
}

#fav-page .item a.img {
	width: 80px
}

#fav-page .item .del a {
	display: block;
	text-align: center;
	font-size: 1.3em
}

#fav-page .item .det {
	width: calc(100% - 100px);
	padding: 0 10px
}

#fav-page .item .det h3 {
	white-space: nowrap;
	font-size: 1.2em;
	margin-bottom: 10px
}

#fav-page .item .det h3 a {
	color: #000
}

#fav-page .item .alt-price p {
	display: inline-block;
	color: #999;
	text-decoration: line-through
}

#fav-page .item .alt-price span {
	display: inline-block;
	background-color: #fb3449;
	color: #fff;
	margin: 0 4px 0 0;
	font-size: .8em;
	padding: 0 5px;
	border-radius: 28px;
	-webkit-border-radius: 28px
}

#fav-page .item .price {
	font-size: 1.1em;
	margin-top: 5px
}

#fav-page .item a.more {
	font-size: .9em;
	color: #12b4cd;
	margin-top: 5px;
	display: inline-block
}

#fav-page .item .info {
	height: 55px
}

#fav-page .item .status {
	color: #979797;
	font-size: 1.05em;
	float: right;
	margin-top: 14px
}

#fav-page .item .info.notification {
	color: #979797
}

.address-modal .form-item {
	margin-bottom: 15px
}

.address-modal .form-item label {
	font-size: .95em;
	margin-bottom: 3px
}

.address-modal .form-item p {
	font-size: .8em;
	color: #888
}

.address-modal .line {
	width: 100%;
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 15px
}

.address-modal .btn-primary {
	background-color: #e32119;
	border-color: #e32119
}

.address-modal input[type="checkbox"] {
	float: right;
	margin: 4px 0 0 6px
}

#address-profile .item {
	border-bottom: 1px solid #f1f1f1;
	padding: 15px 0 15px 70px;
	position: relative
}

#address-profile .item p {
	margin-bottom: 10px;
	color: #81858b;
	font-size: .9em
}

#address-profile .item p.address {
	color: #000;
	font-size: 1.05em
}

#address-profile .item p a {
	color: #00bfd6
}

#address-profile .item .remove {
	font-size: 1.5em;
	position: absolute;
	top: 10px;
	left: 0;
	width: 30px;
	display: block;
	text-align: center
}

#add-address {
	display: inline-block;
	padding: 20px 0;
	color: #000;
	font-size: 1.1em;
	margin-bottom: 30px
}

#comments-page .txt1 {
	font-size: 1.1em;
	margin: 10px 0 4px 0
}

.item-cmt {
	margin: 20px 0 0;
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 20px
}

.item-cmt figure.img {
	float: right;
	width: 80px
}

.item-cmt p {
	float: left;
	margin-top: 30px
}

.item-cmt p a {
	color: #12b4cd
}

.item-cmt h3 {
	float: right;
	width: calc(100% - 180px)
}

#my-comment {
	width: 100%
}

#my-comment td.img {
	width: 90px
}

#my-comment a.img {
	width: 80px;
	display: block
}

#my-comment td {
	vertical-align: middle;
	border-bottom: 1px solid #ececec;
	padding: 15px 0
}

.rate-box {
	display: inline-block;
	width: 32px;
	text-align: center;
	background-color: #65aa57;
	color: #fff;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	font-size: .95em
}

.rate-box.rate-box2 {
	background-color: #b1b64d
}

.rate-box.rate-box3 {
	background-color: #f9bc00
}

.like-pro {
	display: inline-block;
	color: #00a049;
	margin: 0 6px 2px 0
}

.is-ok {
	border: 1px solid #4caf50;
	background-color: rgba(76, 175, 80, .1);
	color: #2e7b32;
	width: 90px;
	display: inline-block;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px
}

#my-comment td a {
	display: inline-block;
	padding: 5px
}

#my-comment .selller {
	margin-top: 8px
}

#my-comment .selller svg {
	width: 20px;
	fill: #999;
	position: relative;
	top: 5px
}

#Edit-profile {
	padding: 15px 30px
}

#Edit-profile .item {
	border-bottom: 1px solid #f1f1f1;
	border-left: 1px solid #f1f1f1;
	padding-left: 40px;
	padding: 15px
}

#Edit-profile .item a {
	position: absolute;
	top: 8px;
	left: 15px;
	font-size: 1.2em;
	display: block;
	padding: 5px
}

#Edit-profile .item:nth-child(2n) {
	border-left: 0
}

#Edit-profile .item.no-border {
	border-bottom: 0
}

#national-code .additional-info {
	display: none
}

.fileinput-wrapper {
	display: block;
	position: relative;
	padding-left: 35px
}

.fileinput {
	overflow: hidden;
	position: relative;
	cursor: pointer;
	z-index: 1
}

.fileinput input[type=file],
.fileinput input[type=file]:focus,
.fileinput input[type=file]:hover {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	font-size: 200px;
	direction: ltr;
	cursor: pointer;
	outline: 0
}

.fileinput-name {
	margin-right: 8px
}

.fileinput-name .close {
	float: none;
	margin-left: 8px;
	vertical-align: middle;
	left: 0;
	position: absolute;
	top: 6px
}

#verify-phone {
	margin-top: 10px;
	text-align: center;
	position: relative
}

#verify-phone input {
	text-align: left;
	letter-spacing: 23px;
	border: 0;
	direction: ltr;
	margin-left: 40px
}

#verify-phone:before {
	content: "----";
	display: block;
	font-weight: bold;
	position: absolute;
	text-align: center;
	letter-spacing: 25px;
	font-size: 1.2em;
	left: 133px
}

#modal-verify .resend {
	display: none
}

.standbyme-hidden {
	visibility: hidden
}

.standbyme-wrapper {
	position: fixed;
	top: 0
}

.standbyme-wrapper-bottom {
	position: absolute
}

#sidebar-menu {
	margin-bottom: 30px
}

.profile-box table {margin-bottom:30px;}
.off-table {text-align:right}
.off-table td{text-align:right}
.title {
    font-size: 1.2em;
    border-bottom: 1.5px solid #ececec;
    height: 17px;
    margin-bottom: 30px;
}
.title h1 {
    display: inline-block;
    padding-left: 40px;
 padding-right: 10px;
    background-color: #fff;
    position: relative;
}
.title h1:after {
    content: "";
    display: block;
    width: 130px;
    height: 1.5px;
    background-color: #e32119;
    position: absolute;
    right: 100%;
    bottom: 8px;
}
.modal-body {direction:rtl;text-align:right}
.form-item label {margin-bottom:5px;display:block}
.form-item p {margin-top:5px;}
@media (max-width:991px) {
    #page-profile > .row {-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}
}
@media (max-width:767px) {
    #information {margin-bottom:30px;}
    #page-profile  #sidebar-menu {margin-top:30px;}
}

@media (max-width:600px) {
    #information table ,#my-comment ,.off-table , #information tbody,#my-comment tbody ,.off-table tbody ,#information tr,#my-comment tr ,.off-table tr ,#information td ,.off-table td ,.off-table th ,#my-comment td ,#my-comment td.img {display:block;width:100%}
    .off-table caption {width:100%;display:block}
}