.content-container {
    padding-top: 0rem;
}

.tab-position {
    margin: 10px auto;
    float: left;
}

.search-box {
    display: block;
    margin-bottom: 10px;
    width: 13%;
}

.search-box-29 {
    display: block;
    margin-bottom: 10px;
    width: 29%;
}

.margin-left {
    margin-left: 1rem;
}

.display-block {
    display: block;
}

.margin-bottom {
    margin-bottom: 1rem !important;
}

.margin-bottom-05 {
    margin-bottom: 0.5rem !important;
}

.margin-left-05 {
    margin-left: 0.5rem !important;
}

.w-50 {
    width: 50%;
}

.w-60 {
    width: 60%;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.position-absolute {
    position: absolute;
}

.padding-top {
    padding-top: 1rem !important;
}

.padding-0 {
    padding: 0 !important;
}

.min-width {
    min-width: 750px;
}

.width-100 {
    width: 100%;
}

.display-block {
    display: block;
}

.margin-bottom-1rem {
    margin-bottom: 1rem;
}

.margin-bottom-10px {
    margin-bottom: 10px;
}

.padding-top-5px {
    padding-top: 5px;
}

.padding-bottom-5px {
    padding-bottom: 5px;
}

.ampol-form-row-background {
    background-color: #f8f9fa !important;
}

.ampol-form-row {
    padding-block: var(--ampol-form-row-padding-block);
}

.ampol-form-row-compact {
    padding-block: 0;
}

.ampol-form-row-padding-only {
    padding-block: var(--ampol-form-row-padding-block);
}

.ampol-form-row:nth-child(odd) {
    background-color: #f8f9fa !important;
}

.ampol-form-row-compact:nth-child(odd) {
    background-color: #f8f9fa !important;
}

.ampol-messages-error {
    display: inline-block;
    color: #C51A1B;
    padding: 0;
    padding-left: 5px;
    align-self: center;
    text-wrap: wrap;
}

.stickyEditButtons {
    position: sticky;
    top: -16px;

    /*Background for sticky, margin and padding used to "extend" background beyond rz-Body padding*/
    background: var(--rz-body-background-color);
    padding: 0.5rem 3px 0;
    margin: -16px -3px 0;
    z-index: 2001;
}

/* Validation */
.ampol-message-popup {
    position: absolute;
    background-color: var(--rz-validator-background-color);
    transform: var(--rz-validator-transform);
    box-shadow: var(--rz-validator-shadow);
    padding: var(--rz-validator-padding);
    border-radius: var(--rz-border-radius);
    color: var(--rz-validator-color);
    /*Custom*/
    z-index: 1998;
    width: auto;
    left: 15px;
    top: 95%;
    transition: 0.3s;
}

.ampol-message-popup:before {
    content: "";
    border: var(--rz-validator-pointer-size) solid transparent;
    border-bottom-color: var(--rz-validator-background-color);
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(var(--rz-validator-pointer-size), -100%);
}

.ampol-message-popup:hover {
    cursor: pointer;
}

@keyframes hideValidationSummary {
    0% {
        height: 89px;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
    /*Has to match with .summaryVisible */
    100% {
        height: 0;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
    }
}

.summaryHidden {
    height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

@keyframes showValidationSummary {
    0% {
        height: 0;
        padding: 0;
        opacity: 0;
    }
    99% {
        height: 89px;
    }
    /*Has to match with .summaryHidden */
    100%{
        opacity: 1;
        height: auto;
        transform: none;
        padding-top: 0.25rem;
        padding-bottom: 0.5rem;
        padding-left: 0;
        padding-right: 0;
        
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
}

.summaryVisible {
    opacity: 1;
    height: auto;
    transform: none;
    padding-top: 0.25rem;
    padding-bottom: 0.5rem;
    padding-left: 0;
    padding-right: 0;

    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

@keyframes showValidationSummaryItem {
    0% {
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

@keyframes showValidationSummaryBadge {
    0% {
        opacity: 0;
        width: 0;
    }
    100%{
        opacity: 1;
        width: auto;
    }
}

.margin-top-1rem {
    margin-top: 1rem;
}

.margin-left-1rem {
    margin-left: 1rem
}

.width-50-important {
    width: 50% !important;
}

.position-absolute {
    position: absolute;
}

.rz-card-roles {
    padding: 5px !important;
    box-shadow: none !important;
    background-color: #f3f5f7 !important;
    border: none !important;
}

.tab-color-opacity {
    color: #5980876e !important;
}

.padding-1-25rem {
    padding: 1.25rem 0.8rem !important;
}

.box-shadow-none {
    box-shadow: none !important;
}

.border-none {
    border: none !important;
}

.padding-top-0rem {
    padding-top: 0rem !important;
}

.margin-left-083rem {
    margin-left: 0.83rem;
}

.invalid {
    border-color: #f9777f !important;
}

ul[role=tablist] {
    flex-wrap: wrap;
}

.rz-tabview-nav li a {
    justify-content: center;
    padding: 0.375rem 0.375rem;
    min-width: 75px;
    color: var(--rz-primary-darker);
}

.rz-cell-filter-content {
    min-height: 2.5rem !important;
}

.rz-sidebar-expanded {
    width: 210px;
    opacity: 1;
}

/*.rz-textbox {
    background: url("search-icon-png-21.png") no-repeat #ffffff;
    background-size: 15px;
    background-position: right center;
}
*/

.rz-selectable tr {
    cursor: pointer;
}

.rz-autocomplete:not(:disabled):not(.rz-state-disabled):focus .rz-autocomplete-input:not(:disabled):not(.rz-state-disabled):focus .rz-radiobutton-box:not(:disabled):not(.rz-state-disabled):focus, .rz-chkbox-box:not(:disabled):not(.rz-state-disabled):focus .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-spinner:not(:disabled):not(.rz-state-disabled):focus, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus {
    box-shadow: var(--rz-input-hover-shadow);
    border: 1px solid #598087;
}

.rz-autocomplete-input:focus {
    box-shadow: var(--rz-input-hover-shadow);
    border: 1px solid #598087;
}

.rz-autocomplete-input:hover:not(.rz-state-disabled), .rz-radiobutton-box:hover:not(.rz-state-disabled), .rz-chkbox-box:hover:not(.rz-state-disabled), .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-spinner:not(:disabled):not(.rz-state-disabled):hover, .rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, .mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, .rz-textbox:not(:disabled):not(.rz-state-disabled):hover {
    box-shadow: var(--rz-input-hover-shadow);
    border: 1px solid #598087;
}

.rz-multiselect, .rz-dropdown {
    display: inline-block;
}

.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #598087;
    border-color: #598087;
    box-shadow: 0 0 0 0.25rem rgb(59 128 135 / 50%);
}

.rz-text-body1 {
    font-size: 14px !important;
}

.rz-dialog-content{
    height: 100%;
}

.rz-header {
    grid-area: rz-header;
    z-index: 2;
    background-color: var(--rz-header-background-color);
    min-height: var(--rz-header-min-height);
    border-bottom: var(--rz-header-border);
    color: var(--rz-header-color);
    box-shadow: var(--rz-header-shadow);
}

.rz-color-on-primary-light {
    color: var( --rz-text-color) !important;
}

.rz-tabview-panel {
    padding: var(--rz-tabs-padding);
    height: 100%;
}

.rz-accordion-header a[role='tab'] {
    padding: var(--rz-accordion-item-padding);
    color: var(--rz-accordion-item-color);
    line-height: var(--rz-accordion-item-line-height);
    text-decoration: none;
    display: flex;
    align-items: center;
    /*font-size: 1.05rem;*/
    font-weight: bold;
}

.rz-accordion-content {
    padding-left: 2rem;
    padding-right: 2rem;
}

.rz-accordion-header {
    padding: 0.5rem;
}

.rz-accordion-header:not(:first-child) {
    border-top: 1px solid var(--rz-base-200) !important;
}

:root{
    --rz-accordion-shadow: 0px 1px 2px rgba(69,73,79,0.3),0px 1px 3px 1px rgba(69,73,79,0.15);
    --ampol-form-row-padding-block: 5px;
}

.rz-accordion-toggle-icon.rzi-chevron-right:before {
    content: "keyboard_arrow_right";
}

.rz-accordion-toggle-icon.rzi-chevron-down:before {
    content: "keyboard_arrow_down";
}

.headerTextRed span:nth-child(2){
    color: red;
}

.rz-dropdown-panel {
    width: auto !important;
}

.rz-multiselect-panel {
    width: auto !important;
}
/* ===== Sidebar Visual Changes ===== */
:root{
    --vera-yellow: rgb(252, 198, 90);
    --rz-panel-menu-hover-color: var(--vera-yellow);
    --rz-panel-menu-item-active-color: var(--vera-yellow);
    --rz-panel-menu-item-active-indicator: var(--vera-yellow);
    --rz-panel-menu-font-weight: 500;
    --rz-panel-menu-item-background-color: rgb(33 37 41 / 30%);
    --rz-panel-menu-item-2nd-level-hover-color: var(--vera-yellow);
    --rz-panel-menu-item-2nd-level-active-color: var(--vera-yellow);
    --rz-panel-menu-icon-font-size: 1.5rem;
}

/* ===== Sidebar Icon Only Mode ===== */
.rz-sidebar-collapsed {
    width: var(--rz-sidebar-icon-width) !important;
    --rz-panel-menu-icon-margin: 0 0 0 0; /* Removes excess width to achieve Icon Only Width*/
    --rz-panel-menu-item-2nd-level-padding: 0.5rem 0rem; /* Removes excess width to achieve Icon Only Width*/
    opacity: 1;
}
/* Hide the text elements when in Icon Only Mode */
.rz-sidebar-collapsed :is(.rz-navigation-item-text, .rz-navigation-item-icon-children) {
    width: 0;
    opacity: 0;
}
/* Keep the Item Height uniform between the two modes */
.rz-sidebar-collapsed :is(.rz-navigation-item-link) { max-height: 44px; }
.rz-sidebar-expanded :is(.rz-navigation-item-link) { max-height: 44px; }

/*Show the text elements on hover*/
.rz-sidebar-collapsed:hover :is(.rz-navigation-item-text, .rz-navigation-item-icon-children) {
    width: unset;
    opacity: unset;
    --rz-panel-menu-icon-margin: 0 0.5rem 0 0;
    transition: opacity 0.35s ease-in;
}
.rz-sidebar-collapsed:hover :is(.rz-navigation-item-link){
    width: 209px;
}
/*Expand the sidebar on hover*/
.rz-sidebar-collapsed:hover {
    --rz-panel-menu-icon-margin: 0 0.5rem 0 0; /* On Hover, increase space between Icon and text*/
}
/*Limit max width to force truncate for too long texts*/
.rz-sidebar .rz-navigation-item-link .rz-navigation-item-text{
    max-width: 150px;
}
/* White PeopleX Version */
.rz-panel-menu {
    height: calc(100vh - var(--rz-header-min-height) - 3px - 40px); /* (-3px = missing from --rz-header-min-height) && (-40px = height of footer box) */
}
/* Hide/Display Bottom PeopleX Text*/
.rz-sidebar-collapsed :is(.ampol-version-footer-text) { display: none; }
.rz-sidebar-collapsed:hover :is(.ampol-version-footer-text) { display: unset; }

/* Center Text and Icon */
.ampol-version-footer-box{
    background-color: white;
    color: #212529;
    bottom: 0;
    height: 40px;
    display: flex;
    align-items: center;
    text-align: center;
    padding-left: 10px;
    padding-right: 0;
}

/* Wraps text in vertical radzen checkbox list */
.rz-checkbox-list-vertical > .rz-checkbox > .rz-chkbox-label{
    overflow-wrap: anywhere;
}

/* Fixes icon offset in current project filter dropdown in header*/
.projectFilter > .rz-checkbox > .rz-chkbox > .rz-chkbox-box > .rz-chkbox-icon{
    margin: 0;
}

.accordion-button:not(.collapsed)::after {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}