@font-face {
    font-family: iransans;
    src: url(../fonts/IRANSansWeb.ttf);
}

.dot {
    height: 25px;
    width: 25px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}

body, a {
    font-family: iransans;
    background: #f6f8f9;
}

    body.dark, body.dark a {
        background: #0F1B29;
    }

html {
    position: relative;
    min-height: 100%;
    font-family: iransans;
}

body {
    margin-bottom: 80px;
    margin-top: 60px;
    overflow-x: hidden !important;
}


.navbar {
    border-top: 1px solid transparent;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    background: #ffffff !important;
}

body.dark .navbar {
    background: #192533 !important;
    color: #fff !important;
}

.navbar-brand {
    margin-right: unset;
}

.navbar-light .navbar-brand {
    color: #5f6060;
}

.dark .navbar-light .navbar-brand {
    color: #fff;
}

.group-container {
    padding: 0;
    height: 100%;
}



/* Colors of the buttons*/
.button-active, .selectors button:hover, .selectors button:active, .selectors button:focus {
    color: #ff0000;
}

.button-inactive {
    color: #5f6060;
}

.text-black {
    color: #5f6060 !important;
}

.dark .text-black, .dark .text-muted {
    color: #fff !important;
}

.text-persian, .text-persion {
    direction: rtl;
    text-align: right;
}

.list-group-item {
    border-top-width: 1px !important;
}

.bazar .list-group-item {
    border: solid 1px #dbd5d5 !important;
}

.dark .bazar .list-group-item {
    border: solid 1px #2a3744 !important;
}

.bazar-box .list-group-item {
    border-top-width: 0px !important;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
}

.icon-bar {
    width: 100%;
    background-color: #ffffff;
    overflow: auto;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 56px;
    border-top: 1px solid transparent;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

    .icon-bar.top {
        top: 55px;
        z-index: 999999;
        height: 39px;
    }

        .icon-bar.top a {
            height: 38px;
        }

    .icon-bar a {
        float: right;
        width: 33%;
        text-align: center;
        display: block;
        transition: all 0.3s ease;
        color: black;
        font-size: 26px;
        line-height: 20px;
        padding: 5px;
        background: #ffffff;
    }

    .icon-bar.footer a {
        line-height: 10px;
        padding: 2px;
        width: 25%;
    }

.Crypto .icon-bar.footer a {
    width: 50%;
}

.amar-box {
    background: #fff;
    border: #ccc solid 2px;
    color: #6c757d;
}

    .amar-box a {
        color: #6c757d !important;
    }

body.dark .amar-box {
    background: #192533;
    border: #2a3744 solid 2px;
    color: #fff;
}

body.dark .text-5f6060 {
    color: #fff !important;
}

body.dark .icon-bar, body.dark .icon-bar a, body.dark .icon-bar a.active {
    background: #0F1B29;
    background-color: #0F1B29;
    color: #fff;
}

body.dark .icon-bar {
    box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2);
}

body.dark .list-group-item {
    border: 1px solid #2a3744;
}

body.dark hr {
    border: 1px solid #2a3744;
}

.btn-nav span {
    color: #ccc;
}

.btn-nav.active span {
    color: unset;
}

.icon-bar a.active {
    background: unset;
    border: 0px;
    border-bottom: solid #ff6f00 3px;
    background: #ffffff;
}

.icon-bar.footer a.active {
    border: 0px !important;
    background: #ffffff;
}

.active {
    background-color: unset;
}

.none {
    display: none !important;
}

.main {
    margin-top: 90px;
}

    .main.no-menu {
        margin-top: 60px;
    }

.advance .list-group-item-action,
.filters .list-group-item-action {
    width: unset;
    background: #ffffff !important;
}

body.dark .advance .list-group-item-action,
body.dark .list-group-item,
body.dark .filters .list-group-item-action {
    background: #192533 !important;
    color: #fff !important;
}

.signal .btn-primary.dropdown-toggle {
    background: unset !important;
    color: black;
}

body.dark .signal .btn-primary.dropdown-toggle {
    background: #0F1B29 !important;
    color: #fff;
}

.font-14 {
    font-size: 14px !important;
}

