html *, body *, body .ui-link {
    font-family: 'freight-sans-pro';
}

a {
    color: var(--primary-color);
}

body .ui-datatable-sticky {
    z-index: 1 !important;
}

.data-display {
    margin-top: 20px;
}

.data-display h2, .data-display h3, .data-display h4, .data-display h5 {
    text-align: center;
}

.text-color * {
    color: var(--text-color) !important;
}

.flex-column {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.flex-row {
    display: flex;
    gap: .5rem;
}

.circle {
    height: 1rem;
    width: 1rem;
    border-radius: 1rem;
    border: 1px solid var(--surface-border);
}

.classeId-eligibility-grid {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .5rem;
    align-items: center;
    margin: 1rem 0;
}

.user-groups-list {
    margin: 0 1rem;
    min-width: 10rem;
}

.index-login-logo {
    margin: 25px;
    text-align: center;
}

ul.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 130px;
    position: relative;
}

.nav-list li {
    display: inline-block;
    vertical-align: top;
    width: 130px;
    text-align: center;
}

.nav-list li ul {
    display: none;
    text-align: left;
    width: 150px;
    top: 90px;
    right: 65px;
    position: absolute;
}

ul.nav-list li ul li {
    padding: 0;
    margin: 0;
    text-align: left;
    width: 200px;
    position: relative;
    top: 10px;
}

.nav-list li ul li ul{
    display: none;
    position: absolute;
    padding: 0;
    text-align: left;
    width: 200px;
    margin-left: 200px;
    margin-top: -50px;
}

.nav-list li ul li ul li a.nav-link {
    background-color: var(--surface-a);
}

ul.nav-list li ul li a{
    padding: 10px 15px 10px 15px;
    background-color: var(--surface-e);
}

ul.nav-list li ul li:hover {
    background-color: var(--surface-800);
}

.nav-list li:hover ul {
    display: block;
}

.nav-list li:hover ul li ul {
    display: none;
}

.nav-list li:hover ul li:hover ul {
    display: block;
}

.nav-list li:hover, .nav-list li:hover .top-level {
    color: var(--text-color);
    background-color: var(--surface-e);
}

.nav-list-login {
    margin-right: 35px;
    right: 0;
    top: 0;
    position: absolute;
}

.sub-nav-list {
    padding: 0;
}

.sub-nav-list li {
    margin-right: 5px;
    display: inline;
    font-size: 135%;
}

.sub-nav-list li:hover {
}

li.sub-nav-list-button:hover {
}

li.home-nav{
    border: 1px solid steelblue;
    padding: 5px;
}

li.home-nav-wide{
    width: 200px;
}

li.home-nav:hover, li.home-nav a:hover{
}

.nav-header-title-div {
    margin-left: 140px;
    height: 130px;
}

h1.home-title {
    text-align: left;
    display: inline-grid;
    position: fixed;
    left: 155px;
    transform: translateX(0%);
    top: 10px;
    z-index: 5;
    font-weight: 300;
}

