/* hebrew + greek */
/*@import url('https://fonts.googleapis.com/css2?family=GFS+Didot&family=Noto+Serif+Hebrew:wght@400;500;600;700&display=swap');*/

@import url('https://fonts.googleapis.com/css2?family=GFS+Didot&family=GFS+Neohellenic:wght@400;700&family=Noto+Serif+Hebrew:wght@400;500;600;700&display=swap');

@import url(https://fonts.googleapis.com/css?family=Roboto:300);
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Roboto+Slab:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto+Slab:wght@100..900&display=swap');


*{
    margin:0;
    padding:0;
}


/*
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src:
    local("Open Sans"),
    url("fonts/opensans.woff2") format("woff2"),
    url("fonts/opensans.woff") format("woff"),
    url("fonts/opensans.ttf") format("truetype");
}
*/




@font-face {
	font-family: EzraSILW;
    src:
    local("EzraSILW"),
    url("fonts/hebrew/SILEOT.woff") format("woff"),
    url("fonts/hebrew/SILEOT.ttf") format("truetype");    
	unicode-range: U+0590-05FF;
}

@font-face {
	font-family: SILEOT;
    src:
    local("SILEOT"),
    url("fonts/hebrew/SILEOT.woff") format("woff"),
    url("fonts/hebrew/SILEOT.ttf") format("truetype");    
	unicode-range: U+0590-05FF;
}

/* old Strong */
@font-face {
	font-family: BQTHeb;
    src:
    local("BQTHeb"),
    url("fonts/hebrew/Heb.ttf") format("truetype");    
}

/* old Strong */
@font-face {
	font-family: BQTGrk;
    src:
    local("BQTGrk"),
    url("fonts/greek/Grk.ttf") format("truetype");    
}

/* greek */
@font-face {
	font-family: 'GFS Didot';
    src:
    local("GFSDidot-Regular.ttf"),
    url("fonts/greek/GFSDidot-Regular.ttf") format("truetype");    
}
@font-face {
	font-family: 'GFS Neohellenic Bold';
    src:
    local("GFSNeohellenic-Bold.ttf"),
    url("fonts/greek/GFSNeohellenic-Bold.ttf") format("truetype");    
}
@font-face {
	font-family: 'GFS Neohellenic';
    src:
    local("GFSNeohellenic-Regular.ttf"),
    url("fonts/greek/GFSNeohellenic-Regular.ttf") format("truetype");    
}

/*-----------------------------------------------------------------------*/





.test_font_hebrew{
    font-family: 'Noto Serif Hebrew', EzraSILW, 'BQTHeb', sans-serif; 
    font-size: 200%; 
    direction: rtl; 
    text-align: right;
    color: lightgreen;
    font-weight: 400;
    /* fall back to sans-serif so that it's really obvious if the fonts don't load */
}

.test_font_greek{
    font-family: 'GFS Didot', 'GFS Neohellenic','BQTGrk', sans-serif;
    font-size: 200%; 
    direction: rtl; 
    text-align: right;
    color: purple;
}

body{
    overflow:hidden;
    font-family: Arial, Verdana, Geneva, Tahoma, sans-serif;
}

#header {
    background: #03a9f4;
    position: fixed;
    top: 0px;
    width: 100%;
    color: white;
    overflow: hidden;
}

#headerMain {
    background: #1875bf;
    overflow: hidden;
}
#headerMainInner {
    background: #2f85c9;
    margin: 10px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.headerFlex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: center;
}

#headerSidebar {
    background: #1b89e1;
    overflow: hidden;
}

#headerContainer {
    background: #2c7fc1;
    overflow: hidden;
}
#headerContainerInner {
    /* background: #2b88d2; */
    margin: 10px;
    overflow: hidden;
    /* overflow-x: scroll; */
    /* white-space: nowrap; */
    color: white;
}





#wrPageBtns {
    position: relative;
    z-index: 1;
    background: #FF9800;
    width: 100%;
    /* padding: 1px; */
}

#btn_pageUp {
    top: 40px;
    transform: rotate(180deg);
    position: absolute;
}
#btn_pageUp img {
    position: relative;
    top: 2px;
    left: -1px;
}
#btn_pageDown {
    bottom: 51px;
    position: fixed;
}
#btn_pageDown img {
    position: relative;
    top: 2px;
    left: 1px;
}
#btn_pageUp, #btn_pageDown {
    opacity: 0.1;
    transition: 0.3s;
    height: 35px;
    width: 35px;
    right: 10px;
    border: 1px solid #0761a8;
    background: #1875bf;
    border-radius: 50%;
}
#btn_pageUp:hover,
#btn_pageDown:hover{
    opacity: 0.3;
    border-radius: 50%;
}



.tabs {
    display: inline-block;
    padding: 5px;
    border-radius: 10px 10px 0 0;
    background: #03a9f4;
    margin: 0 3px 0 0;
    cursor: pointer;
    min-width: 110px;
    text-align: center;
}
.tabs:not(.tab_active):hover{
    background: #44c0f9;
}
.tab_active{
    /* background: red; */
    background: white;
}
.tab_ref {
    /* background: #dddddd; */
    min-width: 100px;
    color: white;
    font-weight: bold;
}
.tab_active .tab_ref {
    color: #ff1100;
    /* min-width: 110px; */
}
.tab_active .btn_sm {
    background: white;
    color: grey;
}

.tabs span {
    margin-top: 3px;
    display: inline-block;
    margin-left: 5px;
}
.tab_number {
    background: #0e73c4;
    margin: 0;
    position: relative;
    padding: 1px 4px;
    border-radius: 3px;
    top: -2px;
    font-size: 12px;
    display: inline-block;
}
.tab_trans_name{
    background: black;
    margin: 0px 5px 0px 0px;
    position: relative;
    padding: 1px 4px;
    border-radius: 3px 3px 3px 3px;
    top: -2px;
    font-size: 12px;
    display: inline-block;
}
.tabs button {
    margin-left: 5px;
    /* background: brown; */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 21px;
    height: 21px;
    transition: 0.3s;
}
.tabs button:hover{
    background: red;
}
.tab_active button:hover {
    background: red;
    color: white;
}

#header,
#footer,
#wrTrans{
    font-family: "Helvetica Neue", 'Arial Narrow', Arial, sans-serif;
} 


#headerSidebar,
#sidebar{
    float: left;
    width: 30%;
}


#wrapper {
    position: relative;
    /* top: 38px; */
    background: #d1d0d0;
    margin: 0;
    /* overflow: hidden; */
}


#sidebar {
    background: #87c3f2;
    min-width: 252px;
}
#sidebarInner {
    /* background: #e2b7e9; */
    margin: 10px;
}
#sidebarInner p{
    /* margin: 5px; */
}
#vert_line {
    width: 6px;
    display: block;
    height: 820px;
    background: #1875bf;
    position: relative;
    float: left;
}
#vert_line:hover {
    background: #5ac7f9;
    cursor: col-resize;
    transition: 0.3s;
}

#container {
    overflow: hidden;
    background: #373737;
    background: linear-gradient(90deg, #373737 0%, #515151 45%, #515151 55%, #373737 100%);
}
#containerInner {
    /* margin: 10px; */
}

#wrTrans {
    /* background: #2ca324; */
    overflow: hidden;
    overflow-y: scroll;
}
#wrTransInner {
    /* background: #df93ec; */
    overflow: hidden;
    text-align: center;
}
/*
#trans1 {
    background: #f7c7c7;
}
#trans2 {
    background: #b9d1f0;
}
#trans3 {
    background: #f5e65e;
}
#trans4 {
    background: #4cf5de;
}
#trans5 {
    background: #b45ff2;
}
#trans6 {
    background: #f35381;
}
#trans7 {
    background: #90c8f5;
}
#trans8 {
    background: #d80586;
}
*/

#wrCols {
    /* overflow: hidden; */
    /* overflow-y: scroll; */
    background: #373737;
}
.cols_350{
    max-width: 350px;
}
.wrCols_center{
    margin: 0 auto;
}

#sidebarInner,
#wrCols{
    font-size: 1.3rem;/*antes 20px;*/
    word-break: break-word;
    font-family: 'Roboto Condensed','Arial narrow', Arial, Tahoma,'Franklin Gothic Narrow', Consolas, serif !important;
}


#sidebarInner,
#containerInner{
    /* min-height: 300px;  */
    /* max-height: 900px; */
    height: 100%; 
}


#footer {
    background: #1875bf;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    width: 100%;
    color: white;
}
#footerInner {
	background: #2b88d2;
	margin: 10px;
	overflow: hidden;
	overflow-x: auto;
	white-space: nowrap;
}

.cols {
    float: left;
    /* width: 100%; */
    /* max-width: 350px; */
}


.colsHead {
    overflow: hidden;
    text-align: center;
    background: #1875bf;
    /* padding: 5px; */
    /* padding: 2px; */
    outline: 1px solid #3484c3;
    /* border-bottom: none; */
    color: #bae0ff;
}
.colsHeadInner{
    /* margin: 5px;   */
    margin: 0px;  
}
.colsInner {
    word-break: break-word;
    padding: 0 5px;
    overflow-y: scroll;
}
.colsInner h2 {
    padding-top: 5px;
}
.colsInner p {
    padding: 5px;
    position: relative;
    transition: 0.3s;
}
.colsInner img, 
span.vt img {
    /* border: 2px solid #a7a7a7; */
    margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px 0px grey;
}
p.with_notes{
    padding: 5px 35px 5px 5px;
}
.colsInner p:hover {
    background: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 3px 0px grey;
}
/*impar*/
.cols:nth-child(odd) {
    background: white;
}
/*par*/
.cols:nth-child(even) {
    background: #ebf9ff;
}

/*
#col1 {
    background: #f3e0e0;
}
#col2 {
    background: #dce6f3;
}
#col3 {
    background: #fef287;
}
#col4 {
    background: #84fbeb;
}
#col5 {
    background: #c984fb;
}
#col6 {
    background: #fb84a6;
}
#col7 {
    background: #b5d8f4;
}
#col8 {
    background: #fb0099;
}
*/
.f_l{
    float: left;
}
.f_r{
    float: right;
}
.ml{
    margin-left: 5px;
}





button{
    border-radius: 3px;
    padding: 2px 5px;
    cursor:pointer;
    font-family: Arial,sans-serif;
}
.btn {
    background: #03a9f4;
    color: white;
    border: 1px solid #1b89e1;
    /* width: 50px; */
    min-width: 40px;
    transition: 0.3s all;
    text-wrap: nowrap;
}
.btn:hover {
    background: #5eb4f9;
    color: #fef287;
}

.vklads .btn{
    min-height: 30px;
}
.dbtn.btn_active, 
.btn_active {
    background: #ff0000!important;
    border: 1px solid #c20000;
    color: #ffffff;
}

.btn_active:hover {
    background: #ff4343;
    /* color: #fef287; */
}
.btn_inactive {
    background: #aaa8a8;
    color: #ffffff;
}
.btn_sm {
    min-width: 20px!important;
    padding: 0px 0px 1px;
    font-size: 15px;
    border: none;
    opacity: 0.4;
    background: transparent;
}
.btn_sm:hover {
    background: #1985dc;
    color: #ffffff;
}
.btn_xsm {
    min-width: 29px!important;
    background: none;
    border: none;
    font-size: 18px;
    padding-left: 6px;
    opacity: 0.4;
    /* background: red; */
    border-radius: 0;
    height: 29px;
    overflow: hidden;
}
.btn_xsm:hover {
    background: #03a9f4;
    color: #ffffff;
}
.btn_sm:hover,
.btn_xsm:hover
{
    opacity: 1;
}



