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

@font-face {
    font-family: 'IRANSansWeb';
    src: url('../fonts/IRANSansWeb(FaNum).eot');
    src: local("☺"), url('../fonts/IRANSansWeb(FaNum).woff') format("woff"), url('../fonts/IRANSansWeb(FaNum).ttf') format("truetype");
    font-weight: normal;
    font-style: normal;
}

html, body {
    border: 0px;
    margin: 0px;
    padding: 0px;
    border-spacing: 0px;
    direction: rtl;
    background-color: whitesmoke;
    font-size: 13px;
}

* {
    font-family: IRANSansWeb,BYekan,Arial,Tahoma;
    font-size: 13px;
    padding: 0;
    border-spacing: 0px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-left: 0px;
    margin-right: 0px;
    text-align: right;
}

h1 {
    font-size: 16px;
    font-weight: bold;
    display: block;
    text-align: right;
}

h2 {
    font-size: 16px;
    display: block;
    text-align: center;
    line-height: 25px;
}

#wrapper {
    display: inline-block;
    width: 100%;
}

#Content {
    display: grid;
    margin: auto;
    min-height: 500px;
}

table {
    vertical-align: top;
    text-align: right;
}

a {
    text-decoration: none;
}

#ShopCenter {
    display: table;
    text-align: center;
    max-width: 4000px;
}

.Message {
    line-height: 35px;
}
    .Message span {
        display: table;
        font-size: 16px;
        font-weight: bold;
        color: #5948DF;
        overflow-wrap: anywhere;
        margin: auto;
    }

.PanelRecord {
    background-color: white;
    border-radius: 10px;
    padding: 15px;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 15px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}

.LoginPanel 
{
    max-width:300px;
    margin:auto;
    margin-top:25px;
}
.SiteTextBox {
    border-radius: 5px;
}
.SiteComboBox {
    border-radius: 5px;
}
.DevExpressButton {
    border-radius: 5px;
}


.HeaderSiteTitle
{
    display: table;
    float: right;
}
.HeaderSiteTitle span
{
        display: table;
        margin: auto;
        margin-top: 15px;
        margin-right: 20px;
    }

.ErrorPage
{
    margin-top: 20px;
}
.ErrorDescription 
{
    text-align:center;
    line-height:40px;
}
.ErrorDescription span, .ErrorDescription span a {
        font-size: 16px;
        font-weight: bold;
        color: #054a00;
    }
.DetailPanel {
    max-width: 400px;
    width:100%;
    border: solid 1px #9F9F9F;
    border-radius: 5px;
}

.DetailPanelRow {
    width: 100%;
    padding: 10px;
}

.DetailPanel span {
    color: #922806;
    font-weight: bold;
}
.FormCaption {
    line-height: 30px;
    text-align: center;
}
.FormCaptionHeader {
    border-bottom: 5px dotted #922806;
    display: inline-flex;
    margin-top: 15px;
    margin-bottom: 25px;
}
    .FormCaptionHeader span, h1, h2, a {
        font-weight: bold;
        padding-bottom: 10px;
        overflow-wrap: anywhere;
        text-align: center;
    }

    .FormCaptionHeader span, h1 {
font-size:18px;
    }


.PanelMobile 
{
    max-width: 900px;
    margin: auto;
}


.ButtonRow {
    margin-top: 10px;
}
.ButtonCell {
    margin-left: 10px;
    float: right;
}


.PopCommandRow 
{
    padding-left: 15px;
    min-height: 45px;
    display: table;
}


.PanelList {
    margin-top: 10px;
}
.PanelItem {
    margin: 15px 5px 5px 5px;
}


    .PanelCustomerProfile {
        max-width: 700px;
    }

.HeadLinePanel {
    margin-right: 15px;
    line-height: 30px;
}

.HeadLine {
    margin-bottom: 10px;
    margin-top: 5px;
    border-bottom: 2px solid #f87c1d;
    display: inline-flex;
}

    .HeadLine span {
        color: #922806;
        font-weight: bold;
        overflow-wrap: anywhere;
        text-align: right;
    }

    .HeadLine h1 {
        color: #922806;
        font-weight: bold;
        overflow-wrap: anywhere;
        text-align: right;
    }

    .HeadLine h2 {
        color: #922806;
        font-weight: bold;
        overflow-wrap: anywhere;
        text-align: right;
    }

    .HeadLine a {
        color: #922806;
        font-weight: bold;
        overflow-wrap: anywhere;
        text-align: right;
    }

.DesktopPanel {
    margin: auto;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 10px;
}

.DesktopPanelView {
    background-color: white;
    min-height: 128px;
    text-align: center;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 20px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}

.DesktopImage {
    max-width: 64px;
    height: auto;
    display: inline-block;
    width: auto;
    min-width: 64px;
    border-radius: 10px;
}

.DesktopPanelInformations {
    display: inline-block;
    width: 100%;
}

.DesktopPanel {
    text-align: center;
    margin: 10px 5px 5px 5px;
    height: 40px;
}

