
@font-face {
    font-family: IranSans;
    font-style: normal;
    font-weight: normal;
    src: url("Fonts/IRANSans/IRANSans(FaNum).ttf") format('truetype');
}

@font-face {
    font-family: IranSans;
    font-style: normal;
    font-weight: 200;
    src: url("Fonts/IRANSans/IRANSans(FaNum)_UltraLight.ttf") format('truetype');
}

@font-face {
    font-family: IranSans;
    font-style: normal;
    font-weight: 300;
    src: url("Fonts/IRANSans/IRANSans(FaNum)_Light.ttf") format('truetype');
}

@font-face {
    font-family: IranSans;
    font-style: normal;
    font-weight: 500;
    src: url("Fonts/IRANSans/IRANSans(FaNum)_Medium.ttf") format('truetype');
}

@font-face {
    font-family: IranSans;
    font-style: normal;
    font-weight: bold;
    src: url("Fonts/IRANSans/IRANSans(FaNum)_Bold.ttf") format('truetype');
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar, div::-webkit-scrollbar {
    /*display: none !important;*/
}

/* Hide scrollbar for IE, Edge and Firefox */
body, div {
    /*-ms-overflow-style: none !important;  !* IE and Edge *!*/
    /*scrollbar-width: none !important;  !* Firefox *!*/
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

input {
    direction: ltr;
}

@media (max-width: 425px) {
    .px-xs-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }
}



.f, .jc, .jsb, .mfc, .flex, .flex-column, .full-flex, .justify-center, .justify-space-between, .align-center, .mobile-flex-column {
    display: flex;
}
.fc, .flex-column {
    flex-direction: column;
}
.ff, .full-flex {
    flex: 1;
}
.jc, .justify-center {
    justify-content: center;
}

.jsb, .justify-space-between {
    justify-content: space-between;
}

.ac, .align-center {
    align-items: center;
}

@media (max-width: 544px) {
    .mfc, .mobile-flex-column {
        flex-direction: column;
    }
}

/*Table*/
.px-xs-0{
    padding: 0px !important;
}
/*.MuiTableRow-root .MuiTableCell-root{*/
/*    padding: 0 !important;*/
/*}*/

@media (max-width: 700px) {
    table div.MuiTablePagination-selectRoot {
        margin-right: 0px;
        margin-left: 0px;
    }
}
.MuiToolbar-gutters{
    padding-right: 0 !important;
}

.MuiTablePagination-caption {
    direction: ltr;
}
.MuiTypography-body1 {
    font-size: inherit !important;
}
.MuiInputBase-input{
    font-size: inherit !important;
}
.jr-btn .btn {
    font-size: inherit !important;
}
body, span, button, div, a, li, ul,th, tr {
    font-family: 'IranSans', sans-serif !important;
}
.MuiTab-root {
    font-family: 'IranSans', sans-serif !important;
}

.MuiFromLabel-root {
    font-family: 'IranSans', sans-serif !important;
}

.MuiTypography-body1 {
    font-family: 'IranSans', sans-serif !important;
}

.MuiFormLabel-root {
    font-family: 'IranSans', sans-serif !important;
}

.MuiButton-label {
    color: #ffffff !important;
}

.MuiInputBase-root {
    font-family: 'IranSans', sans-serif !important;
}

.MuiMenuItem-root {
    font-family: 'IranSans', sans-serif !important;
}

.badge-warning {
    color: whitesmoke !important;
}

.MuiTableCell-root {
    font-family: 'IranSans', sans-serif !important;
}

.MuiButton-root {
    font-family: 'IranSans', sans-serif !important;
}

.MuiTypography-body2 {
    font-family: 'IranSans', sans-serif !important;
}

.MuiTypography-body1 {
    font-family: 'IranSans', sans-serif !important;
}

.MuiFormControl-root {
    width: 100%;
}

.coin-logo {
    /*width: 34px;*/
    /*margin: 7px;*/
   /*margin-left: 5px;*/
    background-position-y: 0px;
    height: 32px;
    width: 32px;
    background-image: url("/core/storage/coins_sprite.png");
    /*background-position-y: ;*/
}
.coin-logo-converter {
    width: 20px;
    height: 20px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("/core/storage/coins_sprite.png");
    background-position-y: 0px;

}
.gate-way-logos {
    /*height: 22px;*/
    /*min-width: 90px;*/

}
.label-font14 {
    font-size: 14px !important;
}

@media (max-width: 653px) {
    .coin-logo {
        /*width: 25px;*/
        /*height: 25px;*/
        /*margin: 4px;*/
    }
}

.ltr {
    direction: ltr;
}

.wallet-qr {
    width: 160px;
    height: 160px;
}

i.widget-icon {
    font-size: 52px !important;
}

@media (max-width: 1450px) {
    i.widget-icon {
        font-size: 35px !important;
    }
}

.jr-card-body span.wallet-span {
    text-align: left !important;
}

@media (min-width: 600px) {
    .MuiTab-root {
        min-width: 200px !important;
    }
}

.MuiBox-root-20 {
    padding: 0 !important;
}

.MuiBox-root {
    padding: 0 !important;
}
.MuiPopover-root{
    z-index: 2700 !important;
}

.auth-card-image {
    width: 27px;
}
.auth-card-name {
    font-size: 17px;
    color: #e8e8e8;
}
.auth-card-situation {
    font-size: 15px;
    color: #e8e8e8 !important;
}
.card-expand{
    text-align: left !important;
}
.MuiFormLabel-root{
    font-size: 14px !important;
}

@media (max-width: 544px) {
    .auth-card-image {
        width: 30px;
    }

    .auth-card-situation {
        font-size: 10px;
        color: #e8e8e8 !important;
    }

    .auth-card-name {
        font-size: 14px;
        color: #e8e8e8;
    }
}

/*sweetalert*/
.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
    margin: auto;
}

