/*bukka*/
/*general styles&resets*/
body{
    background-color:rgb(72,72,74);
}
body.light-view{
    background-color:rgb(242,242,247);
    min-height: 1000px;
    color:rgb(72,72,74);
}
body, html{
    height: 100%;
    font-family: 'Open Sans', sans-serif;
}
:focus{
    outline:none;
}
a, p, span{
    color:rgb(72,72,74);
}
a, a:hover, a:active, a:link, a:focus, a:visited{
    text-decoration:none;
}
.bg-dark{
    background-color:rgb(72,72,74) !important;
}
.font-sm{
    font-size:.5rem !important;
}
.font-md{
    font-size:.625rem !important;
}
.font-lg{
    font-size:.75rem !important;
}
.font-xl{
    font-size:1rem;
}
.caret {
    display: none !important;
}
.dropdown-toggle::after {
    content: none !important;
}
.alert{
    padding: .25rem .75rem;
    font-size: .75rem;
    border-radius: 2px;
}
.alert .close{
    font-size: 1.25rem;
    line-height: 1.25rem;
}
.chart-container {
    width:100%;
    min-height:450px;
}
/*input & textarea & select & checkbox & button & fileupload & form resets*/
    input, textarea, select{
        outline:none;
        box-shadow:none !important;
    }
    input,textarea, select, textarea.form-control,input.form-control,input.custom-file-input, label.custom-file-label{
        width:100%;
        background-color: transparent;
        border:1px solid rgb(72,72,74) !important;
        font-size:.75rem;
        font-weight: 300;
        border-radius:0;
        outline:none;
        box-shadow:none !important;
    }
    textarea:focus, textarea.form-control:focus,input:focus,input.form-control:focus{
        color: rgb(72,72,74);
        background-color: transparent;
        border-color: rgb(72,72,74) !important;
        outline: 0 !important;
        box-shadow: none !important;
        opacity: 1;
    }
    select{
        border-radius:0 !important;
        border:1px solid rgb(72,72,74) !important;
        font-weight: 300;
        font-size: .75rem;
        margin-bottom: 0 !important;
        color:rgb(72,72,74);
        background-color: transparent !important;
    }
    button.focus,button:focus,button.close,button.close:focus{
        box-shadow: none !important;
        outline:none !important;
    }
    .form-group{
        margin-bottom: 0 !important;
    }
    /*input & textarea & select & checkbox & button & fileupload & form resets*/

    /*checkbox styled*/
    .custom-control-label{
        font-size:.75rem;
        font-weight: 300;
        font-style: italic;
        margin: 0;
        padding: .2rem 0 0 0;
    }
    .custom-control-label:before{
        border-radius:0 !important;
        border:1px solid rgb(72,72,74);
    }
    .custom-control-input:checked~.custom-control-label::before{
        color: rgb(242,242,247);
        background-color: rgb(72,72,74);
        border:1px solid rgb(72,72,74);
    }
    .custom-control-input:focus~.custom-control-label::before{
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        border:1px solid rgb(72,72,74);
    }
    /*checkbox styled*/
    /*select styled*/
        .bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle{
            color: rgb(72,72,74);
            outline: none !important;
        }
        .bootstrap-select .btn-light{
            background-color: transparent;
            border: 1px solid rgb(72,72,74);
            border-radius: 0;
            font-size: .75rem;
            color: rgb(72,72,74);
        }
        .bootstrap-select .dropdown-menu{
            border: 1px solid rgb(72,72,74);
            border-radius: 0;
            font-size: .75rem;
            background-color: rgb(242,242,247);
            padding: .125rem 0;
        }
        .bootstrap-select .dropdown-menu .dropdown-item{
            padding: .25rem .75rem;
        }
        .bootstrap-select li.active a, .dropdown-item:active a{
            background-color: rgb(242,242,247);
            font-size: .75rem;
            font-weight: 600;
            color: rgb(72,72,74);
        }
        .bootstrap-select .dropdown-divider{
            margin: .25rem;
            border-top: 1px solid rgb(174,174,178);
        }
        .bootstrap-select .dropdown-menu li a.opt{
            padding-left: 1rem;
        }
        .bootstrap-select .dropdown-header{
            padding: .5rem 1rem;
            font-size:.75rem;
            font-weight:600;
            color: rgb(72,72,74);
        }