.DesktopSpan {
    color: #922806;
    font-weight: bold;
    line-height: 30px;
}

.PanelAdminLocation
{
    margin: 10px;
}

.PanelAdmin {
    background-color: white;
    border-radius: 10px;
    padding: 15px;
    margin: auto;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}

.BankAccountPanel 
{
    margin-bottom: 15px;
}



.ItemCaption {
    line-height: 30px;
    text-align: right;
}

.ItemCaptionHeader {
    margin-bottom: 15px;
    margin-top: 0px;
    border-bottom: 2px solid #f87c1d;
    display: inline-flex;
    text-align: right;
}

    .ItemCaptionHeader span, h1, a {
        padding-bottom: 5px;
        overflow-wrap: anywhere;
        text-align: right;
    }

.BtnYes 
{
    float: right;
    text-align: right;
}
.BtnNo
{
    float: left;
    text-align: left;
}



.dxmLite_iOS, .dxmLite_iOS .dxm-item a.dx {
    color: #0088f7 !important;
}

.dxcvTable_iOS {
    background-color: transparent;
}
.dxcvSearchPanel_iOS
{
    padding: 0px 0px 5px 0px;
}
    .dxcvSearchPanel_iOS > table {
        width: 100%;
        max-width: 4000px;
        margin-right: 5px;
    }
.dxcvControl_iOS, .dxcvDisabled_iOS {
    background-color: transparent;
}

    .dxcvControl_iOS .dxcvEMBC {
        padding: 10px;
    }

        .dxcvControl_iOS .dxcvEMBC span {
            font-size: 20px;
            font-weight: bold;
            word-break: break-word;
            color: #054a00;
        }
.dxeTAL.dxeBase_iOS .dxichTextCellSys, .dxeTAR.dxeBase_iOS[dir='rtl'] .dxichTextCellSys {
    padding: 0px;
}
.dxeRadioButtonList_iOS[dir='rtl'] td.dxe, .dxeCheckBoxList_iOS[dir='rtl'] td.dxe {
    padding: 20px 0px;
}
.dxcvCard_iOS, .dxcvFlowCard_iOS, .dxcvBreakpointsCard_iOS, .dxcvEmptyCard_iOS {
    border: none;
    background-color: transparent;
    height: auto;
    padding: 5px;
}
.dxm-rtl {
    direction: rtl;
}
.dxpnlControl_iOS {
    border: none;
}
.dxmLite_iOS .dxm-popup {
    background-color: White;
    border: none;
}
    .dxmLite_iOS .dxm-popup .dxm-hovered, .dxmLite_iOS .dxm-popup .dxm-hovered a.dx {
        background-color: White;
    }
        .dxmLite_iOS .dxm-popup .dxm-selected, .dxmLite_iOS .dxm-popup .dxm-hovered.dxm-selected, .dxmLite_iOS .dxm-popup .dxm-hovered.dxm-selected a.dx, .dxmLite_iOS .dxm-popup .dxm-checked, .dxmLite_iOS .dxm-popup .dxm-hovered.dxm-checked, .dxmLite_iOS .dxm-popup .dxm-hovered.dxm-checked a.dx {
            background-color: White !important;
        }
.dxpcLite_iOS .dxpc-header, .dxdpLite_iOS .dxpc-header {
    border-radius:10px;
}
.dxpcLite_iOS .dxpc-mainDiv, .dxpcLite_iOS.dxpc-mainDiv, .dxdpLite_iOS .dxpc-mainDiv, .dxdpLite_iOS.dxpc-mainDiv {
    border-radius: 10px;
}
.dxpcLite_iOS .dxpc-content, .dxdpLite_iOS .dxpc-content
{
    padding:10px;
}
.dxpc-content
{
    height:unset;
}
.dxmLite_iOS.dxm-side-menu-mode .dxm-item, .dxmLite_iOS.dxm-side-menu-mode .dxm-item .dxm-content {
    color: #922806 !important;
}
.dxmLite_iOS .dxm-main .dxm-checked, .dxmLite_iOS .dxm-main .dxm-selected, .dxmLite_iOS .dxm-main .dxm-checked.dxm-hovered, .dxmLite_iOS .dxm-main .dxm-selected.dxm-hovered {
    background-color: White !important;
    color: #007BF7;
}
.dxnbLite .dxnb-content {
    border: none;
}
.dxbButton_iOS div.dxb {
    padding: 5px 10px 5px 10px;
    text-align: center;
}
.dxnbLite .dxnb-header, .dxnbLite .dxnb-headerCollapsed {
    background-color: White;
    border: 1px solid white;
    padding: 5px 5px;
    white-space: normal;
    border-radius: 10px;
}
*[class*="dxeBase"] label {
    padding-right: 5px;
    line-height: 30px;
}
.dxgvDetailRow_iOS.dxgvADR .dxgvADT > tbody > tr > td {
    padding: 10px;
    line-height:25px;
}
.dxmLite_iOS.dxm-side-menu-mode .dxm-hovered {
    background-color: White !important;
}

