/*
به نام خدای توسعه دهندگان
developed by Mojtaba.Amalian.ir
tel:+989214954734
 */
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('https://warehouse.ferfere.com/assets/font/eot/IRANSansWeb_Bold.eot');
    src: url('https://warehouse.ferfere.com/assets/font/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('https://warehouse.ferfere.com/assets/font/woff2/IRANSansWeb_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('https://warehouse.ferfere.com/assets/font/woff/IRANSansWeb_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('https://warehouse.ferfere.com/assets/font/ttf/IRANSansWeb_Bold.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('https://warehouse.ferfere.com/assets/font/eot/IRANSansWeb_Medium.eot');
    src: url('https://warehouse.ferfere.com/assets/font/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('https://warehouse.ferfere.com/assets/font/woff2/IRANSansWeb_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('https://warehouse.ferfere.com/assets/font/woff/IRANSansWeb_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('https://warehouse.ferfere.com/assets/font/ttf/IRANSansWeb_Medium.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('https://warehouse.ferfere.com/assets/font/eot/IRANSansWeb_Light.eot');
    src: url('https://warehouse.ferfere.com/assets/font/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('https://warehouse.ferfere.com/assets/font/woff2/IRANSansWeb_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('https://warehouse.ferfere.com/assets/font/woff/IRANSansWeb_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('https://warehouse.ferfere.com/assets/font/ttf/IRANSansWeb_Light.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url('https://warehouse.ferfere.com/assets/font/eot/IRANSansWeb_UltraLight.eot');
    src: url('https://warehouse.ferfere.com/assets/font/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('https://warehouse.ferfere.com/assets/font/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('https://warehouse.ferfere.com/assets/font/woff/IRANSansWeb_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('https://warehouse.ferfere.com/assets/font/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('https://warehouse.ferfere.com/assets/font/eot/IRANSansWeb.eot');
    src: url('https://warehouse.ferfere.com/assets/font/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('https://warehouse.ferfere.com/assets/font/woff2/IRANSansWeb.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('https://warehouse.ferfere.com/assets/font/woff/IRANSansWeb.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('https://warehouse.ferfere.com/assets/font/ttf/IRANSansWeb.ttf') format('truetype');
}


:root {
    --titleColor: #6C757D;
    --codeNumber: #007BFF;
    --deleteIcon: #FF7E7E;
    --namojood: #DC3545;
    --backgroundNa: #FAE7E3;
    --backLineTable: #F2F2F2;
    --tableStroke: #CED4DA;
    --negativeNumber: #FF7D04;
    --white: #FFFFFF;
    --background: #FDFDFD;
    --button: #00A01D;
    --buttonStroke: #17A2B8;
    --buttonFilter: #343A40;
    --Yellow: #F9D121;
    --magenta: #FF6146;
    --purple: #4C166C;
    --purple2: #C10C15;
    --peurple3: #EC9E2A;
    --warning: #E06D02;
    --purple6: #ed148c;
}
* {
    font-family: 'IRANSans' !important;

}
.namepd {
    min-width: 31rem;
    text-align: right;
}

input.tabledit-input.form-control.input-sm {
    max-width: 5.7rem;
    border: none !important;
    padding: 0;
    margin: 0;
    font-size: unset;
    text-align: center;
}
input.tabledit-input.form-control.input-sm:focus-visible {
    border: none !important;
}
:focus-visible {
    outline: unset !important;
}
[contenteditable="true"] {
    cursor: pointer;
}
[contenteditable="true"]:focus {

}
.focus {
    background-color: #ffffff !important;
    box-shadow: inset 0px 0px 0px 1px #abc0df;
    color: #084298;
}
.rowbox{
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    column-gap: 10px;
    row-gap: 1em;
    padding: 1rem;
}
@media (max-width: 765px) {
    .rowbox {
    grid-template-columns: repeat(1, 1fr)  !important;
    }
}
.brda{
border: 1px solid #8080801a;
    border-radius: 6px;
}
body {
    direction: rtl;
    padding: 13.5px 8px 18px 0;
    background-color: #fff;
}

.namojod {
    background-color: #FAE7E3 !important;
}
.open-modal {

}
.pdpic {

}

.pdpic img {
    visibility: hidden;
    width: 150px;
    border: 1px black;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    margin-top: 1.2rem;
    z-index: 2;
    border-style: solid;
}

.pdpic:hover img {
    visibility: visible;
}



table {
    border-spacing: unset;
    -webkit-border-horizontal-spacing: unset;
    -webkit-border-vertical-spacing: unset;
    font-family: IRANSans;
    border-collapse: collapse;
    border-radius: 1em !important;
    width: 100%;
    border: 1px solid #dddddd;
    float: right;
    font-size: 14px;
}

td, th {
    text-align: center;
    padding: 8px;
    min-height: 2rem;
    border-width: 1px !important;
    color: black;
    border-color: #3e3e3e;
}


tr:nth-of-type(odd) {
    background-color: #f2f2f2;
}

tr:nth-of-type(even) {
    background-color: #ffffff;
}
thead tr {
    background-color: #1b788d !important;
}
a {
    color: #363636 !important;
}
th {
    color: white;
    border-color: #2c2c2c;
    border-width: 2px !important;
}
.tdregi {
    background-color: #d1cece;
}

.minw3 {
    min-width: 3rem !important;
}
.minw4 {
    min-width: 4rem !important;
}
.minw5 {
    min-width: 5rem !important;
}
.minw6 {
    min-width: 6rem !important;
}
.minw7 {
    min-width: 7rem !important;
}
.minw8 {
    min-width: 8rem !important;
}

.minw9 {
    min-width: 9rem !important;
}

.minw10 {
    min-width: 10rem !important;
}
.minw11 {
    min-width: 11rem !important;
}
.minw12 {
    min-width: 12rem !important;
}
.minw20 {
    min-width: 20rem !important;
}
/*
.minw4{
        min-width: 4rem  !important;
}
*/
.minw35 {
    min-width: 35rem !important;
}
.minw40 {
    min-width: 40rem !important;
}
.bold {
    font-weight: bold;
}

.inline {
    display: inline-block;
    float: right;
    margin: 20px 0px;
}
input, button, select {
    height: 34px;
}
input, select {
    border-radius: 6px;
    border: solid 1px #ced4da;
    background-color: #fff;
    color: #6C757D;
    font-size: 12px;
}
.pagination {
    position: absolute;
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    height: auto;
}
.pagination a {
    color: black;
    padding: 8px 16px;
    text-decoration: none;
    border: none;
    border-radius: 5px;
    background-color: #f2f2f2;
    margin: 4px;
}
.pagination a.active {
    background-color: var(--tableStroke);
    border: none;
}
.pagination a:hover:not(.active) {
    background-color: skyblue;
}

label {
    font-size: 14px;
}

.btnReload {
    float: right;
    height: 44px;
    margin: 35px 14px 13px 138px;
    padding: 10px 7.4px 10.5px 7.2px;
    border-radius: 8px;
    border: solid 1px #17a2b8;
    background-color: var(--white);
}
.btnReload span {
    margin: 0 5.5px 0px 0;
    color: #17a2b8;
    font-size: 13px;
}
.inputFind {
    width: auto;
    height: 44px;
    margin: 23px 20px 13px;
    padding: 10px 11.9px 10px 37.7px;
    border-radius: 8px;
    border: solid 1px #ced4da;
    background-color: #fff;
}
.inputFindText {
    text-align: right;
    color: #6c757d;
    margin-right: 2rem;
    position: absolute;
    margin-top: 3rem;
    font-size: 13px;
}

.inputFindIcon {
    margin-top: 1.89rem;
    position: absolute;
    margin-right: 46rem;
    border: none;
    background-color: unset;
}

.filterBox {
    width: 98%;
    min-height: 92px;
    margin: 8px 11px 17px;
    object-fit: contain;
    border-radius: 8px;
    border: solid 1px #ced4da;
    background-color: #fdfdfd;
}
.iconGoshzadBox {
    width: 45px;
    height: 8px;
    margin: 14px 5px 5.5px 5.5px;
    border-radius: 8px;
    float: right;
}
.iconGoshzadCell {
    width: 45px;
    height: 14px;
    border-radius: 8px;
    margin-right: 6px;
}
.goshzadBox {
    float: left;
}
.csvUploadBox {
    float: right;
}
.c {
    clear: both;
}
.r {
    float: right;
}
.l {
    float: left;
}
.filterBox input, select {

}

.g0 {
    background-color: ghostwhite;
}
.g1 {
    background-color: var(--Yellow);
}
.g2 {
    background-color: var(--peurple3);
}
.g3 {
    background-color: var(--warning);
}
.g4 {
    background-color: var(--purple2);
}
.g5 {
    background-color: var(--purple);
}
.g6 {
    background-color: var(--purple6);
}

.bgvaziat-4 {
    background-color: #41ff843b
}
.bgvaziat-3 {
   background-color: #7ccb9854;
}
.bgvaziat-2 {
    background-color: #ff050585;
}
.bgvaziat-1 {
    background-color: #daecff;
}
.iconGoshzadBox span {
    color: #fff;
    background-color: black;
    top: 1rem;
    visibility: hidden;
    margin-right: -10rem;
    border-radius: 4px;
    padding: 6px;
    display: inline-block;
    position: relative;
    width: 18rem;
}

.iconGoshzadBox:hover span {
    visibility: visible;
}

.iconGoshzadBox:hover:before {
    border: solid;
    border-color: #000 transparent;
    border-width: 0px 14px 9px;
    content: "";
    left: -10%;
    position: relative;
    z-index: 99;
    top: -9px;
}

.f8px {
    font-size: 8px !important;
}
thead {
    position: sticky;
    top: 0px;
    z-index: 1;
}
.mr1rm {
    margin-right: 1.2rem;

    margin-top: -13px;
    color: #6C757D;
}

.btnFilter {
    width: 111px;
    height: 44px;
    padding: 13.5px 20.2px 10.5px 41.8px;
    border-radius: 8px;
    background-color: var(--buttonFilter);
    color: white;
    font-size: 13px;
    margin-left: 1rem;
    position: relative;
    zoom: 0.9;
}
.btnUpload {
    border: solid 1px #17a2b8;
    color: white;
    min-width: 194px;
    height: 46px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 9px 19px;
    border-radius: 8px;
    background-color: #17a2b8;
    float: left;
    max-width: 10rem;
    margin-right: 1rem;
    font-size: 13px;
    cursor: pointer;
}
.inputFile {
    border-radius: 8px;
    border: solid 1px #17a2b8;
    background-color: unset;
    color: #17a2b8;
    width: 16rem;
    height: 46px;
    padding-top: 7px;
    padding-right: 5px;
}
.lblCho {
    height: 46px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 11px 19px;
    border-radius: 8px;
    border: solid 1px #17a2b8;
    margin-right: 77px;
    min-width: 11rem;
    text-align: center;
    color: #17a2b8;
}

.spanSave {
    visibility: hidden;
    position: initial;
    margin-top: -1.7rem;
    margin-right: 8.2rem;
    border-radius: 6px;
    background-color: #17a2b8;
    color: white;
    padding: 2px;
    cursor: pointer;
    float: left;
}


.Vector {
    width: 13px;
    height: 15px;
    cursor: pointer;
}
::selection {
    background-color: black;
    color: white;
}
.bodylogin {
    height: auto !important;
    background-color: #eaeaea;
    background-image: url('https://warehouse.ferfere.com/assets/img/pattern.png');
    background-position: center;
}
#login {
    width: 320px;
    padding: 1rem;
    margin: auto;
    margin-top: 8rem;
    color: black;
    border: 1px solid white;
    border-radius: 4px;
    background-color: #ffffff;
    min-height: 14rem;
    box-shadow: 0 0 6px rgb(0 0 0 / 30%);
}
.bodyloginForm {
    padding-bottom: 5px;
    text-align: center;
}
.headLoginForm {
    box-shadow: none;
    border-radius: 0 0 10px 10px;
    padding: 8px;
    background: #f84297;
    margin-top: -17px;
    text-align: center;
    color: white;
}
.loginBTN {
    background-color: #006fff;
    color: white;
    width: 6rem;
    font-size: large;
    margin-top: 1rem;
    cursor: pointer;
}
.formLogin {
    width: 10rem;
    margin-right: 4.4rem;
    margin-top: 1rem;
}
.headLoginForm, .bgferfere {
    background-image: url('https://warehouse.ferfere.com/assets/img/pattern.png'), linear-gradient(90deg, hsl(240, 100%, 45%), hsl(300, 100%, 50%));
    background-position: center;
    color: white;
    background-color: #eaeaea;
    background-blend-mode: multiply;
}
.boxshowmsg {
    background-image: url('https://warehouse.ferfere.com/assets/img/pattern.png'), linear-gradient(90deg, hsl(240, 100%, 45%), hsl(300, 100%, 50%));
    background-position: center;
    color: white;
    background-color: #eaeaea;
    background-blend-mode: multiply;
    margin: auto;
    text-align: center;
    width: 60%;
    padding: 1rem 1rem 0.5rem;
    margin-bottom: 1rem;
    border-radius: 6px;
    box-shadow: 0px 1px 4px 1px rgb(94 94 94 / 23%);
}
.boxshowmsg h3 {
    text-shadow: -4px 1px 1px #000000f7;
}
.boxshowmsg h3 a {
    color: white !important;
    text-decoration: none;
}
/* Track */
::-webkit-scrollbar-track {

}

.borderRight {
    border-right: 1px solid #2c2c2c;
    border-right-width: 2px !important;
}
.borderLeft {
    border-left: 1px solid #2c2c2c;
    border-left-width: 2px !important;
}
.etesalnist {
    width: 98%;
    height: 122px;
    margin: 16px 11px 17px;
    object-fit: contain;
    border-radius: 8px;
    border: solid 1px #ced4da;
    background-color: #fdfdfd;
    text-align: center;
    padding: 1rem;
}


.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.modalContent {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 100%;
    max-width: 62rem;
    overflow: hidden;
    border-radius: 6px;
}

.modalClose {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-top: -1.5rem;
    margin-right: -0.9rem;
}

.modalClose:hover,
.modalClose:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.btnReq {
    min-width: 81px;
    height: 24px;
    border-radius: 8px;
    margin-right: 6px;
    color: white;
    background-color: #343a40 !important;
    padding-top: 0px;
}
.btnSabt {
    border: solid 1px #17a2b8;
    color: white;
    height: 34px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 4px 12px;
    border-radius: 8px;
    background-color: #17a2b8;
    font-size: 15px;

}
.updown {
    position: absolute;
    top: 8px;
    width: 1rem;
    display: inline-block;
}
.updownActive {
    background-color: #ffffffc7;
    padding-top: 0px;
    padding-left: 1px;
    border-radius: 5px;
}
button.btn.btn-light.dropdown-toggle {
    color: #363636 !important;
    background-color: unset;
    border: unset;
    padding: 0px;
}
.haedmenulinkrangi {
    text-decoration: none;
    background-color: #0000000f;
    border-radius: 4px;
    padding: 5px;
}
.linkActive {
    text-decoration: none !important;
    border-bottom: 3px solid #fd4646 !important;
    color: #505050 !important;
    font-weight: bold;
    background-color: cornsilk !important;
}
a:hover {
    background-color: cornsilk;
}
.tdloading {
    height: 2.6rem !important;
}
.boxer {
    border: 1px solid #ced4da61;
    width: 19.7rem;
    height: 4.5rem;
    margin-right: 2px;
    border-radius: 6px;
    float: right;
    padding-top: 18px;
}
label input {
    margin-top: -7px;
    position: absolute;
    margin-right: -18px;
}
.divlabelCheckbox {
    float: right;
    margin-right: 0.4rem;
    margin-top: -2px;
    width: 11rem;
}
.divlabelCheckbox label {
    margin-right: 2rem;
}
ul.dropdown-menu {
    text-align: right;
    padding: 0px;
}
.dropdown-item:active {
    text-decoration: none;
    background-color: #c9c9c9 !important;
}
.dropdown-item:focus, .dropdown-item:hover {
    border-radius: 6px;
}
.dropdown-link-active {
    background-color: var(--bs-dropdown-link-hover-bg);
}
tr:hover {
    background-color: antiquewhite;
}
tr:focus-within {
    background-color: antiquewhite !important;
}
.click {
    padding: 10px;
}
.click .copy {
    background-color: rgba(0, 0, 0, .8);
    padding: 3px;
    border-radius: 12px;
    position: absolute;
    margin-top: -2px;
    width: 80px;
    cursor: pointer;
    color: #f7cc83;
    display: none;
    text-align: center;
}
.click:hover .copy {
    display: block;
}
#submitReplace {
    padding: 8px 10px;
    border-radius: 8px;
    border: solid 1px #17a2b8;
    text-align: center;
    color: #17a2b8;
    float: left;
    width: 6rem;
    font-size: 12px;
    margin-top: 1.13rem;
}

@media (min-width: 1659px) {
    .mini-shopping-cart .item {
        padding: 5px 20px;
    }

    .inputFindIcon {
        margin-top: 1.89rem;
        position: absolute;
        margin-right: 30rem;
        border: none;
        background-color: unset;
    }

    .frmFinder {
        min-height: 92px;
        margin: 15px 10px 22px;
        border-radius: 8px;
        border: solid 1px #ced4da;
        background-color: #fdfdfd;
        max-width: 46rem
    }

    .inputFind {
        width: 31rem !important;
    }

}
.frmFinder {
    min-height: 92px !important;
    margin: 15px 10px 22px;
    border-radius: 8px;
    border: solid 1px #ced4da;
    background-color: #fdfdfd;
    max-width: 61rem !important;
}
span.lineSaf {
    color: #ababab;
    font-size: 24px;
}

.dropdown:hover > .dropdown-menu {
    display: block !important;
}
.dropdown-submenu:hover > .dropdown-menu {
    display: block !important;
    left: 100%;
    margin-top: -37px;
}

.dropdown-item {
    font-size: small; /* 13px */
}
.dropdown-toggle::after {
    font-size: var(--font-md);
    margin-bottom: -2px;
}
.dropdown-menu li a.active {
    color: #fff;
}

.custom-toggle-arrow {
    font-size: 18px;
    margin-top: 1px;
    line-height: 12px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block !important;
    right: 99%;
    margin-top: -28px;
}
.float-end {
    float: left !important;
}
.dropdown-menu.show {
    display: block;
    transform: translate3d(-40%, 43px, 0px) !important;
}
.hide {
    display: none;
}
.show {
    display: block;
}



label {
    order: 2;
}

input {
    order: 1;
}
select {
    order: 1;
}