@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@700&display=swap');

td.cellStyleA {
	background-color: #CC9999; color: black;
}
td.cellB {
	background-color: #9999CC; color: black;
}

.card {
    background-color: #ffffff;
    border-radius: 10px
}
h5 {
    font-family: 'Manrope', sans-serif
}

#div1 {
    border: 2px solid #efeff1;
    border-radius: 5px
}

.inp::placeholder {
    color: #c9c9cb;
    font-weight: 500;
    opacity: 2
}
.btn-c {
    margin: 0px;
    background-color: #5854ff;
    border-radius: 5px
}

.btn-c:hover {
    background-color: #3f5dd5
}

.vcVerseLink {
	color:rgba(255, 255, 255, 0.5);
	border-bottom:1px dotted #F00;
	text-decoration:underline;
}
.vcVerseLink:hover {
	color:#00F;
	border-bottom:1px dotted #00F;
}

.vcPopupVerseText {
	background-color:#FFF2CB;
	color:#000;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.vcPopupHeaderText {
	background-color:#d7c08b;
	color:#000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.2em;
}
.navbar-dark .navbar-nav .nav-link {
  color: white;
  font-weight: bold;
    font-size:115%;
}   
.bg-primaryAlt {
    background-color: #454545;
    color:white;
}
. text-white {
    color:white;
}

.mb-4 {
    color:white;
}