@import 'def';

.budgetinput {
    .material-input {
        width:100%;
    }
}

.budgettable {
    i {
        cursor: pointer;
    }

    tr {
        border-bottom:none!important;

        height:auto!important;
        &.months {
            @include themify($themes) {
                background: themed('navbg');
            }
        }
    }
    
    td {
        padding: 10px!important;
        @include themify($themes) {
            border:1px solid themed('trBorderColor');
        }

        &.noborder {
            border:none;
            padding: 10px 0px 20px 0px!important;
        }
    }
}

.choosebudgetunitswrapper {
    height:315px;
    overflow-y:scroll;
    overflow-x: hidden;
}

.choosebudgetunits {
    display:block;
    margin-top:7px!important;
}

ul.choosebudgetunits, ul.selectedbudgetunits {
    margin:0;
    padding: 0 0 0 0;
    list-style-type: none;     
    overflow-y:scroll;
    overflow-x: hidden;
    


    &.nav-menu-list-style .nav-header {
        display:block;
        margin:0;
        /*line-height:42px;*/
        padding:0 0 2px 0;
        @include themify($themes) {
            border-bottom:1px solid themed('trBorderColor');
            }  
        font-weight:600;
    }

    &.nav-menu-list-style > li{
        position:relative; 
    }

    &.nav-menu-list-style > li a{
        padding:0 10px;
        line-height:32px;
    }

    &.nav-menu-list-style > li:first-child a {
    }

    &.nav-menu-list-style { 
        list-style:none; 
        padding:0px; 
        margin:0px;
    }
    
    &.nav-menu-list-style li .badge,ul.nav-menu-list-style li .pull-right,ul.nav-menu-list-style li span.badge,ul.nav-menu-list-style li label.badge{
        float:right;
        margin-top:7px;
    }

    &.nav-list {
        li {
            display:block;
        }
    }

     li {
         width:100%;
         padding:8px 0;
         cursor:pointer;
         font-size:14px;
         font-weight:400;
         transition: all 0.4s;
           


     
                li {

                    @include themify($themes) {
                        border-bottom:1px solid themed('trBorderColor');
                    }  
                    &:hover {
                        @include themify($themes) {
                            background-color:themed('navbg');
                        }  
                        padding-left:10px;
                        cursor: pointer;   
                    }
            
                    &:hover i {
                        transform: scale(1.4);
                    }
                }
           

        i {
            float:right;
            transition: all 0.2s;
            padding-right:5px;
        }

     
     }
}

ul.selectedbudgetunits { 
    height:315px;
    li {

        @include themify($themes) {
            border-bottom:1px solid themed('trBorderColor');
        }  
        &:hover {
            @include themify($themes) {
                background-color:themed('navbg');
            }  
            padding-left:10px;
            cursor: pointer;   
        }

        &:hover i {
            transform: scale(1.4);
        }
    }
}