button:focus:not(.focus-visible) {
   outline: 0;
}

input {
   border: none; /* <-- This thing here */
   border:solid 1px #ccc;
   border-radius: 0;
}
.env-form-input {
   border-radius: 0;
}

.env-button, .env-badge {
   border-radius: 0;
}

.search-rhj{
   display: flex;
}



.search-rhj .searchhead{
   display: flex;
}

.search-rhj .searchbody{
   display: flex;
}

.search-rhj .searchbody .main{
   flex: 3 1 0;
}

.search-rhj .searchbody .sidefacette{
   flex: 1 1 0;
}

.sidefacette ul{
   list-style-type: none;
   padding-inline-start: 0;
}

#sidebar {
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   display: table-cell;
   vertical-align: top;
   position: relative;
   background-color: #2c2c2d;
   overflow: hidden;
   color: #a5a5a5;
   width: 220px;
   height: 100vh;
   text-align: center;
}

#sidebar .logo {
   padding: 3em 0;
}

#sidebar .logo img {
   height: 80px;
   cursor: pointer;
}

#sidebar ul {
   border-top: 1px solid darkolivegreen;
   margin-bottom: 260px;
}

#sidebar .env-tabs__link {
   border-radius: 0;
   margin: 0;
   border-bottom: 1px solid darkolivegreen;
   transition: background-color 2s ease, color 2s ease;
}

#sidebar .footer {
   position: absolute;
   bottom: 1em;
   left: 1em;
   color: #ffffff;
}

#sidebar .footer .footer-wrapper{
   margin: 0 auto;
   width: 180px;
}

#sidebar .footer img{
   width: 90px;;
}


#main {
   display: table-cell;
   position: relative;
   /* width: calc( 100vw - 220px ); */
   max-width: 590px ;
   height:100%;
   overflow-wrap: break-word;
}



#main .welcome {
   color: #fff;
   /* background-color: #00ff00; */
   background-color: darkolivegreen;
   padding: 5em;
   margin: 0;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

#main .welcome h1{
   color: #ffffff;
}

#main .logosa {
   padding: 2em 0;
   width: 60px;
   margin: 0 auto;
}

#main .logosa img {
   height:60px;
   width:60px;
}


#main .logo{
   width: 200px;
   height:200px;
}

#main p {
   text-align: left;
}

.env-badge {
   vertical-align: top;
}

.env-list__item {
   padding: 1em 1em 0.6em 1em;
   background-color: #eee;
   margin-bottom: 2px;
   border-radius: 0;
}

.env-list__item_search {
   padding: 1em;
   background-color: #eee;
   margin-bottom: 5px;
}
.env-news-item {
   background-color: #eee;
}

h3.env-text {
   font-size: 1.25em;
}

.env-text-accordion-heading {
   margin:0;
}

.log-list li{
   display:flex;
}

.small-text {
   font-size: .85em;
}

.circle { 
   width: 28px;
   height: 28px;
   background: green; 
   -moz-border-radius: 14px; 
   -webkit-border-radius: 14px; 
   border-radius: 14px;

   color: #ffffff;
   text-align: center;
  
   line-height: 2em;
   box-sizing: content-box; 

   margin-left:7px;

   text-decoration: none;
}

a .circle {
   background: blue; 
}

.synonymsupdate input[data-synonym-key], .synonymsupdate input[data-term]{
   width: calc( ( 100% - 332px ) / 5 ) ;
   margin: 0 3px;
}

.synonymsupdate input[data-synonym-value], .synonymsupdate input[data-value]{
   width: calc( ( ( 100% - 332px ) + 190px ) * 4 / 5  ) ;
   margin: 0 3px;
}

.synonyms button[data-save-term], .synonyms button[data-remove-synonyms], .synonymsupdate button[data-add-synonym]{
   width:160px;
   margin: 0 3px;
}

.synonyms input[data-synonym-key], .synonyms input[data-key]{
   width: calc( ( 100% - 332px ) / 5 ) ;
   margin: 0 3px;
}

.synonyms input[data-synonym-value], .synonyms input[data-value]{
   width: calc( ( 100% - 332px ) * 4 / 5  ) ;
   margin: 0 3px;
}

.synonyms  input, .synonymsupdate  input {  
   border  : none;
   padding : 0 10px;
   margin  : 0;
   width   : 80%;
}

.searchresult .ellipsis {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}