.font-10 {
    font-size: 10px !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-22 {
    font-size: 22px !important;
}

.font-30 {
    font-size: 30px !important;
}

.font-40 {
    font-size: 40px !important;
}

.b-sg {
    background: #4dbdbc;
}

.b-sr {
    background: #fb5902;
}

.status-A, .sg {
    color: #4dbdbc !important;
}

.status-IS, .sr {
    color: #fb5902 !important;
}

.so {
    color: orange;
}

.bazar-box {
    border: solid 1px #dbd5d5;
    border-radius: 10px;
    background: #ffffff;
    padding: 10px !important;
    margin-right: -4px !important;
    margin-left: -4px !important;
}

body.dark .bazar-box {
    background: #0F1B29;
    border: solid 1px #2a3744;
    color: #fff
}

.bg-f2f2f2 {
    background: #f2f2f2;
}

.bg-fff {
    background-color: #fff !important;
}

.dark .bg-fff, .dark .chart-card {
    background-color: #192533 !important;
}

.dark .chart-card {
    color: #fff;
}

.dark .table td, .dark .table th {
    border-color: #2a3344 !important;
}

.dark .table {
    color: #fff !important;
}

nav {
    z-index: 9999999 !important;
}

.chart-time.active, .chart-type.active {
    background-color: Highlight;
    color: #ffffff;
}

.full-screen {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9999;
}

.main-title {
    background-color: #4285F4;
    overflow: auto;
}

.gauge {
    position: relative;
    display: inline-block;
    font-size: 33px;
    line-height: 1em;
    height: 1em;
    width: 2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .gauge.gauge-big {
        font-size: 20px;
    }

    .gauge.gauge-small {
        font-size: 17px;
    }

    .gauge:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        font-size: 100%;
        height: 2em;
        width: 2em;
        line-height: 1em;
        border: 0.35em solid #666666;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%;
        clip: rect(auto, auto, 1em, auto);
    }

    .gauge .gauge-arrow {
        height: 1em;
        width: 0.075em;
        margin-left: -.05em;
        -webkit-transform-origin: 50% 100%;
        -moz-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        -o-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

        .gauge .gauge-arrow, .gauge .gauge-arrow:before {
            position: absolute;
            display: inline-block;
            background: #5f6060;
            left: 50%;
            border-radius: 50% 50% 50% 50% / 50% 50% 0 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .gauge .gauge-arrow:before {
                content: '';
                height: 0.15em;
                width: 0.15em;
                bottom: -0.1em;
                margin-left: -0.075em;
                border-radius: 100%;
                -webkit-border-radius: 100%;
                -moz-border-radius: 100%;
                -ms-border-radius: 100%;
                -o-border-radius: 100%;
            }

.gauge-color4.gauge:before {
    border-color: #008000;
}

.gauge-color3.gauge:before {
    border-color: #3cb371;
}

.gauge-color2.gauge:before {
    border-color: #00ff7f;
}

.gauge-color1.gauge:before {
    border-color: #98fb98;
}

#gaugeDemo.left:before {
    border-color: #fb5902 !important;
    clip: rect(auto, 1em, 1em, auto) !important;
}

#gaugeDemo.right:before {
    border-color: #4dbdbc !important;
    clip: rect(auto, auto, 1em, 1em) !important;
}

#gaugeDemo.right {
    left: unset;
}

.gauge-arrow.center {
    left: 19px !important;
}

.gauge.gauge-big.super {
    font-size: 80px;
}

#gaugeDemo.right.super {
    left: -5px;
}

.gauge.super {
    width: 0px;
}

.gauge-arrow.center.super {
    left: 81px !important;
    z-index: 9;
}

.gauge .gauge-arrow.super {
    width: 0.045em !important;
}

    .gauge .gauge-arrow.super, .gauge .gauge-arrow.super:before {
        background: black;
    }

.bazar-state {
    width: 160px;
    margin: auto;
    text-align: left;
}

.minGauge {
    display: none;
}

    .minGauge .bazar-state {
        width: 17px !important;
    }

    .minGauge .gauge-arrow.center.super {
        left: 7px !important;
    }

    .minGauge .gauge:before {
        border: 0.25em solid #666666;
        left: -5px;
    }

    .minGauge .gauge.gauge-big.super {
        font-size: 13px;
    }

