.verse_info,.verse_stats_info {
    height:60px;
    width:60px;
}

.chapter_stats_info{
    height:85px;
    width:85px;
}

#verse_text {
    border-style:solid;
    border-width:25px;
    border-image: url(images/light_border.png) 5% round;
    font-size:30px;
    background-color:#fff2e6;
    padding-right:20px;
    padding-left:10px;

}

.versepage_word {
    margin-left:10px;
}

#verse_info_dialog {
    font-weight:bold;
    font-size:18px;
    background-color: yellow;
    direction: rtl;
    top: 50%;
    left:3% !important;
}

#chapter_header {
    text-align:center;
    border-bottom:1px solid #d0e1ff;
    margin-bottom:10px;
    color:black!important;
}

.ch_info {
    text-align: center;
    font-family: Arabic Transparent;
}

.ch_info {
    font-size:45px;
    margin-bottom:20px;
}

div.ch_stats_fiqh {
    color:yellow;
    font-size:20px;
}

div.ch_stats_jumal {
    font-size:20px;
    color:blue;
}

#verse_stats_page {
    padding-right:50px;
}

#verse_word_info {
    margin-top:20px;
}

.fiqh_info {
    color:blue;
}


.jumal_info {
    color:green;
}

table.letter_stats td {
    padding:12px;
}

table.letter_stats {
    font-size:25px;
    font-weight:bold;
    border: 1px solid black;
}



.info_unit {
    padding-right:20px;
    border-style:solid;
    border-width:15px;
    border-image: url(images/light_border.png) 5% round;
    width:92%;
}


.tafseer_unit {
    border-style:solid;
    border-width:15px;
    border-image: url(images/light_border.png) 5% round;
    width:90%;
}

.info_unit iframe {
    frameborder:0;
}

.info_unit .label {
    margin-left:10px;
}
.info_unit .value {
    margin-left:25px;
}

.tafseer_unit {
    padding-right:0px !important;
}


#in_verse_chapter_info, .stats {
    background-color: rgb(217, 251, 211);
    border-style:solid;
    border-width:1px;
    font-size:25px;
}

span.info_value {

}

span.value {
    color:red;
    padding-left:20px;
}

span.info_label {
    padding-left:2px;
}

#verse_word_info {
    margin-top:25px;
}

#word_header {
    color:red;
}

.verse_word_line {
    margin-top:10px;
}

input.button {
    font-size:20px;
    font-weight:bold;
}

h1.page_header {
    text-align:center;
}

#q_text {
    font-weight:bold;
    font-size:30px;
    resize: none;
    overflow: auto;
    width:560px;
    height:200px
}

#calc_tools {
    margin-right:20px;
    margin-left:50px;
}

#magnifier_tools_container {
    vertical-align:bottom;
    text-align:center
}

.right {
    float:right;
}

#calc_stats_table, #calc_stats_table td ,  #calc_stats_table th {
        border: 1px solid black;
        border-collapse: collapse;
        margin-right:30px;
        font-weight:bold;
        font-size:18px;
        padding-left:20px;
        padding-right:5px;
}


#stats_table_container {
    overflow:scroll;
    height:265px;
}

#calc_stats_table td {padding:20px;}

hr.title_separator {
    margin-bottom:50px;
}

.incdec {
    height:20px;
    width:25px;
    margin-bottom:5px;
    margin-right:5px;
}



#calc_buttons {
    margin-right:20px;
    margin-top:20px;
}

#reports {
    margin-right:20px;
    margin-top:20px;
}

#reports select {
    width:425px;
    margin-right:20px;
    dir:rtl;
}

.menu_item {
    padding-left:15px;
}

.errors {
    color:red;
    margin-top:15px;
    font-weight:bold;
}

#l_chapters {
    float:left;
    padding-left:30px;
}

#r_chapters {
    float:left;
    padding-left:35%;
    padding-top:20px;
}

#l_chapters {
    float:right;
    padding-right:30px;
    padding-top:20px;
}




.ch_link {
    margin-top:5px;
}

.ch_link .ch_index_title {
    font-size: 30px;
}

.ch_link .no {
    font-size: 30px;
}

