LiDa_Search/css/custom1_4.2.css

@charset "UTF-8";
/* custom.css   */ 


@font-face {
  font-family: Humanist-777;
  src: url(../fonts/Humanist-777-Font.otf);
}

@font-face {
  font-family: Bracciolini;
  src: url(../fonts/LDR_Bracciolini.otf);
}
 
html,
body {
  height: 100%;
  font-family: 'Humanist-777', 'Roboto';
}

.tableMain {
	height: 95%;
	min-height: 600px;
}

.distanziatore {
	height: 63px; 
	overflow:hidden;	
}

.menuNavigazione {
  width: 15%;
}

#colVisualizza {
	max-height: 95%;
	min-height: 600px;
}

.tableVis {
	border-left-width: 2px !important;
	border-bottom-width: 2px !important;
}

#colMinimap {
	padding-top: 63px;
	min-height: 600px;
	min-width: 110px !important;
	width: 110px !important;
	border-right-width: 2px !important;
	border-bottom-width: 2px !important;
}

.menuRicerca {
	width: 30%;
	min-width: 370px !important;
}

#displaycantoWrapper {
	display: d-flex;
	overflow-y: scroll;
	box-sizing: border-box; width: calc(100% + 17px);
}

.visInfo {
	padding-top: 4px;
}

#displayinfo {
	overflow: auto !important;
}

.doubleborder {
	z-index: 90;
	border-bottom-width: 8px !important;
	border-bottom-style: double !important;
}

.badge-outline-info {
	padding: .1rem .15rem;
	margin-left: .15rem;
	margin-right: .2rem;
	font-weight: 300;
	vertical-align: super;
	border: 1px solid;
}

.borderRadiusZero {
	border-radius: 0 !important;
}

