/* css classes specific to bfk, some are 
modifying 
Bootstrap classes */

.bfk-table > *, .bfk-table > * > * , .bfk-table > * > * > *  {
    padding: 2px 2px !important;
}

/*
.form-control-sm, .form-select-sm, .input-group-sm, .btn-sm, .input-group-sm > .btn {
    padding: .1rem .4rem;
    min-height: calc(1.4em  + 2px);
}

.form-control[readonly] {
    background-color: white;
}

.search-bar {
    position:fixed; 
    height: 46px; 
    padding: 6px; 
    margin:0px auto; 
    z-index:200; 
    width:100%;
    background-color: white;;
}

.input-group-sm {
    padding: 0;
}

.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text {
    padding: .1rem .4rem;
    min-height: calc(1.4em  + 2px);
}

.prompt_css {
    text-align: right;
    padding-right: 5px;
    color: rgb(3, 48, 145);
}
*/
.tabs2 {
    background-color: #ffff00;
}

.tabs {
    /*background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important;*/
    background-color: #446;
}

.inter-title {
    background-color: #323c51;
}



 /* vartical Menu */
 
.bfk-menu {
    color: #ddd;
    padding: 0.15rem;
}

.bfk-menu:hover {
    color: #eee;
    background-color: rgb(7, 7, 34);
}


 .active-menu {
    background-color: #333;
 }

 /* Not yet implented on firefox ???
 li:has(> li.active) {
    font-weight: bold;
    color: #eee;
 }
 */
 .active-main-menu, .active-menu {
    /*color: red;*/
    font-weight: bold;
 }

 .bfk-toggler {
    color: #fdeaad;
 }

 .context-menu:hover {
    color: white;
    background-color: #2244ff;;

 }

 .col-head {
    cursor: pointer;
 }

 .default-val {
    color: #9aa;
 }