/*#region LoginPage(_Public)*/

/*#region SignupSigninPopupModal*/

.Overlay_ToClosePopup {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0,0,0,.6);
    /*cursor: pointer;*/
    user-select: none;
    z-index: 100;
}


.ShowDetails /*, .Form_Input.ShowDetails*/ {
    border: 3px solid #f2f2f2 !important;
    font-size: 14px !important;
    height: 40px !important;
    text-align: right !important;
    padding: 7px !important;
    padding-right: 13px !important;
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    direction: rtl !important;
    background-color: white !important;
}

.Form_Input.EditableDropdownInPreview {
    height: 40px !important;
}

    .EditableDropdownInPreview ~ .DropDownArrow, .Form_Input.EditableDropdownInPreview ~ .DropDownArrow {
        cursor: pointer;
        position: absolute;
        left: 25px;
        top: 15px;
        width: 10px;
    }



@media screen and (min-width:501px) {
    .SignupSignin_PopUp {
        background-color: white;
        width: 800px;
        min-height: 0px;
        overflow: auto;
        position: fixed;
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        max-height: 90%;
        color: #4c4c4b;
        z-index: 200;
    }

    .Popup_RightCol {
        width: 55%;
        padding: 40px;
        position: relative;
        min-height: 1px;
        float: right;
    }

    .Popup_LeftCol {
        width: 45%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        float: left;
        /*position: sticky !important;*/
        /*top: 0 !important;*/
    }

    .Popup_RightCol_FirstPart {
        margin-bottom: 32px;
        box-sizing: content-box;
        color: #4c4c4b;
    }

    .Popup_RightCol_FirstPart_Txt {
        color: #4c4c4b;
        display: block;
        margin-bottom: 8px;
        text-align: center;
        font-weight: 400;
        font-size: 32px;
        line-height: 51.776px;
        /*padding-top: 50px;*/
        direction: rtl;
    }

    .Popup_RightCol_FirstPart_Txt2 {
        color: #000;
        font-size: 14px;
        line-height: 22.652px;
        line-height: 1.54;
        text-align: center;
        direction: rtl;
    }

    .Form_Div {
        margin-bottom: 20px;
    }


    .InputDiv {
        position: relative;
        border: none !important;
        margin-bottom: 15px;
        margin-right: 0;
        margin-left: 0;
        padding: 0;
    }

    .Form_Input {
        padding: 7px;
        padding-left: 7px;
        padding-right: 15px;
        width: 100%;
        -webkit-appearance: none;
        border-radius: 0;
        background-color: #f0f0f0;
        color: #000;
        border: none;
        height: 50px;
        box-sizing: border-box;
        font-size: 14px;
        line-height: 22.652px;
        text-rendering: optimizeLegibility;
        cursor: text;
        display: inline-block;
        direction: rtl;
    }

    .SeePass {
        /*display: none;*/
        bottom: 28px;
        height: 20px;
        position: absolute;
        left: 8px;
        width: 45px;
        background-color: transparent;
        border: none;
        font: inherit;
        outline: none;
        appearance: button;
        -webkit-writing-mode: horizontal-tb !important;
        text-rendering: auto;
        color: -internal-light-dark(black, white);
        letter-spacing: normal;
        word-spacing: normal;
        text-transform: none;
        text-indent: 0px;
        text-shadow: none;
        display: inline-block;
        text-align: center;
        align-items: flex-start;
        cursor: default;
        box-sizing: border-box;
        margin: 0em;
        padding: 1px 6px;
        cursor: pointer;
        top: 11px;
    }

    .SubmitBtn {
        font-size: 14px;
        line-height: 22.652px;
        /*border-radius: 5px;*/
        text-transform: capitalize;
        letter-spacing: 0;
        padding: 15px;
        margin-top: 15px !important;
        background-color: #4c4c4b;
        color: #fff;
        -webkit-box-align: center;
        transition: background-color .2s,color .2s ease;
        cursor: pointer;
        display: inline-block;
        border-color: rgba(0,0,0,0);
        width: 100%;
        white-space: unset;
        text-indent: 0;
        text-align: center;
    }


        .SubmitBtn:hover, .SubmitBtn:focus {
            background-color: #171717;
            color: #fff;
        }

    .Popup_RightCol_LastPart {
        margin: 0;
        display: flex;
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        color: #4c4c4b;
        font-size: 14px;
    }


    .Popup_RightCol_LastPart_Txt {
        font-size: 14px;
        line-height: 22.652px;
        color: #4c4c4b;
        margin: 20px auto 0;
        display: flex;
        text-align: center;
        direction: rtl;
        cursor: default;
    }


    .Popup_RightCol_LastPart .Popup_RightCol_LastPart_Txt:last-of-type {
        margin-top: 5px !important;
    }



    .Popup_RightCol_LastPart_Link {
        border-bottom: none;
        text-decoration: underline !important;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        line-height: 22.652px;
        color: #4c4c4b !important;
        text-align: center;
    }


    .ClosePopup {
        position: absolute;
        right: 8px;
        top: 8px;
        align-items: center;
        border: none;
        display: flex;
        justify-content: center;
        padding: 0;
        background-color: white;
        cursor: pointer;
        width: 32px;
        height: 32px;
        z-index: 2001;
    }

    .ClosePopup_Img {
        width: 100%;
        height: 100%;
        cursor: pointer;
    }
}

@media screen and (max-width:991px) and (min-width:501px) {
    .SignupSignin_PopUp {
        width: 85%;
    }

    .Popup_RightCol {
        width: 100%;
    }

    .Popup_LeftCol {
        display: none;
    }
}