.swal2-show {
    -webkit-animation: swal2-show .3s;
    animation: swal2-show .3s;
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent;
}

.swal2-popup {
    display: none;
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    width: 32em;
    max-width: 100%;
    padding: 1.25em;
    border: none;
    border-radius: 5px;
    background: #fff;
    font-family: inherit;
    font-size: 1rem;
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent;
}

.swal2-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 1.8em;
}

.swal2-icon.swal2-success {
    border-color: #a5dc86;
    color: #a5dc86;
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent;
}

.swal2-icon {
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    border: .25em solid transparent;
    border-radius: 50%;
    border-color: #000;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -.4375em;
    left: -2.0635em;
    transform: rotate(
            -45deg
    );
    transform-origin: 3.75em 3.75em;
    border-radius: 7.5em 0 0 7.5em;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 3.75em;
    height: 7.5em;
    transform: rotate(
            45deg
    );
    border-radius: 50%;
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent;
}

swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
    -webkit-animation: swal2-animate-success-line-tip .75s;
    animation: swal2-animate-success-line-tip .75s;
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
    top: 2.875em;
    left: .8125em;
    width: 1.5625em;
    transform: rotate(
            45deg
    );
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    display: block;
    position: absolute;
    z-index: 2;
    height: .3125em;
    border-radius: .125em;
    background-color: #a5dc86;
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent;
}

.swal2-icon.swal2-success {
    border-color: #a5dc86;
    color: #a5dc86;
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
    -webkit-animation: swal2-animate-success-line-long .75s;
    animation: swal2-animate-success-line-long .75s;
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
    top: 2.375em;
    right: .5em;
    width: 2.9375em;
    transform: rotate(
            -45deg
    );
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    display: block;
    position: absolute;
    z-index: 2;
    height: .3125em;
    border-radius: .125em;
    background-color: #a5dc86;
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent;
}

.swal2-icon.swal2-success .swal2-success-ring {
    position: absolute;
    z-index: 2;
    top: -.25em;
    left: -.25em;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    border: .25em solid rgba(165, 220, 134, .3);
    border-radius: 50%;
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent;
}

.swal2-icon.swal2-success .swal2-success-fix {
    position: absolute;
    z-index: 1;
    top: .5em;
    left: 1.625em;
    width: .4375em;
    height: 5.625em;
    transform: rotate(
            -45deg
    );
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent;
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
    -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
    animation: swal2-rotate-success-circular-line 4.25s ease-in;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -.6875em;
    left: 1.875em;
    transform: rotate(
            -45deg
    );
    transform-origin: 0 3.75em;
    border-radius: 0 7.5em 7.5em 0;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 3.75em;
    height: 7.5em;
    transform: rotate(
            45deg
    );
    border-radius: 50%;
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent;
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent;
}

.swal2-image {
    max-width: 100%;
    margin: 1.25em auto;
}

