#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; }