@font-face {
    font-family: IRANSans_FaNam;
    font-style: normal;
    font-weight: 600;
    src: url(/assets/fonts/IRANSansWeb_FaNum_Bold.eot?);
    src: url(/assets/fonts/IRANSansWeb_FaNum_Bold.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/IRANSansWeb_FaNum_Bold.woff2) format("woff2"), url(/assets/fonts/IRANSansWeb_FaNum_Bold.woff) format("woff"), url(/assets/fonts/IRANSans_FaNum_Bold.ttf) format("truetype");
}

@font-face {
    font-family: IRANSans_FaNam;
    font-style: normal;
    font-weight: 500;
    src: url(/assets/fonts/IRANSansWeb_FaNum_Medium.eot?);
    src: url(/assets/fonts/IRANSansWeb_FaNum_Medium.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/IRANSansWeb_FaNum_Medium.woff2) format("woff2"), url(/assets/fonts/IRANSansWeb_FaNum_Medium.woff) format("woff"), url(/assets/fonts/IRANSansWeb_FaNum_Medium.ttf) format("truetype");
}

@font-face {
    font-family: IRANSans_FaNam;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/fonts/IRANSansWeb_FaNum.eot?);
    src: url(/assets/fonts/IRANSansWeb_FaNum.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/IRANSansWeb_FaNum.woff2) format("woff2"), url(/assets/fonts/IRANSansWeb_FaNum.woff) format("woff"), url(/assets/fonts/IRANSansWeb_FaNum.ttf) format("truetype");
}

@font-face {
    font-family: IRANSans_FaNam;
    font-style: normal;
    font-weight: 300;
    src: url(/assets/fonts/IRANSansWeb_FaNum_Light.eot?);
    src: url(/assets/fonts/IRANSansWeb_FaNum_Light.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/IRANSansWeb_FaNum_Light.woff2) format("woff2"), url(/assets/fonts/IRANSansWeb_FaNum_Light.woff) format("woff"), url(/assets/fonts/IRANSansWeb_FaNum_Light.ttf) format("truetype");
}

@font-face {
    font-family: IRANSans_FaNam;
    font-style: normal;
    font-weight: 200;
    src: url(/assets/fonts/IRANSansWeb_FaNum_UltraLight.eot?);
    src: url(/assets/fonts/IRANSansWeb_FaNum_UltraLight.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/IRANSansWeb_FaNum_UltraLight.woff2) format("woff2"), url(/assets/fonts/IRANSansWeb_FaNum_UltraLight.woff) format("woff"), url(/assets/fonts/IRANSansWeb_FaNum_UltraLight.ttf) format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 600;
    src: url(/assets/fonts/IRANSansWeb_Bold.eot?);
    src: url(/assets/fonts/IRANSansWeb_Bold.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/IRANSansWeb_Bold.woff2) format("woff2"), url(/assets/fonts/IRANSansWeb_Bold.woff) format("woff"), url(/assets/fonts/IRANSansWeb_Bold.ttf) format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url(/assets/fonts/IRANSansWeb_Medium.eot?);
    src: url(/assets/fonts/IRANSansWeb_Medium.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/IRANSansWeb_Medium.woff2) format("woff2"), url(/assets/fonts/IRANSansWeb_Medium.woff) format("woff"), url(/assets/fonts/IRANSansWeb_Medium.ttf) format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url(/assets/fonts/IRANSansWeb_Light.eot?);
    src: url(/assets/fonts/IRANSansWeb_Light.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/IRANSansWeb_Light.woff2) format("woff2"), url(/assets/fonts/IRANSansWeb_Light.woff) format("woff"), url(/assets/fonts/IRANSansWeb_Light.ttf) format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url(/assets/fonts/IRANSansWeb_UltraLight.eot?);
    src: url(/assets/fonts/IRANSansWeb_UltraLight.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/IRANSansWeb_UltraLight.woff2) format("woff2"), url(/assets/fonts/IRANSansWeb_UltraLight.woff) format("woff"), url(/assets/fonts/IRANSansWeb_UltraLight.ttf) format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/fonts/IRANSansWeb.eot?);
    src: url(/assets/fonts/IRANSansWeb.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/IRANSansWeb.woff2) format("woff2"), url(/assets/fonts/IRANSansWeb.woff) format("woff"), url(/assets/fonts/IRANSansWeb.ttf) format("truetype");
}

