.fade-enter-active, .fade-leave-active {
    transition: opacity 0.5s;
}
.fade-enter-from, .fade-leave-to {
    opacity: 0;
}

.rrf-enter-active, .rrf-leave-active {
    transition: opacity 0.25s;
}
.rrf-enter-from, .rrf-leave-to {
    opacity: 0;
}

.slide-toggle-enter-active, .slide-toggle-leave-active {
  transition: max-height 1s ease, opacity 1s ease;
  overflow: hidden;
}
.slide-toggle-enter-from, .slide-toggle-leave-to {
  max-height: 0;
  opacity: 0;
}
.slide-toggle-enter-to, .slide-toggle-leave-from {
  max-height: 117px;
  opacity: 1;
}

/* Entering (slide down) */
.slide-enter-active {
    transform: translateY(0);
}

/* Leaving (slide up) */
.slide-leave-active {
    transform: translateY(150%);
    transition: transform 0.3s ease-in-out;
}

.custom-checkbox-icon, .custom-radio-icon{
  background-repeat: no-repeat;
}

.item-button-eye{
    display: inline-block;
    right: 10px;
    background: transparent;
    border: none;
}
.signin-container .item-button-eye{
    /* bottom: 10px; */
}
.i-eye{
    width: 20px;
    height: 20px;
    padding: 0;
}

/* ========== RRF Detail Page ========== */
.details-section.rrf-type-i .details-value,
.details-section.rrf-type-iii .details-value{
    min-height: 20px;
}
.rrf-status-tag{
    display: inline-block;
    width: 190px;
    padding: 5px !important;
    text-align: center;
}
.details-da-tag {
    background: #B7A87F;
    width: 100%;
    max-width: 270px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 20px;
    border-radius: 26px 0 26px 0;
    font-size: var(--font-size-large);
    cursor: pointer;
}
#history-content .table-list-requests .table-row{
    cursor: pointer;
    word-break: break-word;
}

/* simple button */
.btn-center {
    justify-content: center !important;
}

.error-message {
    color: #B71F26;
    font-size: var(--font-size-small);
    display: none; 
    margin-top: 5px;
}

.notes-count {
    background-color: #B7A87F;
    color: white;
    border-radius: 11px;
    border-bottom-left-radius: 0;
    font-size: var(--font-size-small);
    min-width: 22px;
    height: 22px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px !important;
}
.calendar-container{
    min-height: 296px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}
.pointer {
    cursor: pointer;
    overflow-wrap: anywhere;
}
.vip {
    display: flex;align-items: center;
}
.sort-dropdown:hover:not(.disabled) > .sort-icon ,
.sort-dropdown:hover:not(.disabled) > .sort-label,
.sort-dropdown:hover:not(.disabled) > .dropdown-arrow {
    opacity: 0.8;
}
.address-title {
    overflow-wrap: anywhere;
}
.filter-search {
    height:40px;
    width:100px;
    font-size:var(--font-size-small);
}
.form-button {
    line-height: normal;
}
.onerow {
    grid-template-columns: 1fr !important
}