@media (min-width:1600px)
{

}

body{
    width: 100%;
}
.header {
    background-color: #000000;
    height: 50px;
}
.footer {
    background-color: #74787b;
    height: 50px;
    color: white;
}
.header .logo{
    float: left;
    left: 20px;
    color: white;
}
.header .logo h2{
    margin-top:15px;
    font-size: 18px;
}
.header .menu{
    float: right;
    right: 50px;
    color: white;
}
.header .menu .nav li a{
    color: white!important; background: #000;
}
.header .menu .nav li a:hover,.header .menu .nav li a:active{
    color: #eed593!important;  background: #000;
}
.header .menu .nav li.open>a{
    color: #eed593!important;  background: #000;
}

section{
    /*height: calc(100vh - 100px);*/
}
.content{
    height: 100%;
    margin: 0!important;
    padding: 0!important;
}
.content .row{
    margin: 0!important;
    padding: 0!important;
}
.ham {
    display:none;
    position: relative;
}
.header .dropdown-menu{
    background-color: #000!important;
}

@media only screen and (max-width : 992px){
    section{
        min-height: calc(100vh - 100px);
        height: 100%;
    }
    .right_border{
        display: none;
    }
} 

@media only screen and (max-width : 768px){
    .ham {
        display:block;
        text-align: right;
        font-size: 24px;
        color: white;
        cursor: pointer;
        padding-top: 10px;
        /*margin-right: 50px;*/
    }
    .ham:active {
        color: #337ab7;
    }
    .navbar-nav {
        margin: 0px 0px;
    }
    .menu .navbar-nav {
        display: none;
        /*width: 100vw;*/
        position: absolute;
        z-index: 999;
        /*background-color: #337ab7;*/
        right: 0px;
    }
    .menu .navbar-nav li{
        /*padding-left: 20px;
        padding-right: 20px;*/
    }
    .header .menu{
        position: relative;
        float: none;
        right: 0;
    }
    .sub-menu.navbar-nav > li{
        float: left;
    }
} 

@media only screen and (min-width : 768px){
    .ham {
        display: none;
    }
    
    .menu .navbar-nav {
        display: block;
    }

}

