@font-face {
    src: url('Theme/fonts/QuranTaha.ttf');
}


.Finded {
    background-color: #ffff85;
}

.selectedlist {
    background-color: #d8d8d8 !important;
}

.selectedtree {
    background-color: #b1f5ff;
}


.Quran {
    overflow-x: hidden;
    line-height: 1.9;
    font-family: QuranTaha;
    color: #000 !important;
    font-size: 22px;
    padding: 8px;
    background-image: url(../img/back.png);
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: bottom;
    background-size: 150px;
    background-position-x: 10px;
    background-position-y: 95%;
}

    .Quran p {
        color: #000 !important;
    }

        .Quran p span {
        }

.TreeBag {
    /*background-image: url(Theme/img/TrseeBag.jpg);*/
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: bottom;
}





.Besmelah {
    font-family: 'QuranTaha' !important;
    text-align: center;
    direction: ltr;
}

    .Besmelah span {
        font-family: 'QuranTaha';
    }

        .Besmelah span:hover {
            background-color: transparent;
        }




/*کلمات رنگی*/
.c0 {
    color: #ff0000;
}

.c1 {
    color: #9300ff;
}

.c2 {
    color: #0019fb;
}

.c3 {
    color: #756306;
}

.c4 {
    color: #3ada00;
}

.c5 {
    color: #ff00de;
}

.c6 {
    color: #ff9f00;
}

.c7 {
    color: #00d0a5;
}

.c8 {
    color: #bd68f9;
}

.c9 {
    color: #00e3e8;
}

.c10 {
    color: #0b8c89;
}

.c11 {
    color: #b7bf00;
}

.c12 {
    color: #467eef;
}

.c13 {
    color: #ff6edf;
}

.c14 {
    color: #009a54;
}

.c15 {
    color: #b92f00;
}

/*زیر خط دار*/
.Info {
    color: green;
    font-size: 14px;
    font-family: IRANSans;
    /*  display: inline-block;*/
}

/* نقطه ها*/
.D0 {
    color: #28a745;
}

.D1 {
    color: #ff6a00;
}
/*آندرلاین*/
.U {
    text-decoration: none;
    position: relative;
}

    .U:after {
        content: '';
        width: 100%;
        height: 0;
        position: absolute;
        left: 0;
        bottom: 8;
        border-width: 1px;
        border-style: solid;
    }

.ActiveAyeh {
    background-color: rgba(226, 226, 226, 0.42);
}


.Hidden {
    display: none;
}



/*حروف آخری و اینفو رو یکی کنه با هم برن خط بعد 
    یعنی هر دوتاشون یک جا باشن تو یک خط
*/
p > span:nth-last-child(-n+2), .card-block p > span:nth-last-child(-n+2) {
    white-space: pre;
}





.Scroll {
    overflow-y: overlay;
    min-height: 520px;
    height: 520px;
    
    padding: 5px;
}

    .Scroll::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
        background-color: #F5F5F5;
        background: linear-gradient(180deg, #eef3ff, #fff);
    }

    .Scroll::-webkit-scrollbar {
        width: 6px;
        height: 10px;
        background-color: #F5F5F5;
    }

    .Scroll::-webkit-scrollbar-thumb {
        background-color: #dbdbdb;
        /*border: 2px solid #555555;*/
    }




.panel-c1 {
    border-color: #e8e8e8;
}

    .panel-c1 > .panel-heading {
        color: #000000;
        background-color: #4ea1dc;
        border-color: #3784bb;
        font-size: 16px;
        height: 32px;
        padding-right: 5px;
        padding-top: 5px;
    }

th {
    /*border: solid 1px #e8e8e8;*/
}

tr {
    cursor: pointer;
}