@media screen and (max-width:500px) {
    .SignupSignin_PopUp {
        background-color: white;
        width: 100%;
        /*min-height: 0px;
        max-height: 85%;*/
        height: 100%;
        overflow: auto;
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        outline: none;
        background-color: #fff;
        /*border-top-left-radius: 12px;
        border-top-right-radius: 16px;*/
        bottom: 0;
        box-sizing: border-box;
        padding: 30px 15px 0;
        color: #4c4c4b;
        z-index: 200;
    }

    .Popup_LeftCol {
        display: none;
    }

    .Popup_RightCol {
        width: 100%;
    }

    .Popup_RightCol_FirstPart {
        color: #4c4c4b;
        margin: 0 auto;
        max-width: 500px;
        padding: 5px 18px 10px;
        text-align: center;
    }

    .Popup_RightCol_FirstPart_Txt {
        font-size: 28px;
        line-height: 1.5em;
        color: #4c4c4b;
        margin-bottom: 2px;
        text-align: center;
        direction: rtl;
    }

    .Popup_RightCol_FirstPart_Txt2 {
        font-size: 14px;
        line-height: 1.5em;
        color: #000;
        padding-bottom: 10px;
        text-align: center;
        direction: rtl;
    }


    .Form_Div {
        /*padding: 10px 0 20px;*/
        padding: 10px 0 40px;
        overflow: hidden;
    }


    .InputDiv {
        padding: initial;
        font-size: 12px;
        line-height: 1.5em;
        color: #808284;
        display: block;
        padding-bottom: 15px;
        position: relative;
        border: none !important;
        padding-right: 0;
        padding-left: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .Form_Input {
        font-size: 14px;
        line-height: 1.5em;
        background: #f2f2f2;
        border: none;
        box-sizing: border-box;
        color: #4c4c4b;
        line-height: 22px;
        outline: none;
        padding: 12px 8px;
        width: 100%;
        border-radius: 0;
        -webkit-writing-mode: horizontal-tb !important;
        text-rendering: auto;
        letter-spacing: normal;
        word-spacing: normal;
        text-transform: none;
        text-indent: 0px;
        text-shadow: none;
        display: inline-block;
        text-align: start;
        appearance: textfield;
        -webkit-rtl-ordering: logical;
        cursor: text;
        margin: 0em;
        direction: rtl;
        height: 45px;
        font-size: 12px;
        padding: 10px !important;
        padding-left: 20px !important;
    }

    .ShowDetails {
        font-size: 12px;
    }

    .SeePass {
        bottom: 24px;
        height: 28px;
        position: absolute;
        left: 8px;
        width: 45px;
        background-color: transparent;
        border: none;
        font: inherit;
        outline: none;
        appearance: button;
        -webkit-writing-mode: horizontal-tb !important;
        text-rendering: auto;
        color: -internal-light-dark(black, white);
        letter-spacing: normal;
        word-spacing: normal;
        text-transform: none;
        text-indent: 0px;
        text-shadow: none;
        display: inline-block;
        text-align: center;
        align-items: flex-start;
        cursor: default;
        box-sizing: border-box;
        margin: 0em;
        padding: 1px 6px;
        cursor: pointer;
    }

    .SubmitBtn {
        margin-top: 0;
        padding: 0;
        width: 100%;
        color: #fff;
        border: none;
        font-size: 14px;
        line-height: 1.5em;
        align-items: center;
        /*border-radius: 7px;*/
        display: flex;
        height: 50px;
        justify-content: center;
        outline: none;
        margin: 12px 0;
        appearance: button;
        -webkit-writing-mode: horizontal-tb !important;
        text-rendering: auto;
        letter-spacing: normal;
        word-spacing: normal;
        text-transform: none;
        text-indent: 0px;
        text-shadow: none;
        display: inline-block;
        text-align: center;
        align-items: flex-start;
        cursor: pointer;
        box-sizing: border-box;
    }


    /*#SignInPopUp .SubmitBtn{
        background-color: #808284;
    }*/

    /*#SignupEmailPopup .SubmitBtn, #SignupNoPopup .SubmitBtn {
        background-color: #3c3c3c;
    }*/


    /*#ResetPassPopup1 .SubmitBtn, #ResetPassPopup2 .SubmitBtn {
        background-color: #808284;
    }*/


    .SubmitBtn {
        background-color: #808284;
    }



    .Popup_RightCol_LastPart {
        margin-top: 30px;
        text-align: center;
        cursor: default;
        /*font-size: 14px;*/
        font-size: 12px;
    }


    .Popup_RightCol_LastPart_Txt {
    }


    .Popup_RightCol_LastPart_Link {
        margin: 0 6px;
        padding: 0;
        border: none;
        color: #000 !important;
        text-decoration: underline !important;
        line-height: 22px;
        outline: none;
        cursor: pointer;
    }


    .ClosePopup {
        position: absolute;
        right: 8px;
        top: 8px;
        align-items: center;
        border: none;
        display: flex;
        justify-content: center;
        padding: 0;
        background-color: white;
        cursor: pointer;
        width: 27px;
        height: 27px;
    }

    .ClosePopup_Img {
        width: 100%;
        height: 100%;
        cursor: pointer;
    }
}


/*#endregion SignupSigninPopupModal*/


/*#endregion LoginPage(_Public)*/


/*#region Checkbox*/

fieldset {
    outline: none !important;
    border: none !important;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    min-inline-size: min-content;
}

/* The container */
.Checkbox_container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
    padding-right: 32px;
    cursor: pointer;
    margin-top: 10px;
    float: right;
}

    /* Hide the browser's default checkbox */
    .Checkbox_container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 100%;
        width: 100%;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    right: 0;
    /*height: 22px;
    width: 22px;*/
    height: 18px;
    width: 18px;
    background-color: #f8f8f8;
    cursor: pointer;
    border: 2px solid #a3a5a7;
}

/* On mouse-over, add a grey background color */
/*.Checkbox_container:hover input ~ .checkmark {
    background-color: #ccc;
}*/

