Progetto_2023-OVI/site2/css/mystyle.css

#lauchSearch{
  margin:auto;
}

#title {
  padding:5% 0;
}

.searchBar {
  padding: 5% 0;

}

#logo {
  width:100px;
  height:auto;
}

.choose_param {
  margin-bottom: 2%;
}

.barraDiRicerca {
  width:70%;
}

#cooccorrenze {
  margin-left: 5px;
}

#cooccorrenze_options {
  text-align: center;
  margin-top: 2%;
  padding: 0% 15%;
}

#add_cc {
  border: 1px solid grey;
  padding: 5px;
}
#result {
  margin:3%;
  font-size: 12px;
}

#result .row {
  padding: 1%;
}

#result .row:nth-child(even){
  background-color: #fff;
}

#result .row:nth-child(odd){
  background-color: #efefef;
}

#first_row {
  font-weight: bold;
}

.highlight {
  color: red;
  font-weight: bold;
}

#single-context-box {
  margin-top: 3%;
}

.box {
  border: 1px solid black;
  padding: 1% 3%;
}

#context-title {
  font-weight: bold;
}

.page:not(#pag_1) {
  display: none;
}

 /*Loader*/
 .loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  margin-left: auto;
  margin-right: auto;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

footer {
  margin-top: 150px;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}

footer img {
  height: 80px;
  width: auto;
}


/* The container must be positioned relative: */
.custom-select {
    position: relative;
    font-family: Arial;
  }
  
  .custom-select select {
    display: none; /*hide original SELECT element: */
  }
  
  .select-selected {
    background-color: DodgerBlue;
  }
  
  /* Style the arrow inside the select element: */
  .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
  }
  
  /* Point the arrow upwards when the select box is open (active): */
  .select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
  }
  
  /* style the items (options), including the selected item: */
  .select-items div,.select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
  }
  
  /* Style items (options): */
  .select-items {
    position: absolute;
    background-color: DodgerBlue;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
  }
  
  /* Hide the items when the select box is closed: */
  .select-hide {
    display: none;
  }
  
  .select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .italic {
    font-style: italic;
}

.bold {
    font-weight: bold;
}

.underline {
    text-decoration-line: underline;
}

.linethrough {
    text-decoration-line: line-through;
}

/* Ugly workaround */
.underlinethrough {
    text-decoration-line: underline line-through;
}