/*.wysiwyg a,*/
.wysiwyg abbr,
.wysiwyg acronym,
.wysiwyg address,
.wysiwyg applet,
.wysiwyg article,
.wysiwyg aside,
.wysiwyg audio,
.wysiwyg b,
.wysiwyg big,
.wysiwyg blockquote,
.wysiwyg body,
.wysiwyg canvas,
.wysiwyg caption,
.wysiwyg center,
.wysiwyg cite,
.wysiwyg code,
.wysiwyg dd,
.wysiwyg del,
.wysiwyg details,
.wysiwyg dfn,
.wysiwyg div,
.wysiwyg dl,
.wysiwyg dt,
.wysiwyg em,
.wysiwyg embed,
.wysiwyg fieldset,
.wysiwyg figcaption,
.wysiwyg figure,
.wysiwyg footer,
.wysiwyg form,
.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6,
.wysiwyg header,
.wysiwyg hgroup,
.wysiwyg html,
.wysiwyg i,
.wysiwyg iframe,
.wysiwyg img,
.wysiwyg ins,
.wysiwyg kbd,
.wysiwyg label,
.wysiwyg legend,
.wysiwyg li,
.wysiwyg mark,
.wysiwyg menu,
.wysiwyg nav,
.wysiwyg object,
.wysiwyg ol,
.wysiwyg output,
.wysiwyg p,
.wysiwyg pre,
.wysiwyg q,
.wysiwyg ruby,
.wysiwyg s,
.wysiwyg samp,
.wysiwyg section,
.wysiwyg small,
.wysiwyg span,
.wysiwyg strike,
.wysiwyg strong,
.wysiwyg sub,
.wysiwyg summary,
.wysiwyg sup,
.wysiwyg table,
.wysiwyg tbody,
.wysiwyg td,
.wysiwyg tfoot,
.wysiwyg th,
.wysiwyg thead,
.wysiwyg time,
.wysiwyg tr,
.wysiwyg tt,
.wysiwyg u,
.wysiwyg ul,
.wysiwyg var,
.wysiwyg video {
    all: revert;
}

.x-modal-02 .btn-nw-blue {
    border-color: var(--main-color);
    background-color: var(--main-color);
}


/* Reset default styles */
#div-auth .dropdown.navbar-user {
    position: relative;
}

/* Dropdown button */
#div-auth .navbar-user .nav-link.dropdown-toggle {
    display: flex;
    align-items: center;
    padding: 15px 0 11px;
    background: none;
    border: none;
    cursor: pointer;
    color: #333;
    transition: background-color 0.2s ease;
}

    #div-auth .navbar-user .nav-link.dropdown-toggle:hover {
        background-color: #f5f5f5;
        border-radius: 8px;
    }

/* Avatar in button */
#div-auth .navbar-change-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    margin-right: 8px;
    border: 1px solid #e0e0e0;
}

/* Text in button */
#div-auth .nav-link-title {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1a1a1a;
}

#div-auth .nav-link-text {
    margin: 0;
    text-align: left;
}

    #div-auth .nav-link-text span {
        color: #666;
        line-height: 1.4;
    }

/* Dropdown menu */
#div-auth .dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 280px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border: none;
    margin-top: 8px;
    padding: 12px 0;
    z-index: 1000;
    animation: fadeIn 0.2s ease-in-out;
}

    #div-auth .dropdown-menu.show {
        left: -127px;
    }
/* Fade in animation */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* User info section */
#div-auth .dropdown-user {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid #f0f0f0;
}

#div-auth .dropdown-user-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    margin-right: 12px;
    border: 2px solid #e0e0e0;
}

#div-auth .dropdown-user-info {
    flex: 1;
}

#div-auth .dropdown-user-name {
    color: #1a1a1a;
    margin-bottom: 4px;
}

#div-auth .dropdown-user-phone,
#div-auth .dropdown-user-email {
    color: #666;
    line-height: 1.4;
}

