.svg{
  display: block;
}
.hide{
  display:none;
}

#bodyContainer {
  padding-left: 0;
  background-color: white;
}

.groupClickableRect {
  fill: transparent;
}
/*------------------------css table works------------------------------*/
/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
tr.hide-table-padding td {
  padding: 0;
}

.expand-button {
    position: relative;
}

.accordion-toggle .expand-button:after
{
  position: absolute;
  left:.75rem;
  top: 50%;
  transform: translate(0, -50%);
  content: '-';
}
.accordion-toggle.collapsed .expand-button:after
{
  content: '+';
}
/* -------------------------------------- */

.selectMSbold{
    font-size: 1em;
    /* text-decoration: underline; */
    cursor:pointer;
}

.selectRow {
  /* background: #F3F0E1; */
  background: #E3ECF7;
}

.searchBar{
    padding:5px;
}
.searchButton{
    max-width: 30px;
}
.searchResult{

}
.divResult{
    width: 100%;
    height: 100%;
    background: #fff;
    /* border-radius: 10px 10px; */
    padding-left:20px;
    padding-bottom:40px;
    padding-top:20px;
    /* border-top:1px solid #aaa */
}
.tab {
  border-bottom:1px solid #aaa !important
}
.tableContent{
    height:100%;
    width:100%;
    overflow: auto;
}


#manualMelodicStructure, #manualMelodicStructureLabel {
  display: none !important;
}
.marginTop30{
  margin-top: 30px !important;
}
#titleSlot{
  width:200px; 
  margin:auto; 
  font-size:30px;
}

#manuscriptsListTable_filter {
  right:10px;
}
#manuscriptsListTable_wrapper, #divWorksListTable, #authorsListTable_wrapper {
  padding-right: 20px;
}

#staves, #id, #ms {
  text-align: center;
}
#title {
  margin-top:30px;
}
#id, #ms {
  text-align: center !important; /* Centers the content inside these elements */
}

#boxStavesContainer {
  padding-left: 0 !important;
}

#staves {
  align-items: center;
}";
.line {
  cursor:pointer;
}
#titleDigitalEditions {
  text-align: center;
  font-size: 30pt;
  padding: 20px;
  /* background: linear-gradient(to right, rgba(133, 44, 28), rgba(172, 70, 35)); */
  color:white;
  color: rgba(0,0,0,0.8);
  color: rgba(133, 44, 28);
  font-family: "Roboto"
}
/* Make table 100% width */
.col-md-12 {
  padding-right:0;
  padding-left: 0;
}
.mainContainer {
  width: 100%;
}


#stavesInfoSlotHeader {
  margin-top: auto;  /* pushes this block to the bottom */
  padding: 10px;
  right: auto;
}
#howToCite{
  cursor: pointer;
  color: rgb(75, 75, 75);
}
#howToCite:hover{
  text-decoration: underline;
}
#full-citation {
  display: none;
  border: 0.5px, solid, gray;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  word-wrap: break-word; /* legacy, widely supported */
  overflow-wrap: break-word; /* modern standard */
  border-radius: 5px;
  font-family: "Times New Romans"
}

.copy-div {
    padding: 10px 15px;
    background-color: #f0f4f8;
    border: 1px solid #ccc;
    max-width: 400px;
    transition: background-color 0.2s, transform 0.1s;
    cursor: pointer;
}

/* hover effect */
.copy-div:hover {
    background-color: #e0ebf7;
    transform: scale(1.02);
}

/* success state */
.copy-div.copied {
    background-color: #c8e6c9;
    border-color: #4caf50;
}
/* tooltip */
.copy-tooltip {
    position: absolute;
    top: -25px;
    right: 10px;
    background: #4caf50;
    color: white;
    padding: 3px 8px;
    font-size: 0.8rem;
    border-radius: 4px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s, transform 0.3s;
    transform: translateY(-5px);
}

/* visible state */
.copy-div.show-tooltip .copy-tooltip {
    opacity: 1;
    transform: translateY(-10px);
}