:root {
    --lbbd_dark_red: hsl(342, 100%, 30%);
    --lbbd_pale_red: hsl(342, 100%, 94%);
    --lbbd_dark_gray: hsl(0, 0%, 33%);
    --lbbd_pale_gray: hsl(0, 0%, 94%);
    font-family: Heebo,Helvetica,Arial,sans-serif;;
}

/*
.cap-wrapper .navbar-default,
.cap-wrapper .portal-styling .navbar--connect 
{
    display: none !important;
}
*/

.cap-wrapper a {
	color: var(--lbbd_dark_red);
	text-decoration: none;
}
.cap-wrapper a:hover {
	color: var(--lbbd_dark_red);
	text-decoration: underline;
    transition-duration: .5s;
}
.cap-wrapper a:focus {
	color: var(--lbbd_dark_red);
	text-decoration: underline;
    transition-duration: .5s;
}


.cap-wrapper .text .text-table .text-cell {
    color: var(--lbbd_dark_red);
}
.cap-wrapper .top-task a:hover .text .text-table .text-cell {
    color: var(--lbbd_dark_red);
    text-decoration: underline;
}


.cap-wrapper h1, 
.cap-wrapper h2, 
.cap-wrapper h3, 
.cap-wrapper h4, 
.cap-wrapper h5, 
.cap-wrapper h6, 
.cap-wrapper .h1, 
.cap-wrapper .h2, 
.cap-wrapper .h3, 
.cap-wrapper .h4, 
.cap-wrapper .h5, 
.cap-wrapper .h6 
{
    color: var(--lbbd_dark_gray);
}

.cap-wrapper button.btn.btn-primary, 
.cap-wrapper input.btn.btn-primary, 
.cap-wrapper .portal-styling .btn-primary, 
.cap-wrapper .portal-styling input.btn, 
.cap-wrapper #citizenportal_myservices .btn-primary, 
.cap-wrapper #citizenportal_myservices input.btn 
{
    background-color: var(--lbbd_dark_red);
    border: 1px solid var(--lbbd_dark_red);
    border-radius: 5px;
    color: white;
}
.cap-wrapper button.btn.btn-primary:hover, 
.cap-wrapper input.btn.btn-primary:hover, 
.cap-wrapper .portal-styling .btn-primary:hover, 
.cap-wrapper .portal-styling input.btn:hover, 
.cap-wrapper #citizenportal_myservices .btn-primary:hover, 
.cap-wrapper #citizenportal_myservices input.btn:hover 
{
    background-color: white;
    border: 1px solid var(--lbbd_dark_red);
    border-radius: 5px;
    color: var(--lbbd_dark_red);
    transition-duration: .5s;
}
.cap-wrapper button.btn.btn-primary:focus, 
.cap-wrapper input.btn.btn-primary:focus,
.cap-wrapper .portal-styling .btn-primary:focus, 
.cap-wrapper .portal-styling input.btn:focus, 
.cap-wrapper #citizenportal_myservices .btn-primary:focus, 
.cap-wrapper #citizenportal_myservices input.btn:focus 
{
    background-color: white;
    border: 1px solid var(--lbbd_dark_red);
    border-radius: 5px;
    color: var(--lbbd_dark_red);
    transition-duration: .5s;
}


