.no-js .content-wrap,.no-js footer{display:none}html,body,.content-wrap,#footer{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}html{height:100%}html body{height:100%;position:relative}.container-title{padding:4px;font-size:1em}.container-content{font-size:1em;overflow-y:auto;min-height:200px;max-height:400px}.container-content .elt-info{display:block;padding:0 5px}#authoring-container{left:0px;width:100%;height:600px}.ext-home-container{padding:1%;font-size:1.1em}.form-help{display:block;font-size:10px;margin:5px 0 5px 30%;font-style:italic}#section-meta{position:absolute;bottom:0%;right:0.25%;width:33%}#meta-title{padding:3px}#meta-content table{border-collapse:collapse}#meta-content table th,#meta-content table td{border:solid 1px #ccc;font-size:0.9em;color:#444;padding:3px;margin:0;width:20%}#meta-content table td{font-weight:normal}#meta-content table .first{width:30%}#meta-content table .last{width:50%}#coding_scoreconcil #selectors{width:19.5%;float:left}#coding_scoreconcil #evalitems{width:80%;float:right}#coding_scoreconcil #navigation{float:left}.containerDisplay{border:1px solid #999;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin-bottom:10px;position:relative}.containerDisplay>.title{border-bottom:1px solid #999;padding:5px 7px;font-weight:bold;background-color:#ccc;display:block;font-size:14px}.containerDisplay .title a{font-size:10px}ul.group-list,ul.group-list ul{padding:0;margin:0;border:0;width:100%}ul.group-list .group-title{padding-left:7px;font-weight:bold}ul.group-list .group-title:hover{background-color:#ddd}ul.group-list li span.label,ul.group-list .group-title .title{padding:5px 0;display:inline-block}ul.group-list li span.selector,ul.group-list .group-title .selector{width:10%;height:26px;vertical-align:top;display:inline-block;position:absolute;right:0}ul.group-list li{padding-left:7px;position:relative}ul.group-list li>.checkable,ul.group-list li .group-title>.checkable{background-image:url(../img/checkbox.png)}ul.group-list li span.has-inherited{background-image:url(../img/checkbox_locked.png)}ul.group-list li.group,ul.group-list li.selectable{list-style:none;border-bottom:1px solid #999}ul.group-list li ul.actions{list-style:none;display:inline-block;min-width:8px;padding-right:5px;width:auto;vertical-align:top}ul.group-list li ul.actions li{display:inline-block;margin:5px 0;padding:0;width:16px;height:16px}ul.group-list li:last-child{border-bottom:0;list-style:none}ul.group-list li:hover:not(.group){background-color:#ccc}ul.group-list li.selected{background-color:#9f9}ul.group-list li.selected:hover{background-color:#9c9}ul.group-list li .group-title{background-color:#f0f0f0;cursor:pointer}ul.group-list li span.title{background-color:inherit}ul.group-list li.expendable.closed{margin-bottom:1px}ul.group-list li.expendable.closed:last-child{margin-bottom:0}ul.group-list li.expendable.closed ul{display:none}ul.group-list li.group{padding:0}ul.group-list li.selectable{cursor:pointer}ul.group-list .selector{background-color:transparent;background-repeat:no-repeat;background-position:center center}ul.group-list .has-access>.selector,ul.group-list .has-access .group-title>.selector,ul.group-list .has-access:hover>.selector,ul.group-list .has-access:hover .group-title>.selector{background-image:url(../img/checkbox_partial.png)}ul.group-list .has-allaccess>.selector,ul.group-list .has-allaccess .group-title>.selector,ul.group-list .has-allaccess:hover>.selector,ul.group-list .has-allaccess:hover .group-title>.selector{background-image:url(../img/checkbox_checked.png)}ul.group-list .autoadd>.selector,ul.group-list .autoadd .group-title>.selector,ul.group-list .autoadd:hover>.selector,ul.group-list .autoadd:hover .group-title>.selector{background-image:url(../img/autoadd.png)}ul.group-list .autoadd.checked>.selector,ul.group-list .autoadd.checked .group-title>.selector,ul.group-list .autoadd.checked:hover>.selector,ul.group-list .autoadd.checked:hover .group-title>.selector{background-image:url(../img/autoadd_checked.png)}.selector.checkable{cursor:pointer}.group-title span.ui-icon{display:inline-block;position:relative;top:3px;left:-2px}.group-title.open{border-bottom:1px solid #999}.group-title .label{font-size:11px}.tileBox{margin-top:20px;margin-left:20px;float:left;padding:5px;background-color:#efefef;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;width:60%}.tileBox .boxHeader{font-weight:bold;margin:10px}.tileBox .boxLogo{float:left;width:30%;height:100%}.tileBox .boxContent{float:left;width:70%;height:100%}.tileBox .button{float:right;margin-right:5px;margin-bottom:5px;padding:5px;cursor:pointer;background-color:#aaa;color:#fff;border-width:1px;border-collapse:collapse;-moz-border-radius:3px;-webkit-border-radius:3px}
/*# sourceMappingURL=layout.css.map */