/* LEGACY CSS */
.search-rhj {
   min-height: 400px;
}

.main-body {
   position: relative;
}

.res-amount {
   padding: 10px 0px 0px 10px;
}

.inner-res-body {
   margin: 5px 0px;
   padding: 5px 10px;
}
.inner-res-body p {
   margin: 5px 0px;
}

.res-obj-title {
   color: #000000;
   margin-bottom: 5px;
}
.res-obj-title a, .facettes ul li a, .externwebb ul li a {
   color: #000000;
   text-decoration: none;
}
.res-obj-title a:hover, .facettes ul li a:hover, .externwebb ul li a:hover, .res-obj-title a.active, .facettes ul li a.active, .externwebb ul li a:active{
   border-bottom: 2px solid #000;
}


.res-obj-info {
   color: #575757;
   word-break: break-all;
}

/* .innerbody {
   display:block;
   width: 69%;
   float: left;
} */

#searchfield-rhj {
   width: 49%;
   padding: 8px 10px;
   border: 1px solid #999;
   background-color: #eee;
   outline: none;
   color: #333;
}

.searchfield-rhj-btn {
   width: 20%;
   background-color: #97d700;
   border: 1px solid #ccc;;
   border-radius: 0;
   box-sizing: border-box;
   cursor: pointer;
   padding: 8px 20px;
}

.searchfield-rhj-btn:hover {
   background-color: #68af29;
}

.filter-bar {
   padding: 10px 0;
}

/*hide the radiobuttons that're connected to their labels*/

.filter-bar a {
   color: #000000;
   padding: 5px 10px;
   text-decoration: none;
}

.filter-bar .active {
   color: #000;
   border-bottom: 3px solid black;
   font-weight: bold;
}


.swt-results .headline {
   font-weight: 700;
}

.swt-results a {
   color: inherit;
   font-weight: 400;
   text-decoration: none;
}

.swt-results ul li {
   list-style-type: none;
   line-height: 1.25em;
}

.swt-container, #header-swt-results {
   width: 532px;
   padding: 10px;
   position: absolute;
   top: 355px;
   text-overflow: ellipsis;
   white-space: nowrap;
   background-color: white;
   border: 1px solid black;
   z-index: 1;
}

#swt-results, #header-swt-results {
   white-space: normal;
}

/*pagination*/
/* .pagination {
   clear: both;
   left: 35%;
   position: relative;
} */

.pagination span {
   color: black;
   float: left;
   padding: 8px 16px;
   text-decoration: none;
   transition: background-color .3s;
   border: 1px solid #ddd;
   margin: 0 4px;
}

.pagination span.active {
   background-color: #4CAF50;
   color: white;
   border: 1px solid #4CAF50;
}

.pagination span:hover:not(.active) {
   background-color: #ddd;
}

.sidefacette div ul {
   background-color: #F5F5F5;
   padding: 5px;
   margin-bottom: 15px;
   border: solid 1px #CCCCCC;
}

/* .sidefacette {
   display:block;
   width: 30%;
   float: right;
} */

.swt-results h4 {
   margin-bottom: 0px;
}

.sidefacette ul, .swt-results ul {
   margin: 5px 0 5px 0;
   padding: 0;
}

.sidefacette ul li{
   list-style-type: none;
   padding: 4px 0;
   margin-bottom: 5px;
   line-height: 1.25em;
}

.sidefacette ul li {
   cursor: pointer;
}

.sidefacette ul li:hover {
   background-color: #f1f3f4;
}

button.accordion {
   background-color: #fff;
   border: 1px solid black;
   color: #444;
   cursor: pointer;
   padding: 8px 5px;
   width: 100%;
   text-align: left;
   outline: none;
   font-size: 15px;
   transition: 0.4s;
}

/* For platina results */
button.env-accordion--show, button.accordion:hover {
   background-color: #97d700;
}

div.panel {
   padding: 8px 5px;
   /* display: none; */
   background-color: white;
   border: 1px solid black;
   border-top: none;
}

.hidden {
   display: none;
}

.env-pagination__link.env-is-active {
   background-color:#97d700;
   border: 1px solid #97d700;
   color: #000000;
}

.env-pagination__link:hover {
   background-color: #97d700;
   border: 1px solid #97d700;
   color: #000000;
   z-index: 2;
}


@media (max-width: 600px) {
   .facet_sidebar {
      display: none;
   }

   #searchfield-rhj {
      width: 69%;
   }
}