@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: 98%;
	min-height: 600px;
}

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

.menuNavigazione {
  width: 15%;
}

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

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

#colMinimap {
	padding-top: 63px;
	min-height: 600px;
	min-width: 111px !important;
	width: 111px !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);
}

.visInfo2 {
	padding-top: 4px;
}

#displayinfo, #displaynote {
	overflow: auto !important;
}

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

.badge-outline-info, .badge-outline-warning {
	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, .citazioneFrase:hover {
	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;	
}

.filler {
    width: 100%;
    position: relative;
}

.filler img {
    position: absolute; top: 0; left: 0;
    width: 100%;
    height: 100%;
}


/*
Ex browsingldc.css
*/

.blog-main{
 	font-size: 18px;
 	font-family: Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif;
}

.blog-main-16{
 	font-size: 16px;
 	font-family: Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif;
}

.synt__info{
 	font-size: 12px;
 	font-weight: normal;
 	font-style: italic;
 	font-family: Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif;
 	letter-spacing: 0.5px;
}

.synt__categ{
   	    font-size: 10px;
   	    font-weight: normal;
   	    font-family: Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif;
   	    letter-spacing: 0.4px;
}
      
.numverso {
	font-size: 12px;
 	font-family: 'Humanist-777', 'Roboto';
}

.espandiFrase:not(.disabled), .riduciFrase:not(.disabled) {
	font-size: 10px;
 	font-family: 'Humanist-777', 'Roboto';
	border: 2px  solid;
	cursor: pointer;
}

.espandiFrase.disabled, .riduciFrase.disabled {
	font-size: 10px;
 	font-family: 'Humanist-777', 'Roboto';
	cursor: default;
}

.citazioneFrase {
 	font-style: italic;
 	font-family: Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif;
    line-height: 0.5em;
    font-size:  16px;
}

.btn-outline-secondary.focus, .btn-outline-secondary:focus {
    outline: none !important;
	box-shadow: none;
}


/* 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;
 }

.btn-outline-warning-mod {
	border-color: rgba(0,0,0,.125)!important;
}

.btn-outline-warning-mod:hover {
	background-color: #dae0e5!important;
}

/*------------------------------------
- spinner-indicator
------------------------------------*/

.modal-busy {
    position: fixed;
    z-index: 1030;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}
.center-busy {
    z-index: 1040;
    margin: 300px auto;
    padding: 0px;
    width: 130px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}
.center-busy img {
    height: 128px;
    width: 128px;
}


/* ------- 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	

- lida2:
	$primary						#734450
	$secondary	$gray-600			#b8a387		-
	$success	rgb(65, 93, 67)		#054a29	#415d43
	$info							#55327d
	$warning						#325a7d
	$danger							#7d325a

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


/* ------- #cbcbc0 -------- */
.navbar {
	background-color: rgb(246, 247, 245) !important;
	/* 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 #734450 -------- */

.badge-outline-info {
    color: #734450;
    border-color: #734450;
}
.badge-outline-warning {
    color: #325a7d;
    border-color: #325a7d;
}
.navig-canto:hover, .citazioneFrase:hover {
	color: #734450 !important;
}

.minimap__viewer {
/* 	border-color: #734450; */
	border-color: rgba(222, 226, 230, 1);
	background-color: rgba(222, 226, 230, 0.5);
}

/* ------- $success	rgb(65, 93, 67) / #415d43 , #DEE2E6 -------- */

.custom-control-input:active~.custom-control-label::before {
	background-color: rgba(65, 93, 67, 0.5) !important;
	border-color: rgba(65, 93, 67, 0.5) !important;
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
	border-color: rgb(65, 93, 67)  !important;
}
.custom-control-input:checked~.custom-control-label::before {
	border-color: rgb(65, 93, 67) !important;
	background-color: rgb(65, 93, 67) !important;
}

.ui-selectable .ui-selecting .suxess  {
	background: #054a29;
}

.ui-selectable .ui-selected .suxess  {
	background: #DEE2E6;
	color: #054a29 !important;
}

.ui-selectable .ui-selecting:not(.suxess)  {
	background: #787675;
}

.ui-selectable .ui-selected:not(.suxess)  {
	background: #DEE2E6;
	color: #787675 !important;
}

.form-control:not(.border-secondary):not(.btn-outline-secondary):focus, input[type=text]:not(.border-secondary):not(.btn-outline-secondary):focus {
    border-color: rgba(65, 93, 67) !important;
    box-shadow: 0 0 0 0.2rem rgba(65,93,67,.5);
}

/* ------- mark #a996a0 -------- */

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


/* ------- $danger #7d325a -------- */

#displaycanto span:hover:not(.sentencetag) {
	color: #7d325a;
}
.ttContent {
	color: #7d325a;
}


/* ------- era #c6b59f -------- */

.citazioneFrase {
	color: #9d815d;
}


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

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


/* ricerca semplice */

.bg-lida08 {
    background-color:  #adaaa7 !important; 
}

/* ricerca avanzata */

.bg-lida10-old {
    background-color: #8dac91 !important; 
}
.bg-lida10 {
    background-color: #bbcdbd !important;
}
.bg-lida10n {
    background-color: #a1acb6 !important; 
}

.bg-lida10-mix {
    background-color: #e4e5dd !important;
}
.bg-lida10-mix-old {
    background-color: #e0e2d9 !important;
}

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

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

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


/* visualizza e minimap */
.bg-lida-vis, #displayminimap, .claCollBtn, .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    background-color: #f8f9fa! important;
}

/* body #dae0e5 */

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

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

.custom-select-sm.bg-light:hover, .custom-select-sm.bg-lida12:hover, .custom-select-sm.bg-lida13:hover, .custom-select.bg-light:hover, .custom-select.bg-lida12:hover, .custom-select.bg-lida13:hover {
    background-color: #e9ecef!important;
    cursor: pointer;
}

.iconClClass.removeCond:hover, .removeCla:hover {
    background-color: rgba(0,0,0,.125)!important;
    cursor: pointer;
}

.curPoint:hover {
    cursor: pointer;
}

.ui-icon-arrowthick-2-n-s:hover {
	cursor: move;
}

.removeCond, .NOremoveCond {
    border-color: rgba(0,0,0,.125)! important;
}

.noteCardGroup {
    background-color: #cfdeec! important;
}

.structCardGroup {
    background-color: #cfdeec! important;
}

/* Dialoghi */

.qdiaDiretto {
 	font-weight: bold;
 	color: #ce4f46;
}

.qdiaPensato {
 	font-weight: bold;
 	color: #ce9346;
}

.qdiaSpeakable {
 	font-weight: bold;
 	color: #c5ce46;
}

.diaDiretto {
 	font-weight: bold;
 	color: #bb6258;
}

.diaPensato {
 	font-weight: bold;
 	color: #bb9358;
}

.diaSpeakable {
 	font-weight: bold;
 	color: #977356;
}