#wr_bq{
    background: transparent !important;
}
p a {
    color: #008dff;
    text-decoration: none;
    transition: 0.2s;
    font-weight: bold;
}
p a:hover:not(.a_sn),
#bl_trans_ref:hover #tsk_trans_ref
{
    color: #4761f6;
    background: orange;
    outline: 1px solid #bf7507;
    border-radius: 2px;
}


/* VERTICAL START */
/* width */
#sidebarInner::-webkit-scrollbar {
    width: 5px;
}

/* Track */
#sidebarInner::-webkit-scrollbar-track {
    /* background: #d6e8f6; */
}

/* Handle */
#sidebarInner::-webkit-scrollbar-thumb {
    background: #2b88d2;
    cursor: pointer;
}
  
/* Handle on hover */
#sidebarInner::-webkit-scrollbar-thumb:hover {
    background: #d80586; 
}


/* width */
#pantalla_body #fondo_body::-webkit-scrollbar, 
.wr_hist_inner::-webkit-scrollbar, 
.wr_markers_inner::-webkit-scrollbar, 
#tsk_head::-webkit-scrollbar, 
#tsk_body::-webkit-scrollbar, 
#find_head::-webkit-scrollbar, 
    /* #find_body::-webkit-scrollbar,  */
    .find_res_block_active::-webkit-scrollbar, 
#strong_head::-webkit-scrollbar, 
#strong_body::-webkit-scrollbar, 
.wr_bcv_uls::-webkit-scrollbar, 
.colsInner::-webkit-scrollbar 
{
    width: 5px;
}

/* Track */
.colsInner::-webkit-scrollbar-track {
    /* background: #d6e8f6; */
}

/* Handle */
#pantalla_body #fondo_body::-webkit-scrollbar-thumb,
.wr_hist_inner::-webkit-scrollbar-thumb,
.wr_markers_inner::-webkit-scrollbar-thumb,
#tsk_head::-webkit-scrollbar-thumb,
#tsk_body::-webkit-scrollbar-thumb,
#find_head::-webkit-scrollbar-thumb,
    /* #find_body::-webkit-scrollbar-thumb, */
    .find_res_block_active::-webkit-scrollbar-thumb,
#strong_head::-webkit-scrollbar-thumb,
#strong_body::-webkit-scrollbar-thumb,
.wr_bcv_uls::-webkit-scrollbar-thumb,
.colsInner::-webkit-scrollbar-thumb 
{
    background: #2b88d2;
    cursor: pointer;
}
  
/* Handle on hover */
#pantalla_body #fondo_body::-webkit-scrollbar-thumb:hover,
#tsk_body::-webkit-scrollbar-thumb:hover,
    /* #find_body::-webkit-scrollbar-thumb:hover, */
    .find_res_block_active::-webkit-scrollbar-thumb:hover,
#strong_body::-webkit-scrollbar-thumb:hover,
.wr_bcv_uls::-webkit-scrollbar-thumb:hover,
.colsInner::-webkit-scrollbar-thumb:hover 
{
    background: #d80586; 
}
/* VERTICAL END */


/* HORIZONTAL START */
/* height */
#partFindTabs::-webkit-scrollbar, 
#partDeskTabs::-webkit-scrollbar, 
#headerContainerInner::-webkit-scrollbar, 
.wr_btns_scr::-webkit-scrollbar, 
#footerInner::-webkit-scrollbar,
#bl_headerBtns::-webkit-scrollbar
{
    height: 5px;
}
  
/* Track */
#partDeskTabs::-webkit-scrollbar-track, 
#headerContainerInner::-webkit-scrollbar-track, 
.wr_btns_scr::-webkit-scrollbar-track, 
#footerInner::-webkit-scrollbar-track 
{
    /* background: #a8a8a8; */
}
   
/* Handle */
#partFindTabs::-webkit-scrollbar-thumb, 
#partDeskTabs::-webkit-scrollbar-thumb, 
#headerContainerInner::-webkit-scrollbar-thumb, 
.wr_btns_scr::-webkit-scrollbar-thumb, 
#footerInner::-webkit-scrollbar-thumb, 
#bl_headerBtns::-webkit-scrollbar-thumb 
{
    background: #0070c9;
    cursor: pointer;
}
  
/* Handle on hover */
#partFindTabs::-webkit-scrollbar-thumb:hover, 
#partDeskTabs::-webkit-scrollbar-thumb:hover, 
#headerContainerInner::-webkit-scrollbar-thumb:hover, 
.wr_btns_scr::-webkit-scrollbar-thumb:hover, 
#footerInner::-webkit-scrollbar-thumb:hover, 
#bl_headerBtns::-webkit-scrollbar-thumb:hover 
{
    background: #0533d8; 
}
/* HORIZONTAL END */



.active {
    background: yellow;
    transition: 0.3s;
    /* outline: 1px solid #FFC107; */
    border-radius: 3px;
}
.active_one {
    outline: 1px solid #FFC107;
    border-radius: 3px;
    background: yellow;
    transition: 0.3s;
}
.active_first {
    background: yellow;
    transition: 0.3s;
    border-left: 1px solid #FFC107;
    border-top: 1px solid #FFC107;
    border-right: 1px solid #FFC107;
    border-radius: 3px 3px 0 0;
}
.active_middle {
    background: yellow;
    transition: 0.3s;
    border-left: 1px solid #FFC107;
    border-right: 1px solid #FFC107;
    border-radius: 0;
}
.active_last {
    background: yellow;
    transition: 0.3s;
    border-left: 1px solid #FFC107;
    border-right: 1px solid #FFC107;
    border-bottom: 1px solid #FFC107;
    border-radius: 0 0 3px 3px;
}

.wr_btns {
    float: right;
    right: 0;
    position: relative;
    top: 26px;
    /* background: #E91E63; */
    width: 40px;
    margin-top: -26px;
    z-index: 1;
}
.wr_btns_scr {
    /* background: yellow; */
    /*
    display: inline;
    float: left;
    width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
    */
    
    display: grid;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(40px, 1fr));
    gap: 5px
}
.wr_btns_scr button:last-child {
    margin-right: 50px;
}
.wr_btns_scr .btn {
    /* padding: 5px 5px; */
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.tooltip {
    position: relative;
    display: inline-block;
    color:grey;
    cursor: pointer;
}
.tooltiptext .text span.f_r {
    margin-left: 5px;
}
/* .colsInner .tooltip */
.tooltip:not(#find_head .tooltip):not(.find_tab_estrella .tooltip) {
    position: relative;
    display: inline-block;
    cursor: pointer;
    background: #1875bf;
    color: white;
    width: auto;
    min-width: 20px;
    height: auto;
    border-radius: 3px;
    text-align: center;
    margin: 0 2px;
}
.asterisco {
    padding: 0 3px;
    font-size: 10px;
    vertical-align: super;
}
.tooltiptext .trik{
      display:block;
      width:10px;
      height:10px;
      z-index:1;
      transform: rotate(45deg);
      margin-left: -3px;
}
.colsInner .tooltiptext .trik{
    margin-left: 5px;
    background-color: transparent;
    background-image: linear-gradient( to bottom right, #1875bf 0% 50%,  transparent 50% 100%);
    box-shadow: -1px -1px 1px 0px white;
}
.tooltiptext .text {
    z-index: 2;
    position: relative;
    /* background: red; */
    /* font-size: 14px; */
}
.tooltip .tooltiptext,
.tooltiptext .trik {
    background-color: #1875bf !important;
}
.tooltip .tooltiptext {
    visibility: hidden;
    min-width: 120px;
    max-width: 300px;
    max-height: fit-content;
    color: #ffffff;
    text-align: left;
    border-radius: 3px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    font-size: 15px;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.tooltip em {
    color: orange;
    margin-right: 10px;
}
.tooltiptext a{
    color: #ffc107;
    transition: 0.3s;
}
.tooltiptext a:hover{
    color: yellow;
}
p S {
    text-decoration: none;
}
.strong,
p S,
.a_sn
{
    display: none;
    color: blue;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    cursor: pointer;
}
.strong.show,
p S.show,
.a_sn.show
{
    display: inline-block;
    transition:0.1s;
}
.strong.show:hover,
p S.show:hover,
.a_sn:hover,
.finded_strongActive:hover,
.other_strongActive:hover
{
    background: #FFC107;
    transform: scale(1.3);
    outline: 1px solid red;
    border-radius: 2px;
}
.text_strong S{
    display: inline-block !important;
} 
span.verse_title {
    color: red;
    display: block;
    padding-bottom: 2px;
    text-align: center;
    /* font-family: Verdana; */
    font-size: 16px;
}
span.refs {
    color: grey;
    display: block;
    padding-bottom: 2px;
    text-align: center;
    /* font-family: Verdana; */
    font-size: 14px;
}

.wr_bcv {
    background: #1875bf;
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    transition: 0.3s;
    padding: 5px 5px;
    flex-wrap: wrap;
}
.wr_bcv .v_bcv {
    background-color: #2196F3;
    width: 33.33%;
    text-align: center;
    color: white;
    /* min-width: 50px; */
    /* line-height: 30px; */
    font-size: 1.1rem;
    padding-bottom: 5px;
}
.wr_bcv .v_bcv:hover {
    background: #60b4f7;
}
.wr_lis {
    display: flex;
    flex-direction: row;
    align-items: start;
    flex-wrap: wrap;
}
.wr_lis .v_li {
    background: #000000;
    /* margin: 0.5px; */
    text-align: center;
    outline: 1px solid #373737;
    text-decoration: none;
    list-style: none;
    /* padding: 10px; */
    word-break: keep-all;
    min-width: 30px;
    /* border-radius: 3px; */
    cursor: pointer !important;
    transition: 0.1s;
    color: white;
    font-size: 17px;
    font-weight: bold;
}
.wr_lis .v_li:hover {
    background: #424242;
}
/*
.b_li{
    background:#4a4b4a !important;
}
.b_li:hover{
    background:#8c8e8c!important;
}
*/
/*
.c_li {
    background: #434343 !important;
    border: 1px solid #000000 !important;
}
.c_li:hover {
    background: #7a7a7a!important;
}
*/

/* old */
#v_book .v_li {
    /* min-width: 60px; */
}
/* new */
#v_book .v_li {
    width: 100%;/* con grid es 100% */
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 40px;
}
#v_chapter .v_li, 
#v_verse .v_li 
{
    width: 100%;/* con grid es 100% */
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 40px;
    position: relative;
}
.wr_lis{
    display:none !important;
}

/* old flex */
.ul_active{
    display: block;
}
.wr_lis.ul_active {  
    display: block !important;
}







.bcv_active {
    background: red !important;
    /* border-bottom: 3px solid white !important; */
}
.v_li_active {
    background: red !important;
    border-bottom: 3px solid white !important;
}

.wr_bcv_uls {
	background: #373737;
	padding: 0px;
	height: 100%;
	overflow-y: auto;
}
.wr_bcv_uls ul {
    padding-bottom: 50px;
    padding: 0 5px;
}
.wr_nav {
    background: #2196f3;
    padding: 5px;
    display: flex;
    flex-direction: row;
    justify-items: legacy;
    align-items: center;
    border-radius: 2px 2px 0 0;
}
#inpt_nav, #inpt_find, #inpt_strong {
    padding: 3px 3px 3px 5px;
    width: 100%;
    overflow: hidden;
    margin-right: 3px;
    border: none;
    outline: none;
    font-weight: bold;
    color: #1875bf;
    font-size: 1.3rem;/*18px;*/
    margin-left: 0px;
}
button#btn_ok{
    height: 29px;
    cursor:pointer;
}
button.btn_ok_active{
    transform: scale(0.8);
    transition: 0.3s;
}
#mostr_hist {
    padding: 8px;
    width: 11px;
    height: 11px;
    line-height: 10px;
    text-align: center;
    font-size: 11px;
    cursor: pointer;
    transition: 0.3s;
    font-family: muli;
    background: #03a9f4;
    color: white;
    border-radius: 3px;
    border: 1px solid #1b89e1;
    margin: 0 3px 0 0;
}
#mostr_hist:hover {
    background: #4fcdef;
    color: yellow;
}
#clear_inpt {
    padding: 6px 8px 8px 3px;
    width: 11px;
    height: 11px;
    line-height: 10px;
    text-align: center;
    font-size: 22px;
    cursor: pointer;
    opacity: 0.2;
    transition: 0.3s;
    font-family: muli;
    /* background: #8BC34A; */
    /* font-weight: bold; */
}
#clear_inpt:hover {
    opacity: 0.5;
    /* background: #d5d5d5; */
}
.wr_inpt_x {
    width: 100%;
    display: flex;
    align-items: center;
    border: 1px solid #1b89e1;
    border-radius: 3px;
    margin-right: 3px;
    background: #ffffff;
    overflow: hidden;
}
.corch {
    color: #9E9E9E!important;
}
li.active {
    background: red!important;
    border: 1px solid brown!important;
}
.colsInner p:last-child{
    margin-bottom: 1px;
}
.break {
    flex-basis: 100%;
    height: 0;
}
.break_book {
    flex-basis: 100%;
    height: 5px;
}
.wr_bcv_line {
    width: 100%;
    background: #2196f3;
    height: 5px;
    margin-top: 0px;
}
#bcv_line {
    height: 5px;
    position: relative;
    background: white;
    transition: 0.3s;
    width: 33.33%;
}
.b_line{
    left: 0%;
}
.c_line{
    left: 33.33%;
}
.v_line{
    left: 66.66%;
}
#s_book div, 
#s_chapter div, 
#s_verse div {
    margin-top: 5px;
}
 
