/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/roboto/roboto-v29-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/roboto/roboto-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/roboto/roboto-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/roboto/roboto-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('/fonts/roboto/roboto-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/roboto/roboto-v29-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Fjalla One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(''), url('/fonts/fjalla-one/fjalla-one-v12-latin-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/fjalla-one/fjalla-one-v12-latin-regular.woff2') format('woff2'), url('/fonts/fjalla-one/fjalla-one-v12-latin-regular.woff') format('woff'), url('/fonts/fjalla-one/fjalla-one-v12-latin-regular.ttf') format('truetype'), url('/fonts/fjalla-one/fjalla-one-v12-latin-regular.svg#FjallaOne') format('svg');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(''), url('/fonts/source-sans-pro/source-sans-pro-v18-latin-regular.eot#iefix') format('embedded-opentype'), url('/fonts/source-sans-pro/source-sans-pro-v18-latin-regular.woff2') format('woff2'), url('/fonts/source-sans-pro/source-sans-pro-v18-latin-regular.woff') format('woff'), url('/fonts/source-sans-pro/source-sans-pro-v18-latin-regular.ttf') format('truetype'), url('/fonts/source-sans-pro/source-sans-pro-v18-latin-regular.svg#FjallaOne') format('svg');
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
    font-family: Roboto, 'Source Sans Pro', 'Arial Narrow', Arial, sans-serif;
    margin-bottom: 60px;
}
.btn-group-sm > .btn, .btn-xs {
    padding: 0rem 0.25rem;
    font-size: .875rem;
    border-radius: 0.15rem;
}

a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:active {
    text-decoration: underline;
}
a:hover {
    text-decoration: underline;
}
/*a:link:not(.btn):not(.navbar-brand):not(.nav-link) {
    text-decoration: none;
}

a:visited:not(.btn):not(.navbar-brand):not(.nav-link) {
    text-decoration: none;
}

a:active:not(.btn):not(.navbar-brand):not(.nav-link) {
    text-decoration: underline;
}

a:hover:not(.btn):not(.navbar-brand):not(.nav-link) {
    text-decoration: underline;
}
*/
.left-nav:link {
    text-decoration: none;
    color: green;
}

.left-nav:visited {
    text-decoration: none;
    color: green;
}

.left-nav:active {
    text-decoration: underline;
}

.left-nav:hover {
    text-decoration: underline;
    background-color: #eef;
}

.linkbutton {
    border: none;
    background: none;
    padding: 0px;
}
.form-floating input {
    margin-bottom: 0.75rem;
}

.linkbutton:hover {
    text-decoration: underline;
}

.notification {
}

.notification-title {
    font-weight: bold;
}

.notification-header {
    padding: 0 0.5em;
}

.notification-body {
    padding: 0.1em 0.5em;
}

.notification-footer {
    padding: 0 0.7em;
    font-size: 0.75em;
}

.msg {
}

.msg-author {
    font-weight: bold;
}

.msg-header {
    padding: 0 0.5em;
}

.msg-body {
    padding: 0.1em 0.5em;
}

.msg-footer {
    padding: 0 0.7em;
    font-size: 0.75em;
}

.section-header {
/*    color: white;
    background-color: rgba(220,53,69,1);*/

    padding: 0.1em 0.5em;
    font-weight: bold;
    margin-bottom: 0.25em;
}

.pill-10 {
    width: 10em;
}
.btn-xs {
    padding: 0.125rem 0.25rem;
    font-size: .75rem;
}
.section-title-8 {
    font-size: calc(1.275rem + 0.3vw);
    font-weight: 400;
    line-height: 1.2;
}

.section-title-7 {
    font-size: calc(1.325rem + 0.9vw);
    font-weight: 400;
    line-height: 1.2;
}

.display-8 {
    font-size: calc(1.275rem + 0.3vw);
    font-weight: 300;
    line-height: 1.2;
}

.display-7 {
    font-size: calc(1.325rem + 0.9vw);
    font-weight: 300;
    line-height: 1.2;
}
.xxdisplay-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2;
}
.xxdisplay-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2;
}
.xxdisplay-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2;
}
/*
    New Hire Card Styles
*/
.apc-nhcard-table {
/*    background-color: white;
    border-color: #dc3545;
    border-color: rgba(220,53,69,0.5);
*/    margin: 0px;
    border-radius: 0.25rem;
}

.apc-nhcard-table td {
/*    color: black;
    border-color: rgba(220,53,69,0.5);*/
*/    /*border-color: #dc3545;*/
}

.apc-nhcard-row {
    display: flex;
    justify-content: space-between;
}

.apc-nhcard {
    display: flex;
    width: 18rem;
    margin: 0.5rem;
    padding: 0px;
/*    border: 2px solid #dc3545;
*/}
.apc-nhcard-header {
/*    color: white;
*/}
.apc-nhcard-body {
    padding: 1px;
/*    background-color: white;
*/    overflow: hidden;
}

@media (max-width: 1400px) {
    .apc-nhcard-row {
/*        border: solid 1px green;
*/        display: block;
        justify-content: normal;
    }


    .apc-nhcard-body {
        overflow: auto;
    }
}