.bookmarks .minGauge {
    display: inline;
}

.minGauge #gaugeDemo.right.super {
    left: -3px;
}

.mdi-candle-chart {
    position: relative;
    line-height: 0;
    padding: .25em 0;
    width: unset;
    display: inline-block
}

    .mdi-candle-chart:before {
        content: "";
        background-color: #000;
        width: .35em;
        height: .65em
    }


    .mdi-candle-chart:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 50%;
        width: 1px;
        margin-right: -.5px;
        background-color: #000
    }

.active .mdi-candle-chart:before,
.active .mdi-candle-chart:after {
    background-color: #fff;
}

.text-light .mdi-candle-chart:after, .text-light .mdi-candle-chart:before {
    background-color: #f8f9fa !important
}

.chip {
    padding: 0 5px !important;
    height: 25px !important;
    line-height: 25px !important;
}

a {
    color: black !important;
}

body.dark a {
    color: #fff !important;
    background: unset !important;
}

.text-bold {
    font-weight: bold !important;
}

.text-black {
    color: #5f6060 !important;
}

.chart-title {
    font-size: 11px;
    font-weight: bold;
}

.filter-item {
    padding-right: .84rem !important;
    padding-left: .84rem !important;
    font-size: 15px !important;
}

    .filter-item.small {
        font-size: 14px !important;
    }

.combine .filter-item.small,
.coincombine .filter-item.small {
    font-size: 12px !important;
}

.rtl {
    direction: rtl !important;
}

.ltr {
    direction: ltr !important;
}

.text-17c5cc {
    color: #17c5cc !important;
}

.text-bold {
    font-weight: bold !important;
}

.bb-0 {
    border-bottom: 0px !important;
}

.shadow-none {
    box-shadow: none !important;
}

.prl-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.text-5f6060 {
    color: #5f6060 !important;
}

.mdi-arrow-right {
    padding-left: 5px;
}

.loader {
    z-index: 999999999;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #f0f0f0;
    display: none;
}

.loader-logo {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #4dbdbc;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -60px;
    z-index: 99999;
}

body.loading .loader {
    display: block;
}
/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.btn-nav img {
    width: 32px !important;
    height: 32px !important;
}

.deselect {
    display: inline;
}

.selected {
    display: none;
}

.active .deselect {
    display: none;
}

.active .selected {
    display: inline;
}

.text-ccc {
    color: #909191 !important;
}

.signal-card {
    border-right: solid 10px !important;
    border-radius: 10px;
}

    .signal-card table td {
        font-size: 12px !important;
    }
/*
.collapse-content a.collapsed:after {
    content: "جزییات بیشتر";
    color: #ccc;
    font-size: 11px !important;
}

.collapse-content a:not(.collapsed):after {
    content: "جزییات کمتر";
    color:;
    font-size: 11px !important;
}*/

.signal-list-group .list-group-item:last-child {
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.class-z {
    border-right: solid 10px #fb5902 !important;
}

.class-1 {
    border-right: solid 10px #006666 !important;
}

.class-2 {
    border-right: solid 10px #279593 !important;
}

.class-3 {
    border-right: solid 10px #66cccc !important;
}

.signal-tag {
    position: absolute;
    right: -9px;
    font-size: 12px;
    color: #fff;
    bottom: 12px;
    padding: 5px;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 10px;
    width: 100px;
    text-align: center;
}

    .signal-tag:after {
        color: #fff !important;
    }

.class-z .signal-tag {
    background: #fb5902;
}

.class-1 .signal-tag {
    background: #006666;
}

.class-2 .signal-tag {
    background: #279593;
}

.class-3 .signal-tag {
    background: #66cccc;
}

.class-1 .signal-tag::after {
    content: 'پر سود'
}

.class-2 .signal-tag::after {
    content: 'سود خوب'
}

.class-3 .signal-tag::after {
    content: 'سود متوسط'
}

.label-date {
    position: fixed;
    z-index: 999;
    left: 50%;
    top: 95px;
    background: #66c4c1;
    color: #fff;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 2px;
    width: 95px;
    text-align: center;
    margin-left: -47px;
    font-size: 14px;
}

.progress-bar-buy {
    direction: ltr;
    display: flex;
    position: relative;
    white-space: nowrap;
    width: 100%;
    height: 25px;
    transition: width .6s ease;
}

    .progress-bar-buy .data {
        direction: ltr;
        text-align: left;
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 1px;
    }

    .progress-bar-buy span {
        color: black;
    }

.dark .progress-bar-buy span {
    color: #fff;
}

tr.out-range span {
    color: #ccc;
}

.login .wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-height: 100%;
    padding: 20px;
}

