@font-face {
    font-family: 'Times New Roman';
    src: url('../fonts/TimesNewRoman.eot');
    src: local("☺"), url('../fonts/TimesNewRoman.woff') format("woff"), url('../fonts/TimesNewRoman.ttf') format("truetype");
    font-weight: normal;
    font-style: normal;
}
html, body {
    border: 0px;
    margin: 0px;
    padding: 0px;
    border-spacing: 0px;
    direction: ltr;
    background-color: #0C090A;
    font-size: 13px;
}
* {
    font-family: 'Times New Roman',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: left;
    color: #ffc000;
}
h1 {
    color: #ffc000;
    font-size: 16px;
    font-weight: bold;
    display: block;
    text-align: left;
}
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: 600px;
    -moz-box-shadow: 1px 1px 1px 1px rgb(204,204,204);
    -webkit-box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.11);
    box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.11);
}
table {
    vertical-align: top;
    text-align: left;
}
a {
    text-decoration: none;
}
#Header {
    background-image: -o-linear-gradient(top,#fff,#f2f2f2);
    display: block;
    min-height: 75px;
    background-color: #0C090A;
    -moz-box-shadow: 1px 1px 1px 1px rgb(204,204,204);
    -webkit-box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.11);
    box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.11);
    padding: 15px 10px 15px 10px;
    font-size: 16px;
    font-weight: bold;
}
#Logo {
    float: left;
}

#Logo img {
        max-width: 75px;
        max-height: 75px;
    }
#ShopCenter {
    margin: 0px 10px 15px 10px;
    display: table;
    text-align: center;
    max-width: 4000px;
}

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

.ProductRowAdmin 
{
    margin-top: 10px;
    margin-bottom: 10px;
}


.PersianDatePanel
{
    float: left;
    margin-right: 5px;
}
.PersianDatePanel span 
    {
        font-size: 25px;
        font-weight: bold;
    }
.PersianDatePanelColumn 
{
    float: left;
}



.LoginPanel 
{
    max-width:325px;
    margin:auto;
    margin-top:10px;
}
.LoginTerms 
{
    text-align: center;
    line-height: 30px;
}
.LoginTerms span a {
        font-weight: bold;
        color: #ffc000;
    }
.LoginTerms span {
        font-weight: bold;
    }
.LoginButtonPanel {
    margin-bottom: 10px;
}
.LoginChooseRole 
{
    line-height: 35px;
}
.LoginChooseRole span {
        display: table;
        font-size: 16px;
        font-weight: bold;
        color: #ffc000;
        overflow-wrap: break-word;
        margin: auto;
        margin-bottom: 10px;
        text-align: center;
}
.LoginChangeMobile
{
    float: left;
}
.LoginReapetSend 
{
    float: left;
}



.ColOperationCell {
    margin-left: 20px;
    float: left;
}


.SiteTextBox {
    border-radius: 5px;
    height:35px;
}

.SiteComboBox {
    border-radius: 5px;
}

.DevExpressButton {
    border-radius: 5px;
}


.InvoiceLabel {
    font-weight: bold;
    color: green;
    line-height: 25px;
}

