@font-face {
    font-family: 'BYekan';
    src: url('../fonts/BYekan.ttf') format('truetype'), url('../fonts/BYekan.eot?#') format('eot'), url('../fonts/BYekan.woff') format('woff');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "icon";
    src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svg#fontawesome-webfont") format("svg");
}

body {
    color: #58595a;
    direction: rtl !important;
    overflow-x: hidden;
}

* {
    font-family: BYekan !important;
}
.time-product-code , .time-product-code input{
    font-family: Tahoma !important;
}
table.table tr th, table.table tr td {

    color: #666 !important;
    font-size: 15px;}


.forgot-pass a{
    font-size: 13px;
}
 .member {
    font-size: 14px !important;
}




/*start filter*/

.list-item {
    margin-top: 50px;
}

.list-item li {
    list-style: none;
    padding: 1px 0 0 0;
    background: #ffffff;
    height: 420px;
    transition: 0.3s;
}


.box-filter {
    box-shadow: 0 1px 1px 1px #e6e6e6;
    margin-bottom: 30px;
    padding-bottom: 10px;
    min-height: 100px;
    width: 100%;
}

.clear-filter {
    position: relative;
    top: 3px;
}

.clear-icon:before {
    font-family: "icon";
    content: "\f00d";
    position: relative;
    top: 1px;
    left: 2px;
    font-size: 12px;

}

.box-filter ul {
    margin-bottom: 0;
}

.box-filter h4 {
    background: rgba(125, 125, 125, .15);
    font-size: 16px;
    text-align: right;
    padding: 10px 15px;
}

.content-filter {
    margin: 10px;
}

@media (min-width: 768px) {
    .view-filter.collapse {
        display: block !important;
    }

    .btn-filter {
        display: none;
    }

}
@media (min-width: 768px) {
    .view-filter.collapse {
        display: block !important;
    }

    .btn-filter {
        display: none;
    }

}

@media (max-width: 767px) {
    .fa-filter:before {
        content: "\f0b0";
        font-family: "icon";
    }

    .box-filter {
        margin-top: 10px;
    }

    .btn-filter {
        background-color: transparent;
        border: 1px solid #888;
        padding: 5px;
        color: #58595a;
        cursor: pointer;
        display: block;
    }

    .all-filter {
        margin-top: 10px;
    }
}

/*filter end*/


/*//start fontawsom*/

.fa-trash:before {
    content: "\f014";
    font-family: "icon";

}
.fa-plus:before {
    content: "\f067";
    font-family: "icon";

}
.fa-edit:before {
    content: "\f040";
    font-family: "icon";
}
.fa-trash-btn {
    color: white;
}
.fa-trash-span {
    color: #ff0000;
    margin-right: 7px;
}
.fa-plus-btn {

    color: white;
}
.fa-edit-btn {
    color: white;
}

.fa-edit-span {
    color: #cf9d00 ;
}
.heart-icon:before {
    content: "\f08a";
    font-weight: bold;
    font-family: "icon";
}
.angle-right:before {
    content: "\f105";
    font-family: "icon";
    font-size: 40px;
    color: #bbb;
}

.angle-left:before {
    content: "\f104";
    font-family: "icon";
    font-size: 40px;
    color: #bbb;
}

.address-icon:before {
    font-family: "icon";
    content: "\f041";
    margin-left: 4px;
    font-size: 13px;
}

.phone-icon:before {
    font-family: "icon";
    content: "\f2a0";
    margin-left: 4px;
    font-size: 13px;
}

.email-icon:before {
    font-family: "icon";
    content: "\f003";
    margin-left: 4px;
    font-size: 13px;
}

.reply-icon:before {
    content: "\f112";
    font-family: "icon";
    font-size: 12px;
    margin-left: 5px;
    color: #777;
}

.column-item ul li button span:before {
    color: #999;
    font-size: 19px;
    font-family: "icon";
    text-align: center;
}
.fa-play:before {
    content: "\f01d";
    font-family: "icon";
    position: relative;
    top: 5px;
    font-size: 19px;

}.clear-icon:before {
     font-family: "icon";
     content: "\f00d";
     position: relative;
     top: 1px;
     left: 2px;
     font-size: 12px;

 }  .fa-filter:before {
        content: "\f0b0";
        font-family: "icon";
    }
.close-icon:before {
    content: "\f057";
    font-family: "icon";
}
.drop-icon:after {
    content: "\f107";
    font-family: "icon";
    position: relative;
    right: 4px;
    top: 2px;
    font-size: 15px;
}

.user-icon:before {
    font-family: "icon";
    content: "\f2c0";
    font-size: 25px;
    color: #999;
}

.basket-icon:before {
    content: "\f07a";
    font-family: "icon";
    font-size: 25px;
    color: #999;
}
.fa-user:before {
    content: "\f090";
    font-family: "icon";
    margin-left: 5px;
    color: #999;
}
.fa-sign-out:before {
    content: "\f08b";
    font-family: "icon";
    margin-left: 5px;
    color: #999;
}
.fa-signup:before {
    content: "\f234";
    font-family: "icon";
    margin-left: 5px;
    color: #999;
}

/*//end fontawsom*/