.login #formContent {
    background: #fff;
    margin-bottom: 60px;
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 30px;
    width: 90%;
    max-width: 420px;
    position: relative;
    -webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
    box-shadow: 1px 0px 14px 0px black;
    text-align: center;
}


.login .arrow {
    text-align: right;
    direction: rtl;
}

.login .error {
    font-weight: bold;
    color: red;
    padding: 2px 8px;
    margin-top: 2px;
    font-size: 12px !important;
}

.login .fixerror {
    font-weight: bold;
    color: red;
    padding: 2px 8px;
    margin-top: 2px;
    font-size: 12px !important;
}

.login input[type=button], .login input[type=submit], .login input[type=reset] {
    background-color: #0065ff;
    border: none;
    color: white;
    padding: 10px 80px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 20px 20px 20px 20px;
    margin: 5px 20px 40px 20px;
}

.login #vcode, .login #ccode {
    direction: rtl;
}

.login .mdi {
    vertical-align: middle;
    font-size: 20px;
    background: #fff;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 12px;
    text-align: right;
    direction: rtl;
    letter-spacing: 0px !important;
    background: #fff;
}

::-moz-placeholder { /* Firefox 19+ */
    font-size: 12px;
    text-align: right;
    direction: rtl;
    letter-spacing: 0px !important;
    background: #fff;
}

:-ms-input-placeholder { /* IE 10+ */
    font-size: 12px;
    text-align: right;
    direction: rtl;
    letter-spacing: 0px !important;
    background: #fff;
}

:-moz-placeholder { /* Firefox 18- */
    font-size: 12px;
    direction: rtl;
    text-align: right;
    background: #fff;
    letter-spacing: 0px !important;
}

input[type=text]:placeholder {
    color: #cccccc;
}

.table.sell td, .table.sell th,
.table.buy td, .table.buy th {
    border-top: solid 0px !important;
}

.table.sell th,
.table.buy th {
    height: 22px !important;
}

.real-buy-div, .real-sell-div {
    border-radius: 2px !important;
}

.market-view-box-count {
    margin: 2px;
    border: #ccc solid 2px;
    width: 150px;
    font-size: 13px;
    border-radius: 15px !important;
}

.btn-bookmark, .btn-coinbookmark, .mdi-scale-balance {
    font-size: 24px;
    cursor: pointer;
}

.mdi-eye-check {
    color: #5d9cec !important;
}

.page.symbol .btn-bookmark {
    position: unset;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

textarea:focus, input:focus {
    outline: none;
}

.btn-payment {
    position: fixed;
    bottom: 0px;
    height: 48px;
    padding-top: 13px !important;
    font-size: 16px;
    margin: auto;
    z-index: 99;
    background: green;
    color: #fff;
    width: 100% !important;
    right: 0px;
}

    .btn-payment.disabled {
        background: #67916a !important;
    }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.sidebar-menu-rtl li a {
    line-height: 24px;
}

    .sidebar-menu-rtl li a i {
        float: right;
        margin-left: 24px;
        color: #5f6060;
    }

#bi-modal {
    background: black;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 99999999;
    opacity: .3;
    display: none;
}

