.section--content__nav li a, .section--content__nav li span { color: #737373;display:block;cursor:pointer;padding: 10px 0; }
.section--content__nav .col-links li { border-color: #036;border-width: 0;border-style: solid;border-bottom-width: 1px;position: relative; }
.section--content__nav .col-links ul, .section--content__nav .col-links ol { list-style: none;border-color: #036;border-width: 0;border-style: solid;border-top-width: 1px; }
.section--content__nav .col-links ul li, .section--content__nav .col-links ol li { border-color: #036;border-width: 0;border-style: solid;border-top-width: 1px; }
.section--content__nav .col-links ul li:first-child, .section--content__nav .col-links > ul, .section--content__nav .col-links ol li:first-child, .section--content__nav .col-links > ol { border: 0; }
.section--content__nav .col-links ul:first-child, .section--content__nav .col-links ol:first-child { padding-left: 0; }
.section--content__nav .table__row.icon { width: 25px;vertical-align:middle; }
.section--content__nav ul i, .section--content__nav ol i { vertical-align:middle;width:25px;height:25px;line-height:25px;color:#737373;border:1px solid #036;padding: 3px;cursor:pointer;background:#fff; }
.section--content__nav ol i { background: none;padding: 0 6px; }
.section--content__nav .col-links li.active > a, .section--content__nav li.active > div a, .section--content__nav li.active > span, .widget li.active > i, .widget li.active > div i { color:#c00; }
.section--content__nav .col-links a.active { /* current selected link */ }
.section--content__nav .col-links li.active > div i { border-color: #c00; }
.section--content__nav .col-links li:not(.active) { /* opacity: 0.83; */ }
.section--content__nav .col-links li ul li ul, .section--content__nav .col-links li ol li ol { display: none; }
.section--content__nav > ul, .section--content__nav > ol { padding-left: 0; }
.section--content__nav .col-links ul ul, .section--content__nav .col-links ol ol { padding-left: 20px; }
.section--content__nav .col-links li.active > ul, .section--content__nav .col-links li.active > ol { display: block; }
.section--content__nav .col-links span { padding: 10px 0; }

.menu-edit { margin-bottom: 50px;text-align: center; }
.menu-edit .info { font-size:13px; }
.menu-edit .help span { cursor: pointer; }
.menu-edit .help-content { border-top: 1px solid #666;text-align:justify;width:80%;margin:0 auto;display:none; }
.menu-edit .help-content.active { display: block; }
.menu-edit .help-close { border: 1px solid #000;padding: 3px 6px;width: 75px;margin: 0 auto;cursor: pointer; }
.success { margin: 0 15px;color: #5bb75b;font-size: 18px; }
.fau-share__wrapper { display: none; }

.dd { max-width: 100%;list-style-type: decimal; }
.dd-content { display: block;height: auto;font-size:14px;margin: 5px 0;padding: 5px 10px 5px 40px;color: #333;text-decoration: none;border: 1px solid #ddd;background:#f9f9f9;-webkit-border-radius: 3px;border-radius: 3px;box-sizing: border-box;-moz-box-sizing: border-box; }
.dd-handle, .dd-nodrag {position: absolute;margin: 0;left: 0;top: 0;min-height:52px;cursor: pointer;width: 30px;text-indent: 30px;white-space: nowrap;overflow: hidden;border: 1px solid #aaa;background:#ddd;border-top-right-radius: 0;border-bottom-right-radius: 0; }
.dd-nodrag { background: #bbb;cursor: no-drop; }
.dd-handle:before, .dd-nodrag:before { display: block;position: absolute;left: 0;top: 10px;width: 100%;text-align: center;text-indent: 0;color: #000;font-size: 13px;font-weight: bold;content: counter(item); counter-increment: item }
.dd-handle:hover { background: #ccc; }
.dd .title { font-weight: bold; }
.dd .title:before { content: "Link Title: ";color:#a3a3a3;font-size:14px;font-weight: normal;display:inline-block;width:120px;text-transform:uppercase; }
.dd .url:before { content: "URL Address: ";color:#a3a3a3;font-size:14px;display:inline-block;width:120px;text-transform:uppercase; }		

.dd-list { border-left: 1px dotted #aaa; }
.dd-list:first-child { border-left: none; }
.dd-list ol { counter-reset: item }
.dd-item button { margin: 15px 5px 5px 35px;font-size: 18px;background: none !important; }
.dd-item button:before { color:#000; }
.dd-actions { display: none;position: absolute;right: 10px;top: 10px;text-align: center;background: #e0e0e0;padding: 5px 6px;border-radius: 5px;align-items: center; }
.add-above, .add-below, .dd-delete { cursor:pointer;font-size: 16px;color: #666;vertical-align: middle;margin: 0 6px; }
.dd-delete { font-size: 18px;color: #c00; }
.dd-content:hover .dd-actions { display: flex; }
.dd-new { display: flex;margin-right: 1.2rem;padding-right: 1rem;padding-left: 1rem;border-right: 2px solid #a7a7a7;align-items: center; }
.dd-new input { display: block;margin: 0; }
.dd-new label { font-size: 13px;line-height: 1;text-align: center;margin: 0 10px 0 5px !important;align-items: center; }
.dd-new input[type=checkbox]+label:before { display: none; }
.add-link, .save-link { margin: 20px 0; }
.save-link { background: green !important; }
.save-link:hover { background: #009d00 !important; }
.dd input[type=text] { padding: 4px 10px;border: 1px solid #c4c4c4;border-radius: 0;margin-bottom: 0;height: auto;line-height:inherit;width: inherit; }

.sticky-menu { display: flex;column-gap: 5px; }
.sticky-menu label { font-size: 16px;font-weight: normal;color: var(--fau-dark-gray); }

.circle-loader { margin: 0 0 0 10px;display:none;border: 2px solid rgba(0, 0, 0, 0.2);border-left-color: #5cb85c;animation-name: loader-spin;animation-duration: 1s;animation-iteration-count: infinite;animation-timing-function: linear;position: relative;vertical-align: middle; }
.circle-loader,
.circle-loader:after { border-radius: 50%;width: 2em;height: 2em; }
.load-complete { -webkit-animation: none;animation: none;border-color: #5cb85c; transition: border 500ms ease-out; }
.checkmark { display: none;	}
.checkmark.draw:after {	animation-duration: 800ms;animation-timing-function: ease;animation-name: checkmark;transform: scaleX(-1) rotate(135deg); }
.checkmark:after { opacity: 1;height: 1.2em;width: 0.5em;transform-origin: left top;border-right: 2px solid #5cb85c;border-top: 2px solid #5cb85c;content: '';left: 4px;top: 1em;position: absolute; }

@keyframes loader-spin {  
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
@keyframes checkmark {
	0% { height: 0;width: 0;opacity: 1; }
	20% { height: 0;width: 0.5em;opacity: 1; }
	40% { height: 1.1em;width: 0.5em;opacity: 1; }
	100% { height: 1.2em;width: 0.5em;opacity: 1; }
}

@media screen and (max-width:800px) {
	.menu-edit .help-content { width: 100%; }
	.dd-list .dd-list { padding-left: 10px; }
	.dd .title:before { content: "Title: ";width: 60px; }
	.dd .url:before { content: "URL: ";width:60px; }
}