.container.allBody {
    width: 100%;
    padding-left: 24px;
    _height: 100%; _bottom: 0px;
}

.navbar { font-size: 120%; padding-left: 0px; padding-right: 0px; margin-bottom: 1em; }

a.navbar-brand-logo img {
    margin: 4px 8px 4px 16px;
}


#Onto_list { margin-bottom: 8px; display:flex; _background-color: lightcoral;}
#Onto_list p {
    margin: 4px 16px 8px;
    font-size: 12px;
    font: "Hevetica, san-serif" normal 12px;
    font-weight: bold;
}
/* .container-main{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 20px;
  } */
/* #Onto_list ul {
    _display: grid;
    grid-gap: 0.2rem 2.5rem;
    columns: 2;
    padding: 0px 20px 14px;
    margin-bottom: 6px;
    min-width: 440px;
} */


.nav li a {
    padding-bottom: 2px;
}

.access-menu.download{
    margin-top: 20px;
    width: 720px;
}

#Onto_list_download {
    display: grid;
    /* grid-template-columns: repeat(4, 1fr); */
    grid-gap: 0.8rem 1rem;
    _max-width: 980px;
    padding-bottom: 3rem;
}
.graphURI { font-weight: normal; font-style: italic;}

#Onto_list_download table tr td {
    /* padding: 0.4rem 0 0.4rem 2rem; */
    padding-top: 0.4rem;
}

#Onto_list {
    display: grid;
    grid-gap: 0.2rem 2.5rem;
    padding: 0px 0px 14px 0px;
    margin-bottom: 6px;
    min-width: 440px;
    /* grid-auto-flow: column; */
    grid-template-columns: repeat(4, 1fr);
    /* grid-template-rows: repeat(2, 1fr); */
}

#Onto_list .onto {
    margin-bottom: 12px;
    border: 2px solid rgb(128, 128, 128);
    border-radius: 8px;
    background-color: rgb(240, 240, 240);
    min-width: 510px;
    /* max-width: 660px; */
    display: flex;
    flex-flow: column;
    height: calc(100% - 12px);
}
#Onto_list .onto.dataset {
    background-color: rgb(214, 232, 253);
}
#Onto_list .onto.glossary {
    background-color: rgb(214, 232, 253);
    min-width: 430px;
}

#Onto_list .onto .header {
    padding: 12px 12px 4px 16px;
}

div.logo_main {
    float: right;
    padding: 0px 8px 2px 12px;
}
.logo_main img {
    height: 48px;
}
.onto .header .versionInfo {
    display: inline;
    font-weight: bold;
    font-size: small;
    font-style: italic;
}
#Onto_list div.baseline {
    min-height: 4rem;
    color: rgb(65, 65, 65);
    font-style: italic;
    margin: 10px 0 8px;
    font-size: 12px;
    font-weight: bold;
}
#Onto_list p.adminline {
    /* color: rgb(36, 31, 88); */
    font-size: 12px;
    font-weight: normal;
}

/* .nav li a.onto:hover {
    padding-bottom: 2px;
    background-color: unset;
    color: rgb(44, 93, 240);
    text-decoration: underline;
} */

#detailsButs {
    display: flex;
    width: 100%;
    height: 100%;
}
#detailsButs .buts {
    width: 100%;
    text-align: right;
    margin-right: 0.8em;
}
#detailsButs .buts .bottom {
    display: table;
    height: calc(100% - 22px - 1em);
    width: 100%;
}
#detailsButs .buts .bottom.glossary {
    font-size: 12px;
    padding-bottom: 0.2em;
}

#detailsButs .buts .bottom p {
    display: table-cell;
    vertical-align: bottom;
    line-height: 0.9;
}

#detailsButs .buts .bottom span.publisher {
    font-weight: normal;
    font-style: italic;
    text-decoration: underline;
    margin-bottom: 0.2em;
}
#detailsButs .buts .bottom.glossary p {
    display: table-cell;
    vertical-align: bottom;
    line-height: 1.25;
}