.filter-progress {
    height: 3px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.panel-with-loading {
    position: relative !important;
}

    .panel-with-loading .loader {
        position: absolute !important;
        opacity: .9;
        z-index: 9 !important;
    }

    .panel-with-loading .loader-logo {
        position: absolute !important;
        z-index: unset !important;
    }

    .panel-with-loading.show .loader {
        display: block !important;
    }

.note-delete-count, .note-icon {
    position: relative;
}

    .note-delete-count span, .note-icon span {
        position: absolute;
        top: 0px;
        left: -46px;
        opacity: .9;
        border-radius: 10px;
    }

.combin-icon {
    position: relative;
}

    .combin-icon span {
        position: absolute;
        top: 0px;
        left: -112px;
        opacity: .9;
        border-radius: 10px;
        z-index: 100;
    }

.coincombin-icon {
    position: relative;
}

    .coincombin-icon span {
        position: absolute;
        top: 0px;
        left: -112px;
        opacity: .9;
        border-radius: 10px;
        z-index: 100;
    }

.signal-like {
    left: 20px;
    position: absolute;
    font-size: 12px;
    color: #ccc;
    bottom: 2px;
    padding: 5px;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 10px;
    width: 49px;
    text-align: center;
}

*:focus {
    box-shadow: unset !important;
    outline: none !important;
}

.notifications li {
    border-right: solid 2px #ccc;
}

    .notifications li.good {
        border-right: solid 2px #4dbdbc;
    }

    .notifications li.bad {
        border-right: solid 2px #fb5902;
    }

.radar-bullet {
    background: red;
    position: absolute;
    width: 5px;
    display: block;
    color: #ff6f00;
    height: 5px;
    border-radius: 10px;
    top: 4px;
    right: 4px;
}

#filter-lab, #filter-help, #filter-alert {
    position: fixed;
    width: 100%;
    margin: 0px !important;
    padding: 0 !important;
    padding-bottom: 150px !important;
    top: 10px;
    left: 0px;
    height: 100%;
    z-index: 9;
    padding: 21px !important;
    text-align: right;
    height: 100%;
    overflow-y: auto !important;
    background-color: #fff !important;
    border-color: #fff !important;
}

#filter-lab {
    top: 50px !important;
}

.separator {
    font-weight: bold;
    margin-top: 24px;
    margin-bottom: 5px;
    font-size: 18px !important;
}





.-loading {
    position: relative;
    background-color: #E2E2E2;
    border-radius: 15px;
}

    .-loading ::after {
        display: block;
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        transform: translateX(-100%);
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .2), transparent);
        animation: loading 1.5s infinite;
    }

@keyframes loading {
    100% {
        transform: translateX(100%);
    }
}

#filter-help p {
    direction: rtl;
}

#filter-help h2 {
    font-size: 22px;
    font-weight: 700;
    margin-top: 2.1818em;
    margin-bottom: 1.0818em;
}

#filter-help .title {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: .918em;
    direction: rtl;
}

#filter-help figure {
    text-align: center;
}


.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

    .material-switch > label::before {
        background: rgb(0, 0, 0);
        box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
        border-radius: 8px;
        content: '';
        height: 16px;
        margin-top: -8px;
        position: absolute;
        opacity: 0.3;
        transition: all 0.4s ease-in-out;
        width: 40px;
    }

.dark .material-switch > label::before,
.dark .material-switch > label::after {
    background: #ccc;
}

.dark label {
    color: #fff;
}

.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}

.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}

.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

.m-zooming {
    margin-top: unset !important;
}

    .m-zooming > * {
        display: none !important;
    }

    .m-zooming > .m-magnifikControl {
        display: block !important;
    }

.m-magnifikThumb {
    display: none;
}

.m-magnifikFull {
    position: absolute;
    top: 0px;
    left: 0px;
    max-width: none;
    max-height: none;
    width: 200%;
}

@media (max-width: 600px) {
    .m-magnifikFull {
        transform: rotate(90deg);
        top: 50% !important;
        right: -50% !important;
        left: unset !important;
    }
}

.mdi-fullscreen {
    position: absolute;
    right: 3%;
    cursor: pointer;
    font-size: 30px;
    top: 3%;
    color: #ccc;
}

@media (max-width: 600px) {
    .mdi-fullscreen {
        right: 1% !important;
        top: 0 !important;
    }
}

.mdi-fullscreen-exit {
    position: fixed;
    right: 10px;
    font-size: 30px;
    cursor: pointer;
    color: #ccc;
}

