#header-main-section {
    width: 100%;
    background-color: #ffffff!important;
    position: relative;
    min-height: 3.4em;
    border-bottom: 4px solid #b00c14!important;
}

.institutionalBranding {
  background-image: url("https://www.lamar.edu/_files/images/logo/lamar-univ-logo.png");
  min-width:20em!important;
}

#header-main-section-east-part {
     background-color: #808080!important;
 }
 
 .flatCapsule-display.positive {
     background-color: #E9D490!important;
     color: #000000!important;
 }
 
 .flatCapsule-display {
     background: #E9D490!important;
     border-radius: 4px!important;
     height: auto!important;
     min-width: 24px!important;
     padding: 10px 20px!important;
     text-align: center;
     margin-top: 0px;
     display: block;
     font-size: 125%!important;
     font-weight: bold;
 }
 
 h5.leave-description {
     font-size: 120%!important;
     padding: 0;
     margin: 0;
     color: #333333;
     display: inline-block;
     margin-top: 10px;
 }
 
 .panel-body {
     padding: 15px;
     padding-left: 5%;
 }
 
 .panel-body {
     background-color: #ffffff!important;
     border-top-color: #dddddd!important;
 }
 
 xe-button .primary {
     font-size: 16px!important;
     background-color: #b00c14!important;
     color: #FFF!important;
     border-radius: 4px;
     padding: 0.875em 5.75em;
     border: none;
 }
 
 xe-button .primary:hover:not([disabled]) {
     background-color: #b00c14!important;
     border: none;
 }
 
 .tabset .tab.selected a {
     color: #000000!important;
 }
 
 .tabset hr {
     height: 0.3em;
     margin: 0;
     background: #b00c14!important;
     border: none;
     transition: .3s ease-in-out;
     text-align: left !important;
     font-size: 1rem!important;
 }
 
 .leave-report-montly-calendar-column-current {
     background-color: #f4f4f4!important;
 }
 
 .time-entry-status-indicator-not-started-calendar {
     background: #dedede!important;
 }
 
 .time-entry-status-indicator-in-progress-calendar {
     background: #dedede!important;
 }
 
 .nav > li > a:hover,
 .nav > li > a:focus {
     text-decoration: none;
     background-color: #808080;
 }
 
 .earningMonthText {
     color: #ffffff!important;
     background: #b00c14;
     padding: 10px;
 }
 
 .dashboard-filter {
     background-color: #f4f4f4!important;
 }
 
 .pi-desktop-contents {
     padding: 0px 15px;
     background: #f4f4f4!important;
 }
 
 .panel-accordion .panel-title {
     font-size: 1.5em!important;
 }
 
 .panel-accordion .panel-heading {
     background-color: #f4f4f4!important;
 }
 
 a.breadcrumbButton:link,
 a.breadcrumbButton:active,
 a.breadcrumbButton:visited,
 .breadcrumbButton {
     color: #b00c14!important;
 }

.holds[data-badge]:after {
    content: attr(data-badge);
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 12px;
    background: gold!important;
    color: #000000!important;
    width: 20px!important;
    height: 20px!important;
    text-align: center;
    line-height: 18px;
    border-radius: 50%;
    border: solid 1px #ffffff;
}