LiDa_Search/css/custom_4.css

/* custom.css   */ 

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


html,
body {
  height: 100%;
  background-color: #eaeae6 !important;
  font-family: 'Humanist-777', 'Roboto';
}

body {
  padding-top: 63px;
}

.menuNavigazione {
  width: 15%;
}

.minimap {
  width: 110px;
  height: 700px;
}

.menuRicerca {
  width: 30%;
}

.visCanto {
  height: 500px;
}

.visInfo {
  height: 200px;
}
 
 .custom-control-input:focus~.custom-control-label::before {
  border-color: #00968e !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 150, 142, 0.25) !important;
}

.custom-control-input:checked~.custom-control-label::before {
  border-color: #00968e !important;
  background-color: #00968e !important;
}

.custom-control-input:active~.custom-control-label::before {
  background-color: #00968e !important;
  border-color: #00968e !important;
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
  border-color: #00968e !important;
}

.custom-control-input-green:not(:disabled):active~.custom-control-label::before {
  background-color: #00968e !important;
  border-color: #00968e !important;
}
 
.badge-outline-info {
	padding: .1rem .15rem;
	margin-left: .15rem;
	margin-right: .2rem;
	font-weight: 300;
	vertical-align: super;
    color: #3da5f4;
    border: 1px solid #3da5f4;
}

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

.navig-canto:hover {
  font-weight: 800;
  color: #007bff !important;
  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 .ui-selecting { background: #4abd8c; }
.ui-selectable .ui-selected { background: #DEE2E6; color: #4abd8c !important; }
.ui-selectable { list-style-type: none; margin: 0; padding: 0; }
 
.selCanti {
	border:6px solid #f8f9fa;
	border-collapse:collapse;
	padding:0px;
}

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

/* 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
   lida3 #4abd8c
   lida4 #00968e
   lida5 #106e7c
   lida8 #fab37f
   lida9 #f1924e

spinner howto:   
  gifsicle --change-color 204,232,159 250,179,127 ajax-loader.gif > 1.gif
  gifsicle --change-color 224,128,192 241,146,78 1.gif > 2.gif
  gifsicle --change-color 127,127,127 0,150,142 2.gif > 3.gif
  gifsicle --change-color 127,204,255 16,110,124 3.gif > 4.gif
  gifsicle --change-color 224,255,128 74,189,140 4.gif > lida-loader.gif
   
*/


/*------------------------------------
- COLOR lida4 #00968e
------------------------------------*/
.alert-lida4 {
    color: #001b1a;
    background-color: #62fff6;
    border-color: #4efff5;
}

.alert-lida4 hr {
    border-top-color: #35fff4;
}

.alert-lida4 .alert-link {
    color: #000000;
}

.badge-lida4 {
    color: #fff;
    background-color: #00968e;
}

.badge-lida4[href]:hover, .badge-lida4[href]:focus {
    color: #fff;
    background-color: #00625d;
}

.bg-lida4 {
    background-color: #00968e !important;
}

a.bg-lida4:hover, a.bg-lida4:focus,
button.bg-lida4:hover,
button.bg-lida4:focus {
    background-color: #00625d !important;
}

.border-lida4 {
    border-color: #00968e !important;
}

.btn-lida4 {
    color: #fff;
    background-color: #00968e;
    border-color: #00968e;
}

.btn-lida4:hover {
    color: #fff;
    background-color: #00726c;
    border-color: #00625d;
}

.btn-lida4:focus, .btn-lida4.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 150, 142, 0.5);
}

.btn-lida4.disabled, .btn-lida4:disabled {
    color: #fff;
    background-color: #00968e;
    border-color: #00968e;
}

.btn-lida4:not(:disabled):not(.disabled):active, .btn-lida4:not(:disabled):not(.disabled).active, .show > .btn-lida4.dropdown-toggle {
    color: #fff;
    background-color: #00625d;
    border-color: #00534f;
}

.btn-lida4:not(:disabled):not(.disabled):active:focus, .btn-lida4:not(:disabled):not(.disabled).active:focus, .show > .btn-lida4.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 150, 142, 0.5);
}

.btn-outline-lida4 {
    color: #00968e;
    background-color: transparent;
    border-color: #00968e;
}

.btn-outline-lida4:hover {
    color: #fff;
    background-color: #00968e;
    border-color: #00968e;
}

.btn-outline-lida4:focus, .btn-outline-lida4.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 150, 142, 0.5);
}

.btn-outline-lida4.disabled, .btn-outline-lida4:disabled {
    color: #00968e;
    background-color: transparent;
}

.btn-outline-lida4:not(:disabled):not(.disabled):active, .btn-outline-lida4:not(:disabled):not(.disabled).active, .show > .btn-outline-lida4.dropdown-toggle {
    color: #fff;
    background-color: #00968e;
    border-color: #00968e;
}

.btn-outline-lida4:not(:disabled):not(.disabled):active:focus, .btn-outline-lida4:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-lida4.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 150, 142, 0.5);
}

.list-group-item-lida4 {
    color: #001b1a;
    background-color: #4efff5;
}

.list-group-item-lida4.list-group-item-action:hover, .list-group-item-lida4.list-group-item-action:focus {
    color: #001b1a;
    background-color: #35fff4;
}

.list-group-item-lida4.list-group-item-action.active {
    color: #fff;
    background-color: #001b1a;
    border-color: #001b1a;
}

.table-lida4,
.table-lida4 > th,
.table-lida4 > td {
    background-color: #4efff5;
}

.table-hover .table-lida4:hover {
    background-color: #35fff4;
}

.table-hover .table-lida4:hover > td,
.table-hover .table-lida4:hover > th {
    background-color: #35fff4;
}

.text-lida4 {
    color: #00968e !important;
}

a.text-lida4:hover, a.text-lida4:focus {
    color: #00625d !important;
}


/*------------------------------------
- Elements only
#f8f9fa! important;
#eaeae6 !important;
------------------------------------*/
.text-lida10 {
    color: #ccfb8c !important;
}

.text-lida11 {
    color: #fbf28c !important;
}


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

.bg-lida10g {
    background-color: #b6daca !important;
}

.bg-lida11 {
    background-color: #fef0e5 !important;
}

.bg-lida-vis {
    background-color: #f8f9fa! important;
}