.scrollspy-example {
    height: 300px;
    position: relative;
    overflow-y: scroll;
}

@media (max-width:420px) {
    .navbar-brand img {
        width: 95px;
        margin-left: 0 !important;
        margin-right: auto;
    }
    .navbar-brand {
        margin-left: 0 !important;
        margin-right: auto;
    }
    .header_tp1 i {
        padding: 0 1px !important;
    }
}

.navbar-toggler {
    border: none;
}


/* Add fade animation to dropdown menus */

.dropdown-menu {
    animation-name: fadeAnimation;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    -webkit-animation-name: fadeAnimation;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: fadeAnimation;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: forwards;
    overflow: hidden;
}

@keyframes fadeAnimation {
    from {
        max-height: 0;
    }
    to {
        max-height: 550px;
    }
}

.tp-header {
    background-color: #1c2225;
}

.header_tp1 i {
    padding: 0 5px;
}

.header_dark_bg {
    background: linear-gradient(40deg, #637c8a, #79919f, #637c8a, #79919f, #637c8a, #79919f, #637c8a, #79919f, #637c8a, #79919f);
}

.header_dark_bg .nav-item .nav-link {
    color: #fff;
}

.advanced_tp_nav {
    padding: 15px;
}

.advanced_nav_admin {
    width: 45px;
}

.advanced_tp_nav i {
    font-size: 16px;
}

.messages_badge_top,
.notifications_badge_top {
    margin-top: -38px;
    margin-left: 10px;
}

@media (min-width: 300px) {
    .advanced_tp_nav.navbar-toggleable-md .navbar-nav {
        flex-direction: row;
    }
    .advanced_tp_nav.navbar-toggleable-md .navbar-collapse {
        display: flex !important;
        width: 100%;
    }
    .advanced_tp_nav.navbar-toggleable-md .navbar-nav .nav-link {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

.navbar_page .navbar-brand {
    width: auto;
}

.navbar_page .navbar-light .navbar-nav .nav-link:focus,
.navbar_page .navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
}

.navbar_page .menu_search {
    margin-left: 0 !important;
}

@media (max-width:767px) {
    .container_nav {
        padding: 15px 0;
    }
}

.navbar-inverse .navbar-nav .nav-link {
    color: #fff;
}

@media (max-width: 340px) {
    .menu_search input {
        width: 160px;
    }
}

.hidden-xs-down1.dropdown-toggle::after {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .language1.dropdown-toggle::after {
        display: none !important;
    }
}


/*navbars*/

.bg-dark {
    background-color: #292b2c;
}

.expand1 {
    margin-top: 10px;
}

.input_icon {
    position: relative;
}

.input_icon_left {
    left: 8px;
}

.input_icon_left,
.input_icon_right {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    width: 36px;
    text-align: center;
}

[class*=" ti-"] {
    font-family: 'themify';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.br_25 {
    border-radius: 25px;
}

.nav_bar .navbar-nav .nav-link a {
    color: #fff;
}

.nav-link1::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.3em;
    vertical-align: middle;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

@media(min-width: 320px) and (max-width: 374px) {
    .dropdown-menu1 .dropdown-item {
        padding: .5rem;
    }
    .page-link {
        margin-top: 0 !important;
    }
}

@media(min-width:320px) and (max-width: 1023px) {
    .mr-auto {
        margin-right: 7px !important;
    }
}

.nav-item .nav-link.active {
    background-color: #329cff;
}

.mr-auto1 {
    margin-left: auto;
}

.mx-auto {
    margin: auto;
}

.mr-autor {
    margin-left: auto;
}

@media (max-width: 575px) {
    .hidden-xs-down1 {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .hide_mob {
        display: none;
    }
}

.dropdown-menu2 {
    position: absolute !important;
}

@media(min-width:768px) and (max-width:1023px) {
    .Hidesm {
        display: none;
    }
}

.dropdown-menu2 {
    position: absolute !important;
}