.ampol-tree-top-bar{
    padding: 0.5rem !important;
    position: sticky;
    top: 0;
    margin: 0 -3px 0;
    z-index: 2001;
}
.ampol-tree-bottom-bar{
    text-align: start;
    padding: 0.5rem !important;
    position: sticky;
    bottom: 0;
    margin: 0 -3px 1px;
    z-index: 2001;
}
.rz-dialog-wrapper{
    z-index: 1002;
}
.ampol-tree-search-bar .rz-form-field{
    width: 100%;
}
.ampol-tree-search-bar .rz-form-field-content{
    margin-top: 0;
}
.ampol-tree-search-bar .rz-form-field-label.rz-text-truncate{
    margin-top: 1px;
}
.ampol-tree-category-select-bar .rz-form-field-content{
    border: none !important;
}
/*Workaround for colorful selectBarButtons*/
.ampol-tree-category-select-bar .rz-buttonset .rz-button.rz-state-active:nth-child(1) {
    background: #ffc3c3 !important;
}
.ampol-tree-category-select-bar .rz-buttonset .rz-button.rz-state-active:nth-child(2) {
    background: #fbffc3 !important;
}
.ampol-tree-category-select-bar .rz-buttonset .rz-button.rz-state-active:nth-child(3) {
    background: #d7ffc3 !important;
}


.ampol-tree-filter-slider .rz-form-field.rz-variant-outlined.rz-floating-label{
    height: 100%;
    padding-right: 0;
}
.ampol-tree-filter-slider .rz-form-field-label.rz-text-truncate{
    margin-top: 1px;
}
.ampol-tree-filter-slider .rz-form-field-content{
    height: 100%;
    padding-right: .75rem !important;
    padding-left: .5rem !important;
    margin-top: 0;
}
.ampol-tree-filter-slider .rz-form-field-start{
    padding-left: 0 !important;
    padding-right: .5rem !important;
}
.ampol-tree-filter-slider .rz-slider.rz-slider-horizontal{
    border: var(--rz-slider-border) !important;
}

/*.ampol-tree-filter-slider .rz-form-field-content > :not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover {*/
/*    border: var(--rz-slider-border);*/
/*    box-shadow: none;*/
/*}*/

.ampol-tree-item{
    background-color: #fff;
    /*border-inline: 1px solid rgba(0, 0, 0, .125);*/
    /*border-inline-width: 1px;*/
    margin-top: -1px;
    /*margin-right: -1px;*/
}

.ampol-tree-item-level-0 {
    margin-bottom: 11px;
    border: 1px solid #dddddd;
    box-shadow: 0 2px 2px 0 rgb(151, 151, 151);
}
.ampol-tree-item-header{
    /*border: 1px solid #a1a1a1;*/
    /*border-bottom-width: 0;*/
    margin: 0;
}
.ampol-tree-item-header-title{
    display: flex;
    text-align: left;
    font-size: medium;
    /*border: 0 solid #a1a1a1;*/
    border: 1px solid #ffffff;
    border-right: 0;
    border-left: 0;
    align-items: center;
    padding: 0;
    /* See AmpolLeaf.razor for "width" & "background-color" */
}

.ampol-tree-item-level-0 > .ampol-tree-item-header > .ampol-tree-item-header-title:first-child{
    border-top: 0;
}

.ampol-tree-item-header-dialog-button{
    border: 0;
    border-left: solid 1px #ffffff;
    color: #1a1a1a !important;
    font-size: medium;
    font-weight: bold;
    border-radius: 0;
    height: 100%;
    align-content: center;
    min-width: 34px;
    text-align: center;
    padding: 0 0.25rem 0 0.25rem;
}
.ampol-tree-item-header-indicator{
    width: 60px;
    /*border: 0 solid #a1a1a1;*/
    /*border-left-width: 1px;*/
    padding: 0;
    font-weight: 500;
    cursor: default;
}
.ampol-tree-item-header-description{
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden !important;
    border: 0 solid #f0f0f0;
    border-left-width: 1px;
    margin: 0;
    text-align: left;
    background: white;
    /*padding: 0.15rem;*/
    padding: 0;
    height: auto !important;
    /*padding: 5px 5px 5px 10px;*/
    align-content: center;
    justify-content: space-between;
}
.ampol-tree-item-header-rating{
    background: white;
    margin-right: 1px;
}

