@import url("https://use.typekit.net/pcu6elf.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");


body {
    font-family: 'lato', sans-serif;
    color: #494949;
    background-color: #fff;
}

h1,
.h1
 {
    font-family: 'acumin-pro-extra-condensed', sans-serif;
    line-height: 1;
    font-size: calc(2rem + 1.5vw);
}

h2,
.h2
 {
    font-family: 'acumin-pro-extra-condensed', sans-serif;
    border-bottom: solid 1px #00804e;
    padding-bottom: 0;
    line-height: 1;
    font-size: calc(1.7rem + .9vw);
}

h3,
.h3
 {
    font-family: 'acumin-pro-extra-condensed', sans-serif;
    padding-bottom: 0;
    line-height: 1;
    font-size: calc(1.5rem + .9vw);
}

@media (min-width: 768px) {
  h1,.h1 {font-size: 3rem;}

}

@media (min-width: 992px) {
  h1,.h1 {font-size: 3.5rem;}
}

@media (min-width: 1200px) {
  h1,.h1 {font-size: 3.75rem;}
  h4,.h4 {font-size: calc(1.575rem + .3vw);}
}

.lato {
    font-family: 'lato', sans-serif;
}

.acumin {
    font-family: 'acumin-pro-extra-condensed', sans-serif;
}

a {
    color: #00804e;
}

a:hover {
    color: #9bae84;
}

.theme-default-text,
a.theme-default-text {
    color: #494949 !important;
}

.white-text,
.white-text a {
    color: #ffffff;
}

a.white-text {
    color: #ffffff !important;
}

.black-text,
.black-text a {
    color: #000000;
}

.theme-gray-text,
a.theme-gray-text {
    color: #afb1b3 !important;
}

.theme-green-text,
a.theme-green-text {
    color: #00804e !important;
}

.theme-lightgreen-text,
a.theme-lightgreen-text {
    color: #9bae84 !important;
}

.theme-lightgray-text,
a.theme-lightgray-text {
    color: #e9ecf1 !important;
}

.theme-greengray-text,
a.theme-greengray-text {
    color: #899798 !important;
}

.theme-bluegray-text,
a.theme-bluegray-text {
    color: #798080 !important;
}

.theme-darkbluegray-text,
a.theme-darkbluegray-text {
  color: #4c5768 !important;
}

.theme-darkgray-text,
a.theme-darkgray-text {
    color: #606060 !important;
}


.theme-red-text,
a.theme-red-text {
    color: #e21c24 !important;
}

.white-bg {
    background-color: #ffffff !important;
}

.theme-lightgreen-bg {
    background-color: #6ab488 !important;
}

.theme-green-bg {
    background-color: #00804e !important;
}

.theme-darkgreen-bg {
    background-color: #0f513d !important;
}

.theme-gray-bg {
    background-color: #a8a8a8 !important;
}

.theme-gray-bg {
    background-color: #a8a8a8 !important;
}

.theme-lightgray-bg {
   background-color: #e9ecf1 !important;
}

.theme-darkgray-bg {
    background-color: #393939 !important;
}

.theme-dark-bg {
    background-color: #1e212b !important;
}

.red {
    color: #e21c24;
}

.border-primary {
    border-color: #808285 !important;
}

.border-secondary {
    border-color: #00804e !important;
}

.greenButton {
    color: #fff;
    background-color: #00804e;
    border-color: #00804e;
    text-decoration: none;
    padding: .5em 1em;
    font-family: 'acumin-pro-extra-condensed', sans-serif;
}

.greenButton:hover {
    color: #fff;
    background-color: #9bae84;
    border-color: #9bae84;
}

.btn-primary {
    color: #fff;
    background-color: #00804e;
    border-color: #00804e;
}

.btn-primary:hover {
    color: #fff;
    background-color: #9bae84;
    border-color: #9bae84;
}

.btn-secondary {
    color: #fff;
    background-color: #0f513d;
    border-color: #0f513d;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #00804e;
    border-color: #00804e;
}

.theme-select select {
  border: none;
  border-radius: 0;
  height: 40px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: #ffffffa6;
  border-right: solid 21px transparent;
}
.theme-select select:focus {
    outline: none;
    box-shadow: none;
    background-color: #ffffffa6;
    border-right: solid 21px transparent;
}