.cap-wrapper a.btn.btn-default, 
.cap-wrapper .portal-styling .portal-button, 
.cap-wrapper .portal-styling .btn, 
.cap-wrapper .portal-styling button, 
.cap-wrapper .portal-styling .btn-link, 
.cap-wrapper .portal-styling .btn_noheight, 
.cap-wrapper #citizenportal_myservices .portal-button, 
.cap-wrapper #citizenportal_myservices .btn, 
.cap-wrapper #citizenportal_myservices button, 
.cap-wrapper #citizenportal_myservices .btn-link, 
.cap-wrapper #citizenportal_myservices .btn_noheight 
{
    background-color: white;
    border-color: var(--lbbd_dark_red);
    color: var(--lbbd_dark_red);
    text-decoration: none;
    transition-duration: .5s;
}
.cap-wrapper a.btn.btn-default:hover,
.cap-wrapper .portal-styling .portal-button:hover, 
.cap-wrapper .portal-styling .btn:hover, 
.cap-wrapper .portal-styling button:hover, 
.cap-wrapper .portal-styling .btn-link:hover, 
.cap-wrapper .portal-styling .btn_noheight:hover, 
.cap-wrapper #citizenportal_myservices .portal-button:hover, 
.cap-wrapper #citizenportal_myservices .btn:hover, 
.cap-wrapper #citizenportal_myservices button:hover, 
.cap-wrapper #citizenportal_myservices .btn-link:hover, 
.cap-wrapper #citizenportal_myservices .btn_noheight:hover 
{
    background-color: var(--lbbd_dark_red);
    border-color: var(--lbbd_dark_red) !important;
    color: white;
    text-decoration: none;
    transition-duration: .5s;
}
.cap-wrapper a.btn.btn-default:focus,
.cap-wrapper .portal-styling .portal-button:focus, 
.cap-wrapper .portal-styling .btn:focus, 
.cap-wrapper .portal-styling button:focus, 
.cap-wrapper .portal-styling .btn-link:focus, 
.cap-wrapper .portal-styling .btn_noheight:focus, 
.cap-wrapper #citizenportal_myservices .portal-button:focus, 
.cap-wrapper #citizenportal_myservices .btn:focus, 
.cap-wrapper #citizenportal_myservices button:focus, 
.cap-wrapper #citizenportal_myservices .btn-link:focus, 
.cap-wrapper #citizenportal_myservices .btn_noheight:focus 
{
    background-color: var(--lbbd_dark_red);
    border-color: var(--lbbd_dark_red) !important;
    color: white;
    text-decoration: none;
    transition-duration: .5s;
}


a:focus, 
input.btn-primary:focus, input.btn-default:focus, div.btn-primary:focus, input.btn-link:focus, button.btn-primary:focus, button.navbar-toggle:focus, .display-details__row a:focus span.display-details__label, td.ui-datepicker-days-cell-over a.ui-state-hover, .cap-wrapper input.btn-link:focus
{
    background-color: white  !important;
    color: var(--lbbd_dark_red) !important;
    background-image: none !important;
    outline: none !important;
    text-decoration: none;
}


.cap-wrapper .portal-styling .accordionTile .btn-primary {
    background-color: white;
    border-color: var(--lbbd_dark_red);
    color: var(--lbbd_dark_red);
}
.cap-wrapper .portal-styling .accordionTile .btn-primary:hover {
    background-color: var(--lbbd_dark_red);
    color: white;
}
.cap-wrapper .portal-styling .accordionTile .btn-primary:focus {
    background-color: var(--lbbd_dark_red);
    color: white;
}

.cap-wrapper .outer-ring .inner-ring
{
    border: 2px dotted var(--lbbd_dark_red);
    color: var(--lbbd_dark_red);
}

.cap-wrapper .outer-ring .inner-ring .inner-wht-img[class*=' icon-'] 
{
    color: var(--lbbd_dark_red) !important;
}
.cap-wrapper .outer-ring .inner-ring .inner-wht-img[class*=' icon-']:hover 
{
    color: var(--lbbd_dark_red) !important;
}
.cap-wrapper .outer-ring .inner-ring .inner-wht-img[class*=' icon-']:focus 
{
    color: var(--lbbd_dark_red) !important;
}


a:focus img, img#C4A_btn1:focus, #chatButton:focus, input.form-control:focus, select:focus {
    border: 3px solid var(--lbbd_dark_red) !important;
}


.select-items div:hover, .same-as-selected {
    background-color: var(--lbbd_dark_red);
}


.cap-wrapper .oamodal {
    background-color: var(--lbbd_pale_red) !important;
    border-color: var(--lbbd_dark_red) !important;
    text-align: center;
}


.cap-wrapper .modal-content {
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}


.cap-wrapper .onlineauthentication-popup {
    display: none;
    position: fixed;
    z-index: 5;
    margin-left: 60px;
    width: 50%;
    border: none !important;
    overflow: auto;
    background-color: rgba(0,0,0,.0001)!important;
}

.cap-wrapper .btn-primary {
    background-color: var(--lbbd_dark_red);
    background-image: none;
    background-position: 0 0;
    color: white;
}
.cap-wrapper .btn-primary:hover {
    background-color: white;
    background-image: none;
    background-position: 0 0;
    color: var(--lbbd_dark_red);
}
.cap-wrapper .btn-primary:focus {
    background-color: white;
    background-image: none;
    background-position: 0 0;
    color: var(--lbbd_dark_red);
}