.PanelInvoiceMessage {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.PanelInvoiceMessageInner {
    background-color: whitesmoke;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.PanelInvoiceMessage span {
    font-weight: bold;
}

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

.PanelInvoice {
    line-height: 30px;
}

    .PanelInvoice span {
        font-weight: bold;
    }

.PanelInvoiceSub {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid whitesmoke;
    border-radius: 5px;
    padding: 10px 10px 0px 10px;
}


.PaymentRow 
{
    border: solid 1px whitesmoke;
    padding: 10px;
    min-width: 275px;
    border-radius: 5px;
    font-weight: bold;
}


.InvoiceBank {
    color: #ffc000;
    font-weight: bold;
}

.InvoiceRow {
    line-height: 25px;
}

.InvoiceText {
    font-weight: bold;
}

.NextInvoice {
    float: right;
    width: 125px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.PanelNextInvoice {
    text-align: center;
    margin-top: 5px;
    padding: 10px;
    border-radius: 5px;
    background-color: #0C090A;
}

.LabelNextInvoice {
    font-size: 16px;
    font-weight: bold;
    color: white;
}


.PanelAddToCart {
    text-align: center;
    margin-top: 15px;
    padding: 10px;
    border-radius: 5px;
    background-color: #cf1e2b;
}

.AddToCart {
    font-size: 16px;
    font-weight: bold;
    color: white;
}

.PanelProductLink {
    margin-top: 15px;
}

.ProductLink {
    color: #ffc000;
    display: block;
}

.PanelImportantInformation {
    display: grid;
    margin-bottom: 15px;
    line-height: 30px;
    font-weight: bold;
    border: 1px solid #ffd700;
    border-radius: 5px;
    padding: 10px 5px 10px 5px;
    color: #ffc000;
}

.ImportantInformationRow {
    height: 50px;
}

.ImportantInformationImage {
    margin: 10px;
}

.PanelImportantInformationImage {
    float: right;
}

.PanelImportantInformationLable {
    float: right;
    padding-top: 10px;
}



.CustomerRowButton 
{
    padding: 5px 10px 5px 10px;
    height: 35px;
}
.CustomerRowButtonDelete {
    float: right;
    text-align: left;
}
.CustomerRowButtonLinkCart {
    float: left;
    text-align: left;
}




.FooterPanel {
    margin-right: 10px;
}

.FooterRow 
{
    padding: 5px;
    text-align: center;
    width: 100%;
    height: auto;
}


.PanelInvoiceProductDetail {
    max-width: 700px;
    margin: auto;
    line-height: 25px;
    margin-bottom: 5px;
    text-align: center;
    padding: 0px 10px 10px 10px;
}
.PanelInvoiceProductDetail span
{
        font-weight: bold;
 }


.PanelNumberOrder 
{
    height: 35px;
}
.PanelNumberOrder span {
        font-size: 17px;
    }
.PanelNumberOrderIncrease {
    width: 35px;
    float: right;
}
.PanelNumberOrderCenter {
    width: 35px;
    float: right;
    text-align: center;
}
.PanelNumberOrderDecrease {
    width: 35px;
    float: right;
    text-align: left;
}



.ProductCommandPanel {
    margin: auto;
    padding: 10px;
    text-align: center;
    max-width: 300px;
}

.ProductTotalLable {
    float: right;
    width: 150px;
    margin-left: 5px;
    margin-bottom: 10px;
}

.ProductTotalLableRow {
    height: 30px;
}

    .ProductTotalLableRow span {
        font-weight: bold;
        font-size: 16px;
    }

.ProductPriceCation {
    height: 25px;
}

    .ProductPriceCation span {
        font-weight: bold;
    }

.ProductNext {
    float: right;
    width: 130px;
}

.PanelProductNext {
    text-align: center;
    margin-top: 5px;
    padding: 10px;
    border-radius: 5px;
    background-color: #0C090A;
    line-height:25px;
}

.LabelProductNext {
    color: white;
    font-weight: bold;
}



.DisplayProductDetail {
    max-width: 2100px;
    margin: auto;
    margin-top:5px;
}

.DisplayProductChoose {
    max-width: 2100px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}


.PanelDisplayCategory {
    max-width: 1500px;
    margin: auto;
    margin-top: 20px;
}


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

@media only screen and (max-width: 1056px) {
    .HeaderSiteTitle {
        display: none;
    }

    #Header {
        display: none;
    }

    #Logo img {
        max-width: 100px;
        max-height: 100px;
    }
}


.ErrorDescription 
{
    line-height:35px;
    text-align: center;
    margin-top:15px;
}
.ErrorDescription span, .ErrorDescription span a {
        font-size: 16px;
        font-weight: bold;
        color: #ffc000;
    }
.CategoryErrorPage 
{
    max-width: 900px;
    margin: auto;
}


#FooterMenu
{
    padding: 10px;
    margin-top:15px;
}
#FooterMenu span {
        font-weight:bold;
        text-align: left;
        line-height: 25px;
    }