body {
    font-family: IRANSans;
    color: #888888;
    direction: rtl;
    background-color: #fff;
}

.no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.header {
    height: 50px !important;
}

.head-sec {
    /*background-color: #E44332 !important;*/
    background-color: #4ba56b !important;
    position: fixed;
    width: 100%;
    z-index: 6;
}

.log-head {
    background-color: white;
    display: block;
    margin: auto;
    position: relative !important;
    float: unset !important;
    display: block;
    float: left;
    height: 100%;
}
a{
    color: unset;
}
.head-logo {
    display: block;
    height: 50px;
    padding: 0;
    float: right !important;
}
.tittle-clip{
    font-size: 13px;
    line-height: 2;
    text-align: center;
    color: #888;
}
.back-color img{
    height: 47%;
    margin: auto;
    display: block;
    padding: 0;
}
.head-logo img {
    height: 50px;
    display: block;
    margin-top: 3px;
}

.head-text {
    display: block;
    direction: rtl;
    text-align: right;
    padding: 0;
    float: left;
}

.head-ul {
    height: 50px;
    display: block;
    padding: 0;
    margin: auto;
    list-style: none;
    margin: 0;
}

.head-ul li {
    padding: 15px 0;
    color: white;
    float: right;
    width: auto;
    margin-right: 20px;
}

.footer {
    text-align: center;
    display: block;
    height: 40px;
    padding: 12px 0;
    width: 100%;
    margin-top: 20px;
    color: #888888 !important;
    box-shadow: 0px -8px 11px -10px #a1a1a1;
}

.footer a {
    color: #888888 !important;
}

.cost-ul {
    display: none;
}

.reg-inf {
    margin-bottom: 0 !important;
}

.pad-inp {
    padding: 2px 0 !important;
}

.hegh-modal {
    height: 100%;
}

.left-main {
    display: block;
    height: 100%;
}

.main-context h2 {
    font-size: 14px;
    text-align: center;
    margin-bottom: 30px;
}

.main-context label {
    font-size: 12px;
    text-align: right;
    margin-top: 30px;
    color: #888888;
    font-weight: 500;
}

.main-context input, .main-context select {
    height: 33px;
    border: 1px solid #dedede;
    border-radius: 5px;
    /*background-color: white;*/
    /*color: black;*/
    /*box-shadow: 2px 3px 6px 2px #dedede;*/
    outline: none;
}

.select-proj {
    padding: 0 84px 0 17px;
    align-items: center;
}

.btn-save {
    width: 100px;
    background: #00d084;
    color: white;
    margin: 16px 130px 0 30px;
    outline: none;
}

.btn-save:hover {
    background: #03e290;
    color: white;
}

.btn-cancel {
    width: 100px;
    background: #F44336;
    margin: 16px 0px 0 30px;
    color: white;
    outline: none;
}

.btn-cancel:hover {
    background: #fc685e;
    color: white;
}

.head-table {
    background-color: #e05050;
    color: white;
}

.head-table th {
    font-size: 12px;
    font-weight: 400;
    direction: rtl;
    text-align: center;
}

.row-tab {
    font-size: 12px;
    font-weight: 400;
    direction: rtl;
    text-align: center;
}

.red-pv {
    background-color: #e20d58!important;
    color: white!important;
}

.editor_review {
    background: #9c27b0 !important;
    color: white!important;
}
.edit_review {
    background: #ff3a7d !important;
    color: white!important;
}
.blue-pv {
    background-color: #0093d5!important;
    color: white!important;
}

.green-pv {
    background-color: #04aa65 !important;
    color: white !important;
}

.compelete-pv {
    background-color: #828282!important;
    color: white!important;
}

.incorect-pv {
    background-color: #ff9800!important;
    color: white!important;
}

.uploaded-pv {
    background-color: #8d8c8c!important;
    color: white!important;
}
.complete-expert {
    background-color: #ef9716!important;
    color: white!important;
}

.dir-ltr {
    direction: ltr;
}

.guid {
    font-size: 12px;
    height: 130px;
}

.list-con {
    height: 35px;
    padding: 9px 0;
}

.set_font {
    font-size: 12px;
}

#uploadProgress {
    display: none;
    background: #1cd73c;
    color: white;
    height: 15px;
    width: 0;
    position: relative;
    margin-top: 50px;
    border-radius: 7px;
    text-align: center;
}

