[data-layout="horizontal"] {

    .main-content {
        margin-left: 0;
    }

    @media (min-width: 1024.1px) {

        .layout-width,
        .container-fluid {
            max-width: 95%;
            margin: 0 auto;
        }

        .topnav-hamburger {
            visibility: hidden;
        }
    }

    .horizontal-logo {
        padding-left: calc(1.5rem * 0.5);

        @media (max-width: 1024.98px) {
            padding-left: 1.5rem;
        }
    }

    .navbar-menu {
        background: var(--vz-topnav-bg);
        border-right-color: transparent;
        padding: 0 calc(1.5rem * 0.5);
        box-shadow: 0 2px 4px rgba(15,34,58,0.12);
        margin-top:  70px;
        position: fixed;
        left: 0;
        right: 0;
        z-index: 100;
        width: 100%;
        bottom: auto;

        @media (max-width:575.98px) {
            .container-fluid {
                padding: 0;
            }
        }

        .navbar-nav {
            flex-direction: row;

            .nav-sm {
                padding-left: 0;

                .nav-link {
                    &:before {
                        opacity: 0 !important;
                    }

                    &:hover,
                    &.active {
                        color: var(--vz-topnav-item-active-color);
                    }
                }
            }

            .nav-link {
                color: var(--vz-topnav-item-color);
                padding: 0.75rem 1.5rem;

                i {
                    line-height: 1;
                }

                &.active {
                    color: var(--vz-topnav-item-active-color);
                    &:after {
                        color: var(--vz-topnav-item-active-color);
                    }   
                    .icon-dual {
                        color: var(--vz-topnav-item-active-color);
                        fill: #6691e710;
                    }
                }

                &[data-bs-toggle=collapse][aria-expanded=true] {
                    color: var(--vz-topnav-item-active-color);

                    .icon-dual {
                        color: var(--vz-topnav-item-active-color);
                        fill: #6691e710;
                    }

                    &:after {
                        color: var(--vz-topnav-item-active-color);
                    }
                }

                &:hover {
                    .icon-dual {
                        color: var(--vz-topnav-item-active-color);
                        fill: #6691e710;
                    }
                }
            }

            >.nav-item {
                >.nav-link[data-bs-toggle=collapse]:after {
                    right: 0px;
                    transform: rotate(90deg) !important;
                }
            }

            >li:nth-of-type(2) {
                >.nav-link.menu-link {
                    padding-left: 0;
                }
            }
        }

        .navbar-brand-box {
            display: none;
        }
    }

    .navbar-nav {
        .nav-item {
            position: relative;

            .nav-link[data-bs-toggle=collapse]:after {
                right: 10px;
                transform: rotate(0deg) !important;
            }

            >.nav-link {
                >.badge {
                    display: none;
                }
            }

            &:hover {
                >.nav-link {
                    color: var(--vz-topnav-item-active-color);

                    .icon-dual {
                        color: var(--vz-topnav-item-active-color);
                        fill: #6691e710;
                    }

                    &:after {
                        color: var(--vz-topnav-item-active-color);
                    }
                }

                @media (min-width: 1024.1px) {
                    >.menu-dropdown {
                        display: block;
                        height: auto !important;
                    }
                }
            }

            &.active {
                color: var(--vz-topnav-item-active-color);
            }
        }
    }

    .menu-dropdown {
        position: absolute;
        min-width:14rem;
        padding:  .5rem 0;
        box-shadow: 0 0px 5px rgba(15,34,58,0.15);
        animation-name: DropDownSlide;
        animation-duration: .3s;
        animation-fill-mode: both;
        margin: 0;
        z-index: 1000;
        background-color: var(--vz-topnav-bg);
        background-clip: padding-box;
        border: 0 solid var(--vz-border-color);
        border-radius: var(--vz-border-radius-lg);
        display: none;

        .menu-dropdown {
            top: 0;
            left: 100%;
        }
    }

    .mega-dropdown-menu {
        width: 40rem;
    }

    .menu-title {
        display: none;
    }

    .dropdown-custom-right {
        left: -100% !important;
        right: 100%;
    }

    @media (max-width: 1024px) {
        .navbar-menu {
            display: none;
        }
    }
}

[data-layout="horizontal"] {
    .menu {
        @media (max-width: 1024px) {
            .navbar-menu {
                display: block;
                max-height: 360px;
                overflow-y: auto;
                padding-left: 0;

                .navbar-nav {
                    flex-direction: column;

                    >li:nth-of-type(2)>.nav-link.menu-link {
                        padding-left:  1.5rem;
                    }

                    .nav-sm .nav-link:before {
                        opacity: 1 !important;
                    }
                }
            }

            .menu-dropdown {
                position: relative;
                min-width: 100%;
                box-shadow: none;
                padding-left: 28px;
                left: 0;
                animation: none;
                padding-top: 0;

                &.show {
                    display: block;
                }
            }

            .dropdown-custom-right {
                left: 0 !important;
            }

            .nav-item .nav-link[data-bs-toggle=collapse]:after {
                right: 0px;
            }

            .mega-dropdown-menu {
                width: 100%;
            }
        }
    }
}


[dir="rtl"]{
    &[data-layout=horizontal] {
        .navbar-menu {
            .navbar-nav>.nav-item>.nav-link[data-bs-toggle=collapse]{
                &:after{
                    transform: rotate(-90deg) !important;
                }
            }
        }

        .navbar-nav{
            .nav-item {
                .nav-link[data-bs-toggle=collapse]{
                    &:after{
                        transform: rotate(-180deg)!important;
                    }
                }
            }
        }
    }
}



  #password-contain {
      display: none;

      p {
          padding-left: 13px;

          &.valid {
              color: var(--vz-success);

              &::before {
                  position: relative;
                  left: -8px;
                  content: "✔";
              }
          }

          &.invalid {
              color: var(--vz-danger);

              &::before {
                  position: relative;
                  left: -8px;
                  content: "✖";
              }
          }
      }
  }