/*IPS REPO CSS*/
/* html {overflow-y:scroll;} */
body {
    color: black;
    background-color: white;
    margin:0;
}
iframe {
    border-width: 2px 0px 0px 0px;
    border-style: solid;
    border-color:  #074b8c;
    padding: 0px 0px 0px 5px;
}
div.top {
    width: 85%;
    height: 200%;
    margin: auto;
    margin-bottom: 5px;
    /*background-color: #ececec;*/
}
div.form {
    float: left;
    width: 20%; 
    padding: 10px;
}
div.form select.searchform {
    width:100%;
}
div.content {
    float:left;
    width:90%;
    padding-top:2px;
    padding-right:10px;
}
div.center {
    width: 85%;
    margin: auto;
    display: flex; 
    justify-content: space-between;
    height: 70vh;
}
div.bottom {
    width: 85%;
    height: 20vh;
    padding: 2px;
    margin: auto;
}
div.danger {
    background-color: #f8d7da; 
    border: 2px solid #f5c6cb; 
    color:#721c24; 
    border-radius:3px; 
    padding: 1px;
}
div.warning {
    background-color: #fff3cd; 
    border: 2px solid #ffeeba; 
    color:#856404; 
    border-radius:3px; 
    padding: 1px;
}
div.success {
    background-color: #d4edda; 
    border: 2px solid #c3e6cb; 
    color:#155724; 
    border-radius: 3px; 
    padding: 1px;
}
a {
    font-weight: 700;
    color: #0080aa
}
a img.head {
    border: none
}
a.navi {
    text-decoration: none;
    color:#484AD3;
}
a.button {
    background-color: #074b8c;
    border: none;
    color: #fff;
    padding: 20px 34px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 2px 2px;
    cursor: pointer;
}
h1#main_header{
  text-align: center;
  background-color: #074b8c;
  color: #fff;
}
h1,h2,h3,h4,h5,h6 {
    font-family: Arial;
    font-weight: normal;
    font-style: normal;
    color:#0080aa; 
    text-align:justify
}
h1 {font-size: 18pt;
    font-weight: 700;
  }
h2 {font-size: 16pt;
    font-weight: 700;
  }
h3 {font-size: 14pt}
h4 {font-size: 12pt}
p.popup {
    font-size: 18pt;
    color: red
}
p {
    font-size: 10pt;
    font-family: Arial;
    text-align: justify
}
b {
    font-size: 10pt;
    color: black;
    font-family: Arial;
    text-align: justify}
li {
    font-size: 10pt;
    color: black;
    font-family: Arial;
    text-align: justify}
majli {
    font-size: 10pt;
    color:#484AD3;
    font-family: Arial;
    text-align: justify
}
myr {font-size: 8pt;
    color: red;
    font-family: Arial;
    text-align: justify
}
lit {
    font-size: 8pt;
    color:#993333;
    font-family: Arial;
    text-align: justify
}
hr{
  width: 85%;
  margin: 2px auto auto auto;
}
/* ul.navi {list-style-type: none;margin:0;padding-left:4px;background-color:#B4B6FF} */

ul.navi {
    list-style-type: none;
    margin: 0;
    padding-left: 0px
}
li.navi > ul.navi {
    list-style-type: none;
    margin:4px;
    padding-left:4px} /* does not work with Firefox (CSS2) */
li.navi {list-style-type: none;font-family:Arial;font-weight:bold;font-style:normal;color:#484AD3;text-align:justify;font-size:10pt;padding:2px;border: 1px solid #B4B6FF}
li.navi:hover {color:#686AF3}

/*Menu*/
div.menu {
    float: left;
    width: 10%;
    min-width: 100px;
    margin: 2px 0px -2px 0px; 
    background-color: #ececec;
    /*border: 2px solid #d5d5d5;*/
}

a.menulink{
    border-left: 5px solid #074b8c;
    padding: 2px;
    display: inline-block;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    transition: width .5s linear;
    
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
}
a.menulink:hover{
  color: white;
}
ul.menulist{
  margin: 0;
  list-style: none;
  padding: 2px 0px 0px 0px;
}

ul.menulist li:hover{
  background: #0a70d1;
}

h2.menuheading{
    margin: 0;
    padding: 20px 10px;
    border-left: 5px solid #074b8c;
    border-top: 2px solid #074b8c;
}

/*Collection Tab*/
a.selected{
  background-color: #0c2f51;
  color: #fff;
}
ul.collection_sublist {
  list-style-type: none;
  padding: 0 5px;
  display: none;
}
ul.sublist {
  list-style-type: none;
  padding: 0 5px;
}
ul.hidden{
  display: none;
}
.corpus_label{
  font-weight:700;
}
.checkbox_toggle:checked + ul.collection_sublist{
  display: block;
}
.collection_sublist_label{
    font-weight: 700;
    cursor: pointer;
    text-decoration: underline;
}
.collection_sublist_label:hover{
  background: #0a70d1;
  color: #fff;
}
.hidden{
  opacity: 0;
}

/*Search Form*/
.formcontainer{
  display: block;
}
.search_remarks{
  display: inline-block;
}
.search_remarks > ul {
  padding-right: 4vw;
}
#search_submit{
  background-color: #074b8c;
  border: none;
  color: #fff;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  margin: 4px 2px;
  cursor: pointer;
  
}

/*Privacy Policy*/
.linkalike{
  cursor: pointer;
  color: blue;
  text-decoration: underline;
  text-decoration-color: blue;
  font: arial;
}


/*Cookie Notice*/
#cookie_bg{
  background: #000;
  height: 100%;
  width: 100%;
  opacity: 90%;
  position: fixed;
  z-index: 2;
  top:0;
  left:0;
  overflow-x: hidden;
}

#cookie_container {
  border: 3px solid #074b8c;
  border-radius: 10px;
  padding: 4px;
  width: 50%;
  left: 25%;
  top: 50%;
  display: grid;
  z-index: 3;
  position: absolute;
  background: #FFF;
}

.cookie_text {
  grid-row: 1;
  line-height: 1.5em;
  font-family: Helvetica,sans-serif;
}
.cookie_text p{
 font-size: 1.1em;
 color: #444;
}
  
.cookie_decline {
  justify-self: start;
  grid-row: 2;
}

.cookie_accept {
  grid-row: 2;
}

/*Disclaimer*/
div.disclaimer{
  padding-bottom:10px;
}
/*Corpora List loading indicator*/
#loadingMessage{
  text-align: center;
  padding-top: 2vh;
}

.loadingDiv{
  opacity: 0.4;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: black;
}

.loader {
    position: fixed;
    top: 45%;
    left: 45%;
    margin: auto;
    border: 20px solid white;
    border-radius: 50%;
    border-top: 20px solid #074b8c;
    width: 100px;
    height: 100px;
    animation: spin 4s linear infinite;
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }