html {
    height: 100%;
}
@font-face {
    font-family: 'IranSansDn';
    src: url('/fonts/IranSansDn/iransansdn.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'IranSansDn'
}
body {
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family: 'IranSansDn'
}

.mbtn-circle {
    width: 30px;
    height: 40px;
    padding: 10px 0px;
    margin: 2px 2px !important;
    border-radius: 8px !important;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    color: #202020;
}

.btn-check + .btn:hover {
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    color: #202020;
}

.btn-check:checked + .btn {
    color: #ffffff;
    background-color: #0d6efe;
    border-color: #ffffff;
}

.description-panel {
    margin: 4px 4px !important;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    border-radius: 16px !important;
    min-height: 40px;
    padding: 10px 10px;
}

    .description-panel > .description-title {
        font-size: 13px;
        color: #404040;
        white-space: normal;
    }

    .description-panel > .description-text {
        font-size: 15px;
        color: #202020;
        font-weight: bold;
        
    }
.rate-panel {
    position: relative;
    padding-bottom: 44px;
    padding-top: 60px;
    direction: ltr;
}
.rate-max {
    position: absolute;
    right: 4px;
    bottom: 25px;
    font-size: 10px;
}
.rate-min {
    position: absolute;
    left: 4px;
    bottom: 25px;
    font-size: 10px;
}
.tag-panel {
    position: absolute;
    left: 4px;
    right: 4px;
    bottom: 0px;
}
.tag-title {
    font-size: 10px;
    color: #404040;
    margin-right: 8px;
}
.average-panel {
    position: absolute;
    left: 4px;
    right: 4px;
    top: 0px;
}
.average-title {
    font-size: 10px;
    color: #606060;
}
.average-text {
    font-size: 10px;
}
.guage-chart {
    margin: auto;
    top: 0px;
}

.card-body {
    white-space: nowrap;
    text-align: center;
}
.card-image-part {
    width: 75px;
    height: 75px;
    float: right;
}
.card-text-part {
    text-align: center;
    display: inline-block;
}
.card-text-title {
    text-align: center;
    font-size: 12px;
    color: #777777;
}
.card-text {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 15px 5px 5px 5px;
}
.selectcity-card {
    padding: 5px 5px 5px 5px;

}
.fullwidth {
    max-width: 100%;
    margin: 0;
    width: 100%;
}
body {
    background: url("../image/Nasir_al_mulk_mosque_Shiraz.jpg");
    background-position: center center; /* needs horizontal and vertical positions */
    background-size: auto; /* use contain so your image fits inside */
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.wellcome-card-title {
    text-align: center;
}
.investment-item .card-title {
    font-size: 12px;
}
.card-participant-text {
    display: block;
    font-size: 11px;
    margin-top: 6px;
}
.account-info-card .card-title {
    white-space: normal;
}
.ratebutton-9 {
    color: #14b8a6;
}
.ratebutton-8 {
    color: #10b981;
}
.ratebutton-7 {
    color: #22c55e;
}
.ratebutton-6 {
    color: #84cc16;
}
.ratebutton-5 {
    color: #FFEB3B;
}
.ratebutton-4 {
    color: #FFC107;
}
.ratebutton-3 {
    color: #FF9800;
}
.ratebutton-2 {
    color: #FF5722;
}
.ratebutton-1 {
    color: #F44336;
}