.font-scale {
    border: unset !important;
    background: unset !important;
    box-shadow: unset !important;
    width: 33% !important;
}

    .font-scale.active {
        border-bottom: solid 2px blue !important;
    }

.font-scale-1 .font-10 {
    font-size: 12px !important;
}

.font-scale-1 .font-12 {
    font-size: 14px !important;
}

.font-scale-1 .font-14 {
    font-size: 16px !important;
}


.font-scale-2 .font-10 {
    font-size: 14px !important;
}

.font-scale-2 .font-12 {
    font-size: 16px !important;
}

.font-scale-2 .font-14 {
    font-size: 18px !important;
}

.text-info {
    line-height: 35px !important;
    color: grey !important;
    font-size: 20px !important;
    padding: 20px !important;
}


.mdi-vector-combine {
    color: black;
}

    .mdi-vector-combine.active {
        color: #ccc;
    }

.mdi-plus-circle-outline, .mdi-minus-circle-outline {
    cursor: pointer;
}

.combine .mdi-plus-circle-outline,
.combine .mdi-minus-circle-outline {
    display: block !important;
    font-size: 24px;
    margin-top: -8px !important;
}

.mdi-pin, .mdi-pin-outline {
    font-size: 24px;
    margin-top: -8px !important;
    color: #999;
}

.combine .mdi-pin, .combine .mdi-pin-outline,
.coincombine .mdi-pin, .coincombine .mdi-pin-outline {
    display: none !important;
}

.coincombine .mdi-plus-circle-outline, .coincombine .mdi-minus-circle-outline {
    display: block !important;
    font-size: 24px;
    margin-top: -8px !important;
}

.combine .mdi-plus-circle, .combine .mdi-minus-circle {
    display: block !important;
    font-size: 24px;
    margin-top: -8px !important;
}

.coincombine .mdi-plus-circle, .coincombine .mdi-minus-circle {
    display: block !important;
    font-size: 24px;
    margin-top: -8px !important;
}


.combine .hide-if-combin {
    display: none !important;
}

.coincombine .hide-if-coincombin, .coincombine .hide-if-combin {
    display: none !important;
}

.show-if-combin, .show-if-coincombin {
    display: none !important;
}

.combine .show-if-combin {
    display: flex !important;
}

.coincombine .show-if-coincombin {
    display: flex !important;
}

.combine .advance .main {
    margin-top: 0px !important;
}

.coincombine .advance .main {
    margin-top: 0px !important;
}

.combine .filters .main {
    margin-top: 60px !important;
}

button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-bifilter {
    background: #4dbdbc !important;
    color: #fff !important;
}

.coincombin #coincombined-list {
    display: none;
}

.mdi-delete-outline {
    color: #193325 !important;
}

    .mdi-delete-outline.ready {
        color: red !important;
    }

.dark .mdi-delete-outline {
    color: #fff !important;
}

.active .mdi-delete-outline {
    color: unset !important;
}

#combined-list .mdi-delete-outline,
#coincombined-list .mdi-delete-outline {
    font-size: 20px;
    margin-top: -3px;
}

.btn-gold-invoice, .btn-silver-invoice, .btn-crypto-invoice, .btn-ocrypto-invoice {
    background: green !important;
    color: #fff !important;
}

    .btn-gold-invoice.disabled, .btn-silver-invoice.disabled, .btn-crypto-invoice.disabled, .btn-ocrypto-invoice.disabled {
        background: unset !important;
        color: unset !important;
    }

    .btn-silver-invoice.btn-payment.disabled {
        background: #67916a !important;
        color: #fff !important;
    }

.btn-payment:empty {
    display: none;
}

.advance .icon-bar a {
    width: 33% !important;
}

.coin-item {
    background: #fff !important;
}

.swiper-pagination-bullet-active {
    background-color: cornflowerblue;
}

.swiper-pagination-bullets {
    bottom: -5px !important;
}

.swiper-button-prev, .swiper-button-next {
    color: #fff;
    background: #ccc;
    border-radius: 20px;
    padding: 5px;
    width: 25px;
    height: 25px;
    opacity: .7 !important;
}

.swiper-button-disabled {
    display: none !important;
}