#detailsButs .buts .bottom p img {
    margin-bottom: 0.5em;
}

#detailsButs .buts ul {
    list-style: none;
}

#detailsButs .details {
    min-width: 270px;
}

#Onto_list .onto ul {
    columns: unset;
    padding: 0;
    font-size: 12px;
    font: "Hevetica, san-serif" normal 12px;
    font-weight: normal;
    margin-bottom: 4px;
}
#Onto_list .onto li {
    margin-bottom: 2px;
    border: unset;
    margin-left: 30px;
    /* width: 120px; */
}
#Onto_list .onto li.pack2 {
    list-style: none;
}
#Onto_list .onto li.pack2:before {

    margin-left: 0px;
    padding-right: 4px;
    content: "-";
    _font-family: 'Glyphicons Halflings';
}

.buts .actions button .glyphicon {
    padding: 3px 2px 3px 4px;
}

div#Other_choices { padding-left: 32px; }

#rapprochement #input, #submitBloc { display:flex; }
#rapprochement #relationProperty {
    _padding-right: 1em;
    _height: 2.5em;
    margin-right: 2px;
}

form#rapprochementForm H4 i {
    font-size: 14px;
    vertical-align: top;
}
div.infoBulle {
    display:table-cell;
    vertical-align: top;
    padding-right: 8px;
}

form#rapprochementForm {
    margin: 0.2em 0em 0em;
    background-color: rgb(216, 228, 255);
    border-radius: 0.5em;
    border:0.05em solid rgb(114, 114, 114);
    padding: 0.2em 0.5em;
}

#rapprochement h4, #cmtTitle {
    color: rgb(61, 78, 134);
}

#rapprochement h4 {
    margin: 0.5em 0.2em 0.2em;
    font-size: 140%;
}
div#formZone {
    margin: 0 auto;
    display:table;
    width:100%;
}

div.pad , div.colPad { margin: 8px 10px 4px 0em; display: table-cell; min-width:30%; }
div.entityCell {
    display:table-cell;
    width: 45%;
}
div.propCell {
    display:table-cell;
    width: 10%;
}
select#relationProperty {
    font-size: 110%;
    margin: 0em 1em 0em 1em;
}

div#IRIS { padding-top: 0.5em; padding-left: 2em; }
.entLabel { 
    cursor: default;
    margin: 0.2em 0.5em 0em 0.5em; 
    padding: 0.2em 0.5em; 
    background-color: rgb(252, 209, 161);
    border-radius: 0.5em;
    border:0.05em solid rgb(114, 114, 114);
    font-size: 110%;
    width: 97%;
}
.entIRI { 
    padding: 0.2em 1em; 
    font-size: 90%;
    color: grey;
    margin-bottom: 0.25em;
    min-height: 2em;
}
#rapprochement #submit {
    margin-left: 0em; margin-bottom: 0.25em; margin-right: 1em;
    font-size: 120%;
    _height:100%
}
#cmtBloc {
    width: 100%;
    margin-bottom: 0.25em;
}
#cmtText {
    resize: vertical;
    width: 100%;
    line-height:1.25em;
    min-height:4.0em;
    padding: 0.25em;
    place-content: "qsdfqsdfqsdf";
}

.input:focus {
    border-color: hsl(var(--input-focus-h), var(--input-focus-s), var(--input-focus-l));
    box-shadow: 0 0 0 3px hsla(var(--input-focus-h), var(--input-focus-s), calc(var(--input-focus-l) +
    40%), 0.8);
    transition: 180ms box-shadow ease-in-out;
    outline: 3px solid transparent;
  }

#IRIprop {margin-left: 1em; margin-right: 1em; }