.customCheckboxes input[type=checkbox] {
    display: none;
}

.customCheckboxes input[type=checkbox]+label {
    background: url(/images/skillCheck.png);
    height: 27px;
    width: 28px;
    display: inline-block;
    padding: 0 0 0 0px;
}

.customCheckboxes input[type=checkbox]:checked+label {
    background: url(/images/skillCheckActive.png);
    height: 28px;
    width: 28px;
    display: inline-block;
    padding: 0 0 0 0px;
}

.chkEmployeeBooks {
    line-height: 30px;
}

.customCheckboxes label {
    margin-bottom: 0;
}

.noteRow:nth-child(2n+1) {
    background-color: rgb(18 136 78 / 19%);
}

@media print {
    #app {
        color: #fff !important;
        display: none;
    }
}



.bi.bi-plus-circle {color: #00804e !important; font-weight: bold;}
.form-check-input:checked {
    background-color: #00804e;
    border-color: #00804e;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
    color: #fff;
    background-color: #bda780;
    border-color: #b9a179;
    box-shadow: 0 0 0 0.25rem rgba(150, 128, 90, 0.5);
}

.btn-check:checked+.btn-primary,
.btn-check:active+.btn-primary,
.btn-primary:active,
.btn-primary.active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #c1ac88;
    border-color: #b9a179;
}

.btn-check:checked+.btn-primary:focus,
.btn-check:active+.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(150, 128, 90, 0.5);
}

.btn-primary:disabled,
.btn-primary.disabled {
    color: #fff;
    background-color: #00804e;
    border-color: #00804e;
}


.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #00804e;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .nav-link {
        transition: none;
    }
}

.nav-link:hover,
.nav-link:focus {
    color: #8e7955;
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: none;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate;
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}


.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

   #loader {
       position: absolute;
       top: 0;
       bottom: 0;
       left: 0;
       right: 0;
       width: 100%;
       height: 100%;
       margin: auto;
       background: #00804e;
       z-index: 2000;
   }

   @keyframes spin {
       100% {
           transform: rotate(360deg);
       }
   }

   #loader .spinner {
       position: relative;
       border: 12px solid #000;
       border-radius: 50%;
       border-top: 12px solid #fff;
       width: 70px;
       height: 70px;
       animation: spin 1s linear infinite;
   }

   #loader .spinner.center {
       position: absolute;
       top: 0;
       bottom: 0;
       left: 0;
       right: 0;
       margin: auto;
   }



.bi.bi-plus-circle {color: #00804e !important; }
.bi.bi-pencil-fill {color: #00804e !important; }
.bi.bi-trash {color: #e21c24 !important;}

label {font-weight: bold; color: rgb(40, 40, 40)}

/* template styles */
.nav-link {
    font-size: 1.2em;
    line-height: 1;
}

.nav-link:hover,
.nav-link[aria-expanded="true"] {
    background-color: #00804e !important
}

.nav-item ul {
    background: rgb(130, 130, 130);
}

.nav-link[aria-expanded="true"] {
    color: rgba(0, 0, 0, .85);
}

.nav-link[aria-expanded="true"] i::before {
    transform: rotate(90deg);
}

legend{ float: none; padding: inherit; width: auto;}

.p-datatable a {
    color: #00804e !important;
    text-decoration: none;
}

.p-datatable .p-datatable-tbody>tr>td
{
    padding: .5rem !important;
}

.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(2n) {
    background: #9bae8429 !important;
}


.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem;
    font-size: 1.1rem;
}

.form-check-input:checked {
    background-color: #00804e;
    border-color: #00804e;
}

.accordion-button, .accordion-button.collapsed {
    font-size: 1.2rem;
    color: #fff;
    background-color: #0f513d;
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    background-color: #00804e;
    color: #fff;
}

.accordion-button:focus {
    z-index: 3;
    border-color: inherit;
    outline: 0;
    box-shadow: none;
}

/************************
	Training Landing
************************/

#ManualColoredContent .nav-link:hover,
#ManualColoredContent .nav-link[aria-expanded="true"] {
    color: #fff !important;
}

#ManualColoredContent .nav-link:hover,
#ManualColoredContent .nav-link:focus {
    color: #fff !important;
}