.swiper-button-prev {
    left: 0px !important;
}

.swiper-button-next {
    right: 0px !important;
}

.dark .sidebar-menu-rtl {
    background: #192533;
}

.amar-text {
    background: #f8f8f8;
}

    .amar-text p {
        color: #6c757d;
    }

.dark .amar-text {
    background: unset !important;
    color: #6c757d;
}

.bg-unset {
    background: unset !important;
}

.search a {
    background: #fff;
}

.search .pnl-group {
    background: #f2f2f2;
}

.dark .search .pnl-group {
    background: unset !important;
}

.dark .search a {
    background: #192533 !important;
}

    .dark .search a.lnk-group {
        border: solid 1px #2a3744;
    }

.dark .list-group a {
    background: unset !important;
}

.dark .swiper-pagination-bullet {
    background: #fff !important;
}

.dark .icon-bar a {
    background: #192533 !important;
}

.bazar .icon-bar a {
    width: 25% !important;
}

.dark #filter-help {
    background: #192533 !important;
    color: #fff;
}

.dark .mdi-vector-combine {
    color: #fff;
}

.dar .dropdown-menu {
    background: #192533 !important;
    border: solid 1px #2a3744 !important;
}

.bar-chart__item {
    background: #f8f8f8 !important;
}

.dark .bar-chart__item {
    background: #ccc !important;
}

.signal-timeframe {
    color: #909191 !important;
}

    .signal-timeframe.active {
        color: black !important;
    }

.dark .signal-timeframe.active {
    color: #66cccc !important;
}





.autocomplete {
    position: relative;
    display: inline-block;
}

    .autocomplete input {
        text-align: right;
        direction: rtl;
        padding: 10px;
        font-size: 16px;
    }

        .autocomplete input[type=text] {
            width: 100%;
        }

        .autocomplete input[type=submit] {
            cursor: pointer;
        }

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
    max-height: 300px;
    overflow: auto;
}

    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
        text-align: right;
        direction: rtl;
    }

        /*when hovering an item:*/
        .autocomplete-items div:hover {
            background-color: #e9e9e9;
        }

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
    background-color: DodgerBlue !important;
    color: #ffffff;
}

.ratio tr.active, .ratio tr.active a,
.cratio tr.active, .cratio tr.active a {
    background: #19acb1 !important;
    color: #fff !important;
}

.dark .filter-detail-row {
    color: #fff !important;
}

.dark .modal-footer, .dark .modal-body {
    background: #616161 !important;
}

.modal-footer a {
    color: #fff !important;
}

@media (max-width: 570px) {
    .modal-dialog {
        margin: 1.5rem !important;
    }
}

.modal-dialog.modal-notify .heading {
    padding: 1px !important;
    font-size: 13px !important;
}

.modal-dialog .btn-outline-danger {
    color: #ff3547 !important;
}

.dark .modal-dialog a.btn-outline-danger {
    background: #fff !important;
}

.dark .modal-dialog a.btn-danger {
    background: #ff3547 !important;
}

.dark .modal-body {
    color: #fff !important;
}

.modal-dialog .btn-danger {
    color: #fff !important;
}

.dark .dark-text-white {
    color: #fff !important;
}

.dark .text-primary {
    color: #4285f4 !important;
}

.lstRatio td {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    vertical-align: middle !important;
}

.combin-tools.sticky {
    position: fixed;
    padding-top: 14px !important;
    right: 7px;
    z-index: 9;
    background: #f6f8f9;
    width: 100%;
    top: 53px;
    height: 45px !important;
}

.filter-tools.sticky {
    position: fixed;
    background: #f6f8f9;
    z-index: 9;
    top: 51px;
    padding-top: 10px !important;
    right: 14px;
    display: flex !important;
    padding-left: 14px;
    width: 100% !important;
}

body.dark .combin-tools.sticky,
body.dark .filter-tools.sticky {
    background: #0F1B29;
}

body.Crypto .hide-if-crypto-app {
    display: none;
}
body.Bourse .hide-if-bourse-app {
    display: none;
}
.show-if-crypto-app {
    display: none;
}

body.Crypto .show-if-crypto-app {
    display: block;
}