form#reply {
    border: solid 3px #32ff7e !important;
}

form#note {
    border: solid 3px #ffe453 !important;
}

#response-tabs .active {
    border-bottom: solid 3px #f9f9f9;
}

/* searchbox  */
#sub_nav>li#tf-search-container {
    display: none;

}

#customQ_nav {
    #sub_nav>li#tf-search-container {
        display: block;

    }

    .tf-subnavi {

        .primary-only {
            &:has(.newTicket) {
                order: 2;
                margin-left: auto;
                margin-right: 10px;
            }
        }

        .folder-icon {
            float: right;
            display: table-cell;
            padding-left: 2px;
        }

        .folder-icon::before {
            content: '\1F4C1';
            font-size: 20px;

        }
    }
}



/* popup */
#add_extended_access .icon-plus-sign {
    cursor: pointer;
}

#tf-popup {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    border: solid 3px #ffb95f;
    background-color: #f9f9f9;
    padding: 12px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

    .tf-popup-head {
        font-size: 1.5rem;
        font-weight: bold;
        padding: 8px;
        text-align: center;
        margin-bottom: 1rem;
        display: block;

        >span {
            position: absolute;
            top: -15px;
            right: -10px;
            cursor: pointer;
            text-shadow: rgb(147, 13, 13) 0px 1px 11px;
            font-size: 22px;
            font-weight: bold;
            z-index: 10;
        }
    }

    .tf-popup-content {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;

        .tf-popup-checkbox {
            width: 30%;
            display: inline-block;
        }
    }

    .tf-popup-foot {
        text-align: center;
        margin-top: 1rem;
        padding: 8px;
        margin-top: 1rem;
        display: flex;
        justify-content: space-between;


        >button {
            background-color: #ff4d4d;
            border: none;
            padding: 8px 16px;
            color: #fff;
            font-size: 1rem;
            cursor: pointer;

            &.tf-popup-apply {
                background-color: #17833f;
            }
        }
    }



}