#s_chapter div, 
#s_verse div {
    border-left: 1px solid #4ea5eb;
}
#s_book div {
    border-left: 1px solid transparent;
}
.bcv_active div{
    border-left: 1px solid transparent !important;
}

.b_tora{
    color: #7b79a8 !important;
}
.b_hist{
    color: #a17c56 !important;
}
.b_poet{
    color: #24a14e !important;
}
.b_gr_prof{
    color: #9e5567 !important;
}
.b_peq_prof{
    color: #a6a650 !important;
}
.b_evan{
    color: #a64001 !important;
}
.b_hech{
    color: #01a4a7 !important;
}
.b_ep{
    color: #a7a702 !important;
}
.b_ep_pablo{
    color: #01a601 !important;
}
.b_apo{
    color: #ae363a !important;
}
.b_apocrif{
    color: #7d7d7d !important;
}
.li_active {
    background: red!important;
    color: white !important;
}
.no_disp {
    display: none !important;
}
.prim {
    color: grey;
    font-size: 14px;
    display: block;
}
.prim_error_verse_compare {
    color: #FFEB3B;
    background: brown;
    display: block;
    padding: 5px 5px;
    border-radius: 3px;
    font-size: 12px;
    text-align: center;
}
.prim_blue {
    color: blue;
    font-size: 18px;
    /* display: block; */
}
.prim_error_compare {
    color: red;
    font-size: 16px;
    display: block;
}
.prim_h6 {
    color: grey;
    font-size: 14px;
    text-align: center!important;
    font-weight: normal;
    display: block;
}
#sel_modules {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    color: navy;
    border: 1px solid #2196F3;
}
.cols .colsHead {
    /* cursor:pointer; */
    transition: 0.2s;
}
.cols .colsHead:hover {
    /* background: #2f88cf!important; */
    /* cursor:pointer; */
}
.wr_lang {
    /* text-align: center!important; */
    margin: 5px 20px 0;
}
.v_lang {
    color: #9E9E9E;
    display: none;
}
.t_lang {
    color: #ff0000;
}
select#sel_modules optgroup {
    background: #e6e6e6;
}
select#sel_modules option {
    background: #ffffff; 
}

button.swal2-confirm.swal2-styled {
    background-color: #00c208;
}
.swal2-styled{
    min-width: 95px;
}
.swal2-title {
    font-family: 'Muli',Verdana,Tahoma, sans-serif;
    color: #1875bf!important;
}
span.h4_ch {
    display: block;
    font-weight: bold;
}
#container h4, span.h4_ch {
    color: red;
    border-bottom: 1px solid #008dff;
}

#menuTabsInner,
#vklad_nav,
#vklad_find,
#vklad_tsk,
#vklad_strong,
#vklad_markers,
#vklad_pantalla
  {
    background: #2196F3;
    border-radius: 3px;
    outline: 1px solid #2c7fc1;
}
 
#tsk_head {
    padding: 5px 5px 0;
    margin-bottom: 5px;
    color: white;
    position: relative;
}
 
#markers_head {
    padding: 5px;
    color: white;
    position: relative;
}

#markers_head_title {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
#strong_head {
    background: #373737;
}


#pantalla_head {
    padding: 5px 5px 0;
    margin-bottom: 5px;
    color: white;
    position: relative;
}
#pantalla_head_title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    align-items: center;
    gap: 10px;
}

.wr_pantalla_inner {
    height: 736px;
    padding: 5px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}

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


#tsk_head h4,
#markers_head h4
 {
    color: white;
    /* padding: 0 5px; */
}

#markers_head .wr_hist_filter{
    margin: 0 -5px -5px;
}

#tsk_head_wr{
    /* background: #3F51B5; */
    /* padding: 5px; */
    overflow: hidden;
    /* margin-bottom: 5px; */
    /* border-radius: 3px; */
    display: flex;
    align-content: flex-start;
    justify-content: space-between;
}

#bl_trans_ref {
    font-size: 20px;
    background: #0070c9;
    padding: 5px 10px 5px 8px;
    border-radius: 10px 10px 0px 0px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: 0.2s;
}

#tsk_trans_name{
    background: black;
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 3px;
    color: white;
}

#tsk_trans_ref{
    padding: 1px 5px;
    cursor: pointer;
    outline: 1px solid #0070c9;
    transition: 0.2s;
}

#bl_tsk_count {
    /* background: #4CAF50; */
    color: white;
    border-radius: 0 0px 0px 5px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
    height: 28px;
    white-space: nowrap;
}


#tsk_count {
    background: black;
    padding: 3px 5px;
    border-radius: 3px;
    height: 22px;
    min-width: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#tsk_head_wr_verse{
    /* background: red; */
    overflow: hidden;
    /* padding: 5px; */
    overflow-y: scroll;
    height: auto;
    max-height: 100px;
    background: yellow;
    color: red;
    border-radius: 0 0 3px 3px;
    /* border: 1px solid red; */
    overflow: auto;
}

.wr_tsk_filter{
    margin: 5px 0 0;
}

.wr_hist_filter {
    margin: 5px 0;
    background: #2196F3;
    padding: 5px;
    border-radius: 3px;
    display: none;
}
#wr_hist_strong .wr_hist_filter{
    padding: 0;
}

.wr_hist_filter,
.wr_tsk_filter
{
    display: none;
}
.wr_hist_filter.shown,
.wr_tsk_filter.shown
 {
    display: block;
}



#find_head {
	min-height: 10px;
	padding: 0px 10px 0 5px;
	/* overflow-y: auto; */
	/* margin-bottom: 5px; */
	/* max-height: 200px; */
}
#find_body,
#tsk_body,
#strong_body
{
    background: #373737;
    padding: 5px;
    min-height: 100px;
    overflow-y: auto;
}
#find_body{
    /* padding-right: 0; */
}
#markers_body{
    background: #373737;
    overflow-y: auto;
}
#strong_body{
    padding-top: 0;
}

#vklad_strong{
    background: #373737;
}
#strong_body p {
    background: white;
}


div#find_body p:not(:last-child) ,
div#tsk_body p:not(:last-child) ,
div#strong_body p:not(:last-child) 
{
    margin: 0 0 5px;
}

#find_result p,
#find_body p,
p.tsk,
#vklad_strong p
{
    padding: 5px;
    border-radius: 3px;
    color: black;
}
p.tsk_verse {
    background: yellow;
}
#find_body p,
p.tsk_link
{
    background: #ffffff;
    position: relative;
}

p.res_f {
    /* background: yellow; */
    margin: 5px -5px 0 0;
}
.res_m{
    /*color: grey;
    font-size:10px;
    display: inline-block;
    */
}
p.tsk_nolink {
    /* background: #bfbebe; */
    font-size: 14px;
    color: grey;
    text-align: center;
}
.stij_one:not(.fch) {
    display: block;
}
/*! OJO. cada segundo verse (tercer elemento: a -> span -> span_con_top  )tendrá padding-top 5px porque no se puede añadir padding-bottom al primero elemento que no tiene display: block;*/
.stij_one {
    padding-top: 5px!important;
    /* background: green; */
}
.stij_one:nth-child(3) {
    /* padding-top: 5px!important; */
    /* background: #f089eb; */
}
.stij_one:not(:last-child) {
    padding: 0 0 5px;
}
.stij_numb {
    color: #008dff;
    font-weight: bold;
}
/* p a::after, */
.stij_numb::after {
    content: ' ';
    color: black;
}
.stij_text {
    padding-left: 5px;
}
.ch_dir {
    position: relative;
    /* background: #03a9f4; */
    padding: 0px 10px 5px;
    display: block;
    color: #3293e1;
    transition: 0.3s;
    cursor: pointer;
    scale: 1.5;
}
.ch_dir:hover{
    background: #33b6f3;
    color: white;
}
#ch_dir_l{
    border-right: 1px solid #3484c3;
}
#ch_dir_r {
    border-left: 1px solid #3484c3;
}

button#btn_ok_find,
button#btn_ok_stop
 {
    height: 29px;
    cursor: pointer;
    /* width: 50px; */
}
button#btn_ok_stop{
    background: red;
}
button#btn_ok_stop:hover{
    background: #ff4343;
}
button#btn_ok_strong {
    height: 29px;
    cursor: pointer;
    /* width: 80px; */
}

span.num_strong {
    display: block;
    color: #2196F3;
    margin-bottom: 10px;
    border-bottom: 1px solid #2196F3;
    /* font-size: 16px; */
}
.hist_strong {
    display: block;
    color: blue;
    cursor: pointer;
    transition: 0.1s;
    font-size: 16px;
}
.hist_strong:hover{
    color:red;
}
 
#find_head {
    background: #d4ebfe;
    color: white;
    padding-bottom: 5px;
    border-top: 1px solid #2c7fc1;
}