/*
    Info Card Styles
*/
.apc-infocard-table {
/*    background-color: white;
    border-color: #dc3545;
    border-color: rgba(220,53,69,0.5);
*/    margin: 0px;
    border-radius: 0.25rem;
}
.apc-infocard-table td {
    color: black;
/*    border-color: rgba(220,53,69,0.5);
*/}
.apc-infocard-row {
    display: flex;
    justify-content: space-between;
}
.apc-infocard {
    display: flex;
    width: 20rem;
    height: 20rem;
}
.apc-infocard-body {
    padding: 1px;
    overflow-x: hidden;
    overflow-y: scroll;
}
@media (max-width: 1400px) {
    .apc-infocard-row {
        border: solid 1px green;
        display: block;
        justify-content:normal;
    }
        .apc-infocard {
            max-width: none;
            width: auto;
            height: 21rem;
            /*display: block;*/
        }
    .apc-infocard-body {
        overflow-x: hidden;
        overflow-y: scroll;
        /*        height: auto;
        overflow:auto;
*/
    }
}
/*
    Navcard Styles
*/
/*.apc-navcard {
    border-radius: 0.25rem;
    padding: 0px;
    max-width: 20rem;
    max-height: 20rem;
}
.apc-navcard-body {
    padding: 1px;
    border-radius: 0.25rem;
}
.apc-navcard-body ul {
    background-color: white !important;
    color: black;
    border-radius: 0.25rem;
}
.apc-navcard-body li {
    border-color: rgba(220,53,69,0.5);
}
.apc-navcard-link:link {
    color: #dc3545;
    font-weight: 400;
    font-size: 1.24rem;
    text-decoration: none;
}

.apc-navcard-link:visited {
    color: #dc3545;
    font-weight: 400;
    font-size: 1.24rem;
    text-decoration: none;
}

.apc-navcard-link:active {
    color: #bb2d3b;
    text-decoration: underline;
}

.apc-navcard-link:hover {
    color: white !important;
    text-decoration: underline;
}
.apc-navcard-body li:hover {
    color: white !important;
    background-color: #dc3545;
    cursor: pointer;
}
.apc-navcard-body li:hover a {
    font-weight: 500;
    color: white !important;
}
*/
/*
    Directory Styles
*/
.apc-dircard {
    max-width: 15rem;
}
.grow {
    transition: all .2s ease-in-out;
}
.grow:hover {
    transform: scale(2);
}
.xgrow:hover img {
    width: 200px;
}
.apc-dircard-body {
    line-height: 1.1rem;
}
.shrink {
    transform: scale(0.5);
}
/*
    Detail Pages
*/
.details-list {

}
.details-list dt,
.details-list dd {
    padding-top: 0.25rem;
    border-top: 1px solid rgba(0,0,0,0.25);
}
.details-container {
    display: flex;
}
.details-panel {
    display: block;
    margin: 0.25rem 1rem 0.25rem 1rem;
}
.details-title {
    display: block;
    font-weight: 500;
    font-size: 1em;
    margin-bottom: 0.25rem;
    width: 100%;
}
.details-label {
    font-weight: 500;
/*    color: #dc3545;
*/
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
}
.details-data {
    margin-bottom: 0.25rem;
}

.prev-punch-group {
    font-size: 0.75rem;
    line-height: 1rem;
    margin-bottom: 0;
}
.prev-punch-label {
    font-weight: 600;
}
.prev-punch-value {

}
.ch-even {
    padding: 0.5rem;
    font-weight: 500;
    font-size: 1.2rem;
}
/*
    Keep important styles at the end so they override earlier styles
*/
/*a.disabled,
a.disabled:link,
a.disabled:visited {
    pointer-events: none;
    color: #888888 !important;
    background-color: blue;
}
*/
.empdir-img {
    width: 130px;
    height: 150px;
}

/*OnBoardingComplete*/
.obc-true {
    background-color: lightgreen;
}

.obc-false {
    background-color: pink;
}

.bi-check {
    color: green;
}

.sup-block {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.sup-hdr {
    display: block;
    font-weight: 500;
}
.float-right {
    float: right;
}
/* View Info - Page sort and filter controls block*/
.viewinfo {
    display: inline-block;
    width: 900px;
    text-align: left;
}

.viewinfo-group {
    padding: 10px;
    /*border: solid 1px red;*/
    border-radius: 10px;
}

.viewinfo-inner {
    padding: 10px;
    border: solid 1px darkgray;
    border-radius: 10px;
    height: 100%;
}

.viewinfo-heading {
    font-size: 1.2rem;
    font-weight: 500;
    text-align: center;
}

.viewinfo-footer {
    padding: 10px;
    margin: 10px 0;
    border-radius: 10px;
}

/**************************************************/
/* End View Info classes*/
/**************************************************/


.btn-icon {
    color: #0d6efd;
    border-color: #0d6efd;
    cursor: pointer;
}

    .btn-icon:hover {
        color: #0b5ed7;
        border-color: #0a58ca;
    }

    .btn-icon:focus {
        color: #0b5ed7;
        border-color: #0a58ca;
        box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
    }

    .btn-icon:active, .btn-primary.active {
        color: #0a58ca;
        border-color: #0a53be;
    }

    .btn-icon:active:focus, .btn-icon.active:focus {
        box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
    }

/*
    .btn-icon:disabled, .btn-icon.disabled {
        color: #0d6efd;
        border-color: #0d6efd;
        pointer-events: none;
        opacity: .65;
    }
*/
    .btn-icon:disabled, .btn-icon.disabled, .btn-icon-disabled {
        color: #0d6efd;
        border-color: #0d6efd;
        pointer-events: none;
        opacity: .65;
    }