#rapprochement #listing {
    _width: 60em;
    min-height: 16em;
    margin: 0.5em 0em 1em 0em; 
    padding: 0.5em 0.5em; 
    background-color: rgb(245, 245, 245);
    border-radius: 0.5em;
    border:0.1em solid rgb(114, 114, 114);
    font-size: 120%;
    height: 100%;
}
#listing ul {
    list-style: none;
    line-height: 2em;
    padding: 0px;
}

#listing ul li::before {
    content: '✓';
    font-weight: bold;
    padding: 12px;
}

#listing ul li.editing {
    font-weight: bold;
}
#listing ul li.editing::before {
    content: '⇨';
}

/* === BOOTSTRAP-TABLE === */
#table tbody > tr.editing {
    font-weight: bold;
}
#table tbody > tr.editing td li::before {
    content: '⇨';
}
/* === */

#listing ul li {
    background: rgb(245, 245, 245);
}
#listing ul li:nth-child(odd) {
    background: rgb(226, 247, 255);
}

.div-table{        
    display:flex;
    width:100%; 
    _background-color:#eee;         
    _border:1px solid  #666666;         
    _border-spacing:5px;/*cellspacing:poor IE support for  this*/
}

#rapprochement .leftCol{
    width:65%;
    min-width: 720px;
    _background-color:rgb(101, 142, 180);
}
#rapprochement .rightCol{
    margin-left: 10px;
    _background-color:rgb(223, 158, 158);
    display:flex;
}

#rapprochement .rightCol > div {
    margin-left: 12px; 
    margin-right: auto;
    float: right;
}

#forum_RelationTags {
    font-style:italic;
    color: rgb(88, 88, 88);
    margin-right: 0.75em;
}
#forum_RelationTags span {
    font-style:normal;
    font-weight: bold;
}

#submitORGS {
    float:right;
    text-align:right;
}

DIV.butORF {
    float:right;
    text-align:right;
    margin: 10px 6px 56px;
    display:block
}

DIV.butORFxx input {
    color: rgb(241, 45, 110);
    font-weight: bold;
    _float: right;
    margin-bottom: 0.75em;
    display:inline-block;
}

DIV.butORF input {
    color: rgb(45, 45, 241);
    font-weight: bold;
    _float: right;
    margin-bottom: 0.75em;
}

DIV.butORF div {
    color: rgb(45, 45, 241);
    font-weight: bold;
    _float: right;
    margin-bottom: 0.75em;
}

#CreatorStatus {
    margin: 8px 0 0 8px;
    _background-color: aquamarine;
}
#CreatorStatus td {
    width: 1px;
    white-space: nowrap;
}
#CreatorStatus td.propLabel {
    vertical-align: bottom;
    padding:0.6em 0.3em 0 0em;
    font-size: 110%;
    text-align: right;
}
#CreatorStatus td.propValue {
    padding:0.6em 0em 0 0em;
    font-size: 110%;
    width: 97%;
}
#CreatorStatus td.ro {
    font-weight: bold;
    font-style: italic;
    color: #404040;
}
#CreatorStatus td.propValue.ro {
    margin-left: 0.7em;
}

#rapprochement .grid .propValue select {
    margin-top: 0.2em;
    margin-left: 0.7em;
}
.propTagValue{
    margin: 0.2em 0.5em 0em 0.5em; 
    padding: 0.2em 0.5em; 
    _background-color: rgb(252, 209, 161);
    border-radius: 0.3em;
    border:0.05em solid rgb(114, 114, 114);
    font-size: 110%;
    width: 100%;
}
input.propTagValue.url{
    font-size: 90%;
    margin-top: 0.5em
}

.relationMeta{
    font-size: 80%;
    font-style: italic;
    margin-left: 16px;
}

.tools {
    display: flex;
    float: right;
    padding-right: 16px;
}
#lines li .tools div {
    height: 32px;
    width: 32px;
    margin-left: 6px;
    padding: 0 2px 0 2px;
    border: none;
    border-radius: 4px;
    display: inline;
}