#FooterMenu a {
        font-weight: bold;
        text-align: left;
        line-height: 25px;
    }
#FooterMenu p {
        font-weight: bold;
        text-align: left;
        line-height: 25px;
        margin-bottom: 10px;
    }

.FooterTitle {
    line-height: 30px;
}
.FooterTitleHeader {
    margin-bottom: 15px;
    border-bottom: 2px solid #f87c1d;
    display: inline-flex;
}
    .FooterTitleHeader span {
        color: #f87c1d;
        font-weight: bold;
        padding-bottom: 10px;
        overflow-wrap: break-word;
        text-align: center;
    }


.SocialMediaIcon 
{
    margin-right: 10px;
}



.PanelDesktop 
{
    max-width: 1250px;
    margin: auto;
}
.PanelMobile 
{
    max-width: 750px;
    margin: auto;
}


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


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


.PanelChoose 
{
    padding: 5px;
}
.PanelChooseDisplayImage 
{
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.PanelChooseImage
{
    max-width: 100%;
    height: auto;
    display: inline-block;
    width: auto;
    min-height: 130px;
    min-width: 130px;
}


.PanelParentIntroduction 
{
    max-width: 1400px;
    margin: auto;
    margin-top:20px;
}
.PanelIntroduction {
    padding: 0px;
}
.PanelIntroduction span 
{
    font-weight:bold;
        display: block;
        text-align: center;
        line-height: 25px;
    }
.PanelIntroductionDisplayImage {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.PanelIntroductionImage {
    max-width: 64px;
    max-height:64px;
    height: auto;
    display: inline-block;
    width: auto;
}




.FormCaption {
    line-height: 30px;
    text-align: center;
}

.FormCaptionHeader {
    border-bottom: 2px solid #f87c1d;
    display: inline-flex;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .FormCaptionHeader span, h1, h2, a {
        font-weight: bold;
        padding-bottom: 10px;
        overflow-wrap: break-word;
        text-align: center;
    }



.StaticPostQuestion {
    line-height: 40px;
}
.StaticPostAnswer {
    display: block;
}
.StaticPostAnswer span {
        font-size: 16px;
        font-weight: bold;
        line-height: 40px;
    }
.StaticPostAnswer a {
        font-size: 16px;
        font-weight: bold;
        line-height: 40px;
    }
.StaticPostAnswer li {
        font-size: 16px;
        font-weight: bold;
        line-height: 40px;
    }
.StaticPostAnswer ul {
        font-size: 16px;
        font-weight: bold;
        line-height: 40px;
        padding-right: 20px
    }



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

    .HeaderStaticPost span {
        color: #ffc000;
        font-size: 16px;
        font-weight: bold;
        overflow-wrap: break-word;
    }



#DivArticle 
{
    word-break: break-word;
    line-height: 35px;
    margin: auto;
    margin-top: 10px;
    padding:10px;
}
#DivArticle ul {
        margin-right: 20px;
    }
    #DivArticle Table {
        margin-top: 20px;
        margin-bottom: 20px;
        border: 1px solid #ffc000;
        border-radius: 4px;
        color: #ffc000;
        line-height: 28px;
        text-align: justify;
        vertical-align: top;
        width: 99%;
        border-spacing: 1px;
    }
    #DivArticle td {
        padding: 5px;
        text-align: left;
        vertical-align: top;
        border: 1px solid #0C090A;
        background-color: #FFFFFF;
    }
    #DivArticle th {
        padding: 5px;
        border: 1px solid white;
        background-color: #0C090A;
        color: white;
        font-weight: normal;
    }
#DivArticle p {
        font-size: 16px;
        font-weight: bold;
        word-break: break-word;
        line-height: 35px;
    }
#DivArticle span {
        font-size: 16px;
        font-weight: bold;
        word-break: break-word;
        line-height: 35px;
    }
#DivArticle div {
        font-size: 16px;
        font-weight: bold;
    }