span.text_strong font[face='BQTHeb'] {
    color: #009688;
    font-family: 'BQTHeb', serif;
}
span.text_strong font[face='BQTGrk'] {
    color: #e21dff;
    font-family: 'BQTGrk', serif;
}
span.sp_strong {
    color: blue;
    cursor: pointer;
    transition: 0.3s;
}
span.sp_strong:hover{
    color:red;
}
span.sp_strong.noLink {
    color: blue;
    cursor: default;
}
.wr_sel {
    /* width: 100%; */
    display: flex;
    align-items: self-start;
    /* border: 1px solid #1b89e1; */
    border-radius: 3px;
    /* margin-right: -5px; */
    /* background: white; */
    overflow: hidden;
    overflow-x: hidden;
    /* flex-direction: row-reverse; */
    margin-bottom: 5px;
}
#find_head select{
    border: 1px solid #1b89e1;
    padding: 5px;
    border-radius: 3px;
    color: #2196F3; 
}
select#gde {
    width: 100%;
    margin-right: 5px;
}
select#limit {
    width: 55px;
    float: right;
}
.wr_op {
    background: #03A9F4;
    margin: 5px  -5px 0 0;
    font-size: 14px;
    line-height: 14px;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #2c7fc1;
}
.wr_op p{
    background: none;
    padding: 2px;
}
#vklad_nav p,
#vklad_find p,
#vklad_strong p
{
    border-radius: 2px;
    color: black;
}
#find_head p {
    /* padding: 0px; */
}
.wr_op p,
.wr_op p label{
    cursor: pointer;
    display: block;
    transition: 0.2s;
}
.wr_op p:hover {
    background: #33baf7;
}
.wr_op p label span {
    position: relative;
    bottom: 2px;
}
.wr_op p label input {
    position: relative;
    bottom: -1px;
    left: 1px;
}
p i {
    color: #7b7b7b;
    /* font-style: normal; */
    font-family: comic;
    /* font-weight: bolder; */
}
.sp_f {
    color: #ffffff;
    font-size: 14px;
    background: #373737;
    padding: 1px 5px;
    border: 1px solid #242525;
    border-radius: 3px;
    margin-right: 5px;
    position: relative;
    top: -4px;
}
.sp_trans_f {
    color: #ffffff;
    font-size: 14px;
    background: #373737;
    padding: 1px 5px;
    border: 1px solid #242525;
    border-radius: 3px;
    margin-right: 5px;
    position: relative;
    top: -4px;
}

.sam_mk_head .sp_f {
    top: 0px;
    font-size: inherit;
    padding: 0px 4px;
    color: inherit;
    border-radius: 2px;
}
.f_red{
    color:red;
}
p.wr_res_link {
    font-size: 14px;
    background: #8eccff !important;
}
.wr_res_link {
    display: grid;
    flex-direction: row;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
    /* grid-template-rows: repeat(2, 256px); */
    gap: 2px;
    background: #F2F2F2;
    padding: 5px;
}
span.res_link {
    border: 1px solid #1588e4;
    border-radius: 3px;
    background: #2196F3;
    color: white;
    cursor: pointer;
    transition: 0.2s;
    display: inline-block;
    /* min-width: 80px; */
    text-align: center;
    box-sizing: border-box;
    padding: 1px 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*
span.res_link {
    border: 1px solid #1588e4;
    padding: 0px 5px;
    border-radius: 3px;
    background: #2196F3;
    color: white;
    cursor: pointer;
    margin-right: 5px;
    transition: 0.2s;
    margin: 1px 2px;
    display: inline-block;
}
*/
span.res_link:hover{
    background: #55aaf0;  
}
span.res_link.active {
    background: red;
    color: yellow;
    border: 1px solid #c60202;
}
.prim16 {
    font-size: 16px;
    color: #6b6b6b!important;
    border-radius: 3px !important;
    margin-top: 2px;
}
.mr-5{
    margin-right:-5px;
}
.title_par {
    cursor: pointer;
    transition: 0.2s;
    background: #1b89e1;
    margin: -5px;
    padding: 5px;
    overflow: hidden;
}
.title_par:hover{
    color: yellow;
}
.bl_par {
    margin-top: 5px;
    /* border-top: 1px solid #0c74c7; */
    padding-top: 5px;
}
select  optgroup {
    background:#d9d9d9;
    color: black;
}

select  optgroup option {
    background:#ffffff;
    color: #2196F3;
}
.puntos {
    min-width: 25px;
    display: inline-block;
    text-align: left;
    letter-spacing: 3px;
}
.f_book {
    font-size: 14px;
    padding: 0;
    margin: 3px 0px -5px;
}
.f_book span.trans_name {
    color: white;
    margin-right: 5px;
    background: #1b89e1;
    padding: 2px 5px 2px;
    border-radius: 3px;
    display: inline-block;
}
.title_par span.trans_name{
    float: right !important;  
}


/* start loader while searching */
:root {
    --main-color: #ecf0f1;
    --point-color: #555;
    --size: 5px;
}

.loader {
    background-color: #ffffff;
    /* overflow: hidden; */
    /* width: 100%; */
    /* height: 100%; */
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    z-index: 100000;
    border-radius: 3px;
    margin-right: -5px;
    padding: 5px;
}

.loader__element {
    border-radius: 100%;
    border: var(--size) solid var(--point-color);
    margin: calc(var(--size)*2);
}

.loader__element:nth-child(1) {
    animation: preloader .6s ease-in-out alternate infinite;
}

.loader__element:nth-child(2) {
    animation: preloader .6s ease-in-out alternate .2s infinite;
}

.loader__element:nth-child(3) {
    animation: preloader .6s ease-in-out alternate .4s infinite;
}

@keyframes preloader {
    100% {
        transform: scale(2);
    }
}
/* end loader while searching */
.d-none{
    display: none !important;
}
.d-block{
    display: block;
}

#wr_act_trans_nav,
#wr_act_trans_find, 
#wr_act_trans_strong 
{
    background: #373737;
    padding: 5px;
}
#wr_act_trans_find {
    margin: -1px -11px 0px -6px;
    padding: 5px 6px;
}
#act_trans_nav,
#act_trans_find,
#act_trans_strong
 {
    background: #000000;
    color: #c4c4c4;
    padding: 2px 5px;
    font-size: 1.3rem;/*15px;*/
    display: flex;
    align-content: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s;
}
#act_trans:hover {
    background: #424242;
}


#wr_hist_nav,
#wr_hist_strong
{
    background: #d4ebfe;
    color: white;
    padding: 5px;
    border-top: 1px solid #2c7fc1;
}
.wr_hist_inner{
    background: #373737;
    /* border: 1px solid #2196F3; */
    border-radius: 3px;
    /* margin: 5px 5px 5px 5px; */
    padding: 5px;
    position: relative;
    top: 0px;
    height: 182px;
    overflow-y: auto;
    font-size: 14px;
}
.wr_markers_inner {
    background: #373737;
    border-radius: 0px;
    padding: 5px;
    position: relative;
    top: 0px;
    height: auto;
    overflow-y: auto;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.wr_hist_inner p,
.wr_markers_inner p
{
    /* margin: 0 0 1px; */
    cursor: pointer;
    padding: 10px;
    transition: 0.3s;
    background: black;
    border-bottom: 1px solid #373737;
    position: relative;
}
.wr_hist_inner p:hover,
.wr_markers_inner p:hover
{
    background: #424242;
}

.wr_markers_inner a {
    color: #c27f01;
    transition: color 0.3s ease;
}
.wr_markers_inner a:hover {
    color: #ffa602;
}

.wr_fecha_hora {
    display: inline-block;
    /* background-color: orange; */
    float: right;
}
.sp_trans_hist {
    color: grey;
    min-width: 90px;
    display: flex;
    /* background: darkred; */
    font-size: x-small;
    position: relative;
    padding-bottom: 3px;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    white-space: nowrap;
}

.sp_fecha_hist,
.sp_hora_hist{
    color: grey;
    float:right;
    padding-left: 10px;
}

.sp_ref_hist {
    color: #ffffff;
    /* background: #b8b8b8; */
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: baseline;
}
.sp_words_hist {
    color: #ffffff;
    /* background: #b8b8b8; */
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    flex-wrap: nowrap;
    width: 100%;
}
.sp_hora_hist {
    font-size: x-small;
    /* margin-left: 20px; */
    /* background: #ffc107; */
    min-width: 55px;
    text-align: right;
}
.sp_w_t{
    color: #afafaf;
}
.sp_w_t nm {
    color: #5acbff;
}


#wr_hist_find {
    /* background: #b5d3eb; */
    /* border: 1px solid #2196F3; */
    border-radius: 3px;
    margin: 0px -5px 5px 0px;
    padding: 5px 0;
    position: relative;
    top: 0px;
    /* height: 188px; */
    height: 250px;
    overflow: hidden;
    font-size: 14px;
}
#hist_nav,
#hist_find,
#hist_strong
 {
    border-radius: 3px;
    border: 1px solid #1b89e1;
    padding: 0px 5px;
    margin: 0 5px 0 2px;
    width: 10px;
    color: #000000;
    background: #03a9f4;
    transition: 0.3s;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 28px;
    width: 24px;
}
#hist_find:hover{
    background: #5eb4f9;
}
#hist_nav img, 
#hist_find img, 
#hist_strong img 
{
    width: 16px;
    transition: 0.5s;
    transform: rotate(0deg);
}
#btn_verseFilter img{
    opacity: 0.5;
    transition: 0.3s;
}
#btn_verseFilter:hover img{
    opacity: 1;
}

#hist_nav img.razv, 
#hist_find img.razv, 
#hist_strong img.razv,
.sp_filtro img.razv,
#btn_verseFilter img.razv
{
    transform: rotate(360deg);
}
#hist_find:focus-visible {
    outline: 1px solid #1b89e1;
}

.title_par img, 
#title_filter img 
{
    width: 10px;
    float: right;
    top: 2px;
    position: relative;
    transform: rotate(90deg);
    right: 2px;
    margin-left: 10px;
    transition: 0.3s;
}
.title_par img.razv,
#title_filter img.razv
{
    transform: rotate(0deg);
}
.pf {
    cursor: pointer;
    transition: 0.3s;
    padding: 0 3px !important;
}
.pf:hover{
    background: #33baf7;
}
.p_v {
    background: #03A9F4 !important;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;
    font-size: 15px;
}
.p_v:hover{
    background: #33baf7 !important;
}
.btnMenu {
    width: 30px;
    cursor: pointer;
    /* margin-right: 10px; */
    margin-left: 3px;
    /* background: black; */
    height: 30px;
}
.btnMenu img{
    width:20px;
}
.sideHide, .sideShow{
    transition: 0.3s;
    display: block !important;
    z-index: 5;
    position: absolute;
    width: 100%!important;
}
.sideHide{
    left:-100%;
}
.sideShow {
    left: 0%;
}
#menuTabsInner {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 3px 3px 9px 3px;
}
#arrowBack {
    margin: 6px 8px 0 8px;
    /* background: green; */
    cursor: pointer;
    transition: 0.3s;
}
#closeBack {
    color: white;
    width: 32px;
    /* height: 24px; */
    font-size: 22px;
    margin-right: 2px;
    cursor: pointer;
}

#closeBack {
    color: white;
    width: 32px;
    height: 28px;
    font-size: 24px;
    margin-right: 4px;
    cursor: pointer;
    /* background: red; */
    padding: 1px 3px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-left: 4px;
    position: relative;
    top: 1px;
}

#closeBack_old span {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    /* background: red; */
    margin-top: 0px;
    color: white;
    transition: 0.3s;
}

#closeBack span:hover{
    background: #5eb4f9;;
}
#restoTabs {
    overflow: hidden;
    margin-right: 5px;
    /* background: green; */
    width: 100%;
    position: relative;
    top: 2px;
}
.partDeskInner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: baseline;
}
#partDeskPlus {
    /* background: purple; */
    display: flex;
    margin-left: 10px;
}
#btnPlus {
    background: transparent;
    font-size: 20px;
    opacity: 0.5;
    /* height: 36px; */
    /* width: 15px; */
    min-width: 24px!important;
    position: relative;
    /* top: -2px; */
    border: none;
}
#btnPlus:hover {
    background: #5eb4f9;
    color: white;
    opacity: 1;
}
#partDeskTabs {
	overflow-x: auto;
	white-space: nowrap;
	width: 100%;
}


.colsHeadInner .partDeskInner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: stretch;
}
.colsHeadInner .partDeskInner button span{
    font-size: large;
}


.colsHeadInner .partDeskInner button.btn_svg:hover{
    opacity: 1;
}

.colsHeadInner .partDeskInner button:not(:last-child) {
    /* border-right: 1px solid #227ac1; */
}