.leftBorderRadiusZero {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.lista-risultati:hover {
	font-weight: 900;
	cursor: pointer;
}

.navig-canto .sel-canto {
	line-height: 1.2em;
}

.navig-canto:hover {
	font-weight: 800;
	cursor: pointer;
}

.ui-icon.inline { 
	display:inline-block; 
}​

.ui-state-disabled-opacity-1 {
	opacity: 1 !important;
}

.ui-state-disabled-opacity-06 {
	opacity: 0.6 !important;
}

.ui-selectable {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
 
#queryText {
	width: 150px;
	border-width: 2px !important;
}


/*
Minimap
*/

.minimap__container {
	/*position: fixed;*/
	/*top: 160px;*/
	/*left: 600px;*/
	min-width: 20px;
	z-index: 100;
}

.minimap__size {
	position: relative;
	z-index: 5;
}

.minimap__viewer {
	width: 70px;
	position:absolute;
	top: 2px;
	left: 1px;
	transform-origin: 0 0;
	z-index: 100;
	border: 2px solid;
}

.minimap__content {
	position:absolute;
	top: 63;	
	left: 0;	
	width:100%;	
	height: 100%;	
	z-index: 10;	
	transform-origin: 0 0;
	margin: 4px 0px 0px 4px;
	border-style: none;	
}


/*
Ex browsingldc.css
*/

.blog-main{
 	font-size: 18px;
 	font-family: "Bracciolini", "Spectral", -apple-system, BlinkMacSystemFont, “Helvetica Neue”,
    “Segoe UI”, “Roboto”, “Oxygen”, “Ubuntu”, “Cantarell”, “Fira Sans”, “Droid Sans”, sans-serif;
}

.synt__info{
 	font-size: 12px;
 	font-weight: normal;
 	font-style: italic;
 	font-family: Palatino;
 	letter-spacing:0.5px;
}
.synt__categ{
   	    font-size: 10px;
   	    font-weight: normal;
   	    font-family: Palatino;
   	    letter-spacing:0.5px;
      }
.numverso {
	font-size: 12px;
 	font-family: 'Humanist-777', 'Roboto';
}

/* on mouseOver classes */

.Nik_dropdown {
	position: relative;
	display: inline-block;
}


.Nik_dropdown-content {
	max-width: 170px;
	min-width: 70px;
	padding: 0px 0px;
	font-size: 12px;
	z-index: 100;
}

.Nik_dropdown:hover .Nik_dropdown-content {
	display: block;
}

cite.elencoris {
	line-height: 2.5;
}

.canto {
	-webkit-user-select: none;
	user-select: none;
}

.itemelenco {
	-webkit-user-select: none;
	user-select: none;
}

.ttContent {
	padding: 5px 5px 0px 5px;
}
li::marker {
   font-size: 12px;
   font-family: 'Humanist-777', 'Roboto';
   white-space: nowrap;
 }

/* ------- customize colors -------- */   

/* LINK utili:
	https://lingtalfi.com/bootstrap4-color-generator 
	https://colordesigner.io/gradient-generator/?mode=lch#fafa6e-2A4858
	https://colordesigner.io/#004056-2C858D-74CEB7-C9FFD5-FFFFCB
	https://colordesigner.io/#fab37f-f1924e-4abd8c-00968e-106e7c
	https://bootstrap.build/app
*/
/*
- lida1:

	$primary	rgb(95, 142, 194)	#5f8ec2
	$secondary	$gray-600			#6c757d
	$success	rgb(117, 159, 154)	#759F9A
	$info							#935fc2
	$warning	rgb(229, 194, 105)	#E5C269		#eace87
	$danger							#9f757a

	$text-muted	$gray-700		#495057	
------------------------------------*/


/* ------- #cbcbc0, #e7d4bf , #d9c8ca -------- */
.navbar {
	background-image: linear-gradient(to right, #e7d4bf , #d9c8ca);
	border-bottom-width: 2px !important;
	border-bottom-color: #cbcbc0 !important;
}

.doubleborder {
	border-bottom-color: #cbcbc0 !important;
}


/* ------- $primary #5f8ec2 -------- */

.badge-outline-info {
    color: #5f8ec2;
    border-color: #5f8ec2;
}
.navig-canto:hover {
	color: #5f8ec2 !important;
}

.minimap__viewer {
	border-color: #5f8ec2;
}

/* ------- $success	rgb(117, 159, 154) / #759F9A , #DEE2E6 -------- */

.custom-control-input:active~.custom-control-label::before {
	background-color: rgba(117, 159, 154, 0.5) !important;
	border-color: rgba(117, 159, 154, 0.5) !important;
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
	border-color: rgb(117, 159, 154)  !important;
}
.custom-control-input:checked~.custom-control-label::before {
	border-color: rgb(117, 159, 154) !important;
	background-color: rgb(117, 159, 154) !important;
}
.ui-selectable .ui-selecting {
	background: #759F9A;
}
.ui-selectable .ui-selected {
	background: #DEE2E6;
	color: #759F9A !important;
}


/* ------- $warning #eace87 -------- */

.mark {
	background-color: #eace87 !important;
}


/* ------- #985949 -------- */

#displaycanto span:hover {
	color: #985949;
}
.ttContent {
	color: #985949;
}


/* ------- #5b352c -------- */

cite.elencoris {
	color: #5b352c;
}


/* ------- #1E90FF -------- */

.Nik_dropdown-content {
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	color: #1E90FF; 
}


/* ricerca avanzata */

.bg-lida10 {
    background-color: #c8d9d7 !important;
}

/* clausola */
.bg-lida11 {
	background-color: #e3eceb !important;
}

/* AND */
.bg-lida12 {
    background-color: #faf3e1 !important;
}

/* OR */
.bg-lida13 {
    background-color: #ece3e4 !important;
}


/* visualizza e minimap */
.bg-lida-vis, #displayminimap {
    background-color: #fefeff! important;
}

/* body */
.body-vis {
    background-color: #fcfaf7! important;
    padding-top: 0px;
}

.citazioneFrase {
	color: #734450;
 	font-style: italic;
 	font-family: Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif;
	position: relative;
    left: 220px;
    top: -5px;
    line-height: 0.5em;
    font-size: small
}
.comandi {
	position: relative;
    top: -20px;
}