/*select styled*/
    /*tables*/
        table td, table th{
            border-top:none !important;
            padding:.75rem .75rem .1rem 0 !important;
            vertical-align: middle !important;
        }
        table td:first-child, table th:first-child{
            padding-left:.25rem !important;
        }
        table thead th{
            border-bottom:1px solid rgb(72,72,74) !important;
            font-size:.75rem !important;
            font-weight: 400 !important;
        }
        table tbody td{
            font-size:.625rem !important;
            font-weight: 400 !important;
            border-bottom: 1px solid rgb(229,229,234) !important;
            padding:.4rem .2rem .4rem 0 !important;
        }
        table caption{
            color: rgb(72,72,74);
            font-size: .75rem;
            font-weight: 400;
        }
        table caption span{
            font-weight: 600;
        }
    /*tables*/
    /*modal*/
        .modal-content{
            background-color: rgb(242,242,247);
            border: 1px solid rgb(229,229,234);
            border-radius: 0 !important;
            background-clip: unset;
        }
        .modal-content .modal-header{
            padding:.25rem .5rem;
            align-items: flex-end;
            border-bottom: 1px solid rgb(229,229,234);
        }
        .modal-content .modal-header .close{
            padding: 0 !important;
            margin: 0 !important;
        }
        .modal-content h1.modal-title{
            color: rgb(72,72,74);
            font-size: .75rem;
            font-weight: 600;
            line-height: 1rem;
            padding: 0;
            margin: 0;
        }
        .modal-content .modal-body{
            padding: .25rem .5rem .5rem .5rem;
        }
        .modal-content .modal-body .alert{
            margin: 0 !important;
            font-size: .75rem;
            border-radius: 0 !important;
        }
        .modal-content .modal-body label{
            font-size: .75rem;
            font-weight: 300;
            padding: 0;
            margin: .3125rem 0 .125rem 0;
        }
        .modal-content .modal-body p{
            margin-bottom: .25rem;
            font-size: .75rem;
            font-weight: 300;
        }
        .modal-content .modal-body p span{
            font-weight: 400;
        }
        .modal-content .modal-footer{
            border-top: 1px solid rgb(229,229,234);
        }
        .modal-content .modal-footer .submit-buttons{
            padding:0;
            margin:0;
        }
    /*modal*/
/*general styles&resets*/
/*login*/
    .login-row{
        background-color: rgb(242,242,247);
    }
    .login-form-container .form-check-label{
        font-style: italic;
        font-weight: 300;
        font-size:.625rem;
    }
    .login-form-container .custom-control{
        margin-left:0;
        margin-top:0;
        padding-top:0;
    }
    .login-form-container button.login-button{
        border:1px solid rgb(72,72,74);
        background-color: transparent;
        width: 100%;
        font-weight: 300;
        border-radius: 0;
        font-size: .75rem;
    }
    .login-form-container button.login-button:hover{
        background-color:rgb(52,199,89);
        border:1px solid rgb(48,209,88);
        color:rgb(242,242,247);
    }
    .login-form-container button.forgot-password{
        font-size:.675rem;
        font-weight: 300;
        color:rgb(72,72,74);
        background-color:transparent;
    }