.wr_desk_trans {
    /* background: #FF9800; */
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    /* align-items: center; */
    align-items: stretch;
    cursor: default;
    transition: 0.2s;
}
.desk_trans {
    color: #bae0ff;
    font-family: 'Arial narrow', arial, tahoma;
    text-align: right;
}
.desk_trans:not(:first-child) {
    padding-left: 20px;
}
.mw-90{
    min-width:90px;
}
.wr_desk_trans button.btn_svg {
    padding: 0;
    min-width: 29px;
    height: 29px;
    opacity: 0.6;
    border-radius: 0px;
    transition: 0.2s;
}
.wr_desk_trans button.btn_svg:hover{
    opacity: 1;
}
.wr_desk_trans button {
    background: transparent;
    border: none;
}
.wr_desk_trans .centralPart {
    /* background: #03a9f4; */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-evenly;
    /* width: 100%; */
    /* align-items: stretch; */
    align-items: center;
    cursor: pointer;
    transition: 0.2s;
}
.wr_desk_trans:hover {
    background: #2f88cf!important;
}
.vstavka_left {
    /* background: red; */
    width: 29px;
    height: 29px;
}

.wr_desk_trans .separ_line {
    width: 1px;
    background: #56a2c2!important;
    margin: 0px 10px;
    display: block;
    padding: 0;
    height: 24px;
}
.desk_sh_link{
    /* background: #00c208; */
    text-align: left;
}


.partMobInner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: stretch;
}
.partMobInner button span{
    font-size: large;
}
.partMobInner .centralPart {
    /* background: #03a9f4; */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-evenly;
    width: 50%;
    align-items: stretch;
}
.partMobInner button.btn_svg {
    /* padding: 3px 4px 0; */
    min-width: 24px;
}
.partMobInner button {
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}
.partMobInner button:not(:last-child) {
    /* border-right: 1px solid #227ac1; */
}
.mob_trans {
    font-size: small!important;
    color: #74c1ff;
    transition: 0.3s;
}
.mob_trans:hover{
    color: white;
}



/* start modal */
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    padding-top: 10vh; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    transition:0.3s;
    opacity: 0;
}

/* Modal Content */
.modal-content {
    /* background-color: #00000054; */
    margin: auto;
    padding: 10px;
    /* outline: 1px solid #3e3e3e; */
    width: 80%;
    height: 80%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    /* box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.4); */
}

.sp_filtro {
    /* background: black; */
    display: inline-block;
    width: 32px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    opacity: 0.5;
    transition: 0.3s;
}
.sp_filtro:hover{
    opacity: 1;
}
.sp_filtro img {
    width: 22px;
    height: 22px;
    transition: 0.5s;
}
/*en Desktop */
.d_regs .sp_filtro {
    width: 17px;
    height: 17px;
}
.d_regs .sp_filtro img {
    width: 14px;
    height: 14px;
}

/* The Close Button */
.antes_close {
    /* background: red; */
    /* outline: 1px solid white; */
    color: white;
    float: right;
    font-size: 23px;
    font-weight: bold;
    top: -5px;
    right: -5px;
    padding: 0px 0px 2px;
    transition: 0.3s;
    height: 28px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    width: 30px;
    position: absolute;
    cursor: pointer;
    text-decoration: none;
    opacity: 0.5;
}

.close {
    /* background: red; */
    color: white;
    font-size: 23px;
    font-weight: bold;
    top: -2px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    cursor: pointer;
    text-decoration: none;
    opacity: 0.5;
    position: relative;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    opacity: 1;
    /* background: red; */
}


#modcont_header {
    background: #1875bf;
    color: white;
    overflow: overlay;
}
#antes_modcont_header h4 {
    color: white;
    font-size: large;
    border: none;
    /* background: #034603; */
    position: relative;
}
#modcont_header h4 {
    /* background: #034603; */
    color: white;
    font-size: large;
    border: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

#modcont_body {
    /* background: #373737; */
    /* overflow: auto; */
    height: auto;
}
#modcont_footer {
    background: #4d4d4d;
    color: white;
}
.inner{
  margin: 10px;
}
/* fin modal */

span.prim_verse {
    color: #d8d8d8;
    background: black;
    /* width: 100%; */
    padding: 10px;
    margin: 5px;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #5a5a5a;
    font-size: medium;
    display: block;
}
span.prim_tsk {
    color: #d8d8d8;
    background: black;
    padding: 10px;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #5a5a5a;
    font-size: medium;
    display: block;
    /* margin-right: -3px; */
}


.modalContentTop {
    width: 100%;
    height: 100%;
    justify-content: flex-start;
    padding: 0;
    max-width: 425px;
}
.modalContentCenter {
    width: 100%;
    height: 50%;
    justify-content: center;
    padding: 0;
    max-width: 425px;
}
.modalContentBottom {
    width: 100%;
    height: 50vh;
    justify-content: flex-end;
    padding: 0;
    max-width: 425px;
}
.modalContentFull {
    width: 100%;
    height: 100%;
    justify-content: flex-start;
    padding: 0;
    max-width: 768px;
}




.wr_modcont {
    background: #1875bf;
    position: fixed;
    width: 100%;
    transition: 0.3s;
    overflow: hidden;
    padding: 0px;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.4);
}


.modalContentTop .wr_modcont {
    top: 100%;
    max-width: 425px;
}
.modalContentTop .wr_modcont.mooved {
    top: 0;
}

.modalContentCenter .wr_modcont {
    top: 120%;
    min-width: 320px;
    max-width: 425px;
}
.modalContentCenter .wr_modcont.mooved {
    top: 50%;
    transform: translateY(-50%);
}

.modalContentFull .wr_modcont {
    top: 100%;
    max-width: 768px;
}
.modalContentFull .wr_modcont.mooved {
    top: 0;
}






.theme_black {
    background-color: black;
    border: 1px solid #4d4d4d;
}
.theme_grey {
    background: #373737;
    border: 1px solid #4d4d4d;
}
.theme_white {
    background-color: white;
    border: 1px solid #14619f;
}

#bl_modalTopInner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
#topLogin{
    width: 100%;
}
#topLoginInner {
    display: flex;
    align-items: stretch;
    flex-direction: column;
}
#topMenuInner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

#bl_modalCenterInner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
#bl_modalBottomInner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
#bl_headerBtns {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow-x: auto;
    margin-right: 5px;
}

#bl_modalTopInner .btn{
    margin: 2px 2px;
    width: 60px;
    padding: 10px;
}

#bl_modalTopInner .dbtn,
#bl_modalCenterInner .dbtn,
#bl_modalBottomInner .dbtn
{
    margin: 0px;
    width: 25%;
    min-height: 24px;
    padding: 15px 0px;
    font-size: 18px;
    border-radius: 0;
    outline: 1px solid #373737;
    background: #000000;
    border: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    /*align-items: center;*/
    align-items: self-start;
    color: white;
    transition: 0.3s;
    cursor: pointer;
}
#bl_modalTopInner .dbtn:hover, 
#bl_modalCenterInner .dbtn:hover, 
#bl_modalBottomInner .dbtn:hover, 
#bl_headerBtns .dbtn:hover 
{
    background: #424242;
}
.dbtn span {
    /* margin: 10px; */
    /* background: red; */
    /* padding: 10px; */
}
.dbtn img {
    width: 22px;
    height: 22px;
}
.tab_icon img {
    width: 18px;
    height: 18px;
}
#m_login_menu img {
    width: 20px;
    height: 20px;
    border-radius: 20%;
}

#headerMainInner button {
    height: 28px;
    width: 50px;
}

#bl_headerBtns .dbtn {
    margin: 0px;
    /* width: 25%; */
    padding: 0px 10px;
    font-size: 18px;
    border-radius: 0;
    outline: 1px solid #373737;
    background: #000000;
    border: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: white;
    transition: 0.3s;
    cursor: pointer;
    /*min-width: 30px;*/
    min-width: fit-content;
    min-height: 30px;
}



.wr_menu_r{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
#login_menu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: white;
    transition: 0.3s;
    cursor: pointer;
    border-radius: 10%;
    /* border: 1px solid red; */
    overflow: hidden;
    padding: 0px;
}
#login_menu img{
    width: 20px;
}
#tres_puntos_menu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: white;
    transition: 0.3s;
    cursor: pointer;
    margin-right: 4px;
}
#tres_puntos_menu img{
    width: 24px;
}
.vyb_trans {
    /* background: black; */
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
}
.vyb_trans p:not(.vyb_trans p.pv) {
    background: black;
}
.cl_trans_all, 
.cl_trans 
{
    background: black;
    color: #dddddd;
    padding: 5px;
    font-size: medium;
    font-family: 'Muli',Verdana,Arial;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    text-align: left;
    justify-content: flex-start;
    transition: 0.3s;
    cursor: pointer;
}
.cl_trans_all:not(:last-child),
.cl_trans:not(:last-child) 
{
    border-bottom: 1px solid #404040;
}
p.cl_trans_all:hover, 
p.cl_trans:hover 
{
    background: #414141;
}
p.cl_trans_all.arrl, 
p.cl_trans.arrl 
{
    background: #262626 !important;
    /* color: #ffffff; */
}
.cl_trans_all .ch_b, 
.cl_trans .ch_b 
{
    /* background: red; */
    margin-right: 5px;
}
.cl_trans_all .sh_n,
.cl_trans .sh_n
{
    margin-right: 15px;
    /* background: #755905; */
    width: 117px;
    padding-left: 5px;
}
.cl_trans_all .la_n,
.cl_trans .la_n 
{
    /* background: #5a0211; */
    width: 100%;
}
.cl_trans_all .la_n 
{
    /* background: #5a0211; */
    width: 90%;
}

.cl_trans_all .la_n,
.cl_trans .la_n 
{
    display: flex;
    justify-content: space-between;
    gap: 5px;
}

.mft .la_n,
.mst .la_n,
.la_n_wr
{
    display: flex;
    justify-content: space-between;
    gap: 5px;
    flex-direction: column;
}

.tot_lang {
    /* background: green; */
    color: grey;
}
.la_n_wr {
    /* background: #303030; */
    border-radius: 2px;
    /* padding: 5px; */
}
span.la_n_info {
    color: #FF9800;
    font-size: 14px;
}
span.la_n_tipo {
    color: #b9b9b9;
    font-size: 12px;
}

.cl_trans_active .la_n_wr 
{
    background: #c70000;
}
.cl_trans_active .la_n_info {
    color: #FFEB3B;
}
.cl_trans_active .la_n_tipo {
    color: #FF9800;
}

.cl_tab {
    color: #dddddd;
    padding: 5px;
    font-size: medium;
    font-family: 'Muli',Verdana,Arial;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    text-align: left;
    justify-content: flex-start;
    transition: 0.3s;
    cursor: pointer;
    gap: 10px;
}
.cl_tab:not(:last-child) {
    border-bottom: 1px solid #404040;
}
p.cl_tab:hover {
    background: #414141;
}
.cl_tab .sh_tr {
    /* background: green; */
    font-size: 10px;
}
.cl_tab .sh_n {
    /* background: #755905; */
    min-width: 90px;
    display: flex;
    flex-direction: column;
}
.sh_cuant {
    margin-right: 10px;
}
.cl_tab .la_n {
    /* background: #5a0211; */
    width: 100%;
}
/*.cl_tab .sh_nl {
    margin-right: 5px;
    color: #414141;
    min-width: 30px;
    text-align: center;
}
*/
.cl_tab .sh_nl {
    background: #03a9f4;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    border-radius: 3px;
    width: 34px;
    height: 24px;
}
.cl_tab:hover .sh_nl {
    /* color: #737373; */
}
.cl_trans_active,
.cl_tab_active
 {
    background: red !important;
    color: white;
    transition: 0.3s;
}
.cl_tab_active .sh_nl{
    color: white !important;
}
.cl_trans_active:hover,
.cl_tab_active:hover
{
    background: #ff3636 !important;
}
.cl_tab_active .btn_tab_x:hover{
    background: black;
}
.cl_tab_active .btn_tab_x {
    color: white;
}
.cl_tab_active:hover .btn_tab_x{
    /* opacity: 1; */
}