/* ===== Tree action bar (blue strip) layout ===== */
/* Lay out zoom + collapse controls side by side inside the tree's blue strip only */
.tree-block .plain.action-bar.horizontal-action-bar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

/* ===== Tree Zoom Controls ===== */
.action-bar.horizontal-action-bar .tree-zoom-controls {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 6px;
    margin: 0;
}

.tree-zoom-controls button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 22px;
    height: 22px;
    line-height: 1;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background-color: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    border-radius: 2px;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.tree-zoom-controls button:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.6);
}

.tree-zoom-controls button:active {
    background-color: rgba(255, 255, 255, 0.3);
}

.zoom-display {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
}

/* ===== Tree Collapse/Expand All Toggle ===== */
.action-bar.horizontal-action-bar .tree-collapse-toggle {
    display: flex;
    align-items: center;
    height: 100%;
}

.tree-collapse-toggle button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* gap: 5px; */
    padding: 0 8px;
    height: 22px;
    line-height: 1;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background-color: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    border-radius: 2px;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.tree-collapse-toggle button:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.6);
}

.tree-collapse-toggle button:active {
    background-color: rgba(255, 255, 255, 0.3);
}

.tree-collapse-toggle .tree-toggle-icon {
    font-size: 15px !important;
    line-height: 1 !important;
    color: #ffffff;
}

.tree-collapse-toggle .tree-toggle-label {
    font-size: 13px;
    color: #ffffff;
    white-space: nowrap;
}

/* ===== Tree Zoom - real font-size scaling, reflows the actual box (no transform) ===== */
.tree.tree-zoom-80 li a, .tree.tree-zoom-80 li span,
.taotree.tree-zoom-80 li a, .taotree.tree-zoom-80 li span { font-size: 13px; }
.tree.tree-zoom-80 ul ins, .taotree.tree-zoom-80 ul ins { font-size: 14px; width: 18px; height: 19px; }

.tree.tree-zoom-90 li a, .tree.tree-zoom-90 li span,
.taotree.tree-zoom-90 li a, .taotree.tree-zoom-90 li span { font-size: 14px; }
.tree.tree-zoom-90 ul ins, .taotree.tree-zoom-90 ul ins { font-size: 16px; width: 20px; height: 21px; }

.tree.tree-zoom-100 li a, .tree.tree-zoom-100 li span,
.taotree.tree-zoom-100 li a, .taotree.tree-zoom-100 li span { font-size: 16px; }
.tree.tree-zoom-100 ul ins, .taotree.tree-zoom-100 ul ins { font-size: 18px; width: 22px; height: 23px; }

.tree.tree-zoom-110 li a, .tree.tree-zoom-110 li span,
.taotree.tree-zoom-110 li a, .taotree.tree-zoom-110 li span { font-size: 18px; }
.tree.tree-zoom-110 ul ins, .taotree.tree-zoom-110 ul ins { font-size: 20px; width: 24px; height: 25px; }

.tree.tree-zoom-120 li a, .tree.tree-zoom-120 li span,
.taotree.tree-zoom-120 li a, .taotree.tree-zoom-120 li span { font-size: 19px; }
.tree.tree-zoom-120 ul ins, .taotree.tree-zoom-120 ul ins { font-size: 22px; width: 26px; height: 27px; }