/*login*/
/*index*/
    /*header*/
        .site-logo{
            background:url("../img/logo-l.png") no-repeat center center;
            display:block;
            width: 6.5625rem;
            height: 1.5625rem;
        }
        .user-menu span, .user-menu i, .user-menu a{
            color:rgb(242,242,247);
        }
        .user-menu span.user-name{
            font-size:.625rem;
            font-weight: 300;
        }
        .user-menu svg[data-icon="bars"]{
            display: none;
        }
        .user-menu .dropdown-menu{
            background-color: rgb(242,242,247);
            border: 0;
            border-radius: 0;
            -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            padding-right: .625rem;
            padding-left: .625rem;
            width: 13.4375rem
        }
        .user-menu .dropdown-menu .dropdown-item{
            color: rgb(72,72,74);
            font-size:.75rem;
            font-weight: 300;
            border-bottom: 1px solid rgb(72,72,74);
            padding-right: 0;
            padding-left: .75rem;
        }
        .user-menu .dropdown-menu .logout-button{
            background-color: rgb(255,69,58);
            color: rgb(242,242,247);
            padding: 0.3125rem 0;
            border-radius: 0;
            margin: .625rem 0 0 0;
            text-align: center;
        }
        .user-menu .dropdown-menu .dropdown-item:hover{
            background-color: transparent;
        }
        .user-menu .dropdown-menu a.dropdown-item:hover{
            color: rgb(72,72,74);
            font-weight: 400;
        }
        .user-menu .dropdown-menu a.logout-button:hover{
            background-color: rgb(232,52,41);
            color: rgb(242,242,247);
        }
        .user-menu .dropdown-menu .dropdown-item:last-child{
            border-bottom: none;
        }
        .user-menu mark{
            border-radius: 1.25rem;
            -webkit-border-radius: 1.25rem;
            -moz-border-radius: 1.25rem;
            width: 1.25rem;
            height: 1.25rem;
            background-color: rgb(255,69,85);
            position: absolute;
            top: 0.25rem;
            left: -1.5625rem;
            font-size: .75rem;
            text-align: center;
            font-weight: 400;
            color: rgb(242,242,247);
        }
    /*header*/
    /*left-menu*/
        .sticky-menu{
            width: 8.4375rem;
            background-color: rgb(72,72,74);
            height: 100%;
            position: fixed;
            left: 0;
            color: rgb(242,242,247);
        }
        .sticky-menu .menu{
            padding: 2.1875rem 0;
            z-index: 1;
        }
        .sticky-menu .menu .menu-item{
            padding: 0.3125rem 0;
            margin: 0.9375rem 0;

        }
        .sticky-menu .active{
            background-color: rgb(255,159,10);
        }
        .sticky-menu .menu .menu-item a, .sticky-menu .menu .menu-item p {
            color: rgb(242,242,247);
            display: block;
        }
        .sticky-menu .menu .menu-item a p {
            font-size: .75rem;
            padding: 0;
            margin: 0;
        }
        .sticky-menu .menu .menu-item:hover{
            background-color: rgb(255,159,10);
        }
    /*left-menu*/
    /*dashboard-container*/
        .dashboard{
            margin-left: 8.4375rem;
            z-index: 2;
        }
        .dashboard .dashboard-selector{
            padding: 1.375rem 0 .375rem 0;
        }
        .dashboard .dashboard-selector button{
            color: rgb(242,242,247);
            background-color: rgb(72,72,74);
            border-radius: 0;
            border:none;
            padding: 0.0625rem 0.4375rem 0.125rem;
        }
        .dashboard .dashboard-selector button:hover, .dashboard .dashboard-selector button.active-selector{
            background-color: rgb(255,159,10);
        }
    /*dashboard-container*/
/*index*/
/*dashboard*/
    /*dashboard-boxes*/
        .dashboard-box{
            background-color: rgb(242,242,247);
            -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            margin-bottom: 2rem;
            /*min-height: 595px;*/
        }
        .dashboard-box .box-header{
            padding: .625rem 0;
        }
        .dashboard-box .box-header h1{
            font-size: 1rem;
            font-weight: 400;
            padding: 0;
            margin: 0;
        }
        .dashboard-box .box-header p.header-sub{
            font-weight: 300;
            font-size: .75rem;
            padding: 0;
            margin: 0;
        }
        .dashboard-button{
            font-size: .75rem;
            font-weight: 400;
            border-radius: 0;
            border: 1px solid rgb(72,72,74);
            padding: .375rem 1.25rem;
            margin: .25rem 0 .75rem 0;
        }
        .dashboard-button:hover{
            background-color: rgb(72,72,74);
            color: rgb(242,242,247);
        }
        .expense-btn{
            background-color: rgb(255,69,58);
            border-color: rgb(232,52,41);
            color: rgb(242,242,247);
        }
        .expense-btn:hover{
            background-color: rgb(232,52,41);
            color: rgb(242,242,247);
        }
        .income-btn{
            background-color: rgb(48,209,88);
            border-color: rgb(0,171,89);
            color: rgb(242,242,247);
        }
        .income-btn:hover{
            color: rgb(242,242,247);
            background-color: rgb(0,171,89);
        }
        .header-info h1{
            padding:0 0 .1875rem 0 !important;
        }
        .header-info h1 span{
            float:right;
        }
    /*dashboard-boxes*/