.dxmLite_iOS .dxm-main {
    border: none;
}
.dxmLite_iOS.dxm-side-menu-mode .dxm-selected, .dxmLite_iOS.dxm-side-menu-mode .dxm-checked, .dxmLite_iOS.dxm-side-menu-mode .dxm-selected .dxm-content, .dxmLite_iOS.dxm-side-menu-mode .dxm-checked .dxm-content {
    background-color: White !important;
    border: none;
}
.dxmLite_iOS.dxm-side-menu-mode .dxm-side-menu-button > div, .dxmLite_iOS.dxm-side-menu-mode .dxm-side-menu-button > div:before, .dxmLite_iOS.dxm-side-menu-mode .dxm-side-menu-button > div:after {
    background-color: White;
}
.dxmLite_iOS.dxm-side-menu-mode .dxm-slide-panel .dxm-main, .dxmLite_iOS.dxm-side-menu-mode .dxm-slide-panel .dxm-popup {
    background-color: White;
}
.dxgvFilterRow_iOS td.dxgv {
    padding: 5px;
}
.dxgvEditFormDisplayRow_iOS td.dxgv, .dxgvDetailCell_iOS td.dxgv, .dxgvDataRow_iOS td.dxgv, .dxgvDetailRow_iOS.dxgvADR td.dxgvAIC {
    padding: 5px;
}
.dxgvPagerTopPanel_iOS, .dxgvPagerBottomPanel_iOS {
    padding: 5px 5px 0px 5px;
}
.dxheStatusBar_iOS {
    padding: 7px 6px !important;
}
.dxtbControl_iOS {
    padding: 5px;
}
.dxgvControl_iOS, .dxgvDisabled_iOS {
    border: 1px solid #dedede;
}
.dxgvHeader_iOS {
    padding: 10px;
}
.dxmLite_iOS.dxm-side-menu-mode .dxm-bread-crumbs > span {
    font-weight: bold;
}
.dxmLite_iOS.dxm-side-menu-mode .dxm-side-menu-button {
    background-color: White;
    background-image: url(/ProgramImage/Menu.png);
    width: 32px;
    height: 32px;
    margin: 10px;
}
.dxmLite_iOS.dxm-side-menu-mode .dxm-slide-panel {
    right: 0px;
    min-width: 275px;
    background-color: White;
}
.dxmLite_iOS.dxm-side-menu-mode .dxm-content {
    border: none;
}
.dxmLite_iOS.dxm-rtl .dxm-popup .dxm-content span {
    font-weight: bold;
}
span.dx-vam, span.dx-vat, span.dx-vab, a.dx-vam, a.dx-vat, a.dx-vab {
    margin-right: 10px;
    text-align: center;
    line-height: 25px;
    color:black;
}

.dxe .dxeTAL .dxichTextCellSys label, .dxe span.dxichCellSys.dxeTAL label, *[dir='rtl'] .dxe .dxeTAR .dxichTextCellSys label, *[dir='rtl'] .dxe span.dxichCellSys.dxeTAR label, .dxe .dxeTAL.dx-acc-r .dxichTextCellSys > span:not([id]), .dxe span.dxichCellSys.dxeTAL.dx-acc-r > span:not([id]), *[dir='rtl'] .dxe .dxeTAR.dx-acc-r .dxichTextCellSys > span:not([id]), *[dir='rtl'] .dxe span.dxichCellSys.dxeTAR.dx-acc-r > span:not([id]) {
    margin-left:0px;
}
.dxe .dxichTextCellSys img, .dxe .dxichTextCellSys img
{
    padding-right:0px;
}
.dxeTAR.dxeBase_MaterialCompact .dxichTextCellSys, .dxeTAL.dxeBase_MaterialCompact[dir='rtl'] .dxichTextCellSys
{
    padding: 10px 0px 0px 0px;
}
.dxeBase_MaterialCompact .dxichCellSys, .dxeBase_MaterialCompact.dxichCellSys 
{
    padding: 10px 0px 0px 0px;
}
.dxeTAL.dxeBase_MaterialCompact .dxichTextCellSys, .dxeTAR.dxeBase_MaterialCompact[dir='rtl'] .dxichTextCellSys
{
    padding:8px 0px 0px 0px;
}

.dxgvControl_iOS a
{
    line-height:30px;
}
.dx-wrap, span.dx-wrap {
    line-height: 25px;
}
.dxm-item dxm-noSubMenu dxm-hovered dxh1h {
    color: #0088f7 !important;
}
.dxbButton_iOS.dxb-outline 
{
    background: #0f7bf5;
    border-color: unset;
    color: black;
    font-weight: bold;
}
.dxbButton_iOS.dxb-outline  :hover {
    color: black;
}
.dxnbLite_iOS .dxnb-itemSelected, .dxnbLite_iOS .dxnb-itemSelected a, .dxnbLite_iOS .dxnb-largeSelected, .dxnbLite_iOS .dxnb-largeSelected a
{
font-weight:bold;
}

.dxcaControl_MaterialCompact .dxca-imageDiv {
    background-color: #922806 !important;
}