#add-external-topic-url-table-layout {margin-top:1px} /* fix quirk in chome */
#add-external-topic-url-container {width:100%; padding:0 10px; position:relative}
#org {width:100%}
.text-field {width:100%; border: 1px solid #ccc; padding-left: 4px}
.topic.text {padding-right:50px; margin:2px 0; border-left: 20px solid #ccc}
.topic.text textarea {min-height:53px}
.topic .options-container {border-left-style:solid; border-left-color:transparent; padding-left:5px; padding-right:50px; margin-bottom:5px}
.topic .options-container div {margin:5px 0}
.topic .options-container label {font-size:8pt}
.topic .options-container input[type=checkbox] {position:static; margin-right:5px; vertical-align:middle}
#add-external-topic-url {width: 100%}
#add-external-topic-button {padding:0 5px}
#topic-list {padding-left:5px; padding-right: 5px; clear:both}
.topic-indent {margin-left:25px}
.topic {position:relative; cursor:grab}
.topic {border-top: 1px solid #ccc}
.topic.with-options {border:1px solid #888}
tr.topic {position:static} /* Table rows can't be position relative as Firefox has a bug affecting background color https://bugzilla.mozilla.org/show_bug.cgi?id=688556 */
.topic input[type=checkbox] {cursor: pointer; position:absolute; right:0; top:3px}
.topic .intro-checkbox-container {position:absolute; right:0; top:20px; font-size:8pt; border: 1px solid #ccc; background-color: white; padding:0 5px 5px; text-align:center}
.topic .intro-checkbox-container input {position:static}
.topic:first-child .intro-checkbox-container {display:none}
.topic label {cursor: pointer; white-space:normal; padding-top:1px; padding-bottom:1px}
.topic input:checked+label {background-color:white}
.topic-options-button {cursor:pointer; position:absolute; right:20px; top:2px; width:16px; height:16px; padding:0; border: 1px solid #ccc; border-radius: 3px; background-color: #888; background-position: center center; background-repeat: no-repeat; background-size:8px 10px; background-image:url("../../../template/images/hamburger-menu-icon.png")}
.topic-delete-button {cursor:pointer; position:absolute; right:20px; top:1px}
.topic-moved-button {cursor:pointer; width:16px; height:16px; position:relative; top:2px}
.topic.text .topic-moved-button, .topic.with-options .topic-moved-button {position:absolute; right:46px}
.heading-only {color:#888} 
.pad-label {padding-left:5px; padding-right:5px}
#all-checkbox-container {text-align:right; padding-top:25px; margin-right:5px}
#all-checkbox-container label {cursor: pointer}
.missing-page {color:red}
.missing-page:after {content:" (page or topic no longer exists)"}
.original-position {display:none}
.group-topics-popup {font-size:10pt}
.group-topics {margin-left:0; height: 375px; overflow-y:scroll}
.group-topics input {cursor:pointer}
.group-topics-list > li > ul {font-size:9pt}
.group-topics-list > li > .clickable {width:auto; right:0}
#cboxLoadedContent {margin-top:0!important; margin-bottom:0!important}
#topic-list hr {background-color:white; border: 1px solid #CCC; border-width: 1px 0 1px 0; height:5px; margin:10px -6px}
#topic-list h3 {margin-top:0; margin-left:5px}
.group-topics-table-container {border-width: 1px 0 1px 0}
.group-topics-popup table {background-color:#e3eaf4; margin:0}
.group-topics-popup table .topic {cursor:pointer}
.group-topics-popup table td.selector {text-align:center; position:relative; width:5px}
.group-topics-popup table td.selector input {top: auto; bottom: 50%; right:6px; z-index:1}
.group-topics-popup table .selected {background-color:white}
.group-topics-popup .group-topic-block {position:relative; margin-bottom:10px; cursor:pointer}
.group-topics-popup .group-topic-block td {background-color:#e3eaf4}
.group-topics-popup .group-topic-block.selected td {background-color:white}
.invalid-target-id {background-color:red}
.right-click-menu {display: none; z-index: 1000; position: absolute; overflow: hidden; border: 1px solid #CCC; white-space: nowrap; font-family: sans-serif; background: #FFF; color: #333; padding: 0}
.right-click-menu li {padding: 8px 12px; margin:0; cursor: pointer; list-style-type:none; list-style-image:none; transition: all .3s ease}
.right-click-menu li:hover {background-color: #DEF;}