body { font-size: 62.5%; }
label, input { display:block; }
input.text { margin-bottom:12px; width:95%; padding: .4em; border-color: silver; }
fieldset { padding:0; border:0; margin-top:25px; }
h1 { font-size: 1.2em; margin: .6em 0; }
.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }

/* oveeride theme button aligment in dialogs, fixes broken ordering of ok/cancel buttons in dialogs */
.ui-dialog-buttonpane {text-align: right !important}
.ui-dialog .ui-dialog-buttonpane button{ float: none !important}


.fom_ui_list_item {
    text-align:center; padding: 5px;
    border-color: orange;
    border-size:1px;
    border-style: solid;
    margin-top: 1px;
    -webkit-border-radius: 12px; /* Safari, Chrome */
    -khtml-border-radius: 12px;    /* Konqueror */
    -moz-border-radius: 12px; /* Firefox */
    border-radius: 12px;
    
    
    box-shadow: 0 1px 2px rgba(0,0,0,0.5); 
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,.2), rgba(150,150,150,.2), rgba(0,0,0,.0));
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.2)), color-stop(0.5, rgba(150,150,150,.2)), to(rgba(0,0,0,.0)));
  
    
}

.fom_ui_list_items {width: 99%; height: 99%;  overflow: auto;}
.fom_ui_list_item:hover { background-color: #89CFF0; } /* babyblue */
.fom_ui_list_item_selected { background-color:orange;}

.fom_ui_json_data > .fom_ui_json_container:nth-child(even) > .fom_ui_json_value_document,
.fom_ui_json_data > .fom_ui_json_container:nth-child(even) > .fom_ui_json_value_oid
{
    background-color: #CFCFCF; /*lightblue;#B0B0B0*/
}

.fom_ui_json_toggle {
    display: inline-block;
    width:12px;
    cursor: default;

    /*padding-left: 5px;
    padding-right: 5px;*/
    text-align:center;
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-color: #89CFF0; /* baby-blue */
    margin-right: 4px;

    -webkit-border-radius: 5px; /* Safari, Chrome */
    -khtml-border-radius: 5px;    /* Konqueror */
    -moz-border-radius: 5px; /* Firefox */
    border-radius: 5px;

}

.fom_ui_json_value_oid,
.fom_ui_json_key, 
.fom_ui_json_value_string, 
.fom_ui_json_value_number, 
.fom_ui_json_value_boolean, 
.fom_ui_json_value_date, 
.fom_ui_json_value_oid,
.fom_ui_json_value_missing
{
    display: inline;
    /*background-color: white;*/
    -webkit-border-radius: 12px; /* Safari, Chrome */
    -khtml-border-radius: 12px;    /* Konqueror */
    -moz-border-radius: 12px; /* Firefox */
    border-radius: 12px;
}

.fom_ui_json_key {  font-weight: bold;}


.fom_ui_json_value_missing { background-color: yellow; }
.fom_ui_json_id {}
.fom_ui_json_key {}
.fom_ui_json_value_string { color:#3e9300 ;}
.fom_ui_json_value_number { color: #0066B3; }
.fom_ui_json_value_boolean { color: #990099;}
.fom_ui_json_value_date { color: #930000; }
.fom_ui_json_value_regex, .fom_ui_json_value_binary { display: inline; }

.fom_ui_json_value_dict {
    margin-left:20px;
    /*background-color: white;*/
/*    border-style: solid;
    border-width: 1px;
    border-color: gray;*/
    -webkit-border-radius: 12px; /* Safari, Chrome */
    -khtml-border-radius: 12px;    /* Konqueror */
    -moz-border-radius: 12px; /* Firefox */
    border-radius: 12px;

}
.fom_ui_json_value_array, 
.fom_ui_json_value_dict_content{
    margin-left:20px;
}

.fom_ui_json_value_document {
    margin-left:20px;
    /*background-color: white;*/
    border-style: solid;
    border-width: 1px;
    border-color: navy;
    padding: 5px;
    -webkit-border-radius: 12px; /* Safari, Chrome */
    -khtml-border-radius: 12px;    /* Konqueror */
    -moz-border-radius: 12px; /* Firefox */
    border-radius: 12px;
    font-size: 10pt;
}

#mongo_ui_header {
    color: white;
    background-color: orange;
    font-size: 20pt;
    font-weight: bold;
    -webkit-border-radius: 12px; /* Safari, Chrome */
    -khtml-border-radius: 12px;    /* Konqueror */
    -moz-border-radius: 12px; /* Firefox */
    border-radius: 12px;
    padding-left: 10px;
    text-shadow: #6374AB 2px -2px 2px;

    box-shadow: 0 1px 2px rgba(0,0,0,0.5); 
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,.2), rgba(150,150,150,.2), rgba(0,0,0,.0));
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.2)), color-stop(0.5, rgba(150,150,150,.2)), to(rgba(0,0,0,.0)));
    
}
#mongo_ui_header_tools > div { display: inline; font-size: 10pt; color: white; background-color: darkorange; }
#mongo_ui_header_tools > div :hover { color: red; font-size: 30pt; } 
#mongo_ui_header_db_info { font-size: 10pt;}
#fom_console_input { width: 80%;}

#fom_dialog_db > div, #fom_dialog_coll > div  { font-size: 12pt; border: 4px; padding: 8px;}
#fom_dialog_db > div :hover, #fom_dialog_coll > div :hover { background-color:orange; }

#mongo_logo {position: absolute; left: 80%; top:90%; border-style: none;}
#mongo_logo img {border-style: none;}


/* jquery autocomplete widget*/
    .ui-button-icon-only .ui-button-text { padding: 0.35em; } 
    .ui-autocomplete-input { padding: 0.48em 0 0.47em 0.45em; }
/**/