.separ_line {
    width: 0px;
    height: 80%;
    background: #afcfe9;
    margin: 3px 5px;
}
.d_bot {
    background: red;
    color: white;
    display: flex;
    flex-flow: wrap;
    place-content: flex-end;
    align-items: stretch;
    /* height: 308px; */
}
.d_bot .d_btn {
    width: 50%;
    background: orange;
    height: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: 0.3;
    cursor:pointer;
}
.d_bot .d_btn:hover{
    background: grey;
}
.btn_x {
    min-width: 33px;
    /* border: 1px solid red; */
    font-size: 20px;
    padding: 0 0 3px;
    font-weight: 600;
}
.btn_x:hover{
    color:white;
}

span.mob_trans {
    /* background: black; */
    /* min-width: 70px; */
    display: inline-block;
    /* text-align: right; */
}
span.mob_sh_link {
    /* background: red; */
    display: inline-block;
    /* min-width: 90px; */
    /* text-align: left; */
    font-size: medium!important;
}
.centralPart button {
    padding: 0;
}
.sp_plus_trans {
    /* background: #03A9F4; */
    font-size: 20px;
    padding: 0 7px 2px;
    color: white;
    width: 100%;
    display: inline-block;
    text-align: center;
}
.btn_tab_x {
    padding: 0px 4px 1px;
    font-weight: 600;
    transition: 0.3s;
    color: #414141;
}
.btn_tab_x:hover{
    background: red;
}
.cl_tab:hover .btn_tab_x {
    color: white;
}

.wr_strong_btns{
    margin-right: -5px;
}
.wr_strong_btns_inner {
    /* background: #88f2ff; */
    overflow: hidden;
    margin: 5px 0 0;
    display: grid;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
    gap: 5px;
    justify-content: space-between;
}

.wr_strong_btns_inner .btn {
    width: 50%;
    background: #1b89e1;
    border: 1px solid #2c7fc1;
    padding: 5px;
    transition: 0.3s;
    color: white;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.wr_strong_btns_inner .btn:hover{
    background: #329bf0;
    border: 1px solid #2c7fc1;
    color: white;
}
.s_active {
    background: red!important;
    border: 1px solid brown!important;
}
.s_active:hover {
    background: #fd2b2b !important;
}
.sn2 {
    display: block;
}
he{
    font-family: EzraSILW, Arial, sans-serif;
    color: green;
    font-size: 150%;
}
df {
    color: #9a9a9a;
}

el{
    font-family: 'GFS Didot', Arial, sans-serif;
    color: #e21dff;
    font-size: 150%;
}
.hel_sm {
    font-size: 150%;
}
.sn2 S,
.sn2 .a_sn
{
    font-weight: bolder;
    font-size: 20px;
}

.sn_w_trad{
   /* */  
}
.sn_oryg,
.sn_syn
{
    margin-top: 10px; 
}
.sn_oryg,
.sn_translit,
.sn_proizn,
.sn_chast_r,
.sn_etim,
.sn_syn,
.sn_masor,
.sn_lxx,
.sn_other
{
    font-size: medium; 

}
.btn_dvor {
    display: block;
    padding: 5px 5px 5px;
    border-radius: 3px;
    margin-top: 10px;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.btn_dvor:hover{
    color:white;
}
.slov_dvor{
    white-space: pre-line;
}
.sn_dvor{
   /* background: #ccc;*/
}
.dvor_block {
    background: #e9f8ff;
    margin-top: -3px;
    border: 1px solid #1b89e1;
    padding: 8px 5px 5px;
    border-radius: 0 0 3px 3px;
}
.btn_dvor img {
    width: 10px;
    float: right;
    position: relative;
    top: 1px;
    right: 5px;
    transform: rotate(90deg);
    transition: 0.3s;
    margin-left: 10px;
}
.btn_dvor img.razv{
    transform: rotate(0deg);
}
nm {
    color: #0027fc;
    font-weight: bold;
}
.finded_strongActive:hover,
.other_strongActive:hover
{
    transition: 0.1s;
}
pr {
    color: #03a9f4;
    display: inline-block;
    margin-left: 15px;
}
.dvor_block b {
    color: #e21dff;

}
.dvor_block nm {
    color: #0027fc;
    font-weight: bold;
    display: inline-block;
    margin: 8px 8px 0 0;
}

.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(75px, 1fr));
    /* background-color: #2196F3; */
    padding: 0 0 5px;
    gap: 1px;
}
.wr_grid_ch,
.wr_grid_v
 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(45px, 1fr));
    /* background-color: #2196F3; */
    padding: 0 0 5px;
    gap: 1px;
    /* grid-template-columns: repeat(10, 1fr); */
}

.grid_max_5_columns{
    grid-template-columns: repeat(5, 1fr);
}
.grid_max_10_columns{
    grid-template-columns: repeat(10, 1fr);
}

.ch_count_v {
    position: absolute;
    bottom: 0px;
    font-size: 10px;
    right: 0px;
    /* color: grey; */
    /* opacity: 0.5; */
    width: 10px;
    height: 10px;
    /* background: #424242; */
    /* border-radius: 50%; */
    background-image: linear-gradient(315deg, #373737 0 50%, transparent 50% 100%);
}
.chv2 {
    right: 0;
    top: 0;
    background-image: linear-gradient(45deg, transparent 0 50%, #373737 50% 100%);
    display: none;
}
.li_active .ch_count_v{
    /* color: yellow; */
}
#nav_head {
    padding-bottom: 5px;
    background: #373737;
}
.trans_in_find {
    background: #1b89e1;
    display: block;
    color: white;
    margin: -7px -5px 5px;
    border-radius: 3px 3px 0 0;
    padding: 5px;
}


.antes_sp_atras {
    float: left;
    margin-right: 5px;
    /* background: #dd0505; */
    width: 30px;
    display: flex;
    justify-content: center;
    cursor: pointer;
    height: 24px;
    position: relative;
    top: -2px;
    background-image: url(../images/arrow_left2_white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    transition: 0.3s;
}

.sp_atras {
    float: left;
    /* background: #dd0505; */
    width: 30px;
    display: flex;
    justify-content: center;
    cursor: pointer;
    height: 24px;
    position: relative;
    background-image: url(../images/arrow_left2_white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    transition: 0.3s;
}
/*
.sp_atras:hover{
    background-image: url(../images/arrow_left2_black.svg);
    opacity: 1;   
}
*/
.sp_atras img {
    width: 24px;
    height: 24px;
}
#antes_h4_text {
    margin-right: 40px;
    /* margin-right: 75px; */
    /* background: red; */
    /* display: block; */
    display: flex;
    justify-content: space-between;
}
#h4_text {
    /* background: orange; */
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    gap: 10px;
}

#bl_modalFilter {
    background: #373737;
    margin-top: 10px;
    padding: 10px;
    display: none;
}
#bl_modalFilter_inner {
    background: black;
    padding: 10px;
}
#bl_modalFilter.shown {
    display: block;
}

.dbtn_inner {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.hist_gap{
    gap: 0;
}
.tab_icon_gap{
    gap: 5px;
}
#bl_modalFullInner p {
    padding: 10px;
    transition: 0.3s;
    /* background: black; */
}
#bl_modalFullInner .p_pointer{
    cursor:pointer;
}
.p_pointer:hover span.sp_vtext{
    color:yellow;
}
.v_trans {
    cursor: default;
}
#bl_modalFullInner p:not(:last-child):not(.pv_active) {
    border-bottom: 1px solid #404040;
}
#bl_modalFullInner p:hover{
    background:#424242;
}

.btn_verse_menu {
    background: #dcdcdc;
    color: grey;
    padding: 2px 5px;
    position: absolute;
    transition: 0.3s;
    cursor: pointer;
    border: 1px solid #b8b8b8;
    border-radius: 3px;
    opacity: 0;
    bottom: 5px;
    right: 5px;
    width: 14px;
    height: 20px;
    margin-top: -14px;
    text-align: center;
    background-image: url(../images/three_dots_vertical_icon.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: repeat-x;
}
p:hover .btn_verse_menu{
    opacity: 0.5;
}


#wr_vc {
    background: white;
    color: black;
    margin: -10px;
    padding: 10px;
}
#vc_head {
    overflow: hidden;
    background: #3a84bf;
    margin: -10px -10px 10px;
    padding: 5px;
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #1875bf;
}
.vc_head_ref {
    color: white;
    font-weight: bold;
}
#vc_head .dbtn {
    margin: 0px;
    width: 30px;
    padding: 2px 0px;
    border-radius: 0;
    /* outline: 1px solid #373737; */
    background: #3a84bf;
    border: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: white;
    transition: 0.3s;
    cursor: pointer;
}
#vc_head .dbtn:hover {
    background: #2f8fdc;
}
.d_vc_vacio {
    /* background: red; */
    width: 30px;
    height: 26px;
}


#vc_head_filter {
    overflow: hidden;
    background: #d4ebfe;
    /* margin: -10px -10px 10px; */
    margin: 10px 0px 10px;
    /* padding: 10px; */
    /* display: flex; */
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    /* border-bottom: 1px solid #1875bf; */
}

#title_filter {
    background: #3a84bf;
    cursor: pointer;
    border-radius: 3px;
    padding: 3px 5px;
    border: 1px solid #1875bf;
    color: white;
    cursor: pointer;
    transition: 0.3s;
    font-size: 14px;
}
#title_filter:hover {
    background: #499cdd;
}

#title_filter img {
    top: 3px;
    right: 0px;
}

#wr_filter_inner {
    background: white;
    padding: 5px;
    border: 1px solid #13619f;
    z-index: 1;
    margin-top: -2px;
    border-radius: 0 0 3px 3px;
    min-height: 10vh;
    overflow: auto;
    max-height: 30vh;
}

fieldset {
    margin-top: 10px;
}

#fld_refs {
    background: #d4ebfe;
    padding: 5px;
    border: 1px solid #52a1e0;
    border-radius: 3px;
}
#fld_refs .leg {
    background: #d4ebfe;
    padding: 0px 5px;
    border: 1px solid #52a1e0;
    border-radius: 3px;
}


#fld_lang {
    background: #d4ebfe;
    padding: 5px;
    border: 1px solid #52a1e0;
    border-radius: 3px;
}
#fld_lang .leg {
    background: #d4ebfe;
    padding: 0px 5px;
    border: 1px solid #52a1e0;
    border-radius: 3px;
}

#fld_trans {
    background: #d4ebfe;
    padding: 5px;
    border: 1px solid #52a1e0;
    border-radius: 3px;
}
#fld_trans .leg {
    background: #d4ebfe;
    padding: 0px 5px;
    border: 1px solid #52a1e0;
    border-radius: 3px;
}

#lab_one_lang {
    /* width: 50%; */
    /* background: red; */
}
#lab_many_lang {
    /* width: 50%; */
    /* background: #696868; */
}


