/* override margin-bottom for seamless system messages */

/* .affix */

#systemMessages.affix .alert {
    margin-bottom: 0;
}

#systemMessages {
    z-index: 10000;
}

/* open drop down menus on mouse-over */

ul.nav li.dropdown:hover > ul.dropdown-menu{
    display: block;
}

/* add table borders etc, for tables that are not added to "table" class to prevent display issues with resizing window */

.tableCustom th, .tableCustom td {
    border-top: 1px solid #DDDDDD;
    line-height: 20px;
    padding: 8px;
    text-align: left;
    vertical-align: top;
}
td.zh.fTrigger, span.zhResult.langres span {
    min-width: 60px;
}

/* override default bootstrap table sizing for Chinese to keep at least a couple of characters per line */
.

/* decrease bottom margin between alerts*/
.alert {
    margin-bottom: 2px;
}

/* override label colors for language specific applications*/

div.recordHistory span.English
{
    background-color: #3E6388;
}
div.recordHistory span.French
{
    background-color: #603C77;
}
div.recordHistory span.Russian
{
    background-color: #775631;
}
div.recordHistory span.Spanish
{
    background-color: #8C4269;
}

div.recordHistory span.Chinese
{
    background-color: #485326;
}

div.recordHistory span.Arabic
{
    background-color: #581F1F;
}

/* feedback in redish */
div.recordHistory span.feedback
{
    background-color: #B94A48;
    color: #FFFFFF;
}
/*
div.recordHistory span.edit {
    background-color: #0044CC;
}
*/

div.recordHistory span.new,  div.recordHistory span.create{
    background-color: #FAA732;
}

/* display country labels in different colour*/

a.country, span.country{
    background-color: #666699;
}

a.other, span.other, a.text, span.text{
    background-color: #D9D2D2;
}

/* reset for arabic table NOT to enfore left-aligned text*/
/*
td.Arabic, li.Arabic{
    text-align: right;
}
*/
fieldset
{
    margin-left: 20px;
    margin-top: 25px;
    margin-bottom: 10px;
}

legend
{
     border-style: dashed none none;
     border-width: 1px 0;
     margin-bottom: 0px;
}

/* remove standard bottom margin from forms in source modal */

form.tightList
{
    margin: 0;
}

/* add AR rtl support */

div.ar td.selectable
{
    direction: rtl;
}

/* override for links etc */
div.lltr, .lltr {
    direction:ltr;
}


/* force RTL text in mixed display to be right-aligned for multiple lines*/

.textright {
    text-align: right;
}

/* make pop-overs always be on top */

.popover
{
    z-index: 1055;
    font-size: medium;
}
span.obsolete, span.superseded, span.suspended, span.deleted, span.incorrect,
button.obsolete, button.superseded, button.suspended, button.deleted, button.incorrect,
li.obsolete, li.superseded, li.suspended, li.deleted, li.incorrect

{
    text-decoration: line-through;
}

span.langres span.deleted {
        display: none;
}

/* set colour of xref links in label */

xref.portalLink
{
    color: White;
}

/* give create lookup more fixed size */

#createLookup
{
 min-height: 300px;
 max-height: 300px;
 overflow: auto;
}

/* provide clickable xref */

xref
{
 color: blue;
 text-decoration: underline;
 cursor: pointer;
}

.navbar ul.nav li a
{
   /* padding: 3px 15px; */
   /*padding: 5px 3px 1px 12px;*/
   padding: 0px 3px 1px 12px;
}

/* additional items - not necessarily overriding -- */
.maxHeight
{
}

.limitedHeight
{
    max-height: 40px;   /* two lines, use 60px for three lines */
    overflow: auto;
}

span.variant
{
    font-style: italic;
}

span.incorrect
{
    text-decoration: line-through;
}

/* this breaks database display on search results page
div.leftMenu a, ul.databases a:visited, ul.databases a:active, ul.databases a:link

{
    color: #FFFFFF;
}
*/

a.label, a.label:visited, a.label:active, a.label:link
{
    color: #FFFFFF;
}

ul.dropdown-menu li a
{
    color: Black;
    font-size: 14px; /* not sure why this is necessary but it breaks for dropdown within input-append -- e.g. typeahead box*/
}

ul.dropdown-menu .active {
     background: url('bootstrap/img/glyphicons-halflings.png') no-repeat -134px -68px !important;
     padding-left: 25px;
}

/* move drop-down menus slightly up so that it is easier to click (and does not disappear)*/
.dropdown-menu {
    top: 75%;   /* was 100 % */
}

/* make CTRL-D link menu appear in a more consistent position */

.topToolbar {
    top: 50px;
    right: 20px;
}

textarea.dispTA
{
    width: 97%;
}
textarea.hide, div.hide, span.hide
{
    display:none;
}

div.modalLarge
{
    width: 740px;    /* was 800 */
}
/*
.modal.fade {
    top: 5%;
    left: 5%;
}
*/
/* top: 5%;*/
.modal.fade.in {
    left: 30%;
}
div.modalExtraLarge
{
    width: 1000px;
}

select.long 
{
    height: 300px;
}

select.medium {
    height: 200px;
}

div.modalExtraLarge select.long
{
    height: 275px;
}

/* this doesn't display well on small screens...
body .modal
{
    margin: -250px 0 0 -500px;
}
    */

div.modalLarge modal-body
{
    max-height: 1000px;
}

div.modalLarge select.long
{
    height: 300px;
}

li.advancedSearchMenu {
    margin-left: 20px;
}

div.advancedSearchMenu {
    margin-top: 20px;
}

li.advancedSearchMenu span.label {
    margin-right: 5px;
}


ul.typeahead
{
    z-index: 1051 ;
}

/* allow labels and badges to break into two lines */

.label, .badge {
    white-space:normal;
}

/* but not in the overview dataset view
.label, .badge {
    white-space:nowrap;
}
    */

/* fix typeahead list on welcome page (inside .jumbotron)*/

.typeahead {
    text-align:left;
}

#myReferenceModal {
    width: 900px;
}