body
{ 
    background-color:#FFFFFF;
}
.form-control:focus, select.in:focus
{
    border-color:#800000!important;
}
.form-control:focus:enabled,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: 0;
    outline-color: #800000!important; 
    outline-width: 0;
    outline-style: none;
    box-shadow: 0px 0px 1px 1px #800000!important; 
}
.btn-primary
{
    color: #FFFFFE; 
    background-color:#800000;
    border-color:#400000;
}
.btn-primary:hover:enabled, .btn-primary:link:enabled,.btn-primary:active:enabled
{
    color: #FFFFFE!important; 
    background-color:#400000!important;
    border-color:Maroon!important;
}
.btn-outline-primary
{
    color: #FFFFFE; 
    background-color:Maroon;
    border-color:#400000;
}
.btn-outline-primary:hover:enabled, .btn-outline-primary:link:enabled,.btn-outline-primary:active:enabled
{
    color: #FFFFFE!important; 
    background-color:#400000!important;
    border-color:Maroon!important;
}
.btn-outline-primary:disabled, .btn-outline-primary:hover:disabled, .btn-outline-primary:link:disabled,.btn-outline-primary:active:disabled
{
    color: DarkGray!important; 
}
.btn-info
{
    color: #FFFFFE; 
    background-color:Maroon;
    border-color:#400000;
}
.btn-info:hover:enabled, .btn-info:link:enabled,.btn-info:active:enabled
{
    color: #FFFFFE!important; 
    background-color:#400000!important;
    border-color:Maroon!important;
}
.bg-primary
{
    background-color: #800000!important;
}
.navbar-light .navbar-brand
{
    color: #FFFFFF;    
}
.navbar-light .navbar-nav .nav-link
{
    /* Menu items default*/
    color: #FFFFFF;    
}
.navbar-light .navbar-brand
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover
{
    color: #FFFFFF;    
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover
{
    /* Menu items default*/
    color: #FFFFFF;    
}
.card
{
    color: Black;
}
.Calendar_Wrapper {
    border-width: 5px;
    border-color: #800000;
    border-style:solid;
    width: 100%;
    height: auto;   
}
.Calendar {
    padding: 2px;
    border-width: 5px;
    border-color: #800000;
}
.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: #800000;
    color: #FFFFFF !important;
}
.Calendar-NextPrevStyle  a
{
    color: #FFFFFF !important;
    text-decoration:none;
    border: solid 1px #FFFFFF;
}
.Calendar-TitleStyle
{
    background-color:#800000;
    color: #FFFFFF; 
}
.Calendar-TodayDayStyle {   
    color: #800000 !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: #800000;
    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: #FFFFFF;
    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: #800000;
    color:white;
}

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

.Calendar-DayStyle.Valid.DayStyle:hover,
.Calendar-DayStyle.Valid.DayStyle:hover a {
    background-color: #800000;
    color: #FFFFFF;
}

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

}