  body {
  font-family: 'Poppins', sans-serif;
}
*:focus {
  outline: 2px dashed #c6d2d9
  outline-offset: 3px;
}
 .fw-600 {
	 font-weight: 600;
}
 .fw-700 {
	 font-weight: 700;
}
 .fs-12 {
	 font-size: 12px;
}
 .fs-14 {
	 font-size: 14px;
}
 .fs-18 {
	 font-size: 18px;
}
 .fs-22 {
	 font-size: 22px;
}
 .fs-24 {
	 font-size: 24px;
}
 .bg-orange {
	 background-color: #e97745;
}
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	 font-weight: 700;
}

 @media (min-width: 768px) {
	 .px-md-15 {
		 padding-left: 15px !important;
		 padding-right: 15px !important;
	}
}
 .bg-navy {
	 background-color: #003E6F;
}
 .btn {
	 padding-left: 25px;
	 padding-right: 25px;
}
 @media (max-width: 767px) {
	 .container {
		 overflow: hidden;
	}
}
 @media (min-width: 576px) and (max-width: 767px) {
	 .container {
		 max-width: 100%;
	}
}
 .btn-rounded {
	 border-radius: 30px;
}
 .btn-warning {
	 background-color: #e97745;
	 border-color: #e97745;
	 color: #fff;
}
 .btn.btn-warning{
	 font-weight:bold;
	 text-decoration:none;
}
 .btn-warning:hover, .btn-warning:focus {
	 color: #fff;
	 background-color: rgba(226, 83, 0, 0.9);
	 border-color: rgba(226, 83, 0, 0.9);
}
 .btn.btn-warning:hover, .btn-warning:focus{
	 text-decoration:underline;
}
 .btn-secondary {
	 background-color: #859eb7;
	 border-color: #859eb7;
	 color: #fff;
}
 .btn-secondary:hover {
	 color: #fff;
	 background-color: #53789b;
	 border-color: 53789b;
}
 @media (max-width: 767px) {
	 .row.no-gutters-upto-sm {
		 margin: 0;
	}
	 .row.no-gutters-upto-sm .col, .row.no-gutters-upto-sm [class*=col-] {
		 padding: 0;
	}
}
 .section-header {
	 display: flex;
	 flex-direction: row;
	 align-items: center;
	 margin-bottom: 25px;
}
 .section-header .title {
	 color: #003E6F;
	 margin-right: 10px;
	 white-space: nowrap;
}
 @media (max-width: 767px) {
	 .section-header .title {
		 padding-left: 15px;
	}
}
 .section-header .ribbon {
	 flex-grow: 1;
	 height: 4px;
	 background-color: #E25300;
}
 .section-header .ribbon.thick {
	 height: 6px;
	 width: 100%;
}
 .card.card-navy {
	 border: none;
}
 .card.card-navy .card-body {
	 background-color: #003E6F;
	 padding: 12px;
	 flex: none;
}
 .card.card-navy .card-body .card-title {
	 color: #fff;
	 font-size: 18px;
	 line-height: 18px;
	 margin-bottom: 5px;
}
 .card.card-navy .card-body .card-text {
	 color: #fff;
	 font-size: 12px;
}
 @media (min-width: 767px) {
	 .card.card-col-h .card-img-top {
		 position: absolute;
		 top: 0;
		 z-index: 0;
	}
}
 .card.card-col-h .card-body {
	 z-index: 1;
	 flex: initial;
}
 .card.card-col-h {
	 height: 100%;
	 justify-content: flex-end;
}
 .video-container {
	 position: relative;
	 padding-bottom: 56.25%;
	 padding-top: 30px;
	 height: 0;
	 overflow: hidden;
}
 .video-container iframe, .video-container object, .video-container embed {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}
 .cover-bg {
	 background-size: cover;
	 background-repeat: no-repeat;
	 background-position: top;
	 height: 100%;
	 width: 100%;
}
 .card .card-img-top {
	 border-radius: 0;
	 min-height: 1px;
}
 .card .card-img-bg {
	 background-repeat: no-repeat;
	 background-size: cover;
	 background-position: center;
	 min-height: 310px;
}
 .card .card-img-bg.large {
	 height: 340px;
}
 .card .card-body .card-title.card-title-dark {
	 background-color: #003E6F;
	 color: #fff;
	 font-size: 24px;
	 padding: 5px;
	 font-weight: 400;
}
 @media (max-width: 767px) {
	 .card .card-body .card-title.card-title-dark, .card .card-body .btn, .card .card-body .card-text {
		 font-size: 10px;
	}
}
 .header-sub-menu {
	 background-image: url(/css/images/Plaid.png);
	 background-repeat: no-repeat;
	 background-size: cover;
	 background-position: center bottom;
	 padding: 15px 0;
}
 @media (max-width: 767px) {
	 .header-sub-menu {
		 padding-top: 0px;
	}
}
 .header-sub-menu .nav-pane {
	 background-color: #fff;
}
 .header-sub-menu .nav-pane .nav-links {
	 list-style: none;
	 padding: 0;
	 margin: 0;
	 display: inline-flex;
	 -webkit-flex-wrap: wrap;
	 -moz-flex-wrap: wrap;
	 -ms-flex-wrap: wrap;
	 -o-flex-wrap: wrap;
	 flex-wrap: wrap;
}
 .header-sub-menu .nav-pane .nav-links>li {
	 display: inline-block;
	 padding: 0 20px;
}
 .header-sub-menu .nav-pane .nav-links>li>a {
	 padding: 5px 0;
	 display: block;
	 color: #003E6F;
	 font-weight: 400;
	 font-size: 1rem;
	 cursor: pointer;
}
 .header-sub-menu .nav-pane .nav-links>li>a:hover, .header-sub-menu .nav-pane .nav-links>li>a:focus {
	 font-weight:700;
}
 @media (max-width: 878px) {
	 .header-sub-menu .nav-pane .nav-links>li {
		 padding: 5px 10px 0px 2px;
	}
}
 @media (max-width: 800px) {
	 .header-sub-menu .nav-pane .nav-links>li>a {
		 font-size: .8rem;
		 font-weight: 400;
	}
	 .header-sub-menu .nav-pane .nav-links {
		 max-width:65%;
	}
}
 @media (max-width: 700px) {
	 .header-sub-menu .nav-pane .nav-links>li {
		 padding: 0 3px;
	}
	 .header-sub-menu .nav-pane .nav-links {
		 max-width:45%;
	}
}
 .header-sub-menu .nav-pane .nav-links>li.active>a {
	 color: rgba(65, 65, 65, 0.5);
}
 .breadcrumb {
	 background-color: transparent;
}
 .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
	 content: ">" 
}
 .breadcrumb .breadcrumb-item>a, .breadcrumb-item.active {
	 color: #003E6F;
	 font-weight: 500;
	 min-height:44px;
	 min-width:44px;
}
 .calendar-widget .datepicker {
	 height: 100%;
	 padding: 0;
	 background-color: #ddd;
	 border-radius: 0;
}
 .calendar-widget .datepicker td, .calendar-widget .datepicker th {
	 border-radius: 0;
}
 .calendar-widget.header-left .datepicker .table-condensed {
	 display: flex;
	 width: 100%;
}
 .calendar-widget .datepicker .table-condensed>thead>tr:nth-child(3) {
	 display: none !important;
}
 .calendar-widget .datepicker .table-condensed thead {
	 background-color: #003E6F;
	 color: #fff;
}
 .calendar-widget.header-left .datepicker .table-condensed thead {
	 display: block;
}
 .calendar-widget.header-left .datepicker .table-condensed thead tr {
	 display: flex;
	 flex-direction: column;
}
 .calendar-widget .datepicker .table-condensed thead tr:nth-child(2) {
	 height: 100%;
	 background-color: #e97745 !important;
}
 .calendar-widget.header-left .datepicker .table-condensed thead tr:nth-child(2) {
	 background-color: #003E6F !important;
}
 .calendar-widget .datepicker .table-condensed tbody {
	 flex-grow: 1;
	 background-color: transparent;
	 padding: 4px;
}
 .calendar-widget.header-left .datepicker .table-condensed tbody {
	 display: block;
}
 .calendar-widget.header-left .datepicker .table-condensed tbody tr {
	 display: flex;
}
 .calendar-widget .datepicker .table-condensed tbody tr td {
	 width: 14.28%;
	 color: #003E6F;
	 font-size: 20px;
	 padding: 1px;
	 height: auto;
}
 .calendar-widget.header-left .datepicker .table-condensed tbody tr td {
	 font-size: 11px;
	 display: block;
}
 .calendar-widget .datepicker .table-condensed tbody tr td.active {
	 background: rgba(226, 83, 0, 0.51);
	 border-radius: 3px;
}
 .calendar-widget .datepicker th {
	 height: auto;
}
 .calendar-widget .datepicker table {
	 width: 100%;
}
 .calendar-widget .datepicker table tr td.new, .calendar-widget .datepicker table tr td.old {
	 visibility: hidden;
}
 .calendar-widget .datepicker-inline {
	 width: 100%;
}
 .calendar-widget .datepicker .datepicker-switch {
	 width: 85px;
	 font-weight: 500;
	 font-size: 24px;
	 font-weight: bold;
}
 .calendar-widget.header-left .datepicker .datepicker-switch {
	 font-size: 10px;
	 font-weight: normal;
}
 .calendar-widget .datepicker .datepicker-switch:hover {
	 background-color: transparent;
	 cursor: initial;
}
 .calendar-widget .datepicker .next, .calendar-widget .datepicker .prev {
	 width: 100%;
	 flex-grow: 1;
	 display: flex;
	 justify-content: center;
}
 .calendar-widget .datepicker .next, .calendar-widget .datepicker .prev {
	 height: 35px;
}
 .calendar-widget .datepicker .next:hover, .calendar-widget .datepicker .prev:hover {
	 background-color: transparent;
}
 .calendar-widget .datepicker .prev {
	 align-items: flex-end;
}
 @media (max-width: 767px) {
	 .list-group.style-1 {
		 position: absolute;
		 right: 0;
		 top: 15px;
		 z-index: 1;
		 align-items: flex-end;
		 width: 70%;
	}
}
 .list-group.style-1 .list-group-item {
	 padding: 0;
	 border: none;
	 position: relative;
	 height: 43px;
	 display: flex;
	 align-items: center;
	 border-top-left-radius: 22px;
	 border-bottom-left-radius: 22px;
	 border-top-right-radius: 0;
	 border-bottom-right-radius: 0;
	 margin-bottom: 15px;
	 color: #fff;
	 white-space: nowrap;
}
 @media (max-width: 767px) {
	 .list-group.style-1 .list-group-item {
		 margin-bottom: 5px;
		 width: 80px;
		 max-width: 100%;
		 transition: width .25s, margin-top .25s;
		 -webkit-transition: width .25s, margin-top .25s;
		 -moz-transition: width .25s, margin-top .25s;
	}
}
 .list-group.style-1 .list-group-item:last-child {
	 margin-bottom: 0;
}
 .list-group.style-1 .list-group-item .icon {
	 height: 43px;
	 width: 43px;
	 border-radius: 50%;
	 margin-right: 18px;
	 border: 3px solid #fff;
	 box-sizing: content-box;
	 background-repeat: no-repeat;
	 background-position: center;
	 background-size: 65%;
}
 .list-group.style-1 .list-group-item .caption {
	 color: #fff;
	 flex-grow: 1;
	 height: 100%;
	 display: flex;
	 align-items: center;
	 text-decoration: none;
}
 @media (max-width: 767px) {
	 .list-group.style-1 .list-group-item .icon {
		 margin-right: 30px;
	}
	 .list-group.style-1 .list-group-item.open {
		 width: 100%;
	}
	 .list-group.style-1 .list-group-item:not(.open) .caption {
		 display: none;
	}
}
 .list-group.style-1 .list-group-item.person {
	 background-color: rgba(0, 66, 111, 0.35);
}
 .list-group.style-1 .list-group-item.a-z {
	 background-color: rgba(0, 66, 111, 0.45);
}
 .list-group.style-1 .list-group-item.human-resources {
	 background-color: rgba(0, 66, 111, 0.55);
}
 .list-group.style-1 .list-group-item.calendar {
	 background-color: rgba(0, 66, 111, 0.65);
}
 .list-group.style-1 .list-group-item.policies {
	 background-color: rgba(0, 66, 111, 0.75);
}
 .list-group.style-1 .list-group-item.sharepoint {
	 background-color: rgba(0, 66, 111, 0.85);
}
.list-group.style-1 .list-group-item.person .icon {
	background-image: url(/css/redesign/future_files/icon-person.png);
}
.list-group.style-1 .list-group-item.a-z .icon {
	background-image: url(/css/redesign/future_files/icon-a-z.png);
}
.list-group.style-1 .list-group-item.human-resources .icon {
	background-image: url(/css/redesign/future_files/icon-human-resources.png);
}
.list-group.style-1 .list-group-item.policies .icon {
	background-image: url(/css/redesign/future_files/icon-policies.png);
}
.list-group.style-1 .list-group-item.calendar .icon {
	background-image: url(/css/redesign/future_files/icon-calendar.png);
}
.list-group.style-1 .list-group-item.sharepoint .icon {
	background-image: url(/css/redesign/future_files/icon-sharepoint.png);
}