#wr_show_refs {
    /* background: aqua; */
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-content: center;
    padding-bottom: 5px;
    gap: 5px;
    align-items: flex-start;
}
#wr_one_lang {
    /* background: aqua; */
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-content: center;
    padding-bottom: 5px;
    gap: 5px;
    align-items: flex-start;
}
#wr_btns_lang {
    /* background: lightgreen; */
    display: flex;
    justify-content: space-between;
    gap: 5px;
    flex-direction: column;
}
/*
#btns_lang {
    display: flex;
    gap: 5px;
    align-content: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
*/
#btns_lang {
    display: grid;
    gap: 5px;
    grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
}
/*
#wr_btns_trans {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    flex-wrap: wrap;
    flex-direction: column;
}
*/
/*
#btns_trans {
    display: flex;
    gap: 5px;
    align-content: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
*/
#btns_trans {
    /* background: green; */
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    gap: 5px;
}

#btn_show_refs,
#btn_lang_all
{
    min-width: 100px;
}

#vc_body {
    /* background: #e0e0e0; */
    overflow-y: scroll;
    position: relative;
}
.wr_b_trans_a_ref {
    color: black;
    display: flex;
    /* background: #d2fcd4; */
    flex-direction: column;
    /* min-width: 100px; */
    margin-right: 10px;
}

.pv_inner {
    /* background: bisque; */
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    color: white;
    transition: 0.3s;
    font-size: 18px;
    line-height: 22px;
}
.pv:hover {
    background: #e7e7e7 !important;
}
.pv:not(:last-child):not(.pv_active) {
    border-bottom: 1px solid #cccccc !important;
}
.pv_active {
    background: yellow!important;
    border: 1px solid orange;
    border-radius: 3px;
    font-weight: bolder;
}
.pv:not(:last-child):not(:first-child) {
    /* border-bottom: 1px solid #cccccc!important; */
}

.b_trans {
    /* background: #ffc107; */
    min-width: 100px;
    color: #ff0000;
    transition: 0.2s;
    cursor: pointer;
}
.b_trans:hover {
    color: #4761f6;
    background: orange;
    outline: 1px solid #bf7507;
    border-radius: 2px;
}
.a_ref {
    display: none;
    text-wrap: nowrap;
}
.a_ref, .b_trans{
    padding: 0 1px;
}
.v_trans {
    /* margin-left: 15px; */
    color: black;
    width: 100%;
}

.p_aviso {
    color: #eaeaea;
    background: black;
    padding: 10px;
    width: 100%;
}
.p_aviso b {
    color: red;
}
p.p_aviso a {
    white-space: nowrap;
}
#footerInner .btn:not(:last-child) {
    margin-right: 5px;
}
.colsInner h3 {
    color: red;
    text-align: center;
}

#tsk_body span.stij_text,
.colsInner span.vt
{
    /* background: orange; */
    /* margin-right: 25px; */
    padding-right: 25px;
    padding-left: 5px;
}
#myModalContent span.vt{
    padding: 0;
}




.wr_tooltip{
    /* margin-right: 30px; */
}
.tooltip .trik {
    position: absolute;
    left: 0;
    bottom: -8px;
    /* bottom: -18px; */
    width: 10px;
    height: 10px;
    z-index: 3;
    transform: rotate(45deg);
    margin-left: 5px;
    background-color: transparent;
    background-image: linear-gradient( to bottom right, #1875bf 0% 50%,  transparent 50% 100%);
    box-shadow: -1px -1px 1px 0px white;
    opacity: 0;
    transition: 0.3s;
}
.tooltip .trik1 {
    position: absolute;
    left: -2px;
    top:-4px;
    margin-left: -2px;
    width: 10px;
    height: 10px;
    z-index: 3;
    transform: rotate(45deg);
    background-color: transparent;
    background-image: linear-gradient( to bottom right, #1875bf 0% 50%,  transparent 50% 100%);
    box-shadow: -1px -1px 1px 0px white;

}
.comment {
    position: absolute;
    z-index: 2;
    left: 0;
    width: 100%;
    transition: 0.3s;
    opacity: 0;
    /* background: #ffc107; */
    margin-top: 2px;
}
.commentInner {
    display: block;
    border-radius: 3px;
    background: #1875bf;
    padding: 5px;
    font-size: 16px;
    margin: 0px 5px;
    box-shadow: 0 0 2px 1px #e3e3e3;
    transition: 0.3s;
    font-weight: normal;
}
.comment .close {
    /* background: red; */
    width: 15px;
    height: 15px;
    font-size: 16px;
    color: #74c1ff;
    transition: 0.3s;
    position: relative;
    cursor: pointer;
    top: 0px;
    right: 0px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: nowrap;
    margin-left: 5px;
    float: right;
}
.comment .text{
    color: white;
}
.comment .text i {
    color: #cccccc;
}
.comment .close:hover{
    /* background: red; */
    color: white;
}
.comment a {
    color: #ffc107;
    transition: 0.3s;
    text-wrap: nowrap;
}
.comment a:hover {
    color: yellow;
}
.comment em {
    color: orange;
    margin-right: 10px;
}


#formulario_login {
    padding: 10px;
    background: white;
}












.login-page {
    /* width: 360px;
    padding: 8% 0 0;
    margin: auto; */
}

.form {
    position: relative;
    z-index: 1;
    /* background: #FFFFFF; */
    background: #000000;
    max-width: 360px;
    /* margin: 0 auto 1px; */
    padding: 45px;
    text-align: center;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
.form input {
    font-family: "Roboto", sans-serif;
    outline: 0;
    background: #f2f2f2;
    width: 100%;
    border: 0;
    margin: 0 0 15px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 14px;
}

.form button {
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    outline: 0;    
    /* background: #43A047; */
    background: #008bca;
    width: 100%;
    border: 0;
    padding: 15px;
    color: #FFFFFF;
    font-size: 14px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}

.form button:hover,
.form button:active,
.form button:focus {
    /* background: #4CAF50; */
    background: #01aeff;
}
.form button.cerr_ses {
    background: red;
    transition: 0.3s;
}
.form button.cerr_ses:hover{
    background: #fa4141;
}
.form .message {
    margin: 15px 0 0;
    color: #b3b3b3;
    font-size: 12px;
    text-wrap: pretty;
}

.form .message a {
    /* color: #4CAF50; */
    color: #0091d2;
    text-decoration: none;
    padding: 2px 5px;
    text-wrap: nowrap;
    line-height: 18px;
}
.form .message a:hover {
    color: #d0f0ff;
    background: #0091d2;
    outline: none;
}

.form p {
    padding: 5px;
    /* margin: 0 0 10px; */
    margin: 15px 0 15px;
    color: grey
}
.form .p_cerr_ses{
    margin: 15px 0 0;
    color: #b3b3b3;
    font-size: 12px;
    text-wrap: pretty;  
}
p a.a_cerr_ses {
    color: red;
    font-size: 14px;
    font-weight: normal;
    transition: color 0.3s, background 0.1s;
    padding: 5px 10px;
}
p a.a_cerr_ses:hover{
    background: red;
    color: white;
    outline: 1px solid brown;
}



.btn_wide{
    width: 100%;
}
.register-form h1,
.aviso-form h1,
.reset-pwd-form h1,
.change-email-form h1,
.email-form h1,
.login-form h1
 {
    /*color: green;*/
    color: #03A9F4;
}
#bl_sesion_iniciada h1 {
    color: #1875bf;
    margin-bottom: 20px;
}

.p_svit {
    position: relative;
    /* background: yellow; */
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.sp_svit {
    position: absolute;
    z-index: 1;
    color: #2d0101;
    font-size: 18px;
    /* background: #ff9800bf; */
    padding: 15px 70px;
    font-weight: bolder;
    font-family: 'Roboto Condensed', 'Arial narrow', Arial, Tahoma, 'Franklin Gothic Narrow', Consolas, serif !important;
    min-width: 170px;
}
.p_svit img{
    width: 100%;
    /* transform: rotate(90deg); */
    min-width: 280px;
}
.sp_svit a{
    display: block;
    font-size: 12px;
    color: #602f1d;
    margin-top: 10px;
    padding: 2px;
}
p .sp_svit a:hover{
    color: red;
}



#body_aviso,
#body_reset_pwd
 {
    margin: 0;
    padding: 0;
    height: 100vh;
    background: linear-gradient(to bottom right, white 0%, #9dd3fd 10%, #1875bf 45%, #012643 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
#wrapper_pwd_form {
    background: #303030;
    max-width: 380px;
    margin: 0 auto;
    padding: 10px;
}
.clr_green{
    color:green;
}
.clr_red{
    color:red;
}

.text_ch_v {
    font-weight: bold;
    color: #FF9800;
    margin: 0 5px 0 2px;
}
.btn_img{
    width: 24px;
    height: 24px;
}
#btn_nav img,
#btn_find img
{
    position: relative;
    top: 0px;
}

#btn_tsk img {
    position: relative;
    top: 0px;
    height: 20px;
    width: 20px;
}
#btn_strong span{
    font-size: 21px;
}
#btn_markers img {
    position: relative;
    top: 0px;
    /* height: 18px; */
    width: 18px;
}
#btn_pantalla img {
    position: relative;
    top: 1px;
    height: 20px;
    width: 22px;
}
#btn_settings{
    display: block;
    /* background: green; */
    text-align: center;
    float: right;
    margin-left: 5px;
    padding-top: 3px;
    margin-right: 5px;
}
#btn_settings img {
    position: relative;
    top: 2px;
    /* transform: scale(1.1); */
    width: 20px;
}

.sp_vtext {
    font-size: 18px;
    color: orange;
    /* background: green; */
    display: flex;
    /* margin-right: 27px; */
    position: relative;
    justify-content: space-between;
    gap: 5px;
}
.fs16{
    font-size: 16px;
}

.mark.btn_verse_menu {
    height: 15px;
    width: 10px;
    background-size: 85%;
    opacity: 0.5;
    transition: 0.3s;
    top: 15px;
    right: 0;
}
.p_pointer:hover .mark.btn_verse_menu{
    opacity: 1;
}

.wr_3_btns {
    /* display: flex; */
    flex-direction: column;
    width: max-content;
    background: #dcdcdc;
    position: absolute;
    flex-wrap: nowrap;
    position: absolute;
    right: -1px;
    padding: 5px;
    z-index: 1;
    top: 26px;
    display: none;
    border-radius: 3px;
    border: 1px solid grey;
    color: black;
    gap: 2px;
}
.wr_3_btns span {
    /* background: #cfcfcf; */
    /* outline: 1px solid #ffffff; */
    border-radius: 3px;
    padding: 3px 5px;
    transition: 0.3s;
    display: block;
    transition: 0.3s;
    text-align: center;
}
.wr_3_btns span:hover {
    background: #b1b1b1;
    cursor: pointer;
}

.sam_text {
    /* background: purple; */
    display: block;
    margin-right: 22px;
}
.wr_both {
    position: relative;
}


p.p_pointer.c_red {
    background:red;
    /* transition: 0.3s; */
}
p.p_pointer.c_red span {
    color: #f3f5f3;
}

/*
.p10p5p0{
    padding: 10px 5px 0px !important;
}
*/

/* palabras de Jesus en el texto del módulo rbo'15*/
.colsInner p j{
    color: darkred;
}


#markers_porcentaje {
    text-wrap: nowrap;
}
.color_navy {
    color: navy;
}
.color_grey {
    color: grey;
}

.colsInner img {
    width: 100%;
    max-width: 1600px;
    margin: 0px auto;
    display: block;
    position: relative;
    z-index: 0;
}
.wr_menu_r h3{
    margin-right: 7px;
}

span.vt img {
    width: 100%;
}
.col_row{
    transition: 0.1s;
}
.position_col{
    transform: rotate(0deg);
}
.position_row{
    transform: rotate(90deg);
}

#btn_hideShowFooter img {
    transform: rotate(270deg);
}


