.LodingList {
    background: linear-gradient(45deg, #51efb426 50%, #3369e633 100%);
    height: 99.9%;
    width: 95%;
    position: absolute;
    top: 68px;
}

    .LodingList span {
        position: inherit;
        top: 80px;
        left: 50%;
        border: 12px solid transparent;
        border-radius: 50%;
        border-top: 12px solid #dfa700;
        width: 20px;
        height: 10px;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
        background-color: #229eba;
    }

.LodingQuran {
    background: linear-gradient(45deg, #51efb426 50%, #3369e633 100%);
    height: 99%;
    width: 99.5%;
    position: absolute;
}

    .LodingQuran span {
        position: inherit;
        top: 80px;
        left: 50%;
        border: 12px solid transparent;
        border-radius: 50%;
        border-top: 12px solid #e400ff;
        width: 20px;
        height: 10px;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
        background-color: #00aff3;
    }



/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

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

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

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


.spacer2 {
    height: 2px !important;
}

.spacer5 {
    height: 5px !important;
}

.spacer10 {
    height: 10px !important;
}

.spacer15 {
    height: 15px !important;
}

.spacer30 {
    height: 30px !important;
}

.spacer40 {
    height: 40px !important;
}

.spacer65 {
    height: 65px !important;
}

.radius6 {
    border-radius: 6px;
}

  

.plan-ribbon-R :before {
    width: 102%;
    height: 20px;
    position: absolute;
    left: -2%;
    top: 0;
    content: "";
    /* -webkit-transform: skewY(-4deg); */
    -ms-transform: skewY(-4deg);
    /* transform: skewY(2.5deg); */
    /* background-image: -webkit-gradient(linear, left top, right top, color-stop(-10%, rgba(255,255,255,0.1)), to(rgba(255,255,255,0.4))); */
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.03) -10%, rgba(255, 255, 255, 0.03) 100%);
}

.plan-ribbon-C :before {
    width: 102%;
    height: 20px;
    position: absolute;
    left: -2%;
    top: 0;
    content: "";
    /* -webkit-transform: skewY(-4deg); */
    -ms-transform: skewY(-4deg);
    /* transform: skewY(2.5deg); */
    /* background-image: -webkit-gradient(linear, left top, right top, color-stop(-10%, rgba(255,255,255,0.1)), to(rgba(255,255,255,0.4))); */
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.03) -10%, rgba(255, 255, 255, 0.03) 100%);
}

.plan-ribbon-L :before {
    width: 102%;
    height: 20px;
    position: absolute;
    left: -2%;
    top: 0;
    content: "";
    /* -webkit-transform: skewY(-4deg); */
    -ms-transform: skewY(-4deg);
    /* transform: skewY(2.5deg); */
    /* background-image: -webkit-gradient(linear, left top, right top, color-stop(-10%, rgba(255,255,255,0.1)), to(rgba(255,255,255,0.4))); */
    background-image: linear-gradient(90deg, rgba(255,255,255,0.1) -10%, rgba(255,255,255,0.1) 100%);
}



.plan-ribbon-R {
    background: linear-gradient(45deg, #4a83e5 50%, #51b2d7 100%);
    text-align: center;
    font-size: 14px;
    height: auto;
    color: white;
    padding: 5px;
    border-top-right-radius: 15px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 15px;
}

.plan-ribbon-C {
    background: linear-gradient(45deg, #4a83e5 50%, #51b2d7 100%);
    text-align: center;
    font-size: 14px;
    height: auto;
    color: white;
    padding: 5px;
    border-top-right-radius: 50px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 50px;
}

.plan-ribbon-L {
    background: linear-gradient(45deg, #4a83e5 50%, #51b2d7 100%);
    text-align: center;
    font-size: 14px;
    height: auto;
    color: white;
    padding: 5px;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
}

.alert {
    padding: 1px;
    font-size: 16px;
}

.searchbox {
    border-radius: 30px;
    width: 70%;
    height: 25px;
    margin-right: 15%;
}

.submenu {
    padding-bottom: 15px;
    padding-top: 5px;
}

#ResultTitel {
    font-weight: 400;
    
    padding-right: 12%;
}
#lblListCont {
    float: left;
    padding-left: 5%;
    font-weight:400;
}

.clright{

    margin-left:5px;
    margin-right:5px;
}

.clmid {
    margin-left: 5px;
    
}

.clleft {
    margin-left: 15px;
    margin-right: 15px;
   
}

.cyan {
    color: #229eba;

}

.org {
    color: #dfa700;
}

.sort-icon{

    font-size:8px;
}