ul.jb-verse-list{padding:0;list-style:none}
.jb-verse-list li{padding:5px 15px}
sup.strong-codes{padding:0 3px}
sup.verse-num{padding:0 5px 0 0;color:#999}

.nav-dropdown{padding:4px 5px}
#bible-lookup{padding:10px}
#book-chap{}
#book-chap-nav{padding:5px 0}
#book-chap-nav a{text-decoration:none}
#book-chap-nav a.disabled{color:#c0c0c0;pointer-events:none}
.tjc-cr li.ref-verses h4{margin-bottom:2px}
.tjc-cr li.ref-verses small{color:#4d4d4d}
.tjc-cr li.ref-verses p{margin-top:5px}
#tjc-ref .ref-vids a.hl,#tjc-elib .ref-vids a.hl{color:#f00}
#tjc-ref p.ref-vids.collapse,#tjc-elib p.ref-vids.collapse{margin:0}
#tjc-elib ul li{padding:3px 0}
#tjc-elib button{margin-left:3px}
#bible-cr .ref-vids a.hl{color:#999}
table.strong-def td{min-width:100px}
a[data-vid]{white-space:nowrap}
a[data-lang] i{margin-right:5px}
.caret.caret-up{border-top-width:0;border-bottom:4px solid #fff}
div.modal-article h1{font-size:24px}
div.modal-article h2{font-size:19px}
div.modal-article h3{font-size:17px}
div.modal-article h4{font-size:15px}
div.modal-article h5{font-size:14px}
div.modal-article h6{font-size:13px}
div.modal-article blockquote{font-size:14px}
ul.icon{list-style-type:none}
ul.icon li{text-indent:-1.4em}
ul.icon li p{text-indent:0}
ul.icon li:before{font-family:'Glyphicons Halflings';content:"\2a";float:left;width:1.4em}
ul.icon.plus li:before,ul.icon li.plus:before{content:"\2b"}
ul.icon.th-large li:before,ul.icon li.th-large:before{content:"\e010"}
ul.icon.th li:before,ul.icon li.th:before{content:"\e011"}
ul.icon.list li:before,ul.icon li.list:before{content:"\e012"}
ul.icon.ok li:before,ul.icon li.ok:before{content:"\e013"}
ul.icon.minus li:before,ul.icon li.minus:before{content:"\2212"}
ul.icon.star li:before,ul.icon li.star:before{content:"\e006"}
ul.icon.heart li:before,ul.icon li.heart:before{content:"\e005"}
ul.icon.check li:before,ul.icon li.check:before{content:"\e067"}
ul.icon.edit li:before,ul.icon li.edit:before{content:"\e065"}
ul.icon.info li:before,ul.icon li.info:before{content:"\e086"}
ul.icon.question li:before,ul.icon li.question:before{content:"\e085"}
ul.icon.random li:before,ul.icon li.random:before{content:"\e110"}
ul.icon.link li:before,ul.icon li.link:before{content:"\e144"}
ul.icon.new-window li:before,ul.icon li.new-window:before{content:"\e164"}
ul.icon.transfer li:before,ul.icon li.transfer:before{content:"\e178"}
.text-right{text-align:right}
footer{padding:15px 0}
footer.navbar-inverse{color:#999}



#source-panel, #verse-panel, #diff-panel {padding: 0px; min-height: 120px; margin:5px;}
#source-panel textarea {
	width: 100%;
	height: 100%;
	position: relative;
}

@font-face {
    font-family: 'Ezra-SIL-SR';
    src:url('fonts/Ezra-SIL-SR.ttf.woff') format('woff'),
        url('fonts/Ezra-SIL-SR.ttf.svg#Ezra-SIL-SR') format('svg'),
        url('fonts/Ezra-SIL-SR.ttf.eot'),
        url('fonts/Ezra-SIL-SR.ttf.eot?#iefix') format('embedded-opentype'); 
        font-weight: normal;
        font-style: normal;
}
@font-face {
    font-family: 'Gentium';
    src:url('fonts/Gentium.ttf.woff') format('woff'),
        url('fonts/Gentium.ttf.svg#Gentium') format('svg'),
        url('fonts/Gentium.ttf.eot'),
        url('fonts/Gentium.ttf.eot?#iefix') format('embedded-opentype'); 
        font-weight: normal;
        font-style: normal;
}
.ezra {
    font-family: 'Ezra-SIL-SR';
    direction:rtl;
    text-align: right;
    font-size: 18px;
    }

.gentium {
    font-family: 'Gentium';
    font-size: 18px;
    }


.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}
span.hl{
    background-color:#b8cee6;
}


::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical{
    width: 16px;
}

::-webkit-scrollbar:horizontal  {
    height: 16px;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; 
    background-color: rgba(0, 0, 0, .5);
}

::-webkit-scrollbar-track { 
    background-color: #fff; 
    border-radius: 8px; 
} 

#browsinghistory {height:250px;overflow-y: auto;padding-bottom: 0}
#browsinghistory ul{padding:0;list-style:none}
#browsinghistory li{padding:5px 15px}
#browsinghistory li:hover{background-color:#e9e9e9;cursor:pointer}
#browsinghistory li.hl{background-color:#b8cee6}
#browsinghistory li.hl:hover{cursor:auto}
#browsinghistory li.hl sup.verse-num{color:#000;font-family: Arial;}

/* typeahead */
.typeahead,
.tt-query,
.tt-hint {
    height: 30px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 30px;
    border: 2px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline: none;
}

.typeahead {
    background-color: #fff;
}

.typeahead:focus {
    border: 2px solid #0097cf;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-menu {
    height: auto;
    max-height: 230px;
    overflow-y: auto;
}

.tt-menu {
    width: 100%;
    margin-top: 6px;
    padding: 6px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 14px;
    line-height: 16px;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0097cf;
}

.tt-suggestion p {
    margin: 0;
}

.gist {
    font-size: 14px;
}
/* example specific styles */


.btn-otbook{color:#000000;background-color:#e2e6ff;border-color:#ffffff}
.btn-otbook.active,.btn-otbook.focus,.btn-otbook:active,.btn-otbook:focus,.btn-otbook:hover,.open>.dropdown-toggle.btn-otbook{color:#000000;background-color:#c0c9ff;border-color:#ffffff}

.btn-otbooksel{color:#ffffff;background-color:#001176;border-color:#ffffff}
.btn-otbooksel.active,.btn-otbooksel.focus,.btn-otbooksel:active,.btn-otbooksel:focus,.btn-otbooksel:hover,.open>.dropdown-toggle.btn-otbooksel{color:#ffffff;background-color:#001176;border-color:#ffffff}

.btn-ntbook{color:#000000;background-color:#ffecde;border-color:#ffffff}
.btn-ntbook.active,.btn-ntbook.focus,.btn-ntbook:active,.btn-ntbook:focus,.btn-ntbook:hover,.open>.dropdown-toggle.btn-ntbook{color:#000000;background-color:#ffdcc1;border-color:#ffffff}
.btn-ntbooksel{color:#ffffff;background-color:#924000;border-color:#ffffff}
.btn-ntbooksel.active,.btn-ntbooksel.focus,.btn-ntbooksel:active,.btn-ntbooksel:focus,.btn-ntbooksel:hover,.open>.dropdown-toggle.btn-ntbooksel{color:#ffffff;background-color:#924000;border-color:#ffffff}

.btn-chapter{color:#000000;background-color:#e8c6e2;border-color:#ffffff}
.btn-chapter.active,.btn-chapter.focus,.btn-chapter:active,.btn-chapter:focus,.btn-chapter:hover,.open>.dropdown-toggle.btn-chapter{color:#000000;background-color:#f898e7;border-color:#ffffff}
.btn-chaptersel{color:#ffffff;background-color:#70005c;border-color:#ffffff}
.btn-chaptersel.active,.btn-chaptersel.focus,.btn-chaptersel:active,.btn-chaptersel:focus,.btn-chaptersel:hover,.open>.dropdown-toggle.btn-chaptersel{color:#ffffff;background-color:#70005c;border-color:#ffffff}

.btn-verse{color:#000000;background-color:#e8e6c8;border-color:#ffffff}
.btn-verse.active,.btn-verse.focus,.btn-verse:active,.btn-verse:focus,.btn-verse:hover,.open>.dropdown-toggle.btn-verse{color:#000000;background-color:#e1db81;border-color:#ffffff}
.btn-versesel{color:#ffffff;background-color:#4b4700;border-color:#ffffff}
.btn-versesel.active,.btn-versesel.focus,.btn-versesel:active,.btn-versesel:focus,.btn-versesel:hover,.open>.dropdown-toggle.btn-versesel{color:#ffffff;background-color:#4b4700;border-color:#ffffff}

.hebrewgreekword:hover{
    background-color:#FBF5E8;cursor:pointer;
}
.hebrewgreekwordhl{
    background-color:#eed593;cursor:auto;
}
.hebrewgreekwordhl:hover{
    background-color:#FBF5E8;cursor:pointer;
}

.hebrewword:hover{
    background-color:#e0e0fa;cursor:pointer;
}
.hebrewwordhl{
    background-color:#ffe9ce;cursor:pointer;
}

ul#mainlist{padding:0;list-style:none}
ul#mainlist li{padding:5px 15px}
ul#mainlist li:hover{background-color:#e9e9e9;cursor:pointer}
ul#mainlist li.hl{background-color:#b8cee6}
ul#mainlist li.hl:hover{cursor:auto}
ul#mainlist li.hl sup.verse-num{color:#000;font-family: Arial;}


.treeview-root {
  position:relative;
}
.treeview-root,
.treeview-root ul {                                 
  list-style-type: none;
  padding: 0px;
  margin: 0;
}
.treeview-root li {
  padding-left: 1.5em;
}
.treeview-root > li {
  padding-left: 10px;
}
.treeview-handle {
  display: block;
  float: left;
  width: 10px;
  height: 11px;
  position: absolute;
  margin-left: -20px;
}
.treeview-handle:before {
  content:'\f096';
  font-family: FontAwesome;
}
.treeview-collapsed {
  cursor: pointer;
}
.treeview-collapsed:before {
  content: '\f196';
  font-family: FontAwesome;
}
.treeview-expanded {
  cursor: pointer;
}
.treeview-expanded:before {
  content: '\f147';
  font-family: FontAwesome;
}

.header .container {
    position: relative;
    /* Clear floats */
    overflow: hidden;
}

.language-switch {
    float: right;
    padding: 15px 0;

}

#langToggle {
    padding: 5px 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#langToggle:hover {
    background-color: #f0f0f0;
}