.add-users_client {
    display: none;
    background: white;
    box-shadow: 1px 5px 11px -2px #00000021;
    text-align: center;
    padding: 40px;
    margin: auto;
    width: 50%;
    position: relative;
    float: none;
}

#my_user {
    list-style: none;
}

#clientmyUL {
    margin-top: 15px;
    height: 300px;
    overflow-y: auto;
    text-align: right;
    padding: 20px;
    list-style: none;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
}
#clientmyUL li{
    display: block;
    float: none;
    margin: auto;
    width: 100%;
    height: 25px;
}
.mob-menu-pv{
    display: none;
}
.menu-head-mob{
    display: block;
    height: 50px !important;
    padding: 0!important;
    width: auto!important;
    float: left;
}
#menu-labs-new {
    float: right;
    display: block;
    height: 100%;
    width: 55px;
    text-align: right;
    font-size: 29px;
    line-height: 1.7;
    color: white;
    padding: 3px 7px 0 0;
    margin: auto;
}
.img-logo-not{
    display: block;
    height: 35px;
    padding: 4px 0px;
    width: 80px;
    float: right;
}
.text-basket{
    display: block;
    min-height: 35px;
    padding: 7px 4px 7px 0;
    overflow: hidden;
    width: calc(100% - 80px);
    float: right;
}
.word-basket, .price-basket {
    display: block;
    float: right;
    direction: rtl;
    height: 35px;
    padding: 4px 0;
    width: 50%;
}
.box-top-basket{
    display: inline-block;
    width: 100%;
    height: auto;
}
.img-logo-not img{
    max-width: 80px;
    max-height: 44px;
}
.shop-show{
    display: block;
}
@media only screen and (max-width: 600px) {
    .list-menu,.right-menu{
        display: none;
    }
    .mobile-menu{
        display: block;
    }
    .head-logo img {
        width: 100%;
        height: auto !important;
    }
    .list-menu ,.header{
        padding: 0 !important;
    }
    .main-container{
        padding: 0 !important;
    }
    .list-menu li {
        text-align: right;
        padding: 10px 25px;
        background: #f7f7f7 !important;
        color: #888 !important;
    }
    .head-text{
        padding: 0 10px 0 0;
    }
    .right-menu{
        height: 100%;
    }
    .left-main,.li-pv{
        padding: 0;
    }
    .rec{
        padding: 8px;
    }
    .main-pg {
        padding: 10px 0 !important;
    }
    .mob-menu-pv{
        display: block;
    }
    .mob-menu-pv i{
        font-size: 40px;
        color: white;
        padding: 15px;
    }
    .head-ul{
        display: none;
        width: 300px;
        position: absolute;
        color: black;
        height: 300px;
        background-color: #E44332;
        z-index: 2;
        padding: 0 25px;
    }
    .head-ul li{
        width: 100%;
    }
    .menu-head-mob{
        display: block !important;
    }
}
.no-float{
    float: unset;
}
#btn-forg ,#btn-back{
 width: 50%;
}
#btn-back{
    background: #ed8300;
}
#forgot_password{
    height: 330px;
}
.hasan-pv{
    background: #03a9f4;
    width: 17px;
    height: 17px;
    display: inline-block;
    text-align: center;
    padding: 0px;
    border-radius: 50%;
    border: 1px solid white;
}
.not-div,.not-div2 {
    display: none;
    float: unset;
    width: 250px;
    background: #ffffff;
    /*min-height: 100px;*/
    position: absolute;
    /*height: 100%;*/
    box-shadow: 1px 9px 20px -8px #00000070;
    border-radius: 0 0 5px 5px;
    z-index: 9;
    left: 0;
    top: 50px;
    float: left;
}
.not-div2 .not-list{
    max-height: 330px;
    overflow: auto;
}
.not-list{
    display: block;
    height: 100%;
    width: 100%;
    padding: 15px;
    position: relative;
}
#set_project{
    text-align-last: right;
    text-align: right;
}
.not-list li{
    list-style: none;
    display: block;
    width: 100%;
    min-height: 23px;
    max-height: 100%;
    overflow-wrap: anywhere;
    padding: 4px 8px;
    text-align: right;
    direction: rtl;
    font-size: 12px;
    border-bottom: 1px solid #e44332;
    line-height: 2;
}
a:focus, a:hover {
    color: unset;
    text-decoration: none;
}
#close-icons{
    font-size: 23px;
}