.required_fields {
    color: red;
}

.errorlist {
    color: #fe4f4f;
}

.brand-logo {
    background: #ffffff;
    border-right: 1px solid #c2c2c2;
}

.text-black {
    color:#12141d;
}

.icon-btn-size {
    width: 27px;
    height: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pl-5 {
    padding-left: 5px !important;
}

.chat-detail{
    height: calc(100vh - 120px);
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.chat-box{
    flex: 1 1 auto;
    height: auto;
    overflow-y: auto;
}
.chat-box .chat-desc{
    height: 100%;
}
.custom-eye-icon input[type="password"]{
    padding-right: 40px;
}
.custom-eye-icon input[type="text"]{
    padding-right: 40px;
}
.custom-eye-icon .input-group {
        display: flex;
        align-items: center;
        position: relative;
    }
.custom-eye-icon .input-group-append {
        position: absolute;
        right: 10px;
        cursor: pointer;
        z-index: 99;
    }
.custom-eye-icon .input-group-text {
        background: none;
        border: none;
        padding: 5px;
    }

/* Sticky Sidebar Layout */
.sticky-layout {
    display: flex;
    align-items: start;
}

.sticky-sidebar {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 290px !important;
    height: 100vh;
    overflow-y: auto;
    z-index: 1000;
    background: #0b132b;
}

.main-container {
    margin-left: 290px !important;
    width: calc(100% - 290px) !important;
    min-height: 100vh;
    padding: 80px 20px 0 0px;
}

/* Ensure header stays on top */
.header {
    position: fixed;
    top: 0;
    right: 0;
    left: 290px;
    z-index: 999;
    background: #fff;
}

/* Adjust main container padding to account for fixed header */
.main-container {
    padding-top: 100px !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .sticky-sidebar {
        position: relative !important;
        height: auto;
        width: 100% !important;
    }

    .main-container {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .header {
        left: 0;
    }
}