/* When the checkbox is checked, add a blue background */
.Checkbox_container input:checked ~ .checkmark {
    background-color: #393939;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.Checkbox_container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.Checkbox_container .checkmark:after {
    left: 3.5px;
    top: 0px;
    width: 5.5px;
    height: 12px;
    border: solid white;
    border-width: 0 2.5px 2.5px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.FilterAccordionContent {
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}



/*#endregion Checkbox*/


/*#region Layout*/


/*#region Body*/
@font-face {
    font-family: Sahel;
    src: url('../../fonts/sahel-font-v3.4.0/sahel.eot') format('embedded-opentype');
    src: url('../../fonts/sahel-font-v3.4.0/Sahel.eot?#iefix') format('embedded-opentype');
    src: url('../../fonts/sahel-font-v3.4.0/Sahel.woff2') format('woff2');
    src: url('../../fonts/sahel-font-v3.4.0/Sahel.woff') format('woff');
    src: url('../../fonts/sahel-font-v3.4.0/Sahel.ttf') format('truetype');
    src: url('../../Fonts/Farsi-Digits/Sahel-FD.eot') format('embedded-opentype');
    src: url('../../Fonts/Farsi-Digits/Sahel-FD.woff2') format('woff2');
    src: url('../../Fonts/Farsi-Digits/Sahel-FD.woff') format('woff');
    src: url('../../Fonts/Farsi-Digits/Sahel-FD.ttf') format('truetype');
    font-weight: normal;
}


@font-face {
    font-family: Sahel;
    src: url('../../fonts/sahel-font-v3.4.0/Sahel-Bold.eot');
    src: url('../../fonts/sahel-font-v3.4.0/Sahel-Bold.eot?#iefix') format('embedded-opentype');
    src: url('../../fonts/sahel-font-v3.4.0/Sahel-Bold.woff2') format('woff2');
    src: url('../../fonts/sahel-font-v3.4.0/Sahel-Bold.woff') format('woff');
    src: url('../../fonts/sahel-font-v3.4.0/Sahel-Bold.ttf') format('truetype');
    src: url('../../Fonts/Farsi-Digits/Sahel-Bold-FD.eot') format('embedded-opentype');
    src: url('../../Fonts/Farsi-Digits/Sahel-Bold-FD.woff2') format('woff2');
    src: url('../../Fonts/Farsi-Digits/Sahel-Bold-FD.woff') format('woff');
    src: url('../../Fonts/Farsi-Digits/Sahel-Bold-FD.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Sahel;
    src: url('../../fonts/sahel-font-v3.4.0/Sahel-Light.eot');
    src: url('../../fonts/sahel-font-v3.4.0/Sahel-Light.eot?#iefix') format('embedded-opentype');
    src: url('../../fonts/sahel-font-v3.4.0/Sahel-Light.woff2') format('woff2');
    src: url('../../fonts/sahel-font-v3.4.0/Sahel-Light.woff') format('woff');
    src: url('../../fonts/sahel-font-v3.4.0/Sahel-Light.ttf') format('truetype');
    src: url('../../Fonts/Farsi-Digits/Sahel-Light-FD.eot') format('embedded-opentype');
    src: url('../../Fonts/Farsi-Digits/Sahel-Light-FD.woff2') format('woff2');
    src: url('../../Fonts/Farsi-Digits/Sahel-Light-FD.woff') format('woff');
    src: url('../../Fonts/Farsi-Digits/Sahel-Light-FD.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: Sahel;
    src: url('../../fonts/sahel-font-v3.4.0/Sahel-SemiBold.eot');
    src: url('../../fonts/sahel-font-v3.4.0/Sahel-SemiBold.eot?#iefix') format('embedded-opentype');
    src: url('../../fonts/sahel-font-v3.4.0/Sahel-SemiBold.woff2') format('woff2');
    src: url('../../fonts/sahel-font-v3.4.0/Sahel-SemiBold.woff') format('woff');
    src: url('../../fonts/sahel-font-v3.4.0/Sahel-SemiBold.ttf') format('truetype');
    src: url('../../Fonts/Farsi-Digits/Sahel-SemiBold-FD.eot') format('embedded-opentype');
    src: url('../../Fonts/Farsi-Digits/Sahel-SemiBold-FD.woff2') format('woff2');
    src: url('../../Fonts/Farsi-Digits/Sahel-SemiBold-FD.woff') format('woff');
    src: url('../../Fonts/Farsi-Digits/Sahel-SemiBold-FD.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: Sahel;
    src: url('../../fonts/sahel-font-v3.4.0/Sahel-Black.eot');
    src: url('../../fonts/sahel-font-v3.4.0/Sahel-Black.eot?#iefix') format('embedded-opentype');
    src: url('../../fonts/sahel-font-v3.4.0/Sahel-Black.woff2') format('woff2');
    src: url('../../fonts/sahel-font-v3.4.0/Sahel-Black.woff') format('woff');
    src: url('../../fonts/sahel-font-v3.4.0/Sahel-Black.ttf') format('truetype');
    src: url('../../Fonts/Farsi-Digits/Sahel-Black-FD.eot') format('embedded-opentype');
    src: url('../../Fonts/Farsi-Digits/Sahel-Black-FD.woff2') format('woff2');
    src: url('../../Fonts/Farsi-Digits/Sahel-Black-FD.woff') format('woff');
    src: url('../../Fonts/Farsi-Digits/Sahel-Black-FD.ttf') format('truetype');
    font-weight: 900;
}


input[type="email"]:hover, input[type="password"]:hover, input[type="text"]:hover, textarea:hover {
    cursor: auto !important;
}

input[type="button"]:hover, input[type="checkbox"]:hover, input[type="radio"]:hover, input[type="submit"]:hover {
    cursor: pointer !important;
}


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*, body {
    font-family: Sahel !important;
    /*cursor: default;*/
    color: #4c4c4b;
    /*direction: rtl;*/
    outline: none !important;
    cursor: default;
}

body {
    /*overflow-x: hidden;
            overflow-y: auto;*/
    background-color: white;
    height: 100%;
    -webkit-font-smoothing: antialiased;
}

*:focus {
    outline: none !important;
}


/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}


a {
    text-decoration: none !important;
}

/**::webkit-scrollbar{
            display:none !important;
        }

        *{
            -ms-overflow-style: none !important;
            overflow: -moz-scrollbars-none !important;
            overflow: -moz-hidden-unscrollable !important;
            overflow:hidden;
        }*/



/*#region Scroll*/

/* width only for firefox */
* {
    scrollbar-width: thin !important;
    scrollbar-color: #dfe0e1 white !important;
}


/* width */
::-webkit-scrollbar {
    width: 0px; /*for vertical scrolls*/
    height: 1px; /*for horizontal scrolls*/
}

/* Track */
::-webkit-scrollbar-track {
    background: white;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: white;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #dfe0e1;
        cursor: pointer;
    }
/*#endregion Scroll*/





/*#endregion Body*/

.RenderBodyStyle {
    position: relative;
}


@media screen and (min-width:1200px) {
    .CollapsibleSideMenu {
        display: block !important;
        top: 60px !important;
        padding-top: 0 !important;
    }

    .MainList_Div {
        margin-top: 0 !important;
    }

    .RenderBodyStyle {
        /*width:90%;*/
        /*position: absolute;
        width: calc(100%);
        right: 261px;*/
    }

    .OverlayToClose, .CloseMenu {
        display: none !important;
    }
}

@media screen and (max-width:1199px) and (min-width:768px) {
    .RenderBodyStyle {
        /*width: 95%;*/
        /*width: calc(100% - 30px);
        margin: 0 15px;*/
        /*width: 100%;
        margin: 0;
        padding: 0;*/
    }
}

@media screen and (max-width:767px) {
    .RenderBodyStyle {
        width: 100%;
        /*width:calc(100% - 2px);
        margin:0 1px;*/
        overflow-x: hidden;
    }
}


/*#region Navbar*/

.myNavbar {
    position: fixed;
    z-index: 20;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background-color: white;
    box-shadow: 0 2px 4px 0 rgba(76,76,75,.1);
    color: #808284 !important;
    padding: 0 40px;
}

/*#region MainNav*/

@media screen and (min-width:1200px) {
    .MyWhiteHeader {
        right: 261px !important;
        width: calc(100%) !important;
    }
}




.MyWhiteHeader {
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 60px;
    background-color: white;
    box-shadow: 0 2px 4px 0 rgba(76,76,75,.1);
    color: #808284 !important;
    padding: 0 40px;
}

.MyTransparentHeader {
    position: fixed;
    z-index: 20;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background-color: transparent;
    color: white !important;
    padding: 0 40px;
}


.SignInOut {
    float: left;
    top: 6px;
    position: fixed;
    /*left: 15px;*/
    left: 27px;
    cursor: pointer;
    width: 50px;
    padding: 12px;
    z-index: 1;
}

.SignInOutImg {
    width: 27px;
    height: 27px;
    cursor: pointer;
}

.BackPage {
    float: left;
    /*top: 6px;*/
    position: absolute;
    /*left: 87px;*/
    left: 27px;
    cursor: pointer;
    width: 50px;
    padding: 12px;
    z-index: 1;
    height: 70px;
    align-items: center;
    display: flex;
}

.BackPageImg {
    width: 27px;
    height: 27px;
    cursor: pointer;
}

@media screen and (max-width:1199px) {
    .BackPage {
        left: 0;
    }
}

@media screen and (max-width:767px) {
    .MyWhiteHeader, .MyTransparentHeader {
        padding: 0 16px;
    }

    .BackPage {
        left: 0;
        height: 50px;
    }
}



@media screen and (max-width:991px) {

    .MyTransparentHeader:hover #WhiteHamburger {
        display: none !important;
    }

    .MyTransparentHeader:hover #BlackHamburger {
        display: block !important;
    }
}

.MyWhiteHeader .subnav .subnavbtn {
    color: #808284 !important;
}

.MyTransparentHeader .subnav .subnavbtn {
    color: white !important;
}

.MyTransparentHeader:hover .subnav .subnavbtn, .MyTransparentHeader:active .subnav .subnavbtn, .MyTransparentHeader:focus .subnav .subnavbtn {
    color: #808284 !important;
}

.BrandName {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    /*margin-top: 20px;*/
    padding: 17px 0;
    cursor: pointer;
    z-index: 1;
}

.TopHeaderLogo {
    /*height: 27px;*/
    width: 90px !important;
    cursor: pointer;
}

@media screen and (min-width:1200px) {
    .HamburgerMenu {
        display: none !important;
    }

    .navbar {
        display: block;
    }

    /*.CollapsibleSideMenu {
            display: none !important;
        }*/

    .OverlayToClose {
        display: none !important;
    }
}

@media screen and (max-width:1199px) {
    .HamburgerMenu {
        display: block !important;
        width: 55px;
        height: 60px;
        cursor: pointer;
        padding: 10px 5px;
        /*margin-right:-40px;*/
        /*margin-right: -25px;*/
        margin-right: -13px;
    }

    .navbar {
        display: none;
    }

    .SignInOut {
        /*left: 15px !important;*/
        /*left: 28px;*/
        left: 0;
    }
}


@media screen and (max-width:1199px) and (min-width:768px) {
    .HamburgerMenu {
        margin-right: -26px;
    }
}
/*#endregion MainNav*/

/*#region SideCollapsibleNav*/
.CollapsibleSideMenu {
    display: none;
    width: 250px;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: white;
    box-shadow: 0 2px 4px 0 rgba(76,76,75,.1);
    padding-top: 65px;
    padding-bottom: 65px;
    overflow-y: auto;
    /*everlane codes:*/
    /*position: absolute;
            inset: 0px;*/
    border: none;
    background: rgb(255, 255, 255);
    overflow: hidden auto;
    outline: none;
    padding: 20px;
    padding-top: 65px;
    padding-bottom: 65px;
    /*width: 75vw;*/
    min-width: 261px;
}

.OverlayToClose {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0,0,0,0.6);
    cursor: pointer;
    user-select: none;
    z-index: 19;
}