/*Less opacity for calculated rating*/
.ampol-tree-item-header-calculated-rating .rzi-star,
.ampol-tree-item-header-calculated-rating .rzi-star-o {
    color: #59808769;
}

.ampol-tree-compact-leaf{
    margin: 0;
    font-weight: 400;
    font-size: medium;
    border: 1px solid #ffffff;
    border-bottom-width: 0;
    width: 100%;
    background-color: #efefef !important;
}
button.ampol-tree-compact-leaf:hover{
    background-color: #dddddd !important;
}

.ampol-tree-item-body{
    padding: 0 0 0 0.75rem;
    /*border-left: 1px solid #a1a1a1 !important;*/
    margin-left: 1px;
}

.ampol-tree-item-header:hover .ampol-tree-item-header-description,
.ampol-tree-item-header:hover .ampol-tree-item-header-hover-items,
.ampol-tree-item-header:hover .ampol-tree-item-header-rating,
.ampol-tree-item-header:hover .ampol-tree-item-header-hover-items .rz-button{
    background-color: #f9f9f9 !important;
}

/*Workaround to use a filled icon for the active state*/
.rz-state-active i:first-of-type{
    font-variation-settings:
            'FILL' 1,
            'wght' 400,
            'GRAD' 0,
            'opsz' 24 !important;
}
/*Css for selectBar*/
.ampol-tree-item-header-hover-items .rz-button{
    background: white !important;
    margin: 0 !important;
    border-color: #f0f0f0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
}
.ampol-tree-item-header-hover-items .rz-button:last-child {
    border-right: 0;
}
.rz-selectbutton {
    outline: none !important;
}

.ampol-tree-item-header-hover-items{
    display: flex;
    min-width: 101px;
}

/*.ampol-tree-item-header-description:hover .ampol-tree-item-header-hover-items{*/
/*    display: none;*/
/*}*/

.ampol-tree-item-header-additional-content {
    display: none;
}
.ampol-tree-item-header:hover .ampol-tree-item-header-additional-content{
    display: flex;
}

.ampol-tree-item-header:hover .ampol-tree-item-header-display{
    display: none;
}

.ampol-tree-search-text{
    font-size: large;
    margin-top: 1.5rem !important;
    text-align: center;
}
/*-- Bootstrap Accordion*/
/*.ampol-tree-item-button:not(.collapsed){color:#0c63e4;background-color:#e7f1ff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)}*/
/*-- Right side arrow*/
.ampol-tree-item-header-title-arrow:not(.collapsed)::after {
    transform: rotate(-180deg);
    padding-right: .25rem !important;
}
.ampol-tree-item-header-title-arrow::after{
    flex-shrink:0;
    width:1.25rem;
    height:1.25rem;
    margin-left:auto;
    content:"";
    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");
    background-repeat:no-repeat;
    background-size:1.25rem;
    transition:transform .2s ease-in-out;
    margin-right: .25rem !important;
}
/*-- Selection Border when clicking an item*/
/*.ampol-tree-item-button:focus{z-index:3;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}*/
.ampol-tree-item:first-of-type{border-top-left-radius:.25rem;border-top-right-radius:.25rem}
.ampol-tree-item:first-of-type.ampol-tree-item-button{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}
/*.ampol-tree-item:not(:first-of-type){border-top:0}*/
.ampol-tree-item:last-of-type{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}
.ampol-tree-item:last-of-type.ampol-tree-item-button.collapsed{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}
.ampol-tree-item:last-of-type.accordion-collapse{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}