.loginbtn
{
background-color:#d42a2a;
color:#ffffff;
}

.loginlink
{
color:#d42a2a;
}

.loginlink:hover
{
text-decoration: none;
color:#000000
}

.text-uc247
{
color: #d42a2a;
}

.btn-uc247 
{
background-color: #d42a2a;
color:#FFFFFF;
border-color:#d42a2a;
}

.badge-uc247 
{
background-color: #d42a2a;
color:#FFFFFF;
border-color:#d42a2a;
}

.icon-uc247
{
color: #FFFFFF;
}

body {
background:#E5E7E9;
}

/******************************************************************************/
/*Radio button styles*/
/* This is the default state */
.custom-radio .custom-control-label::before {
background-color: #E5E7E9;
}

/* This is the checked state */
.custom-radio .custom-control-input:checked~.custom-control-label::before,
.custom-radio  .custom-control-input:checked~.custom-control-label::after {
background-color: #000000;
border-radius: 50%;
/* this bg image SVG is just a white circle, you can replace it with any valid SVG code */
background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E); 
}

/* active state i.e. displayed while the mouse is being pressed down */
.custom-radio .custom-control-input:active ~ .custom-control-label::before {
color: #fff;
background-color: #d42a2a;
}

/* the shadow; displayed while the element is in focus */
.custom-radio .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 123, 255, 0.25); /* pink, 25% opacity */
}

/******************************************************************************/
/*Checkbox styles*/
/* This is the default state */
.custom-checkbox .custom-control-label::before {
background-color: #E5E7E9; 
border-radius: 30%;
}

/* This is the checked state */
.custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.custom-checkbox  .custom-control-input:checked~.custom-control-label::after {
background-color: #d42a2a;
border-radius: 30%;
}

/* active state i.e. displayed while the mouse is being pressed down */
.custom-checkbox .custom-control-input:active ~ .custom-control-label::before {
color: #fff;
background-color: #d42a2a;
}

/* the shadow; displayed while the element is in focus */
.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 123, 255, 0.25); 
}

/*Tool tip styles*/
.tooltip-inner {
background-color: #d42a2a !important;
color: #ffffff;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
border-top-color: #d42a2a !important;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
border-right-color: #d42a2a !important;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
border-bottom-color: #d42a2a !important;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
border-left-color: #d42a2a !important;
}

/*Modal styling*/
.modal-body {
background-color: #F7F7F7;
}
.modal-header {
background-color: #E5E7E9;
}

.modal-footer {
background-color: #E5E7E9;
}