.FixedSideMenuCloseDiv {
    height: 60px;
    width: 75vw;
    position: fixed;
    top: 0;
    right: 0;
    background-color: white;
    z-index: 21;
    min-width: 252px;
}


.CloseMenu {
    position: fixed;
    right: 0;
    top: 5px;
    width: 50px;
    cursor: pointer;
    padding: 11px;
    padding-right: 0;
    padding-left: 22px;
}

@media screen and (max-width:1199px) and (min-width:768px) {
    .CloseMenu {
        /*margin-right: 40px;*/
        /*margin-right: 35px;*/
        margin-right: 27px;
    }
}


@media screen and (max-width:767px) {
    .CloseMenu {
        margin-right: 16px;
    }
}



.MainSideMenuList {
    /*width: 90%;
            margin-right: 5%;
            margin-left: 5%;*/
}

.MainList_Div {
    /*margin-top: 50px;*/
    margin-bottom: 36px;
}


.MainList_Items {
    /*border-radius: 28px;*/
    padding: 15px 15px;
    font-size: 14px;
    min-width: 88px;
    text-decoration: none !important;
    cursor: pointer;
    background-color: #fff;
    color: #808284 !important;
    line-height: 1.5em;
    padding-right: 19px;
    border-bottom: 1px solid #bebebe;
}

    .MainList_Items:hover, .MainList_SelectedItem {
        background-color: #b4c3e0 !important;
        color: white !important;
    }


.SideItems {
    width: 100%;
    padding: 20px 10px;
    text-align: right;
    cursor: pointer;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    padding: 20px 6px 20px 6px;
}

@media screen and (max-width:767px) {
    .SideItems {
        /*font-size: 12px;
                padding: 15px 10px;*/
        font-size: 14px;
        padding: 20px 10px;
    }
}

/*#endregion SideCollapsibleNav*/

/*#endregion Navbar*/

/*#endregion Layout*/


/*#region Index(Dshboard)*/

/*.MenuColsDiv {
    border: 0.5px solid #b4c3e0;
}*/

.MenuCols {
    position: relative;
    float: right;
    height: auto;
    min-height: 1px;
    cursor: pointer;
    padding: 0 10px !important;
}

.MenuColsContents {
}


.MenuColsTxt {
    color: white;
    font-size: 30px;
}

/*.MenuCols:hover .MenuColsTxt, .MenuColsTxt:hover {
        font-weight: 600;
    }*/

.MenuColsImg {
    height: 50%;
    margin: 20px;
    margin-right: 0;
    align-self: center;
    display: flex;
    cursor: pointer;
}

.MenuColsContents {
    cursor: pointer;
    display: flex;
    white-space: nowrap;
    width: 100%;
    height: 100px;
    margin-bottom: 20px;
    background-color: #628FFC;
    direction: rtl;
    justify-content: center;
}


.MenuCols:hover .MenuColsContents {
    background-color: rgba(180,195,224,0.7);
}

.MenuColsTxt {
    color: white;
    font-size: 26px;
    display: flex;
    align-items: center;
    cursor: pointer;
}


@media screen and (max-width:1199px) {
    .MenuColsTxt {
        font-size: 26px;
    }
}

@media screen and (max-width:991px) {
    .MenuColsTxt {
        font-size: 22px;
    }
}

@media screen and (max-width:767px) {
    .MenuColsTxt {
        font-size: 18px;
    }
}



/*#endregion Index(Dshboard)*/




/*region SimilarStyles*/


/*#region InputsBox(Div,DropDown,Btn)*/

.PageMainTopTitle {
    width: 100%;
    height: 70px;
    background-color: #b4c3e0 !important;
    color: white !important;
    text-align: center;
    font-size: 26px;
    justify-content: center;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    position: absolute;
    left: 0;
    top: -30px;
    direction: rtl;
}

.TopBtnDiv {
    width: 90%;
    max-width: 800px;
    padding: 0 35px;
    margin: auto;
}

    .TopBtnDiv > .container-fluid {
        padding: 0;
    }


.TopBtnDualCol {
    float: right;
}

.TopBtn {
    margin-top: 70px !important;
    margin-bottom: 50px !important;
    direction: rtl;
}


.TopInputsContainer {
    width: 90%;
    max-width: 800px;
    border: 1px solid #f0f0f0;
    box-shadow: 0px 0px 10px 5px rgba(76,76,75,.2);
    margin: auto;
    margin-bottom: 70px;
    /*padding: 20px;*/
    padding: 50px 20px 30px;
}

.PreviewDetails .TopInputsContainer {
    padding: 50px 20px !important;
}



    .FormPage .TopInputsContainer, .TablePage .ResultItemsDiv {
        margin-top: 100px !important;
    }