/*dashboard*/
/*included-pages*/
    .included-page{
        background-color:rgb(242,242,247);
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        padding:0.625rem
    }
    .included-page-header h1{
        font-size:.75rem;
        padding:0;
        margin:0;
        border-bottom:1px solid rgb(72,72,74);
    }
    .included-page-content{
        margin-top:.625rem;
    }
    .included-page-content label{
        font-size:.75rem;
        font-weight: 300;
        padding:0;
        margin:.3125rem 0 .125rem 0;
    }
    .included-page .input-group-text{
        border-radius:2px;
        background-color: transparent;
        border-color: rgb(72,72,74);
    }
    .included-page .custom-file-label{
        line-height: 1.9rem;
        vertical-align: middle;
        padding:0 0 0 .75rem;

    }
    .included-page .submit-buttons, .submit-buttons{
        margin: 1.25rem 0 0 0;
    }
    .included-page .submit-buttons .btn, .submit-buttons .btn{
        border: 1px solid;
        border-radius: 0;
        padding: .3125rem 2rem;
        font-size: .75rem;
        font-weight: 300;
        color: rgb(242,242,247);
    }
    .included-page .submit-buttons .btn-save, .btn-save{
        background-color: rgb(48,209,88);
        border-color: rgb(0,171,89);
    }
    .included-page .submit-buttons .btn-abort, .btn-abort{
        background-color: rgb(255,69,58);
        border-color: rgb(232,52,41);
    }
    .included-page .submit-buttons .btn-save:hover, .btn-save:hover{
        background-color: rgb(0,171,89);
    }
    .included-page .submit-buttons .btn-abort:hover, .btn-abort:hover{
            background-color: rgb(232,52,41);
        }
    .included-page .table-header{
        font-size: .75rem;
        font-weight: 400;
        padding: 0 0 .3125rem 0;
        margin: 0;
    }
    .included-page .table-header-group .table-header{
        line-height: 2rem;
        padding: 0 !important;

    }
    .included-page table thead tr{
            border-top: 1px solid rgb(72,72,74);
    }
    .included-page .table thead tr th{
        padding-top: .3125rem !important;
        padding-bottom: .3125rem !important;
    }
    .included-page .table-edit-button:hover{
        color: rgb(10,132,255);
    }
    .included-page .table-edit-button{
        padding: 0;
        margin: 0;
    }
    .included-page .accordion-item:first-child{

    }
    .included-page .accordion-item{
        margin:.25rem 0 .50rem 0;
    }
    .included-page .accordion-item-header{
        background-color: rgb(229,229,234);
    }
    .included-page .accordion-btn{
        padding: .3125rem 0 .3125rem 0 !important;
        font-size: .75rem;
        font-weight: 400;
        width: 100%;
        text-align:left;
        text-indent: .125rem;
    }
    .included-page .payment-type, .included-page .payment-type-amount, .included-page .payment-type-cash{
        display:none;
    }
    .included-page h1.table-header{
        font-size: .75rem;
        font-weight: 400;
        padding:0 0 .3125rem 0;
        margin:0;
    }
    .included-page .table-btn{
        color: rgb(242,242,247);
        padding: .15625rem .375rem;
        font-weight: 400;
        font-size: .625rem;
    }
    .included-page .no-payment{
        background-color: rgb(255,69,58);
    }
    .included-page .no-payment:hover{
        background-color: rgb(232,52,41);
    }
    .included-page .paid{
        background-color: rgb(48,209,88);
    }
    .included-page .border-bottom{
        border-bottom:1px solid rgb(72,72,74) !important;
    }
    .included-page table.tally-trade-table input.form-control{
        border: none !important;
        /*background-color: rgb(229,229,234);*/
        font-weight: 400;
        font-size: .625rem;
        padding: 0 !important;
        height: auto;
        text-indent: .875rem
    }
    .included-page table.tally-trade-table svg[data-icon="calendar-alt"],
    .included-page table.tally-trade-table svg[data-icon="exchange-alt"]{
        margin-top: .09375rem
    }
    .included-page button.input-btn{
        position: absolute;
        padding:inherit !important;
        margin:0 !important;
        top: 1.76rem;
        right:10px;
        border-radius: 0 !important;
    }
    .included-page button.input-btn:hover{
        color: rgb(255,159,10);
    }
    button.btn-inline-save{
        border:1px solid rgb(72,72,74) !important;
        border-radius: 0;
        padding: .375rem .75rem;
        /*margin-right: .25rem;*/
        font-size: .75rem;
        color: rgb(72,72,74);
    }
    button.btn-inline-save:hover{
        background: rgb(0,171,89);
        border-color: rgb(48,209,88) !important;
        color: rgb(242,242,247);
    }
    .modal-body .add-position-buttons{
        text-align: center;
    }
    .modal-body .add-position-buttons button{
        font-size: .625rem;
        border:1px solid rgb(72,72,74);
        border-radius:0 !important;
        /*margin-right: .25em;*/
        margin-bottom: .5rem;
        width: 100%;
    }
    .modal-body .add-position-buttons button:hover{
        background-color: rgb(232,52,41);
        border-color: rgb(255,69,58);
        color: rgb(242,242,247);
    }
    .modal-body button.btn-input-delete,
    .modal-body button.btn-input-save{
        padding: 0 !important;
        border:0;
        border-radius: 0;
        margin:0 !important;
    }
    .modal-body button.btn-input-delete:hover{
        color: rgb(255,69,58);
    }
    .modal-body button.btn-input-save:hover{
        color: rgb(48,209,88);
    }
/*included-pages*/

/*footer*/
    .footer{
        margin-left: 8.4375rem;
        text-align: center;
    }
/*footer*/