/* PE added */
 div.logo-links>a {
	 color:#ffffff;
}
 div.logo-links>a:link {
	 color:#ffffff;
}
 div.logo-links>a:hover {
	 color:#ffffff;
	 text-decoration:underline;
}

 
 
 @media (max-width: 991px) {
	 div.logo-links a {
		 font-size:15px;
	}

}
 @media (max-width: 767px) {
	 div.logo-links a {
		 font-size:9px;/* PE changed from 10px changed 10.3.21. Update 10.5.21 */
	}
   
	
}
 @media (max-width: 567px) {
	.gtrans{
	    display:none !important;
	}
	
}
/* Skip to content link */
 a#skiplink {
	 padding: 7px;
	 position: relative;
	 display: block;
	 height: 50px;
	 background: #fff;
	 color: #003e6f;
	 z-index: 100;
	 border: #FC8E01 solid 5px;
}
 .welcome-back-card a:hover {
	 border: 5px #FC8E01 solid;
}
/* PE - Added 9.30.21  */
 .translate:link{
	 text-decoration: none;
}
 .translate:hover{
	 text-decoration: underline;
 }
 
 /* Alerts Updates | HH - 2/5/26 */
#header-alert {
    position: fixed;
    z-index: 30;
    background: red;
    color: #fafafa;
    padding: .5rem 1rem;
    inline-size: 100%;
    font-size: clamp(.875em, 2vw, 1.25em);
    display: flex;
    align-items: center;
    gap: .5rem;
    &[data-bg="orange"] {
        background: #ff6600;
        color: #001b3b;
    }
    &[data-bg="blue"] {
        background: #003366;
    }
    &[data-bg="dark-blue"] {
        background: #001b3b;
    }
    &[data-bg="gradient"] {
        background: linear-gradient(
            320deg,
            #001b3b,
            #003366
        );
    }
    .btn {
        --bs-btn-padding-x: 1.25rem;
        font-size: .75em;
        padding: 
            calc(var(--bs-btn-padding-y) * .75)
            calc(var(--bs-btn-padding-x) * .75);
        text-transform: uppercase;
        border-radius: 0;
        min-width: 180px;
        &.btn-white {
            background-color: #ffffff;
            color: #003366;
        }
    }
}
.header-alert_icon {
    font-size: 1.25em;
}
.header-alert_content {
    font-weight: 400;
    p {
        margin: 0;
    }
}
.header-alert_button {
    margin-inline-start: auto;
}
body:has(#header-alert) #hero.container-fluid.gx-0{
    margin-top: 150px;
}
body:has(#header-alert) #maincontent.has-header {
    margin-top: 195px;
    @media (max-width: 725px) {
        margin-top: 145px;
    }
}
/* End Alerts Updates */
	 