#lines li span.tools div:hover {
    transition: 0.3s ease;
    box-shadow: 1px 3px 16px -1px #000;
    border: 2px solid gold;
}
#lines li span.tools div.clipboard {
    background-image: url('/static/media/to_clipboard_32.png');
    background-size: 18px 20px;
    background-repeat: no-repeat;
    background-origin: padding-box;
    background-position: 4px 8px;
}

#lines li span.tools div.edit {
    background-image: url('/static/media/Pencil_34x34.png');
    /* .glyphicon-glyphicon-pencil */
    /* https://freeicons.io/filter/popular/all/ pencil
    https://www.flaticon.com/search?word=pencil&type=icon */
    background-size: 18px 20px;
    background-repeat: no-repeat;
    background-origin: padding-box;
    background-position: 4px 8px;
}

#lines li span.tools div.delete {
    background-image: url('/static/media/icons8-trash-24.png');
    background-size: 18px 22px;
    background-repeat: no-repeat;
    background-origin: padding-box;
    background-position: 4px 6px;
}

/* Old: '/static/media/gitlab-issue-16x16.png' */
/* https://freeicons.io/filter/popular/all/dialog?iuc=1779502621 */
#lines li span.tools div.gitlabIssue {
    background-image: url('/static/media/Dialog_28.png');
    background-size: 18px 22px;
    background-repeat: no-repeat;
    background-origin: padding-box;
    background-position: 4px 6px;
}

/* === */
#rapprochement > div {
    margin-bottom: 2em;
}
/* #rapprochement div .fixed-table-toolbar {
    display: flex;
} */
#toolbar {
    margin: 0 0em 1em 0em;
}
.fixed-table-loading { display: none; }
.fixed-table-header table.table-bordered { display: none; }

.fixed-table-toolbar div.search { margin: 0.2em; }

#table {
    _width: 60em;
    min-height: 16em;
    margin: 0.5em 0em 1em 0em; 
    padding: 0.5em 0.5em; 
    background-color: rgb(245, 245, 245);
    border-radius: 0.5em;
    /* border:0.1em solid rgb(114, 114, 114); */
    font-size: 120%;
    height: 100%;
}
#table tr {
    background: rgb(245, 245, 245);
}
#table tr:nth-child(odd) {
    background: rgb(226, 247, 255);
}

#table thead tr {
    background: rgb(233, 223, 191);
}
#table thead tr:nth-child(odd) {
    background: rgb(233, 223, 191);
}

#table tbody tr  td {
    padding: 2px;
}
.tools div {
    height: 32px;
    width: 32px;
    margin-left: 6px;
    padding: 0 2px 0 2px;
    border: none;
    border-radius: 4px;
    display: inline;
}

span.tools div:hover {
    transition: 0.3s ease;
    box-shadow: 1px 3px 16px -1px #000;
    border: 2px solid gold;
}

span.tools div.clipboard {
    background-image: url('/static/media/to_clipboard_32.png');
    background-size: 18px 20px;
    background-repeat: no-repeat;
    background-origin: padding-box;
    background-position: 4px 8px;
}

span.tools div.edit {
    background-image: url('/static/media/Pencil_34x34.png');
    /* .glyphicon-glyphicon-pencil */
    /* https://freeicons.io/filter/popular/all/ pencil
    https://www.flaticon.com/search?word=pencil&type=icon */
    background-size: 18px 20px;
    background-repeat: no-repeat;
    background-origin: padding-box;
    background-position: 4px 8px;
}

span.tools div.delete {
    background-image: url('/static/media/icons8-trash-24.png');
    background-size: 18px 22px;
    background-repeat: no-repeat;
    background-origin: padding-box;
    background-position: 4px 6px;
}

span.tools div.gitlabIssue {
    background-image: url('/static/media/Dialog_28.png');
    background-size: 18px 22px;
    background-repeat: no-repeat;
    background-origin: padding-box;
    background-position: 4px 6px;
}