.cms-editor { margin: 4rem 0; }
.cms-editor-box { border: 1px solid #c8c8c8;box-shadow: 0 1px 5px rgb(0 0 0 / 14%);margin-bottom: 3rem; }
.cms-editor .wrapper { background: #f7f7f7;border: 1px solid #ddd;border-bottom: 2px solid #bbbbbb;position: sticky;height: 50px;top: 80px;z-index: 2; }
.cms-editor .wrapper.static { position: relative;top: 0; }
.cms-editor .wrapper .heading { display: inline-flex;background: #e5e5e5;color: #036;font-family: var(--bold-font);font-size: 16px;padding: 0 10px;height: 100%;align-items: center;text-transform: uppercase; }
.btn-add, .cms-editor .wrapper .btn-links { display: inline-flex;font-family: var(--bold-font);font-size: 14px;border-radius: 0;margin-left: 5px;height: 100%;align-items: center;transition: all 0.2s ease; }
.btn-add span { font-weight: bold;font-size: 12px;margin-left: 8px; }
.cms-editor .wrapper .actions { float: right;margin-right: 0rem;display: flex;height: 100%;align-items: center; }
.cms-editor .wrapper .actions .circle-loader { margin: 5px 10px 0 0; }
.btn-save { display: flex;align-items: center;height: 100%;background: green;font-family: var(--bold-font);font-size: 14px;padding: 4px 8px;margin: 2px;border-radius: 0;cursor: pointer; }
.btn-save:hover { color: #fff;background-color: #449d44;border-color: #398439; }
.cms-editor .menu-items, .cms-editor .link-items, .cms-editor .quicklinks  { display: block;padding: 2rem;margin: 0;font-size: 16px; }
.cms-editor hr { border-color: #414141;margin: 1rem 0; }

.cms-editor .social-list .row { margin-bottom: 2rem;position: relative; }
.cms-editor .social-list .row:last-of-type { margin-bottom: 0; }
.cms-editor .more-social { background: transparent;color: #0073e6;font-family: var(--bold-font);border: 1px solid #0073e6;display: flex;margin: 2rem auto 0; }
.cms-editor .more-social:hover { background: #0073e6;color: #fff;outline: 0; }
.cms-editor .more-social:focus { outline: 0; }

fieldset { padding: 2rem;margin: 0 1rem;border: 1px solid #cccccc; }
fieldset fieldset { position: relative;margin: 0;padding: 2rem 3rem;background: #f9f9f9;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);border-left: 3px solid #ccc; }
fieldset fieldset legend { margin-left: -2rem;font-size: 16px;text-transform: uppercase; }
fieldset legend { padding: 0 10px;margin-left: -10px;width: auto;border: 0;margin-bottom: 0;font-family: var(--bold-font);font-size: 20px; }
.success { margin: 0 15px;color: #5bb75b;font-size: 18px; }

.dd { max-width: 100%;list-style-type: decimal; }
.dd-content { display: block;position: relative;height: auto;font-size:14px;margin-top: 5px;padding: 5px 0 5px 40px;color: #333;text-decoration: none;border: 1px solid #e1e1e1;background:#f9f9f9;-webkit-border-radius: 3px;border-radius: 3px;box-sizing: border-box;-moz-box-sizing: border-box; }
.dd-content:hover { border: 1px solid #bbb; }
.dd-content .title span, .dd-content .url span { font-family: var(--bold-font);font-size: 16px;display: inline-block;width: calc(100% - 200px);cursor: text; }
.dd-content .url span { font-family: var(--body-font); }
.dd-content .url .editable:empty:before { content: 'No Link Added';font-size: 14px;font-style: italic;cursor: text; }
.dd-content .title .editable:empty:before { content: 'Enter Title Here';cursor: text; }
.dd-content .title span input, .dd-content .url span input { width: 100% !important; }
.dd-heading { min-height: 50px;display: flex;align-items: center;font-size: 18px;font-family: var(--bold-font); }
.dd-edit { display: grid;grid-template-columns: auto 1fr;column-gap: 1rem;row-gap: 0; }
.dd-edit .pretext { color: #777777;font-size:14px;text-transform:uppercase; }
.dd-edit .title, .dd-edit .url { padding: 2px 8px; }
.dd-edit .title-edit, .dd-edit .url-edit { display: flex;align-self: center;column-gap: 5px; }
.dd-edit .title { color: var(--fau-blue); }
.dd-edit .url-browse { background: #ccc;padding: 2px 6px;border-radius: 6px;cursor: pointer;margin-top: -3px; }
.dd-edit .url-browse span { font-weight: bold;color: #6f6f6f; }

.dd-handle, .dd-nodrag { position: absolute;margin: 0;left: 0;top: 0;min-height:52px;height: 100%;cursor: pointer;width: 30px;text-indent: 30px;white-space: nowrap;overflow: hidden;color: var(--fau-dark-gray);border: 1px solid #aaa;background:#ddd;border-top-right-radius: 0;border-bottom-right-radius: 0;z-index: 1; }
.dd-nodrag { background: #bbb;cursor: no-drop; }
.dd-handle { cursor: move; }
.dd-handle:hover { background: #ccc; }
.dd-handle:before, .dd-nodrag:before { display: flex;position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;align-items: center;justify-content: center;text-indent: 0;color: currentcolor;font-size: 13px;font-weight: bold;content: counter(item); counter-increment: item }
.dd-list:first-child > .dd-item > .dd-content > .dd-nodrag:before { content: "\e90d";font-family: 'fau'; }
.menu-items .dd-list:first-child > .dd-item > .dd-list > .dd-item > .dd-content > .dd-handle { background: #37893e;color: #ffffff; }
.dd-list { border-left: 1px dotted #aaa; }
.dd-list:first-child { border-left: none; }
.dd-list:first-child > .dd-item > .dd-list  { border-left-color: #c00;border-left-style: solid; }
.dd-list:first-child > .dd-item > .dd-list > .dd-item > .dd-list { border-left-style: solid; }
.dd-list ol { counter-reset: item }
.dd-item button { margin: 20px 5px 5px 35px;font-size: 18px;z-index: 1; }
.dd-item button:before { color:#000; }
.dd-item button:hover { background: transparent; }
.dd-expand { display: none !important; }
.dd-collapsed .dd-collapse, .dd-collapsed .dd-list { display: none !important; }
.dd-collapsed .dd-expand { display: block !important; }
.dd-actions { display: none;position: absolute;top: 0;right: 0;height: 100%;background: #e3e3e3;padding: 5px 6px 0;border: 1px solid #c9c9c9;width: 200px;grid-template-columns: 1fr 1fr 1fr;justify-content: center;align-items: center; }
.dd-content:hover .dd-actions { display: grid; }
.add-above, .add-below, .dd-delete { cursor:pointer;font-size: 22px;color: #666;font-weight: bold;text-align: center;transform: translateY(-3px);transition: transform 0s; }
.add-above:hover, .add-below:hover, .dd-delete:hover { transform: translateY(-3px) scale(1.23); }
.dd-delete { font-size: 18px;color: #c00; }
.dd-new { grid-column: span 3;display: flex;align-items: center;justify-content: center;column-gap: 5px; }
.dd-new label { font-size: 13px;line-height: 1.2; }
.save-link { background: green; }
.dd input[type=text] { padding: 4px 10px;border: 1px solid #c4c4c4;border-radius: 0;margin-bottom: 0;height: auto;line-height:inherit;outline: none; }

#modal-chooser.single-panel .modal-dialog { max-width: 853px; }
.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; }

.action-switch { position: absolute;display: flex;align-items: center;height: 100%;right: 3rem;top: 0;margin: auto; }
.action-switch span { font-weight: bold; }
.action-switch .switch { display: inline-block;width: 43px;height: 23px;margin-left: 5px;margin-bottom: 0; }
.action-switch .switch input { opacity: 0;width: 0;height: 0; }
.action-switch .switch .slider { position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s; }
.action-switch .switch .slider:before { position: absolute;content: "";height: 16px;width: 16px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s; }
.action-switch .switch input:checked + .slider { background-color: #2196F3;transform: translateX(10px); }
.action-switch .switch input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
.action-switch .switch input:checked + .slider:before { -webkit-transform: translateX(18px);-ms-transform: translateX(18px);transform: translateX(18px); }
.action-switch .switch .slider.round { border-radius: 34px; }
.action-switch .switch .slider.round:before { border-radius: 50%; }
.action-switch .switch:has(input:checked):after { content: 'ON';position: absolute;display: flex;align-items: center;top: 0;right: 0;margin-right: -40px;font-size: 14px;height: 100%; }
.action-switch .switch:before { content: 'OFF';position: absolute;display: flex;align-items: center;top: 0;left: 0;margin-left: -35px;font-size: 14px;height: 100%; }
.action-switch .switch:has(input:checked):before { content: ''; }

.help { display: flex;margin-top: 2rem;align-items: center;column-gap: 5px;justify-content: center; }
.help .icon-fau { font-weight: bold;font-size: 20px;color: var(--fau-link); }
.help-close { display: flex;margin: 1rem auto;align-items: center;column-gap: 10px; }
.help-close .icon-fau { font-weight: bold;font-size: 14px;color: var(--fau-link); }
.help-button { padding: 8px 15px;border-radius: 8px;font-weight: bold;cursor: pointer; }
.help-button:hover { background: #f3f3f3; }
.help-content { display: none;flex-direction: column;margin: 1rem auto;padding: 2rem 2rem 0;max-width: 800px;justify-content: center;box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); }
.help-content.show { display: flex; }

@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; }
}