.EmptyCol {
    float: right !important;
}

.Cols_Style {
    float: right !important;
    margin-bottom: 20px;
}

.PreviewDetails .Cols_Style {
    margin-bottom: 25px;
}

.SingleInputCol {
    margin-right: auto !important;
    margin-left: auto !important;
    float: none !important;
}


.CheckboxCol {
    margin-bottom: 0 !important;
    display: flex;
    justify-content: center;
}

.InputRow:last-child .Cols_Style:last-child {
    margin-bottom: 0;
}

.DropDownCol {
    display: flex;
    align-items: center;
}

/*.InputRow {
    margin-bottom: 20px;
}

    .InputRow:last-child {
        margin-bottom: 0;
    }*/

.DropDownArrow {
    cursor: pointer;
    position: absolute;
    left: 25px;
    top: 19px;
    width: 13px;
}

.CalendarIcon {
    cursor: pointer;
    position: absolute;
    left: 25px;
    top: 13px;
    width: 25px;
}

input.Form_Input {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    -appearance: none !important;
    text-indent: 1px !important;
    text-overflow: '' !important;
}


.myTextArea {
    padding: 15px;
    height: 100px;
}

.Checkbox_container.FormSingleCheckbox {
    margin-top: 15px;
}

.UploadFileDiv {
    cursor: pointer;
    padding: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 55px !important;
}

.SelectedImg {
    width: 45px;
    height: 45px;
    float: left;
    position: absolute;
    left: 18.5px;
    top: 2.5px;
}


    .SelectedImg:hover, .SelectedImg:active, /*.SelectedImg::selection,*/ .SelectedImg:focus, .SelectedImg:in-range {
        cursor: zoom-in;
        width: 70%;
        max-width: 500px;
        height: auto;
        float: none;
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 2000;
    }


@media screen and (max-width:767px) {
    .PageMainTopTitle {
        height: 50px;
        font-size: 18px;
        margin-bottom: 30px;
        position: fixed;
        left: 0;
        top: 60px;
        z-index: 18;
    }

    .TopBtnDiv {
        padding: 0 15px;
    }

    /*.TopBtnDualCol {
        padding: 0 7.5px;
    }*/

    .TopBtn {
        margin-top: 50px !important;
        margin-top: 50px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white !important;
    }

    .TopInputsContainer {
        margin-bottom: 50px;
        /*padding: 20px 0;*/
        padding: 50px 0 30px;
    }


    .FormPage .TopInputsContainer, .TablePage .ResultItemsDiv {
        margin-top: 50px !important;
    }


    .CheckboxCol {
        width: 50% !important;
    }
}

@media screen and (max-width:500px) {
    .DropDownArrow {
        display: none;
    }

    .CalendarIcon {
        position: absolute;
        left: 25px;
        top: 13px;
        width: 20px;
    }

    .SelectedImg {
        width: 40px;
        height: 40px;
    }

    .CheckboxCol {
        width: 100% !important;
        display: block;
        justify-content: initial;
    }
}


/*#endregion (Div,DropDown,Btn)*/



/*#region InputPlaceholder*/

label {
    font-weight: normal;
}

.Form_Input {
    outline: 0;
    transition: border-color 0.2s;
}

    .Form_Input::placeholder {
        color: transparent;
    }


    .Form_Input.HavingPlaceholder::placeholder {
        color: inherit;
    }

    /*استایل لیبل مربوط به اینپوت های "اجباری" هنگامی که هنوز اینپوت مربوط به آن خالی است*/
    .Form_Input:placeholder-shown ~ .form__label {
        right: 30px;
        /*top: 15px;
        font-size: 14px;*/
        top: -10px;
        font-size: 12px;
        border: 1px solid #f0f0f0;
        background-color: #b4c3e0 !important;
        padding: 5px;
        color: black !important;
        opacity: 1 !important;
        direction: rtl;
    }

/*استایل لیبل مربوط به اینپوت های "اجباری" هنگامی که اینپوت حاوی مقدار باشد*/
.form__label {
    position: absolute;
    top: -10px;
    display: block;
    transition: 0.2s;
    /*font-size: 1rem;*/
    font-size: 12px;
    right: 30px;
    opacity: 0.6;
    direction: rtl;
}

.Form_Input:focus, .Form_Input:active {
    border-width: 3px;
}

    /*استایل لیبل مربوط به اینپوت های "اجباری" هنگامی که برروی اینپوت در حال تایپ شدن است*/
    .Form_Input:focus ~ .form__label {
        position: absolute;
        top: -10px;
        display: block;
        transition: 0.2s;
        /*font-size: 1rem;*/
        font-size: 13px;
        direction: rtl;
    }

/* reset input */
.Form_Input:required, .Form_Input:invalid {
    box-shadow: none;
}

/*استایل مربوط به لیبل مخصوص دراپ داون های "اجباری"، هنگامی که هیچ گزینه ای هنوز انتخاب نشده است
این استایل تنها در صورتی کار میکند که اسکریپت های مربوط به آن درست کار کنند
*/
.UnSelectedOption {
    border: 1px solid #f0f0f0;
    background-color: #b4c3e0 !important;
    padding: 5px;
    color: black !important;
    opacity: 1 !important;
}

/*استایل لیبل مربوط به اینپوت های "غیر"اجباری هنگامی که هنوز اینپوت مربوط به آن خالی است*/
.Form_Input:placeholder-shown ~ .UnNecessaryFeild {
    position: absolute;
    top: -15px;
    display: block;
    transition: 0.2s;
    /*font-size: 1rem;*/
    font-size: 12px;
    right: 30px;
    opacity: 0.5 !important;
    border: none !important;
    background-color: transparent !important;
    color: black !important;
}

/*#endregion InputPlaceholder*/



/*#region ResultTable*/


/*#region ResultDivisions*/

.ResultItemsDiv {
    width: 90%;
    max-width: 800px;
    margin: auto;
    direction: rtl;
    padding-right: 12.5px;
}

.ResultNo {
    width: 25px;
    height: 25px;
    border: 1px solid #808284 !important;
    background-color: #b4c3e0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: -12.5px;
    margin-right: -12.5px;
    position: relative;
    box-shadow: 0px 0px 10px 2px rgba(76,76,75,.2);
}

.ResultRow {
    border: 1px solid #f0f0f0;
    box-shadow: 0px 0px 10px 5px rgba(76,76,75,.2);
    margin-bottom: 35px;
    display: flex;
    align-items: center;
    padding: 5px;
    min-height: 50px;
}