#DivArticle img {
        max-width: 100%;
        height: auto;
        display: inline-block;
        width: auto;
    }
#DivArticle video {
        max-width: 100%;
        height: auto;
        display: inline-block;
        width: auto;
    }



.BrandItemImage {
    max-width: 100%;
    height: auto;
    display: inline-block;
    width: auto;
    width:48px;
    height:48px;
    border-radius:5px;
}
.ProductItemSpan 
{
    font-weight: bold;
    line-height:25px;
}
.ProductItemPanel {
    margin: 0px 5px 5px 5px;
    height:40px;
}
.ProductItemBasePriceSalesSpan 
{
    font-size: 16px;
    font-weight: bold;
}
.ProductItemBasePriceSales {
    margin: 5px 0px 5px 10px;
    float: left;
}
.ProductItemPanelView {
    border: none;
    margin-bottom:15px;
}
.ProductItemPanelInformations {
    display: inline-block;
    width: 100%;
}



.SlideShowPanelView
{
    border: 1px solid whitesmoke;
}
.SlideShowImage {
    max-width: 100%;
    height: auto;
    display: inline-block;
    width: auto;
    min-height: 220px;
}
.SlideShowPanelInformations {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.SlideShowPanel {
    margin: 5px 10px 5px 0px;
    text-align: left;
}
.SlideShowSpan {
    color: #ffc000;
    font-weight: bold;
}
.SlideShowButtonPanel 
{
    padding: 5px 10px 5px 10px;
    height: 35px;
}
.SlideShowButtonRight {
    float: right;
    text-align: left;
}
.SlideShowButtonLeft {
    float: left;
    text-align: left;
}



.ShareSocialPanel {
    margin-top: 10px;
}
.ShareSocialPanelTitle {
height:35px;
    margin-bottom: 15px;
}
.ShareImagePanel {
    float: left;
    width: 40px;
}
.ShareSocialPanelTitleText {
    float: left;
    width: 200px;
    padding-top:5px;
}
.ShareSocialPanelTitleText span
{
    font-weight: bold;
}
.ShareSocialLink 
{
    font-size:16px;
    margin-right: 10px;
    margin-bottom:10px;
}



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



.PanelCategory 
{
    font-weight: bold;
    padding: 5px;
}
.PanelCategoryImage {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.PanelCategory span
{
    display: block;
    text-align: center;
    line-height: 25px;
}
.PanelCategoryImageSmall {
    width: 96px;
    height: 96px;
}




.TopPanelProduct {
    display: inherit;
    width: 100%;
}

.PanelSlideShowProduct {
    max-width: 600px;
    height: 600px;
    margin: auto;
}

.SlideShowProductImage {
    max-width: 100%;
    height: auto;
    display: inline-block;
    width: auto;
    border-radius: 5px;
}



.RowPrint {
    display:flex;
    width: 98%;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
    min-height: 30px;
    line-height: 30px;
    padding: 5px;
}

.CaptionPrint {
    float: left;
    min-width: 225px;
}

.ValuePrint {
    float: left;
}



.ProductDetailPanelView {
    border: 1px solid whitesmoke;
}
.ProductDetailImage {
    max-width: 100%;
    height: auto;
    display: inline-block;
    width: auto;
}
.ProductDetailPanelInformations {
    display: inline-block;
    width: 100%;
}
.ProductDetailPanel {
    margin: 10px 10px 0px 10px;
    text-align: left;
}
.ProductDetailSpan {
    color: #ffc000;
    font-size: 16px;
    font-weight: bold;
}
.ProductDetailPriceSales {
    margin: 15px;
    text-align: left;
    float: right;
}
.ProductDetailPriceSalesSpan {
    color: #ffc000;
    font-size: 16px;
    font-weight: bold;
}



.CartShopMoreRecordPanel {
    margin-top: 30px;
}

.CartShopMoreRecord {
    max-width: 175px;
    margin-top: 15px;
}

.CartShopMoreCell {
    float: right;
    width: 125px;
    padding-top:5px;
}

    .CartShopMoreCell span {
        font-weight: bold;
        color: #ffc000;
    }

.CartShopMoreCellNext {
    float: right;
    width: 45px;
}



.PanelEmptyCrat {
    margin: auto;
    text-align: center;
    padding: 10px 5px 10px 5px;
    border: 1px solid #f87c1d;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    border-radius: 5px;
    max-width: 1920px;
}

.PanelEmptyCratRow {
    margin: auto;
    margin-top: 15px;
    max-width: 300px;
    text-align: center;
}

    .PanelEmptyCratRow span {
        font-weight: bold;
    }

.PanelEmptyCratRowOffer {
    margin: auto;
    margin-top: 25px;
    max-width: 1920px;
    margin-bottom: 50px;
}
.CartMoreRecord {
    max-width: 125px;
    margin: auto;
    margin-top: 15px;
}
.CartMoreCell {
    height: 30px;
    text-align: center;
}
.CartMoreCell span {
        font-weight: bold;
        color: #ffc000;
    }
.CartPanel {
    max-width: 1056px;
    margin: auto;
}



.CartImage {
    max-width: 100%;
    height: auto;
    display: inline-block;
    min-width: 100px;
    border-radius: 5px;
}

.CartRecordImage {
    float: right;
    min-width:100px;
    max-width: 100%;
    width:29%;
}

.CartRecordDetail {
    line-height: 30px;
    margin-right: 15px;
    padding-left:10px;
    float: right;
    min-width: 200px;
    width:68%;
}

@media (max-width: 900px) and (min-width: 801px) {
    .CartRecordImage {
        width: 30%;
    }

    .CartRecordDetail {
        width: 65%;
    }
}

@media (max-width: 800px) and (min-width: 701px) {
    .CartRecordImage {
        width: 30%;
    }

    .CartRecordDetail {
        width: 63%;
    }
}

@media (max-width: 700px) and (min-width: 601px) {
    .CartRecordImage {
        width: 30%;
    }

    .CartRecordDetail {
        width: 60%;
    }
}

@media (max-width: 600px) and (min-width: 501px) {
    .CartRecordImage {
        width: 30%;
    }

    .CartRecordDetail {
        width: 57%;
    }
}

@media (max-width: 500px) and (min-width: 401px) {
    .CartRecordImage {
        width: 30%;
    }

    .CartRecordDetail {
        width: 55%;
    }
}

@media (max-width: 400px) and (min-width: 1px) {
    .CartRecordImage {
        width: 98%;
    }

    .CartRecordDetail {
        width: 95%;
    }
}

.CartRecordProduct {
    word-wrap: normal;
    color: #ffc000;
}

.CartRecordDescription {
    word-wrap: normal;
}

.CartRecordInfo {
    color: green;
    word-wrap: normal;
}

.CartRecordCountOrderPanel {
    height: 45px;
    padding-top: 5px;
}

.CartRecordCountOrderIncrease {
    width: 35px;
    float: right;
    margin-top:5px;
}

.CartRecordCountOrder {
    width: 40px;
    float: right;
    text-align: center;
}

.CartRecordCountOrderDecrease {
    width: 35px;
    float: right;
    text-align: left;
    margin-top: 5px;
}

.CartRow 
{
    height: auto;
    display: inline-block;
    border: solid 1px whitesmoke;
    width: 100%;
    border-radius:5px;
}

    .CartRow span {
        font-weight: bold;
    }

    .CartRow a {
        font-weight: bold;
    }
.CartRowInner {
    padding: 5px;
}





.DefaultPanelOffer 
{
    margin: auto;
    margin-top: 25px;
    max-width: 1920px;
    margin-bottom: 50px;
}




.CartCommandPanel {
    margin: auto;
    padding: 20px 5px 10px 0px;
    text-align: center;
    max-width: 295px;
}
.CartCommandPanel span {
        font-weight: bold;
    }
.CartTotalLable {
    float: right;
    width: 180px;
    margin-left: 5px;
}
.CartTotalLableRow 
{
    height: 30px;
}
.CartNext 
{
    float: right;
    width: 100px;
}
.PanelCartNext {
    text-align: center;
    margin-top: 5px;
    padding: 10px;
    border-radius: 5px;
    background-color: #0C090A;
}
.LabelCartNext {
    font-size: 16px;
    font-weight: bold;
    color: white;
}



.ChooseDetailCommandPanel 
{
    margin: auto;
    padding: 10px;
    text-align: center;
    max-width: 270px;
}
.ChooseDetailCommandPanel span 
{
        font-weight: bold;
    }
.ChooseDetailTotalLable 
{
    float: right;
    width: 150px;
    margin-left: 5px;
}
.ChooseDetailTotalLableRow 
{
    height: 30px;
}
.ChooseDetailNext 
{
    float: right;
}
.PanelChooseDetailNext 
{
    text-align: center;
    margin-top: 5px;
    padding: 10px;
    border-radius: 5px;
    background-color: #0C090A;
}
.LabelChooseDetailNext 
{
    font-size: 16px;
    font-weight: bold;
    color: white;
}





.PanelProductHelp {
    height: 65px;
    padding-top: 15px;
    padding-bottom: 15px;
}

    .PanelProductHelp span {
        font-weight: bold;
        color: #ffc000;
    }

.PanelProductHelpRow {
    float: right;
    min-width: 80px;
    width: 30%;
}

.PanelProductHelpInnerRow {
    text-align: center;
    margin-bottom:5px;
}




@media (max-width: 120px) and (min-width: 1px) {
    .PanelSlideShowProduct {
        max-width: 100px;
        height: 100px;
    }

    .SlideShowProductImage {
        height: 100px;
    }
}

@media (max-width: 220px) and (min-width: 121px) {
    .PanelSlideShowProduct {
        max-width: 200px;
        height: 200px;
    }

    .SlideShowProductImage {
        height: 200px;
    }
}

@media (max-width: 320px) and (min-width: 221px) {
    .PanelSlideShowProduct {
        max-width: 300px;
        height: 300px;
    }

    .SlideShowProductImage {
        height: 300px;
    }
}

@media (max-width: 420px) and (min-width: 1px) {
    .PanelSlideShowProduct {
        max-width: 400px;
        height: 400px;
    }

    .SlideShowProductImage {
        height: 400px;
    }
}

@media (max-width: 520px) and (min-width: 421px) {
    .PanelSlideShowProduct {
        max-width: 500px;
        height: 500px;
    }

    .SlideShowProductImage {
        height: 500px;
    }
}

@media (max-width: 2100px) and (min-width: 521px) {
    .PanelSlideShowProduct {
        max-width: 600px;
        height: 600px;
    }

    .SlideShowProductImage {
        height: 600px;
    }
}




.DesktopPanel {
    margin-bottom: 5px;
    width: 100%;
    border-bottom: 1px solid whitesmoke;
    padding-bottom: 5px;
}

.CustomerDesktop
{
    padding-right: 5px;
    padding-left: 5px;
}
.CustomerDesktopInvoice 
{
    max-width: 1200px;
}

    .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: #333;
        font-weight: bold;
        overflow-wrap: break-word;
        text-align: left;
    }

    .HeadLine h1 {
        color: #333;
        font-weight: bold;
        overflow-wrap: break-word;
        text-align: left;
    }

    .HeadLine h2 {
        color: #333;
        font-weight: bold;
        overflow-wrap: break-word;
        text-align: left;
    }

    .HeadLine a {
        color: #333;
        font-weight: bold;
        overflow-wrap: break-word;
        text-align: left;
    }


.Licenses {
    float: right;
    display: table;
}


.BankAccountPanel 
{
    margin-bottom: 15px;
}



.ItemCaption {
    line-height: 30px;
    text-align: center;
}
.ItemCaptionHeader
{
    margin-bottom: 15px;
    margin-top: 0px;
    border-bottom: 2px solid #f87c1d;
    display: inline-flex;
    text-align: center;
}
.ItemCaptionHeader span, h1, a 
{
    font-weight:bold;
        padding-bottom: 5px;
        overflow-wrap: break-word;
        text-align: center;
 }

.ProductCondition
{
    font-size: 16px;
    font-weight: bold;
    color: white;
}

.ProductBasePriceSales {
    font-size: 16px;
    font-weight: bold;
    color: white;
}



.PanelTopProductProperty {
    margin-bottom: 15px;
    margin-right: 5px;
}
.PanelProductCalculate {
    left: 5px;
    position: fixed;
    bottom: 70px;
    margin-left: 5px;
    background-color: #cf1e2b;
    padding: 10px;
    border-radius: 10px;
}
.PanelProductCalculateCaption {
    color: white;
    font-weight: bold;
    font-size: 16px;
}
.PanelProductCalculateCaptionRow {
    height: 30px;
}



.PanelLicense 
{
    margin: auto;
    display: table;
}
.PanelLicenseRecord 
{
    float: right;
}



.PanelSearch 
{
    max-width: 900px;
    margin: auto;
    margin-bottom: 10px;
    padding-left:5px;
    padding-right:5px;
}

.EmptCart 
{
    max-width: 375px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #0C090A;
    padding: 10px;
    border-radius: 20px;
    text-align: center;
}
.EmptCart span
{
        font-weight: bold;
        color: white;
        word-break: normal;
        word-wrap: break-word;
        line-height:25px;
}


.PanelMoreInformation {
    width: 100%;
    padding: 10px;
}
.ButtonMoreInformation {
    width: 150px;
    background-color: #0C090A;
    margin: auto;
    border-radius: 20px;
    text-align: center;
    padding: 10px;
}
.ButtonMoreInformation span {
        color: white;
        font-weight: bold;
    }


.ProductionDescription {
    line-height: 25px;
    font-weight: bold;
}
.ProductionDescriptionRow 
{
    padding: 5px 0px 5px 0px;
}


.Guarantee {
    margin-top: 10px;
    line-height: 30px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
}



.ChooseProductDetail {
    margin: auto;
    max-width: 300px;
    width: 100%;
    padding: 10px 0px 10px 0px;
}



.Choose {
    line-height: 25px;
}

    .Choose span {
        display: table;
        font-size: 16px;
        font-weight: bold;
        color: #ffc000;
        overflow-wrap: break-word;
        margin: auto;
    }

    .Choose img {
        max-width: 100%;
        height: auto;
        display: inline-block;
        width: auto;
        /*min-width: 100px;*/
        border-radius: 5px;
    }

.PanelListChoose {
    margin: auto;
    padding-left: 5px;
    padding-right: 5px;
    max-width: 2400px;
}


.BtnYes 
{
    float: right;
    text-align: left;
}
.BtnNo
{
    float: left;
    text-align: left;
}
.BtnYesNoRow 
{
    padding: 5px;
    height: 35px;
}
.PanelChooseContentImage
{
    max-height: 275px;
}
.PanelChooseContentLable {
    padding:5px;
}



.InvoiceCondition {
    text-align: center;
}

.InvoiceCondition {
    font-weight: bold;
}

    .InvoiceCondition img {
        max-width: 100%;
        height: auto;
        display: inline-block;
        width: auto;
        min-width: 100px;
        border-radius: 5px;
        
    }

.InvoiceConditionRow {
    height: 30px;
    text-align: center;
}




.InvoiceItemPanelView {
    float: right;
    padding: 0px 0px 0px 5px;
}

    .InvoiceItemPanelView img {
        max-width: 140px;
        height: auto;
        display: inline-block;
        width: auto;
        min-width: 100px;
        border-radius: 5px;
    }
.CustomerInvoice {
    border-bottom: 1px solid whitesmoke;
    width: 99.3%;
    margin-bottom: 10px;
}

    .CustomerInvoice span {
        font-weight: bold;
    }

.CustomerInvoiceInner {
    width: 100%;
    min-height: 115px;
    height: auto;
    display: inline-block;
    padding: 5px;
}

.CustomerInvoiceRow {
    width: 100%;
    padding: 5px;
}




.ShowProductImage {
    max-width: 100%;
    height: auto;
    display: inline-block;
    width: auto;
    min-width: 130px;
    border-radius: 5px;
}

.ShowProductSpan {
    font-weight: bold;
    line-height: 25px;
}

.ShowProductPanel {
    margin: 0px 5px 5px 5px;
    height: 40px;
}

.ShowProductBasePriceSalesSpan {
    font-size: 16px;
    font-weight: bold;
}

.ShowProductBasePriceSales {
    margin: 5px 0px 5px 10px;
    float: left;
}

.ShowProductPanelView {
    border: none;
    margin-bottom: 15px;
}

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



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

    .dxcvControl_iOS .dxcvEMBC {
        padding: 10px;
    }

        .dxcvControl_iOS .dxcvEMBC span {
            font-size: 20px;
            font-weight: bold;
            word-break: break-word;
            color: #ffc000;
        }
.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: #0C090A;
    height: auto;
    padding: 5px;
}
.dxpnlControl_iOS {
    border: none;
}
.dxmLite_iOS .dxm-popup {
    background-color: #0C090A;
    border: none;
}
    .dxmLite_iOS .dxm-popup .dxm-hovered, .dxmLite_iOS .dxm-popup .dxm-hovered a.dx {
        background-color: #0C090A;
    }
        .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: #0C090A !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;
}
.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: #0C090A !important;
}
.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: #0C090A;
    border: 1px solid white;
    padding: 5px 5px;
    white-space: normal;
    border-radius: 10px;
}