.navigation{
    position: fixed;
    width: 100%;
    height: 130px;
    z-index: 4; /* needs to be greater than the confirmation dialog box */
    top:0;
    text-align: left;
    padding: 5px 0 5px 25px;
    margin: 0;
    background-color: var(--surface-overlay);
    font-size: 16px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.navigation ul.nav-list a {
    padding: 7px 5px 7px 5px;
    color: var(--text-color);
}

.navigation a:hover{
    color: var(--text-color);
    text-decoration: none;
}

.navigation ul.nav-list a:hover, .navigation ul.nav-list span:hover{
    text-decoration: none;
}

.navigation ul.nav-list li.offset a:hover {
    text-decoration: none;
}

.navigation ul.nav-list li.offset a {
    display: block;
}

.staging-site-banner {
    font-size: 10pt;
    background-color: var(--yellow);
    text-align: center
}

.side-nav {
    text-align: center;
    position: fixed;
    top: 130px;
    left: 0;
    width: 130px;
    background-color: var(--surface-sidenav);
    color: var(--text-sidenav);
    height: calc(100vh - 130px);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.side-nav ul {
    padding: 0 .5rem;
    margin: 0;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.side-nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: .6rem 0;
    font-size: 1.1rem;
}

.side-nav-item span {
    color: var(--text-sidenav);
}

.side-nav-item .material-symbols-outlined {
    display: block;
    font-size: 2rem;
    color: var(--text-sidenav);
}

.side-nav-item:hover span{
    filter: brightness(80%);
}
filter

.side-nav-item .ui-link:hover {
    text-decoration: none;
}

.userdb-wrapper {
    width: 90%;
    margin: auto;
    text-align: center;
}

.userdb-full-width-wrapper {
    width: 100%;
    font-size: 125%;
    margin: auto;
    text-align: center;
}

.userdb-form {
    width: 200px;
    text-align: center;
    margin: 5px auto 10px auto;
}

.is-this-you-wrapper {
    max-width: 600px;
    margin: 2rem auto;
    background-color: var(--surface-a);
    padding: 1rem;
}

.home-quiz-completeDate > label {
    font-size: smaller;
}

.beamline-users-filter-container {
    background-color: var(--surface-a);
    padding: 2rem;
    text-align: left;
    gap: 2rem;
}

.beamline-users-top-filter {
    gap: 4rem;
    flex-wrap: wrap;
    > div {
        flex: 1;
        min-width: 250px;
        max-width: 500px;
    }
}

.safety-comments-table {
    word-wrap: anywhere;
}

.safety-checkin-report {
    display: inline-block;
    border: 1px solid black;
    width: 95%;
    margin: 10px auto;
    padding: 1px;
    text-align: left;
}

.safety-checkin-report ul {
    margin: 0;
    padding-left: 2em;
}

.safety-checkin-report h2 {
    margin: 2px;
    padding: 2px;
    text-align: center;
    background-color: #33cc00;
    color: white;
    font-size: 110%;
}

.safety-checkin-report h3 {
    font-weight: bold;
    color: black;
    font-size: 105%;
}

.safety-checkin-report-panel {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

.safety-checkin-report-full-allowable-width {
    width: 60%;
    display: inline-block;
    vertical-align: top;
}

.safety-checkin-report-panel-narrow {
    width: 15%;
    display: inline-block;
    vertical-align: top;
}

.safety-checkin-report-panel-ultra-narrow {
    width: 100px;
    display: inline-block;
    vertical-align: top;
}

.safety-checkin-report-panel-wide{
    width: 69%;
    margin-top: 5px;
    display: inline-block;
    vertical-align: top;
}

.safety-checkin-report-panel-full{
    width: 95%;
    margin-top: 5px;
}

.safety-checkin-report-inner-panel-narrow {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
    text-align: right;
}

.safety-checkin-report-inner-panel-wide{
    margin-top: 5px;
    width: 79%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
}

root {
    display: block;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    color: var(--text-color);
    background-color: var(--surface-d);
}

p {
    padding: 5px 2em 5px 2em;
    font-size: 100%;
}

table {
    empty-cells: show;
}

td {
    padding-bottom: 8px;
    padding-top: 8px;
}

.display-grid-table td {
    padding: 0;
}

.inner-table td {
    padding: 8px 0 8px 0;
}

.inner-table td.percent-field, .inner-table th.percent-field{
    width: 20%;
}

.inner-table td.accounts-field, .inner-table th.accounts-field{

}

.inner-table td.action-field, .inner-table th.action-field{
    width: 20%;
}

.percent-text{
    width: 40px;
}

form {
    text-align: center;
    align-content: center;
}

table{
    width: 100%;
    margin-left:auto;
    margin-right:auto;
    border: none;
}

h1.display-title {
    text-align: center;
    font-size: 200%;
    font-weight: normal;
    margin: 15px 0 0 65px;
    position: fixed;
    z-index: 5;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
}

h1.display-title a {
    font-size: inherit;
}

h1{
    text-align: center;
    font-size: 300%;
    font-weight: normal;
    color: var(--text-color);
    margin: 15px;
}

h2{
    font-size: 200%;
    font-weight: normal;
}

h3{
    font-size: 175%;
    font-weight: normal;
    margin: 5px;
}

.header-h3 {
    font-size: 175%;
    font-weight: normal;
}

h4{
    font-size: 125%;
    font-weight: bold;
}

h5{
    font-size: 125%;

    font-style: italic;
}

a {
    text-decoration: none;
}

.body-content {
    margin-top: 130px;
    margin-left: 130px;
    padding-top: 5px;
    padding-bottom: 25px;
}

#index {
    margin-left: 0px !important;
}

.nav-search-bar {
    position: fixed;
    right: 130px;
    top: 45px;
    z-index: 1;
}

.nav-search-bar .ui-button {
    margin: 0;
}

.home-search-bar {
    display: none;
}

.chess-logo-div {
    width: 130px;
    height: 130px;
    background-color: #B31B1B;
    position: fixed;
    top: 0;
    left: 0;
}

.chess-logo {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
    color: white;
}

.nav-list-login .material-symbols-outlined {
    margin: 0;
    position: absolute;
    top: 50%;
    right: 2%;
    transform: translateY(-50%);
    font-size: 70px;
}

.masking-label {
    margin: 0;
    position: relative;
    top: -25px;
    right: 0px;
    color: #666666;
    z-index: -1;
}

.nav-link {
    display: block;
}

form.navbar {
    margin: 20px;
}

form.ajaxAdd {
    padding: 0;
    margin: 0;
}

.taxonomy-nocheck {
    width: 150px;
    display: inline-block;
    margin: 10px;
}

.wbsShares-form, table.wbsShares-table {
    border-collapse:collapse;
}

table.wbsShares-table td, table.wbsShares-table th {
    width: 160px;
}
table.distribution-table th, table.distribution-table td{
    width: 50px;
}

table.wbsShares-table td{
    border: 1px solid black;
}

table.no-borders-table td{
    border: none;
}

table.no-padding-table td{
    padding-top: 0 !important;
    padding-bottom: .5em !important;
}

.wbsShares-form th.wbsShares-table-header{
    text-align:center;
    background:none repeat scroll 0 0 #E5E5E5;
    padding:10px;
}

.wbsShares-form tr.wbsShares-rows{
    text-align:center;
    background:none repeat scroll 0 0 #FFFFFF;
    border-top:1px solid #BBBBBB;
}

.wbsShares-table-entry{
    border-top: hidden;
}

.wbsShares-table-entry-rows{
    border-top: none;
}

.middle-top {
    width: 100%;
}

.middle-top-right {
    float: right;
    width: 30%;
}

.middle-top-left {
    float: left;
    width: 60%;
}

.right {
    width: 100%;
}

.middle {
    margin-left: auto;
    margin-right: auto;
    float: none;
    width: 1400px;
}

.middle-lljv {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    float: none;
    width: 700px;
}

.middle-bottom {
    margin-top: 25px;
}

.download-button {
    margin-top: 10px;
}

table.wbsEntryGridTable td{
    padding: 0;
}

table.calculateFormTable{
    width: 300px;
}

form.resetButton{

}

.file-input-form {
    margin-bottom: 20px;
    height: 125px;
    border: 1px solid black;
    padding: 10px;
    text-align: center;
}

.input-box{
    margin-right: 20px;
}

body #dosimeter-checkout-inputs .ui-inputfield {
    width: 700px;
}

.upload-new {
    margin-top: 20px;
}

.block-nav-link {
    border: 1px solid steelblue;
    margin: 0;
    padding: 5px;
}

.sub-nav{
    height: 20px;
    text-align: center;
}

.front-page-blocks-wrapper-static {
    width: 838px;
    margin-left: auto;
    margin-right: auto;
}

.front-page-blocks-wrapper {
    width: 1250px;
    height: 500px;
    margin-left: auto;
    margin-right: auto;
}

.front-page-blocks-wrapper-medium {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.front-page-blocks-wrapper-wide {
    width: 98%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
}

.help-page-blocks-wrapper-wide {
    width: 1200px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
}

.front-page-block {
    float: left;
    height: 300px;
    width: 350px;
    padding: 25px;
    margin-right: 7px;
    margin-left: 7px;
    text-align: center;
    border: 1px solid black;
}

.front-page-block-inline {
    display: inline-block;
    height: 300px;
    width: 350px;
    padding: 25px;
    margin: 0px 7px 20px 7px;
    text-align: center;
    border: 1px solid black;
    vertical-align: top;
}

.generic-list {
    text-align: left;
}

.front-page-splash-link-container {
    margin-top: 50px;
}

.front-page-splash-link-container-smaller {
    margin-top: 35px;
}

.front-page-splash-link-container-even-smaller {
    margin-top: 25px;
}

.front-db-list-container-wide {
    float: left;
    margin-top: 5px;
    width: 100%;
}

.front-page-splash-link{
    font-size: 20px;
    border: 2px solid steelblue;
    padding: 20px 40px 20px 40px;
}

.front-page-splash-link-smaller{
    font-size: 20px;
    border: 2px solid steelblue;
    padding: 10px 20px 10px 20px;
}

.front-page-splash-link-even-smaller{
    font-size: 16px;
    border: 2px solid steelblue;
    padding: 5px 10px;
}

.front-page-splash-link-small {
    margin: 0;
    padding: 0;
}

.front-page-splash-link-small li {
    height: 30px;
    list-style-type: none;
    margin: 0 0 15px 0;
}

.front-page-splash-link-small li a{
    border: 1px solid steelblue;
    padding: 10px;
    margin: 0;
}

.front-page-splash-link-container a:hover, .front-page-splash-link-small li a:hover,
.sub-nav-list li a:hover {
    text-decoration: none;
}

.front-db-list-container {
    float: left;
    width: 145px;
    margin: 5px 0 0 20px;
}

.report-heading {
    font-weight: bold;
    font-size: 125%;
}

.data-display {
    margin-top: 20px;
}

.data-display h2, .data-display h3, .data-display h4, .data-display h5 {
    text-align: center;
}

.message-panel{
    text-align: center;
}

.db-nav ul li{
    height: 30px;
    list-style-type: none;
    display: inline;
    margin: 0 20px 0 20px;
}

.narrow-form{
    width: 300px;
}

.medium-form{
    width: 500px;
    margin: auto;
}

.wide-form{
    width: 800px;
}

.wide-datatable{
    width: 1300px;
    margin: auto;
}

.wide-datatable-percent{
    width: 95%;
    margin: auto;
}

.narrow-datatable{
    width: 700px;
    margin: auto;
}
.ultra-narrow-datatable{
    width: 525px;
    margin: auto;
}

body .userdb-wrapper .ui-datatable thead th {
    text-align: center;
}

.nearly-full-form{
    width: 90%;
}

.full-form{
    width: 100%;
}

.fixed-table{
    table-layout: fixed;
}

.distro-calc-submit-container{
    margin-top: 25px;
    text-align: left;
}

table.stand-alone {
    border: 1px solid black;
}

ul.saved-file-results li{
    list-style-type: none;
    border: 1px solid #009900;
    padding: 20px;
    margin: 20px auto 20px auto;
    width: 70%;
    font-size: 150%;
}

.authentication {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.wbs-form {
    border: 1px solid black;
    margin: 15px auto 15px auto;
    padding: 0 15px 15px 15px;
}

.wbs-form-block {
    width: 600px;
}

.wbs-form-inner-block {
    width: 100%;
}

.table-text-display{
    padding: 0 1em 0 1em;
    text-align: left;
}

.wbs-sub-table td {
    border-top: 1px solid #333;
}

.account-sub-table th, .account-sub-table td {
    border-bottom: none;
}

tr.project-data-row:nth-child(even) {
    background: #e2ecf3;
}

.updated-approval {
    background-color: #F4F7EA;
}

.small-column {
    width:100px;
    font-size: 90%;
    padding: 0;
}

.filter-form-top-page {
    text-align: center;
    margin-left: 20px;
}
.project-list-dialog-box{
    padding: 100px;
}

.supervisor-list div.ui-datalist-content {
    border: none;
    background-color: transparent;
}

.supervisor-list ul.ui-datalist-data {
    list-style: none;
    margin: auto;
    padding: 1px;
}

.kfs-wbs-match-block {
    display: inline-block;
    width: 500px;
    margin-left: 20px;
}

.msr-input-block {
    display: inline-block;
    width: 700px;
    vertical-align: top;
}

.error-message-block {
    text-align: left;
    padding: 20px;
    width: 80%;
    margin: 20px auto;
    border: 1px solid black;
    font-size: 120%;
}

.msr-upload-panel {
    border: 1px solid black;
}

.msr-output-file-panel {
    display: inline-block;
    margin-top: 20px;
    text-align: left;
    padding-left: 3em;
}

#msr-input-totals {
    margin-top: 20px;
}

#msr-output-totals {
    margin-top: 20px;
}

.column-med {
    width: 120px;
}

.column-narrow {
    width: 80px;
}

.column-extra-narrow {
    width: 50px;
}

.column-wide {
    text-align: left;
}

.ui-growl {
    top: 50px;
}
.grid-fields{
    margin-bottom: 10px;
    padding: .5rem;
    text-align: left;
}

.grid-fields td:nth-child(1) {
    font-weight: bold;
    text-align: right;
    font-size: 110%;
    padding-right: 10px;
    width: 35%;
}

.grid-fields td:nth-child(2){
    text-align: left;
    padding-left: 5px;
}

.grid-fields td:nth-child(2) input.full-width {
    width: 100%;
}

.grid-view {
    text-align: left;
    display: flex;
    padding-left: 5rem;
    justify-content: flex-start;
}

.chemicals-grid {
    max-width: 600px;
    margin: 0 0 .5rem 0;
    border: 1px solid var(--surface-500);
}

.data-view-wrapper {
    width: 100%;
    margin: auto;
}

.data-view-wrapper h4, .data-view-wrapper h3 {
    text-align: left;
    padding-left: 15px;
}

.data-view-column {
    display: inline-block;
    width: 80%;
    margin: 10px;
    padding: 5px;
    vertical-align: top;
}

.data-view-block {
    margin: 5px;
    padding: 5px;
}

.data-view-inner-block{
    font-size: 120%;
    border: 1px solid var(--border);
    padding: 0 0 10px 10px;
    margin: 5px;
    display: inline-block;
    width: 500px;
    vertical-align: top;
}

.data-view-inner-block b{
    position: relative;
    top: 15px;
}

.person-list-wrapper {
    max-height: 600px;
    overflow-y: auto;
}

.person-list-block {
    margin: 1rem;
    padding: 1rem;
    text-align: left;
    border: 1px solid var(--text-color);
    border-radius: 3px;
}

.projects-details-title {
    display: flex;
    justify-content: space-between;
}

.person-details {
    display: flex;
    justify-content: center;
}

.profile-details {
    padding: 5px !important;
}

.personedit-affiliation {
    display: grid;
    grid-template-columns: 1fr 2fr;
    padding: 0 1rem;
    gap: 1rem;
    label {
        grid-column: 1;
        text-align: right;
        font-weight: bold;
    }
}

.proposal-avgscore {
    font-weight: bold
}

.proposal-avgscore span {
    font-family: initial;
}

.proposal-addCollab-info {
    padding: 1.5rem;
    background: aliceblue;
    border: 1px lightblue solid;
    width: auto;
    margin: 1rem;
}

.proposal-addCollab-info td {
    width: 50%;
}

.proposal-equipment-wrapper {
    h4, h5, p {
        margin: 0;
        margin-bottom: .5rem;
    }
}

.prop-edit-enddate {
    margin-bottom: 1.5rem;
    text-align: center;
}

.prop-enddate-edit-btns {
    text-align: center;
    margin-bottom: 1rem;
}

.workspace-group-info {
    flex: 1;
    border: 1px dashed var(--surface-border);
    padding: .5rem;
    display: grid;
    grid-template-columns: 1fr 4fr;
    gap: .5rem;
}

.workspace-group-info label {
    font-weight: 600;
}

.proposal-form-wrapper {
    max-width: 1700px;
    margin: auto;
    margin-top: 1rem;
}

.select-subfacility-banner {
    font-size: 2rem;
    font-weight: bold;
    background-color: var(--yellow);
    padding: .5rem;
    margin-bottom: 1rem;
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    .pi {
        font-size: 1.75rem;
    }
}

.proposal-type-repeat-item {
    display: flex;
    gap: .5rem;
    align-items: center;
    margin-bottom: 1rem;
}

.proposal-view-top {
    max-width: 1200px;
    text-align: center;
    margin: 1rem auto 2rem auto;
}

.proposal-selected-affiliations {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: 1rem;
    label {
        font-weight: bold;
    }
}

.proposal-reviewers-itar-status {
    text-align: center;
    max-width: 30rem;
    margin: auto;
    margin-bottom: .5rem;
    padding: .5rem 1rem;
    background-color: var(--yellow);
    font-size: 1.1em;
    font-weight: 600;
    color: var(--text-color-secondary);
}

.proposal-assignedreviewers {
    display: flex;
    flex-direction: column;
    border-radius: 3px;
    margin: .5rem auto;
    padding: .5rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    label {
        font-weight: bold;
    }
}

.proposal-reviewerslist {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.btr-prop-view-top {
    max-width: 1200px;
    text-align: center;
    margin: 1rem auto 2rem auto;
    display: flex;
    justify-content: center;
    gap: 1rem;

}

.btr-prop-view-top1 {
    flex-grow: 3;
    max-width: 800px;
}

.btr-prop-view-top2 {
    flex-grow: 1;
}

.options-buttons {
    display: flex;
    flex-direction: column;
}

.options-buttons > *{
    width: fit-content;
}

.btrs-search {
    text-align: left;
    margin: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.btrs-search-stations {
    display: flex;
    flex-direction: column;
}

.btrs-search-inputs {
    margin-top: .5rem;
    display: flex;
    gap: 1rem;
    div {
        flex: 1;
    }
}

.btrs-search-btns {
    display: flex;
    justify-content: center;
}

.btrs-search-header {
    display: block;
    width: 100%;
    border-bottom: 1px solid var(--surface-border);
}

.new-btr-wrapper {
    max-width: 700px;
    margin: 2rem auto;
    background: var(--surface-a);
    padding: 2rem 1rem;
    border-radius: 3px;
}

.btr-reviewers-container {
    display: flex;
    justify-content: center;
    max-width: 900px;
    margin: auto;
}

.scientific-review-container {
    max-width: 600px;
    margin: 3rem auto;
    padding: 2rem;
    text-align: left;
    display: flex;
    flex-direction: column;
    background: var(--surface-a);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}

.scientific-review-header {
    display: flex;
    flex-direction: column;
    margin: -2rem -2rem 2rem -2rem;
    padding: .5rem 1rem;
    border-bottom: 3px solid darkgray;
}

.scientific-review-header label {
    font-size: 1.25rem;
    margin: .25rem;
}

.scientific-review-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

.scientific-review-item label {
    font-weight: bold;
}

.scientific-review-item .ui-button {
    width: 6rem;
    margin: auto;
}

.organization-merge-success {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.organization-merge-select {
    display: flex;
    gap: 5rem;
    max-width: 1200px;
    margin: auto;
    div {
        flex-grow: 1;
        flex-basis: 0;
    }
}

.duplicate-merge-org-panel {
    background-color: var(--surface-card);
    padding: 1rem;
}

.proposal-content > .ui-g {
    margin-bottom: 2em;
}

.proposal-content-block{
    display: inline-block;
    width: 85%;
    text-align: left;
}

.proposal-content-block h4{
    font-size: 110%;
    font-family: sans-serif;
    padding: 0;
    margin: 0 0 15px 0;
}

.proposal-content-block h5{
    text-align: left;
    padding: 0;
    margin: 0 5% 15px 30px;
}

.proposal-title-block{
    display: inline-block;
    width: 15%;
    vertical-align: top;
}

.proposal-title-block h3 {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: var(--text-color-secondary);
}

.prop-btr-requestinfo {
    font-weight: bold;
}

.prop-btr-requestinfo-col2 {
    font-size: 1.2rem;
}

.prop-peer-review-archived {
    background-color: var(--gray-500) !important;
}

.scheduleentry-edit-info {
    max-width: 600px;
    margin: 2rem auto;

    div {
        align-content: center;
    }
}

.resource-validation-error ul, .resource-validation-error > input {
    border: 1px solid var(--state-error);
}

.schedule-content {
    display: flex;
    flex-direction: column;
}

.schedule-content label:nth-child(odd) {
    font-size: 1.25em;
    font-weight: bold;
}

.schedule-content label:nth-child(even) {
    font-size: 1.1em;
    margin-bottom: 1em;
}

.view-title-block h3 {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: var(--text-color-secondary);
}

.proposal-data-block{
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}

.btr-se-status {
    background: gray;
    display: inline-block;
    margin: .2rem;
    padding: .3rem;
    background: yellow;
    border-radius: 5px;
    white-space: normal;
}

.btr-se-status.se-scheduled {
    background: khaki;
}

.btr-se-status.se-floor {
    background: lightgreen;
}

.proposals-filter-btns-container {
    display: grid;
    grid-template-columns: 1fr repeat(6, auto) 1fr;
    justify-items: center;
}

.proposals-filter-btns-container button:nth-child(1) {
    grid-column-start: 2;
}

.proposals-filter-btns-container button:last-child {
    margin-left: auto;
}

.proposals-filter-btns.ui-button {
    background-color: green;
    border: green;
}

.proposals-filter-btns.ui-button:hover {
    background-color: green;
    filter:brightness(80%);
}

.haz-materials-declaration {
    margin: 30px;
}

.preformatted {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.vertical-checkboxes-container div {
    display: block;
}

.chemical-substances-form{
    margin: 10px;
    padding: 20px;
    border: 1px solid #dee2e6;
    width: 600px;
}

.chemical-substances-form div input, .chemical-substances-form textarea {
    width:100%;
    margin: 3px 0 10px 0 !important;
}

.chemical-substances-form div label {
    font-weight: bold;
}

.uv-laser-form {
    max-width: 500px;
    display: block;
    padding: 0 20px;
    border: 1px dashed lightgray;
    margin: 20px;
}

.uv-laser-form div {
    margin: 20px 0;
}

.uv-laser-form label {
    font-weight: bold;
}

.uv-laser-form input {
    width: 100%;
}

.nano-group {
    width: 600px;
    padding: 10px;
    border: 1px dashed lightgray;
}

.nano-wrapper {
    margin: 20px;
}

.nano-wrapper p {
    margin: 0;
}

.elec-fields {
    display: flex;
    flex-direction: column;
    max-width: 600px;
    margin: 20px;
    border: 1px dashed lightgray;
    padding: 10px;
}

.elec-fields label {
    margin-bottom: 5px;
}

.elec-fields textarea {
    filter: brightness(95%);
}

.grid-fields.noborder {
    border: none;
}

.due-dates-container {
    margin: 1rem 0;
    background: var(--surface-card);
    text-align: left;
    padding: 1rem .75rem;
    border-radius: 3px;

}

.due-dates-container > div:not(:last-child) {
    margin-bottom: .2rem;
}

.proposal-form-block {
    margin-bottom: .5rem;
    text-align: left;
}

.proposal-form-block h3 {
    text-align: left;
    margin: 20px;
}

.proposal-form-buttons {
    margin: 10px;
    text-align: center;
}

.proposal-form-deadlines {
    font-style: italic;
    padding-left: 1rem;
}

/*Edit Schedule Button on Home page*/
.edit-schedule-button.ui-button {
    width: 98.5%;
    height: 60px;
    border-radius: 4px;
    font-weight: 700;
    font-size: larger;
    margin: 0;
}

.dashboard-new-btns {
    width: 16rem;
}

body .ui-button {
    margin: 5px;
}

body .ui-messages .ui-messages-error ul {
    margin-left: 50px;
}

.autocomplete .ui-button{
    margin: 0;
}

.ui-autocomplete-multiple-container {
    width: 80%;
    text-align: left;
}

.notifications-card .ui-link, .notifications-card .ui-link:hover {
    color: var(--text-color);
}

.proposal-help {
    max-width: 1200px;
    text-align: left;
    padding: 0 1rem;
    margin: auto;
    border-radius: 3px;
}

.proposal-help > div:last-of-type {
    font-size: 1.25rem;
    font-weight: bold;
    margin: 0;
    text-align: right;
}

.proposal-input {
    width: 100%;
}

.proposal-input input {
    width: 100%;
}

.proposal-input .ui-autocomplete input {
    width: 90%;
}

.nopadding span {
    padding: 0 !important;
}

.chemicals-used-grid {
    border: 1px lightgray solid;
    margin: 1em 0 1em 1em;
    max-width: 50em;
}

.chemicals-used-grid.ui-panelgrid .ui-panelgrid-cell{
    padding: .5em;
}

.chemicals-used-col1 {
    font-weight: bold;
}

body .sidebar-form .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input {
    width: 80%;
}
.left * {
    text-align: left;
}

.right * {
    text-align: right;
}

.left-align label{
    margin: 0;
    width: 75%;
}

.left-align td:nth-child(1) {
    width: 300px;
}

.collab-input {
    width: 60%;
    border: 1px solid #dee2e6;
    padding: 25px;
}

.collab-input td:nth-child(1) {
    width: 200px;
}

.collab-input .ui-inputfield {
    width: 100%
}

body .fc .green.fc-event, body .fc .green.fc-event .fc-event-main {
    background-color: green;
}

body .fc .grey.fc-event, body .fc .grey.fc-event .fc-event-main {
    background-color: grey;
}

.calendar-chiclet {
    border: 1px solid black;
    padding: 5px;
    margin-bottom: 5px;
    background-color: lightgreen;
}

.calendar-chiclet:hover {
    filter: brightness(85%);
}

.calendar-chiclet a {
    color: var(--surface-a);
}

.calendar-chiclet a:hover {
    color: var(--surface-a);
    filter: brightness(85%);
    text-decoration: none;
}

.calendar-chiclet.calendar-selected {
    filter: brightness(130%);
}

.equipment-calendar-chiclet {
    border: 1px solid black;
    padding: 5px;
    margin-bottom: 5px;
}

.equipment-calendar-chiclet.calendar-selected {
    filter: brightness(75%);
}

.equip-sched-filter > div {
    display: inline-flex !important;
    flex-wrap: wrap;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: .5rem;
    border-radius: 4px;
    color: var(--surface-a);
}

.calendar-neither, .equip-sched-filter > div:nth-child(1) {
    background-color: var(--gray);
    color: white;
    a {
        color: white;
    }
}

.equip-sched-filter > div:nth-child(2), .equipment-calendar-floor, .calendar-approved {
    background-color: var(--green);
}

.equip-sched-filter > div:nth-child(3), .equipment-calendar-scheduled, .calendar-scheduled {
    background-color: var(--primary-color);
}

.equip-sched-filter > div:nth-child(4) {
    background-color: var(--yellow);
    color: var(--primary-text);
}

body .scheduled-equipment-link {
    color: var(--primary-color-text);
}

body .scheduled-equipment-link:hover {
    color: var(--primary-color-text);
}

.calendar-notes-btn .ui-button-text {
    padding: 0 !important;
}

.calendar-sidebar {
    min-width: 420px;
}

.sidebar-info {
    background-color: var(--surface-card);
    text-align: left;
    padding: 15px;
    position:fixed;
    top: 145px;
    bottom: 5px;
    width: 420px;
    overflow-y:auto;
    overflow-x:hidden;
}

.se-output-text-fields {
    width: 90%;
    min-height: 3rem;
    border: 1px solid lightgray;
    border-radius: 3px;
    padding: .5rem;
}

.se-cal-filter-wrapper {
    display: flex;
    justify-content: space-between;
    padding: .5rem 0;
    flex-wrap: wrap;
}

.se-cal-filter-options {
    text-align: left;
    margin: auto 0;
    display: flex;
    gap: .5rem;
    align-items: center;
    flex-wrap: wrap;
}

.se-view-title {
    font-weight: bold;
    display: flex;
    justify-content: space-evenly;
}

.se-view-title label {
    font-size: 125%;
}

.se-edit {
    display: flex;
    flex-direction: column;
}

.se-edit label {
    margin-top: 15px;
    font-weight: bold;
}

.se-edit-check {
    margin: 15px;
}

.se-edit-check label {
    margin-left: 15px;
}

.se-datepicker input {
    width: 90%;
}

.se-inperson label {
    font-weight: normal;
}

.se-inperson .ui-g div {
    padding: 0;
}

.copy-floor-btn {
    margin: 0;
}

.copy-floor-btn .ui-button-text {
    padding: 0 5px !important;
}

.schedule-view {
    display: flex;
    gap: 20px;
}


.sidebar-info div.dl-top{
    margin-top: 0;
}

.sidebar-info div.dl-bottom{
    margin-bottom: 0;
}

.sidebar-info div dt {
    font-weight: bold;
}

.sidebar-info div dd {
    margin: 0;
    padding: 0;
}

.sidebar-info div dd:last-child {
    margin: 0 0 15px 0;
    padding: 0;
}

.sidebar-info-textbox {
    padding: .75em;
    background-color: #e3e3e3;
    border-radius: 3px;
    margin: 3px;
}

.se-sidebar-showhide-btns {
    float: left;
}

.navigation ul.nav-list a.new, .navigation ul.nav-list span.new {
    color: orange;
}

.navigation ul.nav-list a.upcoming, .navigation ul.nav-list span.upcoming {
    color: deepskyblue;
}

.navigation ul.nav-list a.notdoing, .navigation ul.nav-list span.notdoing {
    color: #9d9a9a;
    text-decoration: line-through;
}

.navigation ul.nav-list a.phase2, .navigation ul.nav-list span.phase2 {
    /*    color: #aeae1d;*/
    color: yellow;
}

.rdrd {
    margin: 50px;
    padding: 10px;
    border: 1px solid black;
    background-color: white;
}

.formtabs {
    font-size: small;
    font-weight: bold;
}

.formtabs-error {
    font-size: small;
    font-weight: bold;
    border-color: red !important;
    a {
        color: red !important;
    }
}

li.formtabs.ui-state-active {
    border: 2px solid #2196f3;
    border-bottom: none !important;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

li.formtabs.ui-tabs-outline {
    border: red !important;
}

body .ui-fieldset .ui-fieldset-legend {
    text-align: left;
}

.homepage-titles {
    text-align: left;
}

div.g-recaptcha {
    margin: 0 auto;
    width: 304px;
}

.no-padding-button .ui-button-text {
    padding: 0 !important;
}

.quiz-edit-wrapper {
    display: flex;
    flex-direction: column;
    text-align: left;
    max-width: 800px;
    margin: 2rem auto;
    padding: 0 .5rem;
}

.quiz-edit-answers {
    display: flex;
    flex-direction: column;
    margin: .5rem 0 .5rem 1rem;
}

.quiz-edit-answers input {
    margin-bottom: .5rem;
}

.quiz-edit-selectquiz {
    display: flex;
    flex-direction: column;
    margin: 1rem 0;
}

.quiz-edit-selectquiz label {
    font-size: 1.25rem;
}

.quiz-form {
    display: block;
    max-width: 800px;
    background-color: var(--surface-card);
    border-radius: 5px;
    padding-bottom: 1rem;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.quiz-header {
    padding: 10px;
    background-color: var(--surface-100);
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.quiz-header label, .quiz-header a{
    font-size: 1.25em;
}

.quiz-fail-message {
    display: inline-block;
}

.id-collab-status {
    max-width: 1500px;
    background-color: var(--yellow);
    border-radius: 3px;
    display: block;
    margin: 30px auto;
    height: 3rem;
    line-height: 3rem;
    font-size: 125%;
}

.id-collab-status label {
    font-size: 1.3rem;
}

.id-collab-container {
    padding: 15px 30px;
    margin: 0 auto 2rem auto;
    background-color: var(--surface-card);
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

}

.id-collab-notidentified {
}

.id-collab-container label{
    font-weight: bold;
    margin: auto 0;
}

.id-collab-column {
    text-align: left;
    padding: 10px 20px;
}

.id-collab-column div {
    padding-left: 10px;
}

.id-collab-column button {
    margin: auto;
}

.unid-collab {
    padding: 25px 0;
}

.unid-collab div {
    padding-left: 0;
}

.update-collab-input input {
    width: 100%;
}

.prop-collab-info {
    max-width: 600px;
    margin: 25px auto;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    height: fit-content;
}

.collab-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.tabViewLast {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.tabViewLastBack {
    position: absolute;
    left: 0;
}

.flex-form-columns {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.checkbox-margin {
    margin: 5px 10px 0 0 !important;
}

.home-col-1 {
    width: auto;
    padding-bottom: .3rem !important;
    padding-top: .3rem !important;
}

.home-col-1 i{
    position: relative;
    top: 50%;
    transform: translateY(-50%);

}

.home-col-2 {
    width: 75%;
    padding-bottom: .3rem !important;
    padding-top: .3rem !important;
}

body .customPanelGrid .ui-panelgrid-cell {
    padding: .75rem;
    border: none;
    width: 10rem;
}

body .customPanelGrid-nonbold .ui-panelgrid-cell {
    border: none;
    padding: 0;
}

.customPanelGrid-c1 {
    width: 50%;
    text-align: right;
    font-weight: bold;
}

.customPanelGrid-c1-nonbold {
    text-align: right;
    width: 26%;
}

.customPanelGrid-c2 {
    text-align: left;
}

.dashboard-wrapper {
    margin-top: 1rem;
    display: flex;
    gap: 1rem;
    width: 100%;
    text-align: center;
    padding: 0 20px;
}

.dashboard-profile-contact {
    gap: 1rem;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.dashboard-wrapper .ui-button{
    background-color: var(--dashboard-btns);
    border: none;

}

.dashboard-wrapper .ui-button:hover{
    background-color: var(--dashboard-btns);
    filter: brightness(75%);
}

.dashboard-widgets {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    width: 50%;
}

.dashboard-others-wrapper {
    display: flex;
    row-gap: 1rem;
    gap: 1rem;
    width: 50%;
}

.dashboard-others-1, .dashboard-others-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1rem;
    flex-basis: 0;
    flex-grow: 1;
}

.dashboard-admin {
    width: 100%;
    margin: auto;
    gap: 20px;
    padding: 0 20px;
    margin-top: 10px;
    display: flex;
}

.dashboard-card {
    text-align: left;
}

.phase2 .ui-menuitem-text {
    color: yellow !important;
}

.upcoming .ui-menuitem-text {
    color: deepskyblue !important;
}

.notdoing .ui-menuitem-text {
    text-decoration: line-through;
    color: #9d9a9a !important;
}

.new .ui-menuitem-text {
    color: orange !important;
}

#index-body {
    margin-left: 0px;
}

.pis-search-container {
    display: flex;
    background-color: white;
    gap: 10px;
    border: 1px solid black;
    width: 900px;
    padding: 30px;
    margin: auto;
}

.pis-search-container h3{
    color: #666666;
}

.pis-submission-date {
    width: 70%;
    vertical-align: top;
    margin-right: 50px;
}

.safety-checkin-container {
    display:flex;
    justify-content: center;
    margin-top: 30px;
    gap: 20px;
}

.safety-checkin-container h2 {
    font-size: 250%;
    font-weight: normal;
    color: var(--text-color-secondary);
    margin: 0;
}

.hazardous-status {
    padding: 10px;
    margin: 10px;
}

.hazardous-true-label {
    text-align: center;
    color: black;
    font-size: 20px;
}

.hazardous-true-stripes {
    background: repeating-linear-gradient(45deg, antiquewhite, #ffcc00 5px, yellow 10px, yellow 15px) !important;
}

.hazardous-true-stripes a {
    color: black !important;
}

.hazardous-false-label {
    display: none;
}

.page-not-found h3 {
    color: black;
}

.page-not-found div {
    margin: 30px auto;
    width: 75%;
}

.login-container {
    width: 400px;
}

.login-fields-container .ui-button{
    background-color: #006699;

}

.login-container p {
    padding: 0;
    text-align: center;
    margin-top: 0px;
}

.login-fields-container {
    display: grid;
}

.login-fields-container a {
    margin-left: 50px;
    text-align: left;
}

.login-fields i {
    margin-right: 10px;
}

.login-fields input {
    margin: 5px 0;
    width: 80%;
}

.login-button {
    margin-top: 10px;
    width: 200px;
}

.login-links {
    display: block;
}

.resource-edit-card {
    flex-grow: 1;
    max-width: 700px;
    margin-top: 30px;
}

.resource-edit-c1 {
    width: 25%;
    text-align: right;
    font-weight: bold;
}

.resource-edit-c2 {
    width: 75%;
    text-align: left;
}

.resource-view-card {
    max-width: 700px;
    margin: 1rem auto;
}

.resource-view-card .ui-card-body .ui-card-content .ui-panelgrid .ui-panelgrid-content .ui-g .ui-g-8 {
    text-align: left;
}

.resource-view-card .ui-card-body .ui-card-content .ui-panelgrid .ui-panelgrid-content .ui-g .ui-g-4 {
    text-align: right;
    font-weight: bold;
}

.justification-column-1 {
    width: 75%;
    padding-right: 1rem;
}

.justification-column-2 {
    width: 25%;
    padding-left: 1rem;
}

.left-column {
    text-align: right;
    font-weight: bold;
}
.right-column {
    text-align: left;
}

.role-header-name {
    font-size: 1.75rem;
    font-weight: 600;
}

.role-container {
    max-width: 900px;
    margin: auto;
    text-align: left;
}

.role-section-header {
    font-size: 2rem;
}

.checkin-card {
    width: 600px;
    margin: 50px auto;
}

.checkin-c1 {
    width: 30%;
    text-align: right;
    font-weight: bold;
}


.checkin-c2 {
    width: 70%;
    text-align: left;
}

.checkin-wrapper {
    max-width: 30rem;
    margin: 2rem auto;
}

.checkin-name {
    margin: 1rem auto;
}

.checkin-person-info{
    margin: 1rem auto;
}

.checkin-person-info label {
    font-weight: bold;
}

.checkin-exam-status {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

.checkin-lastvisit {
    display: flex;
    flex-direction: column;
    margin: 1rem auto;
    font-weight: bold;
}

.checkin-quiz-status-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 0 1rem;
    margin-bottom: 1rem;
    row-gap: .5rem;
}

.fontsizelarger label {
    font-size: 1.25em;
}

.checkin-select-se-adduser {
    display: flex;
    row-gap: 1rem;
    margin: 1rem auto 0 auto;
    padding: .5rem;
    width: fit-content;
    border-radius: 5px;
    div {
        display: flex;
        align-items: center;
    }
}

.checkin-inputs-save {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: left;
    align-content: center;
}

.checkin-inputs-save div {
    width: 20rem;
    margin: .5rem auto;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.checkin-inputs-save label {
    font-weight: bold;
}

.checkin-inputs-save div input {
    flex-grow: 1;
}

.quiz-complete {
    color: green;
    margin: 0 10px;
}

.quiz-not-complete {
    color: red;
    margin: 0 10px;
}

.badges-search {
    padding: 1em;
    background-color: var(--surface-card);
    text-align: left;
    max-width: 30em;
    margin: 2em auto;
}

.badges-search div {
    text-align: center;
}

.badges-search-input > * {
    margin-bottom: 10px;
    width: 100%;
}

.badges-status-search {
    margin: 20px;
}

.badges-status-search label {
    font-size: 1.25em;
    font-weight: bold;
}

.checkout-card {
    text-align: left;
    max-width: 900px;
    margin: 1rem auto;
}

.checkout-card  h3 {
    margin: 0;
}

.checkout-search {
    display: flex;
}

.checkout-search-input {
    flex-grow: 1;
    padding: 10px;
}

.checkout-search-input label {
    font-weight: bold;
    font-size: 1.15rem;
}

.checkout-arrival {
    margin-left: 5px;
    font-family: Arial, sans-serif;
    font-size: .85em;
}

.checkout-visit-proposal {
    width: inherit;
    border: 1px solid var(--surface-border);
    margin: 1rem;
    padding: 25px;
    border-radius: 3px;
}

.checkout-badges {
    margin: 1rem;
}

.checkout-novisit-badge-group h5 {
    margin: 0;
}

.checkout-badge-info.ui-datatable thead th{
    text-align: left !important;
}

.checkout-badge-status h5 {
    margin-top: 0;
}

.checkout-badge-status label {
    font-size: 1.25em;
    padding-bottom: 1em;
}

.checkout-safety {
    margin: 20px 10%;
    padding: 10px 30px;
    max-width: 400px;
    border: 1px lightgray solid;
    border-radius: 5px;
}

.visit-wrapper {
    max-width: 1100px;
    margin: auto;
}

.vv-card {
    margin: auto;
    text-align: left;
}

.vv-row {
    margin: 1em;
    display: flex;
    > div {
        display: flex;
        flex-direction: column;
    }
    input {
        width: 100%;
    }
    label {
        font-weight: bold;
    }
}

.vv-output {
    width: 100%;
    background-color: var(--surface-c);
    border-radius: 3px;
    padding: 5px;
    min-height: 2em;
}

.vv-check {
    margin: auto 0;
    flex-direction: row !important;
}

.vv-check label {
    margin-left: .5em;
}

.vv-section-headers {
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 1em;
}

.vv-badge-notes div {
    border: 1px solid lightgray;
    background-color: #f1f1f1;
    border-radius: 3px;
    padding: 5px;
    min-height: 2em;
}

.oth-visits {
    margin: 10px 25px;
}

.run-cycle-wrapper {
    margin-top: 2rem;
    display: flex;
    gap: 2rem;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}

.run-cycle-info {
    display: flex;
    flex-direction: column;
    width: fit-content;
    background: var(--surface-a);
    text-align: left;
    padding: 0 2rem 1rem 1rem;
}

.run-cycle-info label {
    font-weight: bold;
    margin-top: 1rem;
}

.funding-form-container {
    display: inline-grid;
    grid-template-columns: auto auto auto auto;
    gap: 20px;
    width: 100%;
    margin-top: 30px;
}

.funding-form-item {
    display: flex;
    flex-direction: column;
}

.new-funding-source {
    padding: 10px;
    box-shadow: 0 0 1px 1px #666;
    border-radius: 3px;
    margin: 20px 0;
}

.hazard-sign {
    background: repeating-linear-gradient(45deg, black, black 5px, #ffb101 5px, #ffb101 10px);
}

.visits-icons span {
    margin: 0;
    padding: 0;
}

.visits-search {
    background-color: var(--surface-card);
    margin: 2rem auto;
    max-width: 400px;
    border-radius: 3px;
    padding: 1rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    backdrop-filter: brightness(110%);
}

.visits-search p {
    font-size: 1.25rem;
    padding: 0;
    margin: 0;
}

.badge-view-container {
    max-width: 60%;
    margin: auto
}
.badge-card {
    margin: 20px auto;
    text-align: left;
}

.badge-card-output {
    width: 100%;
    background-color: var(--surface-c);
    border-radius: 3px;
    padding: 5px;
    min-height: 2em;
    margin-bottom: 20px;
}

.badge-visit-view {
    display: flex;
    flex-direction: column;
}

.badge-visit-view div {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    text-align: left;
}

.badge-visit-view label {
    margin-top: 10px;
}

.badge-card label {
    font-weight: bold;
}

.badge-edit-fields label {
    text-align: left;
}

.badge-edit-no-aff {
    margin: 1rem auto;
    background: white;
    width: fit-content;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    border-radius: 3px;
}

.badge-edit-no-aff label {
    margin-top: .5rem;
}

.badge-edit-no-aff h3 {
    color: black;
    margin: 0 0 1rem 0;
}

body .ui-card .ui-card-content {
    padding: 0;
}

.userdb-wrapper thead th.calendar-header {
    background-color: #baffc9;
}

.btr-search {
    .ui-button {
        margin: 0;
    }
}

.calendar-column-header label:first-child {
    color: darkgray;
    margin-right: 5px;
}

.calendar-column-header label:last-child {
    color: gray;
}

.peer-review-output-grid td:nth-child(2) span:first-of-type{
    font-weight: bold;
}

.peer-review-output-grid td:nth-child(2) span.peer-review-output-comment {
    font-weight: normal;
}

.safety-tab-view {
    max-width: 1200px;
    margin: auto;
}

.safety-review-comment {
    margin: 1rem auto;
    width: 75%;
}

.safety-review-comment div {
    text-align: right;
}

.safety-review-comment button {
    margin-top: 10px;
    background-color: darkcyan;
    border: darkcyan;
}
.safety-review-comment button:hover {
    background-color: darkcyan;
    border: darkcyan;
    filter: brightness(80%);
}

.table-centered, .table-centered td {
    text-align: center;
}

.prop-safety-review-info-wrapper {
    max-width: 600px;
    margin: 1rem auto 2rem auto;
    padding: .5rem;
    text-align: left;
    border-radius: 3px;
}

.prop-safety-review-info {
    display: flex;
    flex-direction: column;
    margin: .5rem;
    font-size: 1.5rem;
}

.prop-safety-review-status {
    background: var(--surface-d);
    width: fit-content;
    padding: 1rem;
    margin: 1.5rem auto;
}

.safety-review-concluded {
    display: flex;
    flex-direction: column;
}

.safety-review-concluded label {
    font-size: 1.5rem;
    font-weight: bold;
}

.prop-safety-review-text {
    margin: 25px auto;
}

.prop-safety-review-comments {
    max-width: 1000px;
    margin: auto;
    padding: 1em;
}

.prop-safety-review-block {
    background-color: var(--surface-a);
    padding: 1em;
    text-align: left;
}

.prop-safety-review-block li {
    margin-bottom: 5px;
}

.prop-info {
    margin: 0;
}

.prop-info td:nth-child(1) {
    font-weight: bold;
    text-align: right;
}

.prop-info td:nth-child(2) {
    text-align: left;
}

.prop-submitted-note {
    text-align: right;
    width: 100%;
    margin-top: 3rem;
    padding-right: 1rem;
    display: inline-block;
    font-style: italic;
}

.upload-docs-container {
    width: 50%;
    margin: 25px auto;
    text-align: left;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--surface-a);
    padding: 10px 20px;
    border-radius: 3px;
}

.upload-docs-container label {
    font-size: 1.5rem;
    margin: 10px;
}

.upload-docs-container button {
    width: 7rem;
}

.prop-reviewers-subtitle {
    text-align: center;
    margin: 1rem auto;
    font-size: 1.5rem;
    border-bottom: 1px solid var(--text-color);
    width: fit-content;
    padding: 1rem;
}

.prop-reviewers-bottom {
    display: flex;
    gap: 20px;
    margin-top: 30px;
}

.prop-reviewers-bottom div {
    height: fit-content;
}

.prop-reviewers-bottom div:first-child {
    flex-basis: 30%;
    flex-grow: 0;
    flex-shrink: 0;

}

.emailtemplate-wrapper {
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 2rem auto;
}

.emailtemplate-template {
    border: 1px solid;
    margin: 1rem 0;
    text-align: left;
}

.emailtemplate-email {
    display: flex;
    flex-direction: column;
    > div {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        padding: 1rem;
    }
}

.adminsettings-wrapper {
    text-align: left;
    max-width: 1200px;
    margin: 2rem auto;
}

.newadminsetting-dialog {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

div.newadminsetting-dialog label {
    font-weight: bold;
}

div.newadminsetting-dialog input, div.newadminsetting-dialog textarea {
    width: 100%;
}

.change-log-entry-table td {
    vertical-align: baseline;
}

.change-log-entry-table.ui-datatable thead th {
    background-color: transparent;
    border: none;
    padding: 0;
}

.change-log-entry-notpublished {
    background-color: var(--blue);
    display: flex;
    justify-content: space-between;
}

.selected-resources-list {
    column-count: 4;
}

.datepicker-filter input {
    width: 100%;
}

@media screen and (max-height: 900px) {
    .side-nav-item .material-symbols-outlined {
        display: none;
    }

    .side-nav-item {
        line-height: 1.1em;
    }

    .side-nav-item-text:hover {
        font-size: 1.1em;
    }
}

@media screen and (max-width: 1800px) {
    .dashboard-widgets {
        flex: 2;
    }

    .dashboard-others-wrapper {
        flex: 1;
        flex-direction: column;
    }

    .dashboard-others-1 {
        flex-grow: 0;
    }

    .dashboard-others-2 {
        flex-grow: 0;
    }

    .selected-resources-list {
        column-count: 3;
    }
}

@media screen and (max-width: 1200px) {
    .calendar-sidebar {
        min-width: 300px;
    }

    .sidebar-info {
        width: 300px;
    }

    .badge-view-container {
        max-width: 95%;
    }

    .nav-search-bar {
        display: none;
    }

    .home-search-bar {
        display: block;
    }

    .dashboard-wrapper {
        width: 100%;
        flex-direction: column;
    }

    .dashboard-widgets {
        width: 100%;
        order: 2
    }

    .dashboard-others-wrapper {
        width: 100%;
        flex-direction: row;
        order: 1;
    }

    .dashboard-others-wrapper > div {
        flex-grow: 1;
    }

    .selected-resources-list {
        column-count: 2;
    }

    .workspace-group-info {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 900px), (max-device-width: 500px) {
    .dashboard-others-wrapper {
        flex-direction: column;
    }

    .dashboard-profile-contact {
        flex-direction: row;
    }

    .dashboard-profile-contact > div {
        flex: 1;
    }

    .selected-resources-list {
        column-count: 1;
    }
}

@media print {

    * {
        background-color: white;
        color: black;
    }

    tr {
        page-break-inside: avoid;
    }

    .navigation, .btr-prop-view-top2 {
        display: none;
    }

    .body-content {
        margin: 3rem auto;
    }

    h1.display-title {
        position: absolute;
        top: 0;
        margin: 1rem;
        font-size: 150%;
    }

    body .ui-card .ui-card-title {
        font-size: 100%;
    }

    body .ui-card {
        box-shadow: none;
        border: 1px solid gray;
    }

    body .ui-panelgrid .ui-panelgrid-cell {
        padding: .25rem .5rem;
    }

    body .ui-datatable .ui-datatable-data > tr > td {
        padding: .25rem;
    }

    body .ui-button {
        display: none;
    }

    .proposal-data-block {
        flex-direction: column;
        align-items: start;
    }

    .proposal-title-block {
        width: fit-content;
        page-break-inside: avoid;
    }

    .proposal-content-block {
        width: 100%;
    }

    body .ui-tabs.ui-tabs-top > .ui-tabs-nav {
        display: none;
    }

    .btr-view-proposal-tab {
        display: none;
    }

    .calendar-filters-wrapper div {
        display: none;
    }

    .ui-datatable .ui-datatable-sticky {
        display: none;
    }

    .ui-datatable .ui-column-filter {
        display: none;
    }

    .no-print {
        display: none;
    }

}