.ResultCol {
    position: relative;
    float: right;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.ImageCol {
    width: 100px;
}

.IconCol {
    width: 80px;
}

.NameCol {
    width: calc(100% - 340px);
}

.BrandNameCol {
    width: calc(100% - 160px);
}

:root {
    --Remained: calc(100% - 260px);
    --Remained2: calc(var(--Remained) / 10 );
    --NameCol2: calc(var(--Remained2) * 4 );
    --ContentCol: calc(var(--Remained2) * 6 );
}

.NameCol2 {
    width: var(--NameCol2);
}

.ContentCol {
    width: var(--ContentCol);
}

.ResultStaticCol {
    width: 80px;
}


.ResultCol_Icon {
    padding: 0;
}

.ResultImg {
    width: 70px;
    height: 70px;
    background-image: url('../../Images/AsemounIcons/favicon_io/favicon-32x32.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.ResultIcon_Delete {
    background-position: center center;
    background-color: transparent;
    background-image: url('../../Images/AsemounIcons/06-Delete.svg');
    background-repeat: no-repeat;
    cursor: pointer !important;
    border: none !important;
    background-size: 100% 100%;
    width: 100%;
    height: 30px;
}

.ResultIcon_Edit, .ResultIcon_Barcode, .ResultIcon_AddSub, .ResultIcon_AddADS,
.ResultIcon_Charge, .ResultIcon_ChargeOk, .ResultIcon_Details, .ResultIcon_Accept,
.ResultIcon_Message {
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
    cursor: pointer !important;
    border: none !important;
    background-size: 100% 100%;
    width: 100%;
    height: 23px;
    display: block;
}

.ResultIcon_Edit {
    background-image: url('../../Images/AsemounIcons/AsemounAdminIcons/pencil.svg');
}

.ResultIcon_Barcode {
    /*background-image: url('../../Images/AsemounIcons/AsemounAdminIcons/bar-code.svg');*/
    background-image: url('../../Images/AsemounIcons/AsemounAdminIcons/qr-code.svg');
}

.ResultIcon_AddSub {
    background-image: url('../../Images/AsemounIcons/AsemounAdminIcons/SubFolder.svg');
}

.ResultIcon_AddADS {
    background-image: url('../../Images/AsemounIcons/AsemounAdminIcons/ads2.svg');
}

.ResultIcon_Charge {
    background-image: url('../../Images/AsemounIcons/AsemounAdminIcons/chargeWallet.svg');
}

.ResultIcon_ChargeOk {
    background-image: url('../../Images/AsemounIcons/AsemounAdminIcons/verified.svg');
}

.ResultIcon_Details {
    background-image: url('../../Images/AsemounIcons/AsemounAdminIcons/details.svg');
}

.ResultIcon_Accept {
    background-image: url('../../Images/AsemounIcons/AsemounAdminIcons/tick.svg');
}

.ResultIcon_Message {
    background-image: url('../../Images/AsemounIcons/AsemounAdminIcons/email (1).svg');
}


.ResultIcon_Edit, .ResultIcon_Charge, .ResultIcon_ChargeOk,
.ResultIcon_AddADS, .ResultIcon_Accept, .ResultIcon_Message {
    height: 25px;
    margin-top: 2px;
}


@media screen and (max-width:767px) {
    .TopBtnDiv, .TopInputsContainer, .ResultItemsDiv {
        width: 100%;
    }
}


/*#endregion ResultDivisions*/


/*#region SimpleSmallTable*/
.theadStyle {
    background-color: #b4c3e0 !important;
    margin-right: -12.5px;
    padding-right: 30px;
}


.thead_tr {
    width: 100%;
    display: flex;
}

.thStyle {
    text-align: center;
    font-weight: normal;
    color: white !important;
}

.trStyle {
    width: 100%;
    display: flex;
}

.trResultNo {
    margin-top: -60px !important;
    margin-right: -20px !important;
}


.th_td {
    flex-grow: 1;
    display: flex;
    display: inline-flex;
    justify-content: center;
    float: none !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    align-items: center;
}

.tableStaticCol {
    flex-grow: initial !important;
}
/*#endregion SimpleSmallTable*/


/*#region myResponsiveTable*/

.Result_ResponsiveTable {
    padding-right: 0 !important;
}

.tableTable .thead_th {
    color: White;
    text-align: center;
    padding: 8px;
    font-weight: normal;
}

.tableTable {
    text-align: center;
    border-collapse: separate;
    border-spacing: 0 35px;
    direction: rtl;
    width: 100%;
}

    .tableTable .tableColumn {
        padding: 10px;
        min-height: 50px;
    }

    .tableTable .tableHead {
        background-color: #b4c3e0 !important;
        border: 1px solid #f0f0f0 !important;
        box-shadow: 0px 0px 10px 5px rgba(76,76,75,.2);
        min-height: 50px;
        height: 50px !important;
    }

    .tableTable .trTable {
        background-color: white;
        border: 1px solid #f0f0f0;
        box-shadow: 0px 0px 10px 5px rgba(76,76,75,.2);
        /*position: relative;
            top: 35px;*/
    }

    .tableTable .ResultItemsDiv {
        padding-right: 0 !important;
    }

    .tableTable .trResultNo {
        margin-top: -12.5px !important;
        margin-right: -12.5px !important;
        z-index: 1;
    }

    .tableTable .thead_th.trResultNo {
        font-size: 9px !important;
    }


@media screen and (min-width:992px) {
    .tableTable .TableLongDiv {
        overflow-x: scroll;
        overflow-y: hidden;
        max-width: 100px;
        display: flex;
        white-space: nowrap;
    }
}



@media screen and (max-width:991px) {
    .tableTable .tableHead {
        display: none !important;
    }
    /* Force table to not be like tables anymore */
    .tableTable table, .tableTable tbody, .tableTable th, .tableTable td, .tableTable tr {
        display: block;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    .tableTable thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .tableTable .trTable {
        margin-bottom: 35px;
        padding-top: 15px;
    }

    .tableTable.TableWithoutBtn .trTable {
        padding-bottom: 15px;
    }

    /*.tableTable tr:nth-child(odd) {
                        background: #ccc;
                    }*/
    .tableTable .trResultNo {
        margin-top: -27.5px !important;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .tableTable td {
        /* Behave  like a "row" */
        border: none;
        /*border-bottom: 1px solid #eee;*/
        position: relative;
        text-align: right;
        min-height: initial !important;
    }

    .tableTable .TableContent_Responsive {
        text-align: right;
        overflow-x: scroll;
        overflow-y: hidden;
        padding-top: 7px;
        padding-right: 100px;
        padding-left: 30px;
    }

    .tableTable .TableResponsive_SingleBtnCol, .tableTable .TableResponsive_DualBtnCol, .tableTable .TableResponsive_TripleBtnCol {
        background-color: #b4c3e0 !important;
        border: 1px solid #f0f0f0 !important;
        /*box-shadow: 0px 0px 10px 5px rgba(76,76,75,.2);*/
        /*height: 50px;*/
        height: 40px;
        margin-top: 15px;
    }

    .tableTable .TableResponsive_SingleBtnCol {
        width: 100%;
    }

    .tableTable .TableResponsive_DualBtnCol {
        width: 50%;
    }

    .tableTable .TableResponsive_TripleBtnCol {
        width: 33.33333333%;
        display: inline-block;
    }


    .tableTable .TableResponsive_SingleBtnCol {
        float: none;
    }

    .tableTable .TableResponsive_DualBtnCol_r {
        float: left;
    }

    .tableTable .TableResponsive_DualBtnCol_l {
        /*float:right;*/
    }

    .TableResponsive_TripleBtnCol_r {
        float: right;
    }

    .TableResponsive_TripleBtnCol_m {
        float: none;
    }

    .TableResponsive_TripleBtnCol_l {
        float: left;
    }

    .HiddenInResponsive {
        display: none;
    }

    .tableTable .ImageCol, .tableTable .NameCol,
    .tableTable .NameCol2, .tableTable .IconCol,
    .tableTable .BrandNameCol {
        width: initial;
    }

    .tableTable .tableColumn {
        padding: 4px;
    }

    .ResultIcon_Barcode, .ResultIcon_Edit, .ResultIcon_Delete, .ResultIcon_AddSub,
    .ResultIcon_Details, .ResultIcon_Charge, .ResultIcon_ChargeOk, .ResultIcon_Accept,
    .ResultIcon_Message {
        height: 30px;
        margin: 0;
    }

    .ResultIcon_Barcode {
        background-image: url('../../Images/AsemounIcons/AsemounAdminIcons/qr-code_White.svg');
    }

    .ResultIcon_Edit {
        background-image: url('../../Images/AsemounIcons/AsemounAdminIcons/pencil_White.svg');
    }

    .ResultIcon_Delete {
        background-image: url('../../Images/AsemounIcons/AsemounAdminIcons/06-Delete_White.svg');
    }

    .ResultIcon_AddSub {
        background-image: url('../../Images/AsemounIcons/AsemounAdminIcons/SubFolder_White.svg');
    }

    .ResultIcon_AddADS {
        background-image: url('../../Images/AsemounIcons/AsemounAdminIcons/ads2_White.svg');
    }

    .ResultIcon_Charge {
        background-image: url('../../Images/AsemounIcons/AsemounAdminIcons/chargeWallet_White.svg');
    }

    .ResultIcon_ChargeOk {
        background-image: url('../../Images/AsemounIcons/AsemounAdminIcons/verified_White.svg');
    }

    .ResultIcon_Details {
        background-image: url('../../Images/AsemounIcons/AsemounAdminIcons/details_White.svg');
    }

    .ResultIcon_Accept {
        background-image: url('../../Images/AsemounIcons/AsemounAdminIcons/tick_White.svg');
    }

    .ResultIcon_Message {
        background-image: url('../../Images/AsemounIcons/AsemounAdminIcons/email (1)_White.svg');
    }

    /*Responsive thead Titles Style*/
    .tableTable .tableColumn:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 0;
        right: 0;
        width: 100px;
        height: 100%;
        white-space: nowrap;
        text-align: right;
        color: white !important;
        padding: 10px 15px;
        /*background-color: #b4c3e0 !important;*/
        border-left: 2px solid #b4c3e0 !important;
        color: #b4c3e0 !important;
    }
    /*
            Label the data
        You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
            */
    /*first td for Number*/
    .tableTable td:nth-of-type(1):before {
        content: "";
    }

    /*#region NormalCustomerPage_ResponsiveTHeadTitlesName*/
    .tableTable#NormalCustomerPage td:nth-of-type(2):before {
        content: "نام";
    }

    .tableTable#NormalCustomerPage td:nth-of-type(3):before {
        content: "نام خانوادگی";
    }

    .tableTable#NormalCustomerPage td:nth-of-type(4):before {
        content: "نام کاربری";
    }

    .tableTable#NormalCustomerPage td:nth-of-type(5):before {
        content: "گذرواژه";
    }

    .tableTable#NormalCustomerPage td:nth-of-type(6):before {
        content: "پوینت";
    }

    .tableTable#NormalCustomerPage td:nth-of-type(7):before {
        content: "ایمیل";
    }

    .tableTable#NormalCustomerPage td:nth-of-type(8):before {
        content: "آدرس";
    }
    /*#endregion NormalCustomerPage_ResponsiveTHeadTitlesName*/

    /*#region OrdersPage_ResponsiveTHeadTitlesName*/
    .tableTable#OrdersPage td:nth-of-type(2):before {
        content: "تاریخ";
    }

    .tableTable#OrdersPage td:nth-of-type(3):before {
        content: "شماره سفارش";
    }

    .tableTable#OrdersPage td:nth-of-type(4):before {
        content: "نام مشتری";
    }

    .tableTable#OrdersPage td:nth-of-type(5):before {
        content: "وضعیت";
    }

    /*#endregion OrdersPage_ResponsiveTHeadTitlesName*/

    /*#region OrderDetailsPage_ResponsiveTHeadTitlesName*/
    .tableTable#OrderDetailsPage td:nth-of-type(2):before {
        content: "تصویر";
    }

    .tableTable#OrderDetailsPage td:nth-of-type(3):before {
        content: "نام محصول";
    }

    .tableTable#OrderDetailsPage td:nth-of-type(4):before {
        content: "دسته فرعی";
    }

    .tableTable#OrderDetailsPage td:nth-of-type(5):before {
        content: "دسته اصلی";
    }

    .tableTable#OrderDetailsPage td:nth-of-type(6):before {
        content: "بارکد";
    }

    .tableTable#OrderDetailsPage td:nth-of-type(7):before {
        content: "تعداد";
    }

    .tableTable#OrderDetailsPage td:nth-of-type(8):before {
        content: "رنگ";
    }

    .tableTable#OrderDetailsPage td:nth-of-type(9):before {
        content: "سایز";
    }

    .tableTable#OrderDetailsPage td:nth-of-type(10):before {
        content: "درصد تخفیف";
    }

    .tableTable#OrderDetailsPage td:nth-of-type(11):before {
        content: "وضعیت";
    }
    /*#endregion OrderDetailsPage_ResponsiveTHeadTitlesName*/

    /*#region ProductsPage_ResponsiveTHeadTitlesName*/

    .tableTable#ProductsPage td:nth-of-type(2):before {
        content: "تصویر";
    }

    .tableTable#ProductsPage td:nth-of-type(3):before {
        content: "نام محصول";
    }

    /*#endregion ProductsPage_ResponsiveTHeadTitlesName*/

    /*#region ListOfVariantOptionsPage_ResponsiveTHeadTitlesName*/

    .tableTable#ListOfVariantOptionsPage td:nth-of-type(2):before {
        content: "نام";
    }

    .tableTable#ListOfVariantOptionsPage td:nth-of-type(3):before {
        content: "کد";
    }

    /*#endregion ListOfVariantOptionsPage_ResponsiveTHeadTitlesName*/

    /*#region BrandsPage_ResponsiveTHeadTitlesName*/
    .tableTable#BrandsPage td:nth-of-type(2):before {
        content: "برند";
    }
    /*#endregion BrandsPage_ResponsiveTHeadTitlesName*/

    /*#region CategoriesPage_ResponsiveTHeadTitlesName*/
    .tableTable#CategoriesPage td:nth-of-type(2):before {
        content: "دسته اصلی";
    }
    /*#endregion CategoriesPage_ResponsiveTHeadTitlesName*/

    /*#region WebsiteLocationsPage_ResponsiveTHeadTitlesName*/
    .tableTable#WebsiteLocationsPage td:nth-of-type(2):before {
        content: "موقعیت تبلیغ";
    }
    /*#endregion WebsiteLocationsPage_ResponsiveTHeadTitlesName*/

    /*#region SubCategoryPage_ResponsiveTHeadTitlesName*/
    .tableTable#SubCategoryPage td:nth-of-type(2):before {
        content: "نام دسته فرعی";
    }
    /*#endregion SubCategoryPage_ResponsiveTHeadTitlesName*/

    /*#region AdvertisementPage_ResponsiveTHeadTitlesName*/
    .tableTable#AdvertisementPage td:nth-of-type(2):before {
        content: "تصویر";
    }

    .tableTable#AdvertisementPage td:nth-of-type(3):before {
        content: "نام تبلیغ";
    }

    .tableTable#AdvertisementPage td:nth-of-type(4):before {
        content: "توضیحات";
    }
    /*#endregion AdvertisementPage_ResponsiveTHeadTitlesName*/

    /*#region ListOfSKUforProductidsPage_ResponsiveTHeadTitlesName*/
    .tableTable#ListOfSKUforProductidsPage td:nth-of-type(2):before {
        content: "بارکد";
    }
    /*#endregion ListOfSKUforProductidsPage_ResponsiveTHeadTitlesName*/

    /*#region CustomersPage_ResponsiveTHeadTitlesName*/
    .tableTable#CustomersPage td:nth-of-type(2):before {
        content: "شماره موبایل";
    }
    /*#endregion CustomersPage_ResponsiveTHeadTitlesName*/

    /*#region CustomersRequestsPage_ResponsiveTHeadTitlesName*/
    .tableTable#CustomersRequestsPage td:nth-of-type(2):before {
        content: "فروشگاه";
    }

    .tableTable#CustomersRequestsPage td:nth-of-type(3):before {
        content: "مالک";
    }

    .tableTable#CustomersRequestsPage td:nth-of-type(4):before {
        content: "مدیر مسئول";
    }

    .tableTable#CustomersRequestsPage td:nth-of-type(5):before {
        content: "تایید اعتبار";
    }
    /*#endregion CustomersRequestsPage_ResponsiveTHeadTitlesName*/

    /*#region ProductsForSalePage_ResponsiveTHeadTitlesName*/
    .tableTable#ProductsForSalePage td:nth-of-type(2):before {
        content: "نام محصول";
    }
    /*#endregion ProductsForSalePage_ResponsiveTHeadTitlesName*/

    /*#region BestSellingProductsPage_ResponsiveTHeadTitlesName*/
    .tableTable#BestSellingProductsPage td:nth-of-type(2):before {
        content: "تصویر";
    }

    .tableTable#BestSellingProductsPage td:nth-of-type(3):before {
        content: "نام محصول";
    }
    /*#endregion BestSellingProductsPage_ResponsiveTHeadTitlesName*/

    /*#region CommentsPage_ResponsiveTHeadTitlesName*/
    .tableTable#CommentsPage td:nth-of-type(2):before {
        content: "نام کاربر";
    }

    .tableTable#CommentsPage td:nth-of-type(3):before {
        content: "نام محصول";
    }

    .tableTable#CommentsPage td:nth-of-type(4):before {
        content: "تاریخ";
    }

    .tableTable#CommentsPage td:nth-of-type(5):before {
        content: "متن نظر";
    }
    /*#endregion CommentsPage_ResponsiveTHeadTitlesName*/

    /*#region RemindMePage_ResponsiveTHeadTitlesName*/
    .tableTable#RemindMePage td:nth-of-type(2):before {
        content: "نام کاربر";
    }

    .tableTable#RemindMePage td:nth-of-type(3):before {
        content: "ایمیل کاربر";
    }

    .tableTable#RemindMePage td:nth-of-type(4):before {
        content: "تلفن کاربر";
    }

    .tableTable#RemindMePage td:nth-of-type(5):before {
        content: "نام محصول";
    }

    .tableTable#RemindMePage td:nth-of-type(6):before {
        content: "تاریخ";
    }
    /*#endregion RemindMePage_ResponsiveTHeadTitlesName*/

    /*#region MessagePage_ResponsiveTHeadTitlesName*/
    .tableTable#MessagePage td:nth-of-type(2):before {
        content: "نام کامل";
    }

    .tableTable#MessagePage td:nth-of-type(3):before {
        content: "تاریخ";
    }
    /*#endregion MessagePage_ResponsiveTHeadTitlesName*/

    /*#region WhishListsPage_ResponsiveTHeadTitlesName*/
    .tableTable#WhishListsPage td:nth-of-type(2):before {
        content: "نام کاربر";
    }

    .tableTable#WhishListsPage td:nth-of-type(3):before {
        content: "ایمیل کاربر";
    }
    /*#endregion WhishListsPage_ResponsiveTHeadTitlesName*/

    /*#region InsertBestSellingProductPage_ResponsiveTHeadTitlesName*/
    .tableTable#InsertBestSellingProductPage td:nth-of-type(2):before {
        content: "تصویر";
    }

    .tableTable#InsertBestSellingProductPage td:nth-of-type(3):before {
        content: "نام محصول";
    }
    /*#endregion InsertBestSellingProductPage_ResponsiveTHeadTitlesName*/

}

