//@import "../../../abstracts/abstracts";

// #dbq-tool-manager-container {
//     a {
//         text-decoration: none;
//     }
//     #document-editor-container {
//         #dbqde-elements-container {
//             #dbqde-elements-list {
//                 color: #333;
//             }
//         }
//         .dbqde-function-button {
//             border: 1px solid transparent;
//             cursor: pointer;
//             border-radius: 50%;
//             font-size: 1rem;
//         }
//         .btn-primary {
//             border: none;
//             transition: none;
//             color: #fff;
//             background-color: #007bff;
//             border-color: #007bff;

//             &:hover {
//                 color: #fff;
//                 background-color: #0069d9;
//                 border-color: #0062cc;
//             }

//             &:not(:disabled):not(.disabled).active,
//             &:not(:disabled):not(.disabled):active {
//                 background-color: #0062cc;
//                 border-color: #005cbf;
//             }
//         }
//         .btn-sm {
//             padding: 0.25rem 0.5rem;
//             border: none;
//             font-size: 12px;
//         }
//         #topics-container {
//             .navbar {
//                 position: relative;
//                 display: flex;
//                 -ms-flex-wrap: wrap;
//                 flex-wrap: wrap;
//                 -ms-flex-align: center;
//                 align-items: center;
//                 -ms-flex-pack: justify;
//                 justify-content: space-between;
//                 padding: 0.5rem 1rem;
//                 height: unset;
//                 .nav-item {
//                     // Removed by Jeroen @ 18-11-2022. Due to this styling every topic had the same style and it was impossible to see which one was active.
//                     // .nav-link {
//                     //     text-decoration: none;
//                     //     background-color: transparent;
//                     //     color: rgba(255,255,255,.5);
//                     // }

//                     &:focus,
//                     &:hover {
//                         color: rgba(255,255,255,.75);
//                     }

//                     &:active,
//                     &.active {
//                         color: #fff;
//                     }
//                 }
                
//             }
//         }
//     }
//     #document-editor-side-menu-container {
//         .document-editor-tab-bar {
//             button {
//                 border: none;
//             }
//         }
//         select {
// 			option {
// 				background: #343a40;
// 				color: #fff;
// 				fill: #fff;
// 			}
// 		}
//     }
//     #element-attributes-container {
//         .btn-primary {
//             &.disabled.active {
//                 color: #fff;
//                 background-color: #0062cc;
//                 border-color: #005cbf;
//             }
//         }
//     }
// }