@import 'def';


.label-count {
    position: absolute;
    top: 15px;
    right: -2px;
    font-size: 10px;
    line-height: 15px;
    @include themify($themes) {
        background-color: themed('label-count-bg');
        color:themed('label-count');
    }
    padding: 0 4px;
    border-radius: 0.1875rem;
}


#navbar {
    @include themify($themes) {
        background-color:  themed('navbg');
    }
    box-shadow:0px 0px 10px rgba(0,0,0,0.2);

    .navbar-brand {
        margin-right: 3rem;
    }
    
}

.navbar {
    padding-top:0px;
    padding-bottom:0px;
    &.bg-light {
        background-color: #fff!important;
    }
}

.navbar-brand {
    @media screen and (max-width: 1399px) { 
        display:none;
    }
        img {
            
            @media screen and (min-width: 1200px) {
                height:35px;
            }

            @media screen and (min-width: 1850px) {
                height:55px;
            }
}

}

.navbar-nav {

    .notifications {
        width:53px;

        a{
        padding-left:8px;
        padding-right:22px;
        }

        span.label-count {
            right:8px;
        }

    }

    .icon-stack {
        display: inline-block;
        transform: translateY(-30px);

        .icon-cirk_bg {
            transform: translateX(0%);
        }
    }

    &> li > a {
        padding: 0px 15px;
        line-height: 65px;
    }

    &> li > a i {
        font-size: 20px; 
    }

    &.mr-auto {
        .nav-link {
            @include themify($themes) {
                color: themed('menucolor')!important;
            }

            @media screen and (min-width: 1024px) {
                padding-left:10px!important;
                padding-right:10px!important;
                white-space: nowrap;
                font-size:13px;
            }

            @media screen and (min-width: 1850px) {
                padding-left:32px!important;
                padding-right:32px!important;
                font-size:1rem;
            }



            transition: all 0.4s;

            &:hover {
                @include themify($themes) {
                    color:themed('txtcolor100')!important;
                }
            }
        }
    }

    .nav-adjust {
        @media screen and (min-width: 1024px) {
            padding-left:10px!important;
            padding-right:10px!important;
            white-space: nowrap;
            font-size:13px;
        }

        @media screen and (min-width: 1600px) {
            padding-left:32px!important;
            padding-right:32px!important;
            font-size:1rem;
        }
    }

    li {
        transition:all 0.4s;
        
        &.no-hover {

            a {
                cursor: default;
            }

            &:hover {
            background-color: transparent!important;  
            }  
        }

        &:hover, &.active {
            @include themify($themes) {
                background-color: themed('menuhover');
            }
        }
    }

    .spacer {
        @media screen and (min-width: 1024px) {
        width:50px;
        }
        @media screen and (min-width: 1400px) {
            width:75px;
            }
    }

    .spacebefore {
        padding-left:30px;
    }

    .spaceafter {
        padding-right:30px;
        @media screen and (min-width: 1024px) {
            padding-right:10px;
        }
        @media screen and (min-width: 1400px) {
            padding-right:30px;
        }

    }



    .dropdown-menu {
        @include themify($themes) {
            /*font-size: themed('bodysize'); */
            font-size:13px;
            line-height:14px;       
            background-color: themed('cardbg');
            color: themed('txtcolor100');
        }
        margin-right: -140px;
        
        box-shadow:0px 0px 10px rgba(0,0,0,0.2);
        border:none;

        a {
            @include themify($themes) {
                color: themed('txtcolor100');
            }
            transition: all 0.4s;
        }

        .dropdownscrollarea {
            max-height: 305px;
            overflow-y: scroll;

            h4 {
                min-width:400px; 
                font-size: 16px;
                padding: 10px 0 0 25px;
                @include themify($themes) {
                    border-top:1px solid themed('txtcolor3');
                }

                &:first-of-type {
                    border:none;
                    padding-top: 3px;
                }

            }
        }

        table {
          

            tr { 
                transition:all 0.4s;

                a {
                   @include themify($themes) {
                        color: themed('txtcolor100');
                   }  
                padding-right:1rem;
                }

                &:hover {
                    @include themify($themes) {
                        background-color:themed('menudropitemhover');
                    }
                }

                &:hover a {
                    text-decoration: none;
                    @include themify($themes) {
                    color:themed('txtcolor100');
                    }
                }

                td {
                    white-space: nowrap;
                    padding:5px 0px;
                    &:first-child {
                        padding-left:25px;
                    }
                    &:last-child {
                        padding-right:10px;
                    }
                }
            } 
        }
    }

    .dropdown-toggle::after {
        display: none;
    } 

    .dropdownheader { 
        i {
            padding-right:1.5rem;
            font-size: 24px;
        }

        p {
            @include themify($themes) {
                font-size: themed('bodysize');
            }
            margin:0;
            font-weight:400;
            padding-left:1.5rem;
        }
    }
}