@media screen and (max-width:767px) {
    .tableTable .tableColumn:before, .tableTable .TableContent_Responsive {
        font-size: 12px;
    }

    .tableTable .TableResponsive_SingleBtnCol,
    .tableTable .TableResponsive_DualBtnCol,
    .tableTable .TableResponsive_TripleBtnCol {
        height: 40px;
        padding: 7px;
    }

    .ResultIcon_Edit, .ResultIcon_Barcode, .ResultIcon_AddSub, .ResultIcon_AddADS,
    .ResultIcon_Details, .ResultIcon_Charge, .ResultIcon_ChargeOk, .ResultIcon_Accept,
    .ResultIcon_Message {
        height: 20px;
        margin-top: 2px;
    }

    .ResultIcon_Delete {
        height: 25px;
    }
}



/*#endregion myResponsiveTable*/


/*#region TableSum*/

.TableSumDiv {
    background-color: #b4c3e0 !important;
    /*border: 1px solid #f0f0f0 !important;*/
    /*box-shadow: 0px 0px 10px 5px rgba(76,76,75,.2);*/
    height: 40px;
    /*margin-top: 50px;*/
    margin-top: 40px;
    margin-bottom: 20px;
}


.TableSumDiv_r {
    float: right;
}

.TableSumDiv_l {
}

.TableSumContent {
    width: 100%;
    height: 40px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width:991px)
{
    .TableSumDiv 
    {
        margin-top:initial;
    }
}



/*#endregion TableSum*/



/*#endregion ResultTable*/

/*#region Dialoge*/
/*!!!!!!!!!!!!!!!!!only inline works!!!!!!!!!!!!!!!!!! Please Do Not Move This Style Region From _Layout.cshtml (Dialoge Styles)*/
/*#endregion Dialoge*/


/*endregion SimilarStyles*/