@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-nav {

    &> 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;
            }
            padding-left:32px!important;
            padding-right:32px!important;
            transition: all 0.4s;

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

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

            a{
                cursor: default;
            }

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

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

    .spacer {
        width:75px;
    }

    .spacebefore {
        padding-left:30px;
    }

    .spaceafter {
        padding-right:30px;
    }



    .dropdown-menu {
        @include themify($themes) {
            font-size: themed('bodysize');        
            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;

        }

        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;
        }
    }
}