#div-auth .dropdown-user-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: #f5f5f5;
    border-radius: 50%;
    transition: background-color 0.2s ease;
}

    #div-auth .dropdown-user-button:hover {
        background: #e0e0e0;
    }

    #div-auth .dropdown-user-button svg {
        width: 14px;
        height: 14px;
        color: #555;
    }

/* Dropdown items */
#div-auth .dropdown-group {
    padding: 8px 0;
}

#div-auth .dropdown-item {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    transition: background-color 0.2s ease;
}

    #div-auth .dropdown-item:hover {
        background-color: #f8f8f8;
    }

    #div-auth .dropdown-item .icon,
    #div-auth .dropdown-item .dropdown-icon {
        margin-right: 12px;
        display: flex;
        align-items: center;
    }

    #div-auth .dropdown-item svg {
        width: 20px;
        height: 20px;
        fill: #555;
    }

    /* #div-auth .dropdown-item .hot {
        display: inline-block;
        background: #ff4d4f;
        color: #fff;
        padding: 2px 6px;
        border-radius: 4px;
        font-size: 12px;
        margin-left: 8px;
    }*/

    #div-auth .dropdown-item .fw-semi-bold {
        font-weight: 600;
    }

/* Divider */
#div-auth .dropdown-divider {
    height: 1px;
    background: #f0f0f0;
    margin: 8px 0;
}



#div-auth .dropdown-menu .dropdown-item .hot {
    display: inline-block;
    border-radius: 4px;
    width: 50px;
    height: 21px;
    margin: -5px 0 -5px 5px;
    padding: 1px 4px 1px 16px;
    background: url(/_v4/images/icon-menu.png) no-repeat;
    background-position: 0px -238px
}



@media (min-width: 1200px) {
    #div-auth .dropdown-toggle::after {
        display: none;
    }
}

.navbar-collapse-open {
    display: block !important;
}

@media screen and (min-width: 1200px) {
    .navbar-collapse-open {
        display: none !important;
    }
}

@media screen and (max-width: 1199px) {
    .navbar-nav {
        max-width: 100% !important;
    }

    .navbar-collapse {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        display: block !important;
        transform: translateX(-100%);
        overflow-x: hidden;
        overflow-y: auto;
        transition: transform .3s ease !important;
        width: 100%;
        height: 100% !important;
        padding: 40px 0;
        background-color: var(--white-color);
    }
}

@media screen and (max-width: 1199px) {


    #header #div-auth {
        margin-left: 10px;
        margin-right: 10px;
    }

        #header #div-auth .navbar-user {
            width: 100%
        }




        #header #navbarSupportedContent .nav-link, #header #div-auth .nav-link {
            border-bottom-left-radius: 0;
            border-left: 4px solid #123983;
            border-top-left-radius: 0;
            cursor: pointer;
            padding-bottom: 15px;
            padding-left: 10px;
            padding-top: 16px;
            background: #f0f1f3;
            width: 100%;
        }

        #header #div-auth .nav-link {
            display: flex;
            align-items: start;
            flex-direction: column;
            /* justify-content: space-between;*/
        }

    #header .navbar-light .navbar-user .dropdown-toggle:after {
        position: absolute;
        right: 20px;
        top: 20px;
    }




    #div-auth .dropdown-menu {
        width: 100%;
        /*max-width: 280px;*/
        min-width: 0;
        /*  margin: 8px 16px;*/
        right: auto;
        left: 0;
    }

        #div-auth .dropdown-menu.show {
            position: static;
            /* display:flex;*/
        }

    #div-auth .dropdown-user {
        display: none !important;
    }

    #div-auth .nav-link-title {
        font-size: 14px;
    }

    #div-auth .nav-link-text span {
        font-size: 12px;
    }

    #div-auth .dropdown-item {
        font-size: 13px;
        padding: 10px 14px;
        min-height: 44px;
    }
}

.wysiwyg > h3 {
    font-size: 20px;
    color: var(--main-color);
}