body
{ 
    background-color:Transparent;
    color:#444040;
}
.form-control, select.in 
{
    border-color:#A51546!important;
}
.form-control:focus, select.in:focus
{
    border-color:Transparent!important;
}
.btn-primary
{
    color: #444040; 
    background-color:#FFFFFE;
    border-color:#A51546;
}
.btn-primary:hover:enabled, .btn-primary:link:enabled,.btn-primary:active:enabled
{
    background-color:#A51546!important;
    border-color:#444040!important;
}
.btn-primary:hover:disabled, .btn-primary:link:disabled,.btn-primary:active:disabled
{
    background-color:#A51546!important;
}
.btn-outline-primary
{
    color: #444040; 
    background-color:#FFFFFE;
    border-color:#A51546;
}
.btn-outline-primary:hover:enabled, .btn-outline-primary:link:enabled,.btn-outline-primary:active:enabled
{
    background-color:#A51546!important;
    border-color:#444040!important;
}
.btn-outline-primary:disabled, .btn-outline-primary:hover:disabled, .btn-outline-primary:link:disabled,.btn-outline-primary:active:disabled
{
    background-color:#A51546!important;
}
.btn-info
{
    color: #444040; 
    background-color:#FFFFFE;
    border-color:#A51546;
}
.btn-info:hover:enabled, .btn-info:link:enabled,.btn-info:active:enabled
{
    background-color:#A51546!important;
    border-color:#444040!important;
}
.btn-info:hover disabled, .btn-info:link:disabled,.btn-info:active:disabled
{
    color: #444040!important; 
}
.bg-primary
{
    background-color: #A51546!important;
}
.navbar-light .navbar-brand
{
    color: White;    
    background-color:#A51546; 
}
.navbar-light .navbar-nav .nav-link
{
    /* Menu items default*/
    color: White;    
    background-color:#A51546; 
}
.navbar-light .navbar-brand
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover
{
    color: #444040;    
    background-color:#A51546; 
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover
{
    /* Menu items default*/
    color: #444040;    
    background-color:#A51546; 
}
.list-group-item
{
    color: #444040;
}
.list-group-item:focus, .list-group-item:hover
{
    color: #444040;
}
.Calendar_Wrapper {
    border-width: 5px;
    border-color: #A51546;
    border-style:solid;
    width: 100%;
    height: auto;   
}
.Calendar {
    padding: 2px;
    border-width: 5px;
    border-color: #A51546;
}
.Calendar tr
{
    height:65px;
    line-height:15px;
    vertical-align:top;
}
.Calendar tr:nth-child(1),
.Calendar tr:nth-child(2)
{
    height:25px;
}
.Calendar-DayHeaderStyle {
    text-align: center;
    background-color:darkgray;
}
.DayStyle
{
    height: 25px;
}
.Calendar-NextPrevStyle
{
    background-color: #A51546;
    color: White !important;
}
.Calendar-NextPrevStyle  a
{
    color: White !important;
    text-decoration:none;
    border: solid 1px White;
}
.Calendar-TitleStyle
{
    background-color:#A51546;
    color: White; 
}
.Calendar-TodayDayStyle {   
    color: #A51546 !important;
    font-weight: bold;    
}
.DaySymbol.Invalid {
    color: maroon;
    content: "";
    --b: 2px; /* the thickness*/
    --c: white 90deg,maroon 0; /* the coloration */
    width: 16px; /* the size */
    aspect-ratio: 1;
    background: conic-gradient(from 90deg at var(--b) var(--b),var(--c)) calc(100% + var(--b)/2) calc(100% + var(--b)/2)/ calc(50% + var(--b)) calc(50% + var(--b));
    display: block;
    margin-top: 3px;
    margin-bottom: 7px;
    vertical-align: middle;
    transform: rotate(45deg)
}
.DaySymbol.Valid {
    color: #A51546;
    content: "";
    width: 16px; /* the size */
    aspect-ratio: 1;
    border-radius: 50%;
    background: conic-gradient(green);
    display: block;
    margin-top: 3px;
    margin-bottom: 7px;
    vertical-align: middle;
    transform: rotate(45deg)
}
.DaySymbol.Selected {
    color: White;
    content: "";
    width: 16px; /* the size */
    background: conic-gradient(green);
    aspect-ratio: 1;
    border-radius: 50%;
    display: block;
    margin-top: 3px;
    margin-bottom: 7px;
    vertical-align: middle;
    transform: rotate(45deg)
}
.Calendar-DayStyle.Calendar-SelectedDayStyle.DayStyle {
    background-color: #A51546;
    color:white;
}

.Calendar-DayStyle.Valid.DayStyle,
.Calendar-DayStyle.Valid.DayStyle a {
    background-color: White;
    color: #A51546;
    text-decoration: none;
}

.Calendar-DayStyle.Valid.DayStyle:hover,
.Calendar-DayStyle.Valid.DayStyle:hover a {
    background-color: #A51546;
    color: White;
}

.SubText {
    font-size: 0.6em;
    color:black;

}