.ch_link a {
    text-decoration: none;
}

div.ch_verse {
    margin-top:15px;
}

.ch_word {
    margin:right:40px;
}

.blue_info {
    background-color:#f6faff;
    border-style:solid;
    border: 1px solid #cfe0ff;
    border-radius:3px;
    color:#426cb7;
}

#chapter_info {
    background-color:#f6faff;
    border-style:solid;
    border: 1px solid #cfe0ff;
    border-radius:3px;
    color:#426cb7;
}

#verse_info {
    background-color:#f6faff;
    border-style:solid;
    border: 1px solid #cfe0ff;
    border-radius:3px;
    color:#426cb7;
    text-align:center;
}

#chapter_info {
    font-size:20px;
    margin-left:25px;
}

textarea, input[type=text],select {
  border: 3px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
}


#stats_results {
    margin-right:30px;
    padding-top:15px;
}

#calc_tools {
    border-left: 5px solid;
    padding-left:40px;
    padding-bottom:35px;
    padding-top:5px;
    float:right;
}

#verse_ornament_count {
    display:none;
}

#mm_search {
    direction:rtl !important;
    text-align:right !important;
}


.easyui-menubutton, .easyui-linkbutton {
    border: 1px solid black !important;
}


.criterion_label {
    font-weight: bold;
    font-size:20;
    margin-bottom:10px;
}

.unit_label {
    font-size:25;
}

.control_label {
    font-size:15;
}

.no_decore {
    text-decoration:none;
}

.hidden {
    display:none;
}

.datagrid-pager pagination table {
    direction:ltr !important;
}

.datagrid-header-inner {
    float:right !important;
}

a.no_decor {
    text-decoration:none;
    color:blue;
}

#prev, #next {
    margin-left:20px;
    margin-right:20px;
    margin-top:30px;
}

#counter_results {
    margin-top:50px;
}

#tools {
    margin-top:25px;
}


.verse_word {
    margin-left:4px;
}

.collapsible {
    cursor: pointer;
    color:blue;
}

.center_header {
    text-align : center;
}

.unit_tools {
    margin-top:25px;
}

#tafseer_text {
    font-size:25px;
}

@font-face {
    font-family: 'Droid Arabic Naskh';
    src: url('fonts/DroidArabicNaskhBold.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'othman';
    src: url('fonts/othman.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'noorehidayat';
    src: url('fonts/noorehidayat.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'kitab-b';
    src: url('fonts/kitab-b.woff2') format('truetype');
    font-style: normal;
}


#chapter_verselist {
     padding-top:5px;
     border-style:solid;
     border-width:50px;
     border-image: url(images/page_border.gif) 5% round;
     background-color:#fff2e6;
     padding-right:15px;
     padding-left:15px;
}

.vtxt {
    font-family:"kitab-b";
}

.ch_verse_no {
    margin-left:5px;
    color:green;
}








.ui-tabs { direction: rtl; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected,
.ui-tabs .ui-tabs-nav li.ui-state-default {float: right; }
.ui-tabs .ui-tabs-nav li a { float: right; }

#verse_letter_stats {
    font-size:35px;
    padding-top:10px;
    padding-bottom:10px;
}

#verse_letter_stats span {
    margin-left:20px;
    width:15px;
    display:inline-block;
}

#verse_info {
    text-align:center;
}

#tekrar_calc {
    display:none;
}

iframe {
    width:100%;
    height:100%;
}

.toggle_button {
    font-size:25px;
    cursor: pointer;
}

.toggle_header {
    padding-right:10px;
    font-size:40px;
    color:blue;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.verse_tafseer {
    display:none;
}

iframe.vpage {
    height:500px;
}

#counter_tools div {
    margin-top:30px;
    font-size:25px;
}

#counter_results {
    padding-right:25px;

}

#btn_count {
    font-size:25px;
}


#chapter_name {
    cursor: pointer;
}

#chapter_name:hover {
    color:blue;
}

img.navigation {
    cursor: pointer;
}

#verse_navigation a {
    text-decoration: none;
}

#div_verse_select {
    margin-top:15px;
}