.btns_sw {
    width: 100% !important;
    display: flex;
    justify-content: space-between !important;
    align-items: center;
    padding: 15px !important;
    gap: 15px;
}










.wr_sw_text {
    /* background: #68685f; */
    display: flex;
    flex-direction: column;
}
.sp_com {
    display: inline-block;
}
.sp_expl {
    font-size: 14px;
    display: inline-block;
    padding-top: 5px;
    color: #929292;
}

/* Estilos del switcher - start*/
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    min-width: 40px;
    height: 20px;
}

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

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.2s;
    border-radius: 34px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 5px;
    bottom: 3px;
    background-color: white;
    transition: 0.2s;
    border-radius: 50%;
}

input:checked + .slider {
    background-color: red;
}

input:checked + .slider:before {
    transform: translateX(16px);
}
/* Estilos del switcher - end*/

#modcont_body h3 {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    color: #979797;
    font-size: 1rem;
    width: 100%;
}

.select_lang {
    border: 1px solid #000000;
    border-radius: 3px;
    background: #000000;
    margin-right: 8px;
    margin-left: 2px;
    position: relative;
    padding: 2px 2px;
    top: -1px;
    color: white;
    text-align: center;
    cursor: pointer;
    width: 50px;
}




#bl_modalCenterInner #wr_sel_copy {
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px;
    align-items: flex-start;
    flex-direction: column;
}
.sel_copy {
    padding: 8px;
    border-radius: 3px;
    font-size: 16px;
}
.d_sel_bl {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    align-items: center;
}
.btn_only_one_verse,
.btn_many_verses
 {
    width: 100%;
    padding: 10px;
}

.pad5{
    padding: 5px;
}
.pad10{
    padding: 10px;
}

.sp_menu_settings {
    right: 30px;
    width: 24px;
    height: 24px;
    display: block;
    /* background: green; */
    float: right;
    position: relative;
    top: -1px;
    background-image: url(../images/settings3_white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
}


.ch_lab {
    /* background: red; */
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    gap: 10px;
    cursor: pointer;
    margin: 5px 0;
    transition: 0.3s;
}
.ch_lab:hover {
    background: #393939;
}
.ch_mostrar {
    margin: 10px 0 10px !important;
    width: 15px !important;
    height: 15px;
}
.ch_mostrar_sp {
    color: #b3b3b3;
    font-size: 12px;
}
.m_bot0{
    margin-bottom: 0 !important;
}
.color_red{
    color: red !important;
}
.color_green{
    color: green !important;
}
.p_cerr_ses a{
    cursor: pointer;
}
.sp_ref_text {
    color: orange;
    margin-top: 2px;
    display: block;
}
.d_regs {
    background: #2196f3;
    padding: 1px 5px;
    color: white;
    font-size: 14px;
    margin-bottom: 5px;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.t_regs {
    /* background: red; */
    width: 100%;
}
.t_regs_porcentaje{
    white-space: nowrap;
}
.sp_ref_text font[color="darkred"]{
    color: red;
}
.pad0_15 {
    padding: 0 15px;
}
.p_aviso a{
    cursor: pointer;
}

.wr_cook {
    justify-content: space-between;
    padding: 0 15px;
    align-items: flex-start;
    width: 100%;
}




#wr_find_tabs {
    display: flex;
    gap: 1px;
    width: auto;
    justify-content: flex-start;
    white-space: nowrap;
}

#partFindTabs {
    /* background: pink; */
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
    display: flex;
    gap: 1px;
}

#partFindPlus {
    /* background: green; */
    display: flex;
    margin-left: 3px;
    align-content: center;
    align-items: center;
    justify-content: center;
}

#btnPlus_frb {
    background: transparent;
    font-size: 20px;
    opacity: 0.5;
    height: 24px;
    width: 24px;
    min-width: 24px!important;
    position: relative;
    top: 0px;
    border: none;
}

#btnPlus_frb:hover {
    background: #5eb4f9;
    color: white;
    opacity: 1;
}


.find_tabs {
    background: #adadad;
    padding: 5px 7px;
    border-radius: 10px 10px 0 0;
    /* color: grey; */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 5px;
    cursor: pointer;
}
.find_tab_active {
    background: white;
    color: #f10707;
}
.find_tab_trans_name {
    background: black;
    padding: 3px 4px;
    border-radius: 3px 3px 3px 3px;
    font-size: 12px;
    display: inline-block;
    color: white;
}
.find_tabs .btn{
    color: #000000;
}
.find_tabs .btn_sm{
    padding: 0;
}

.find_tabs button:hover {
    background: red;
    color: white;
}



#wr_find_res_blocks {
    /* background: #009688; */
    padding-top: 5px;
}
.find_res_blocks {
    /* background: #FF9800; */
}
.find_res_block_active{
    /* background: darkred; */
    min-height: 100px;
    overflow-y: auto;
}

.wr_input_filter{

}
.wr_filter{
    position:relative;
    /* background: green; */
    display: block;
    border-radius: 2px;
}
.wr_input_con_x {
    display: block;
    overflow: hidden;
    padding: 5px 33px 5px 10px;
    background: #ffffff;
    border-radius: 2px;
}

.inpt_filter {
    /* padding: 5px 15px 5px; */
    font-size: 20px;
    font-family: 'Roboto Condensed';
    width: 100%;
    color: #1875bf;
    border: none;
}
.inpt_filter:focus {
    /* background: pink; */
    outline: none;
}
.sp_x {
    position: absolute;
    top: 1px;
    right: 8px;
    font-size: 22px;
    opacity: 0.5;
    transition: 0.3s;
    cursor: pointer;
    color: grey;
}
.sp_x:hover{
    opacity: 1;
}
.filter_result {
    /* background: grey; */
    color: #9d9d9d;
    display: block;
    padding: 5px 2px 0;
    margin-top: 5px;
    font-size: 14px;
}
#tsk_head_filter .filter_result,
.wr_hist_filter .filter_result
{
    color: white;
}




#wr_btns_pantalla {
    display: flex;
    background: #000000;
    /* gap: 5px; */
    align-items: center;
    justify-content: space-between;
}
#vklad_btn_pantallaShow {
    /* width: 100%; */
    height: 22px;
    gap: 10px;
    padding: 0px 10px;
    border-radius: 3px;
    outline: 3px solid white;
    margin: 3px 0;
}
#vklad_btn_pantallaShow img{
    width: 22px !important;
    height: 22px !important;
}
#wr_btns_pantalla img {
    height: 32px;
    width: 32px;
    padding: 2px;
}

#wr_btns_pantalla .dbtn {
    display: flex;
    align-items: center;
    background: black;
    align-items: center;
    align-content: center;
    flex-direction: row;
    border: 1px solid transparent;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s;
}
#wr_btns_pantalla .dbtn:hover{
    background: #424242;
}
#btn_ver_pantalla img {
    width: 22px;
}



#pantalla_body #fondo_body {
    margin: 0 auto;
    padding: 0;
    color: white;
    width: 100%;
    height: 100%;
    font-family: 'Roboto Slab',Arial,Tahoma, 'sans serif';
    background: black;
    background-image: url('../images/bible_open6.jpg');
    background-size: cover;
    background-position: center;
    overflow: auto;
}
#pantalla_body .fondo_black {
    background: black !important;
}

#pantalla_body #contenedor {
    background: black;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    opacity: 0;
    transition: 1s;
    overflow: hidden;
    height: 100%;
}

#pantalla_body .shown {
    opacity: 1 !important;
    height: auto !important;
}

#pantalla_body S {
    display: none;
}

#pantalla_body .trad {
    box-sizing: border-box;
    font-size: 20px;
    box-shadow: 0px 0px 35px -15px #ffffff;
    overflow: hidden;
}
#pantalla_body .trad:not(.trad:last-child) {
    border-bottom: 1px solid #1e1e1e;
}

#pantalla_body .trad_inner {
    padding: 25px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#pantalla_body .verse {
    font-weight: 600;
}

#pantalla_body .verse_ref,
#pantalla_body .verse_number {
    color: #20b1ff;
    margin-right: 15px;
}

#pantalla_body .verse_text {
    color: #ffffff;
}
#pantalla_body #trad1 .verse_text{
    color: yellow;
}
#pantalla_body #trad2 .verse_text{
    color: orange;
}
#pantalla_body #trad3 .verse_text{
    color: #caffd0;
}
#pantalla_body #trad4 .verse_text{
    color: #e09bfd;
}
#pantalla_body #trad5 .verse_text{
    color: #fcff5f;
}
#pantalla_body #trad6 .verse_text{
    color: #5ffaff;
}
#pantalla_body #trad7 .verse_text{
    color: white;
}
#pantalla_body #trad8 .verse_text{
    color: #87b0fc;
}
#pantalla_body #trad9 .verse_text{
    color: #fff194;
}

#pantalla_body .verse_full_ref {
    color: #a5a5a5;
    text-align: right;
    font-style: italic;
    font-size: 14px;
}

#pantalla_body .verse_ref{
    display: inline-block;
}

#pantalla_body .verse_number{
    display: none;
}

#pantalla_body span.verse_title {
    color: red;
    display: block;
    padding-bottom: 2px;
    text-align: center;
    font-size: 16px;
}
#pantalla_body i {
    color: grey;
    font-family: Comic;
    font-weight: bold;
}
#pantalla_body .prim_blue{
    color: grey;
}

#pantalla_body span.wr_tooltip,
#pantalla_body span.verse_title,
#pantalla_body span.refs
{
    display: none;
}

#pantalla_body font[color="darkred"] {
    color: #ff3838;
    /* color: #f97c91; */
}






#btn_ver_pantalla {
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #1875bf;
    background: #207fcc;
    color: white;
    font-size: 14px;
    transition: 0.3s;
    cursor: pointer;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 5px;
    font-family: 'Roboto Slab',Arial,Tahoma, 'sans serif';
    /* background: linear-gradient(to bottom, #2196F3 0%, #1565a5 30%, #054476 50%, #054476 70%, #5580a2 100%); */
    box-shadow: 0 0 6px 3px transparent;
}
#btn_ver_pantalla:hover {
    border: 1px solid #1479ca;
    /* transform: scale(1.05); */
    /* box-shadow: 0 0 3px 1px white; */
    /* background: linear-gradient(to bottom, #6d9bc0 0%, #0e5b98 30%, #025597 50%, #0e5b98 70%, #6d9bc0 100%); */
    background: #2f8ed8;
}

.d_vacio {
    height: 10px;
}

.separador_idioma {
    margin-top: 10px;
    color: #737373;
    padding: 10px;
}





.draggable {
    cursor: grab;
}
.drag-over {
    background-color: #d0f0d0;
}
.draggable {
    /* background-color: #f0f0f0; */
    cursor: grab;
    user-select:inherit;
}
.placeholder {
    background-color: #d0f0d0;
    height: 40px;
    border: 2px dashed #aaa;
    margin: 5px 0;
}








.mft .ch_b
{
    display: flex;
    background: transparent;
    padding: 10px;
    border-radius: 50%;
}
.mft.mft_active .ch_b
{
    background: #ff0000;
}
.mft input {
    display: none;
}

.cl_trans .la_n_full {
    display: flex;
    gap: 25px;
    align-items: center;
}
.cl_trans_all .la_n_full {
    display: flex;
    gap: 15px;
    align-items: start;
}





.voprosy .verse_ref,
.voprosy .verse_full_ref
{
 display: none;    
}



.sp_trans_f {
    color: #ffffff;
    font-size: 14px;
    background: #373737;
    padding: 1px 5px;
    border: 1px solid #242525;
    border-radius: 3px;
    margin-right: 5px;
    position: relative;
    top: -4px;
}

sup {
    color: red;
    font-weight: bolder;
    font-size: 12px;
}