/* application-wide CSS
 *
 * Open Siddur Project
 * Copyright 2013-2014 Efraim Feinstein
 * Licensed under the GNU Lesser General Public License, version 3 or later
 */
html, body {
    margin:0;
    padding:0;
    height:100%;
    border-size:border-box;
}

body {
    padding-top:50px;
    padding-bottom:50px;
}

/* bootstrap forms */
.form {
    max-width: 400px;
    padding: 19px 29px 29px;
    margin: 0 auto 20px;
    background-color: #fff;
    /*border: 1px solid #e5e5e5;*/
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
            box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.form .form-signin-heading,
.form .checkbox {
    margin-bottom: 10px;
}
.form input[type="text"],
.form input[type="password"] {
    font-size: 16px;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 9px;
}

.full-window-message {
    font-size:x-large;
    text-align:center;
    margin-top:50px;
}

@media (max-width: 980px) {
    /* Enable use of floated navbar text */
    .navbar-text.navbar-right {
        float: none;
        padding-left: 5px;
        padding-right: 5px;
    }
}

.page {
    position: absolute;
    top: 50px;           /* header and footer */
    bottom: 42px;
    padding-bottom:100px;
    width: 100%;
}

.page-search {
    position: fixed;
    z-index:1000;
    top: 50px;
    width:100%; 
    height: auto;
    background-color:white;
}

.toolbar {
    position:fixed;
    z-index:900;
    top: 48px;
    width:100%;
    margin : 0;
    padding : 0;
}
.page-view {
    position:relative;
    top:auto;
    bottom:0;
}

.page-view .btn-toolbar {
    padding : 0;
    margin : 0;
}

.page-container {
    position:relative;
    top:auto;
    bottom:0;
    height:100%;
    padding-top: 70px;
    padding-bottom: 50px;
}

.CodeMirror {
    height : 70vh;
    width : 100%; 
    /* until we have working @font-face, use whatever Hebrew-supporting fonts are available locally.
    If the Open Siddur Font Pack is installed, this should be OK */
    font-family : "Taamey Frank CLM", "Ezra SIL", "Frank Ruehl CLM", "Ezra SIL SR", monospace;
    font-size : x-large;
}


/* forms and controls */
select.ng-invalid,
input.ng-invalid,
textarea.ng-invalid {
    background-color:#FA787E
}


/* search results */
.search-results tr {
    cursor:pointer;
}

.osResultsBox .search-results {
    overflow-y:scroll;
    height:150px !important;/* no scroll bar shown under 150px? */
}

.osResultsBox ul.search-contexts {
    list-style-type:none;
}

.osResultsBox span.match {
    font-weight:bold;
}

/* translations */
.translation-linkage {
    border:2px solid black;
}
.translation-segment {
    border:1px solid gray;
}

/* scrollable controls */
.scrollable-200px {
    height:200px;
    max-height:200px;
    overflow-y:auto;
    overflow-x:hidden;
}

.scrollable-300px {
    /*height:300px;*/
    min-height:50px;
    max-height:300px;
    overflow-y:auto;
    overflow-x:hidden;
}