@font-face {
    font-family: iranSans;
    src: url('https://cdn.arz.digital/ad-cnt/main/fonts/iransans/woff/IRANSansWeb.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: iranSans;
    src: url('https://cdn.arz.digital/ad-cnt/main/fonts/iransans/woff/IRANSansWeb_Bold.woff') format('woff');
    font-weight: bold;
    font-style: bold;
}

@font-face {
    font-family: iranSans;
    src: url('https://cdn.arz.digital/ad-cnt/main/fonts/iransans/woff/IRANSansWeb_Medium.woff') format('woff');
    font-weight: medium;
    font-style: medium;
}

#glossary-menu select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.active {
    border-width: 4px !important;
    border-color: #7adfff !important;
}

.arz-chart-loading-circular {
    -webkit-animation: chart-loading-dash 1s ease-in-out infinite, chart-loading-strock 5s ease-in-out infinite;
    animation: chart-loading-dash 1s ease-in-out infinite, chart-loading-strock 5s ease-in-out infinite;
    height: 20px;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    width: 20px;
    margin: auto;
}

.arz-chart-loading-path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: chart-loading-dash 1s ease-in-out infinite, chart-loading-strock 5s ease-in-out infinite;
    animation: chart-loading-dash 1s ease-in-out infinite, chart-loading-strock 5s ease-in-out infinite;
    stroke-linecap: round;
}

@-webkit-keyframes chart-loading-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes chart-loading-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes chart-loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124
    }
}

@keyframes chart-loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124
    }
}

@-webkit-keyframes chart-loading-strock {
    100%,
    0% {
        stroke: #41c3ee
    }
    40% {
        stroke: #45b29d
    }
    60% {
        stroke: #f68e2b
    }
    80%,
    90% {
        stroke: #df3f2a
    }
}

@keyframes chart-loading-strock {
    100%,
    0% {
        stroke: #41c3ee
    }
    40% {
        stroke: #45b29d
    }
    60% {
        stroke: #f68e2b
    }
    80%,
    90% {
        stroke: #df3f2a
    }
}

.glossary-el {
    width: 100%;
    max-width: 950px;
}

.arz-container {
    border: 0;
    margin: auto;
    padding: 0;
    width: 100%;
}