.swal2-title {
    position: relative;
    max-width: 100%;
    margin: 0 0 .4em;
    padding: 0;
    color: #595959;
    font-size: 1.875em;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word;
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent;
}

.swal2-close {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    align-items: center;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    padding: 0;
    overflow: hidden;
    transition: color .1s ease-out;
    border: none;
    border-radius: 5px;
    background: 0 0;
    color: #ccc;
    font-family: serif;
    font-size: 2.5em;
    line-height: 1.2;
    cursor: pointer;
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent;
}

.swal2-content {
    z-index: 1;
    justify-content: center;
    margin: 0;
    padding: 0 1.6em;
    color: #545454;
    font-size: 1.125em;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    word-wrap: break-word;
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent;
}

.swal2-input {
    height: 2.625em;
    padding: 0 .75em;
}

.swal2-file, .swal2-input, .swal2-textarea {
    box-sizing: border-box;
    width: 100%;
    transition: border-color .3s, box-shadow .3s;
    border: 1px solid #d9d9d9;
    border-radius: .1875em;
    background: inherit;
    /*box-shadow: inset 0 1px 1px rgb(0 0 0 / 6%);*/
    color: inherit;
    font-size: 1.125em;
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent;
}

.swal2-file {
    background: inherit;
    font-size: 1.125em;
}

.swal2-file, .swal2-input, .swal2-textarea {
    box-sizing: border-box;
    width: 100%;
    transition: border-color .3s, box-shadow .3s;
    border: 1px solid #d9d9d9;
    border-radius: .1875em;
    background: inherit;
    /*box-shadow: inset 0 1px 1px rgb(0 0 0 / 6%);*/
    color: inherit;
    font-size: 1.125em;
}

.swal2-checkbox, .swal2-file, .swal2-input, .swal2-radio, .swal2-select, .swal2-textarea {
    margin: 1em auto;
}

body, input, textarea, select {
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent;
}

.swal2-range {
    margin: 1em auto;
    background: #fff;
}

.swal2-range input, .swal2-range output {
    height: 2.625em;
    padding: 0;
    font-size: 1.125em;
    line-height: 2.625em;
}

.swal2-range input {
    width: 80%;
}

.swal2-range input, .swal2-range output {
    height: 2.625em;
    padding: 0;
    font-size: 1.125em;
    line-height: 2.625em;
}

.swal2-range output {
    width: 20%;
    color: inherit;
    font-weight: 600;
    text-align: center;
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent;
}

.swal2-select {
    min-width: 50%;
    max-width: 100%;
    padding: .375em .625em;
    background: inherit;
    color: inherit;
    font-size: 1.125em;
}

.swal2-checkbox, .swal2-file, .swal2-input, .swal2-radio, .swal2-select, .swal2-textarea {
    margin: 1em auto;
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent;
}

.swal2-checkbox, .swal2-radio {
    align-items: center;
    justify-content: center;
    background: #fff;
    color: inherit;
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent;
}

.swal2-checkbox, .swal2-radio {
    align-items: center;
    justify-content: center;
    background: #fff;
    color: inherit;
}

.swal2-checkbox, .swal2-file, .swal2-input, .swal2-radio, .swal2-select, .swal2-textarea {
    margin: 1em auto;
}

user agent stylesheet
label {
    cursor: default;
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent;
}

.swal2-textarea {
    height: 6.75em;
    padding: .75em;
}

.swal2-file, .swal2-input, .swal2-textarea {
    box-sizing: border-box;
    width: 100%;
    transition: border-color .3s, box-shadow .3s;
    border: 1px solid #d9d9d9;
    border-radius: .1875em;
    background: inherit;
    /*box-shadow: inset 0 1px 1px rgb(0 0 0 / 6%);*/
    color: inherit;
    font-size: 1.125em;
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent;
}

.swal2-validation-message {
    display: none;
    align-items: center;
    justify-content: center;
    margin: 0 -2.7em;
    padding: .625em;
    overflow: hidden;
    background: #f0f0f0;
    color: #666;
    font-size: 1em;
    font-weight: 300;
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent;
}

.swal2-actions {
    display: flex;
    z-index: 1;
    box-sizing: border-box;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 1.25em auto 0;
    padding: 0 1.6em;
}

