/* Core styles: Plugins/LabTool/ThemeLabTool001/webroot/css/lab_tool.css */

.btn:focus {
    /*color: var(--uva-red);*/
    /*box-shadow: 0 0 0 0.2rem rgba(188, 0, 49, .25);*/
    box-shadow: none !important;
}

/*.form-control:focus {*/
/*    color: var(--uva-red);*/
/*    border: 1px solid var(--uva-red);*/
/*    box-shadow: 0 0 0 0.2rem rgba(188, 0, 49, .25);*/
/*}*/

.nav-tabs .nav-link {
    border-color: rgba(0, 0, 0, 0.075);
}
.btn-header {
    user-select: text;
}

.btn-header:hover {
    background-color: rgba(200, 200, 200, 0.25);
}

.btn-icon:hover {
    background-color: var(--bs-light);
}
.btn-icon:active, .btn-icon:focus {
    background-color: var(--bs-light);
    border: 1px solid var(--bs-secondary);
}

/* Editable Content Styles - extracted from TranslationHelper */
.editable-content {
    /* background-color: #fffbf0; */
    /* border: 1px solid #f0e68c; */
    /* border-radius: 4px; */
    /* padding: 10px; */
    position: relative;
    /* margin: 5px 0; */
}

.editable-toolbar {
    position: absolute;
    top: 5px;
    right: 5px;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.editable-toolbar:hover {
    opacity: 1;
}

.editable-toolbar .btn {
    padding: 2px 6px;
    font-size: 11px;
    text-decoration: none;
}

.editable-toolbar .btn i {
    font-size: 10px;
}

.editable-content-body {
    /* Content body - no specific styles needed, inherits from parent */
}