.dxpcLite_iOS .dxpc-footer, .dxdpLite_iOS .dxpc-footer {
    border-top: none;
    background-color:transparent;
}

*[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: #0C090A !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: #0C090A !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: transparent;
}
.dxmLite_iOS.dxm-side-menu-mode .dxm-slide-panel .dxm-main, .dxmLite_iOS.dxm-side-menu-mode .dxm-slide-panel .dxm-popup {
    background-color: #0C090A;
}
.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: #0C090A;
    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: #0C090A;
}
.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-left: 10px;
    line-height: 25px;
}

.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 8px 0px 3px;
}

.dxgvDetailRow_Office2010Black.dxgvADR .dxgvADT > tbody > tr > td
{
    color:#333;
}
.dxeListBox_Office2010Black td.dxeT, .dxeListBox_Office2010Black td.dxeMI
{
    color:#333;
}

.dxgvControl_iOS a {
    line-height: 30px;
}
.dx-wrap, span.dx-wrap {
    line-height: 25px;
}

.dxmLite_iOS.dxm-rtl .dxm-vertical .dxm-image-l .dxm-content, .dxmLite_iOS.dxm-rtl .dxm-vertical .dxm-image-r .dxm-content, .dxmLite_iOS.dxm-rtl .dxm-popup .dxm-content
{
    text-align:left;
}
.dxmLite_iOS .dxm-horizontal.dxmtb .dxm-image-l .dxm-content, .dxmLite_iOS .dxm-horizontal.dxmtb .dxm-image-r .dxm-content, .dxmLite_iOS .dxm-horizontal.dxmtb .dxm-image-l .dxm-subMenu .dxm-content, .dxmLite_iOS .dxm-horizontal.dxmtb .dxm-image-r .dxm-subMenu .dxm-content, .dxmLite_iOS .dxm-horizontal.dxmtb .dxm-image-t .dxm-content, .dxmLite_iOS .dxm-horizontal.dxmtb .dxm-image-b .dxm-content, .dxmLite_iOS .dxm-horizontal.dxmtb .dxm-image-t .dxm-subMenu .dxm-content, .dxmLite_iOS .dxm-horizontal.dxmtb .dxm-image-b .dxm-subMenu .dxm-content {
    float: left;
}

.dxmLite_iOS .dxm-item a.dx
{
    text-align:left;
}