.swal2-loader {
    display: none;
    align-items: center;
    justify-content: center;
    width: 2.2em;
    height: 2.2em;
    margin: 0 1.875em;
    -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    border-width: .25em;
    border-style: solid;
    border-radius: 100%;
    border-color: #2778c4 transparent #2778c4 transparent;
}

.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #2778c4;
    color: #fff;
    font-size: 1.0625em;
}

.swal2-styled:not([disabled]) {
    cursor: pointer;
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent;
}

.swal2-styled {
    margin: .3125em;
    padding: .625em 1.1em;
    box-shadow: none;
    font-weight: 500;
}

.MuiButton-root {
    color: unset !important;
}

.p-prefix span {
    padding-right: 8px;
}

thead th {
    height: 50px !important;
}

.coin-area {
    /*width: 25%*/
    display: flex;
    direction: rtl !important;
}

.price-area {
    /*width: 75%;*/
    margin: 18px;
}

.card-coin-img {
    width: 30px;
    margin: 4px;
}

.coin-area .coin-name {
    text-align: end !important;
    padding: 6px;
    font-size: 22px;
    font-weight: bolder;
    margin: 2px;
}

.price-card {
    height: 155px;
}

/*@media(max-width: 768px) {*/
/*    .coin-area{*/
/*        width: 100%;*/
/*    }*/
/*    .price-area{*/
/*        width: 100%;*/
/*    }*/

/*}*/

/*@media (max-width: 992px ) {*/
/* .price-card{*/
/*     height: 200px*/
/* }*/
/*}*/
/*@media (max-width: 1201px){*/
/*    .coin-area{*/
/*        width: 100%*/
/*    }*/
/*    .price-area{*/
/*        width: 100%;*/
/*    }*/
/*    .card-coin-img{*/
/*        width: 30px;*/
/*    }*/
/*}*/

.carousel {
    padding-top: 140px;
}

.text-on-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    background: 0 0;
    /*color: #fff;*/
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
    padding: 0 1.3rem;
    text-align: center;
    text-shadow: 1px 1px 3px #000;
    width: 100%;
}

.brand-logo-inner:before {
    background-color: #000;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .6;
    transition: opacity .2s ease;
}

.box.box-alt-bg {
    background: #e6efff;
}

.box .box-icon {
    max-width: 60px;
    margin: 0 auto 25px;
    padding: 10px;
}

.possibilities {
    padding-top: 60px;
}

.PrivateTabIndicator-colorPrimary-10 {
    background-color: #000000 !important;
}

.MuiTab-textColorPrimary.Mui-selected {
    color: #000000 !important;
}

.statTile {
    font-size: 15px;
    white-space: nowrap;
}

@media (max-width: 1497px) and (min-width: 991px) {
    .statTile {
        font-size: 9px;
    }
}

.statValue {
    font-size: 13px;
}

.rtl .user-detail-card .jr-card-body {
    padding: 10px 100px 20px 10px;
}

@media (max-width: 768px) {
    .statics {
        display: none;
    }
}

.message{
    direction: ltr;
    text-align: justify;
}
.chatImage{
    object-fit: contain;
    width: 400px;
    height: 400px;
    max-width: 400px;
    max-height: 400px;

}
@media (max-width: 768px) {
    .chatImage {
        object-fit: contain;
        width: 200px;
        height: 200px;
        max-width: 200px;
        max-height: 200px;
    }
}
.chat-sidenav-main-drawer{
    width: 300px;
}
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 1px #9bacaf;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #9bacaf;
    border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #5f5f67;
}

tbody > tr:nth-of-type(odd), tbody > td:nth-of-type(odd) {
    background-color: var(--table-odd-bg);
}
tbody > td:nth-of-type(odd)>div, tbody > td:nth-of-type(even)>div {
    background-color: inherit;
}

.loader:before {
   display: none !important;
}
.message{
    direction: rtl !important;
}

    @media (max-width: 1201px){
        .d-xs-none{
            display: none;
        }
    }

@media (max-width: 500px) {
  .chat-sent {
      display: grid;
  }
}
.payment-btn {
    padding: 5px 38px !important;
}
.child-auto-scroll > div {
    overflow: auto !important;
}
@media (min-width: 991px) {
    .auth-social {
        height: 16em;
    }
}
.social-media-items {
    height: 7.5em;

}
svg, iframe {
    pointer-events: none;
}
.MuiIconButton-label svg {
    pointer-events: all;
}
