/* main styles */
*:focus {outline:none}
html {height:100%; width:100%; height: -webkit-fill-available;}
body {font-family: Arial, Helvetica; font-size: 12px; line-height: 18px; background-color: #eef1f1; height:100%; width:100%; min-height: 100vh; min-height: -webkit-fill-available; padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom);}
b, strong {font-weight: bold}
p {margin: 20px 0;}
h1 {font-family: 'Open Sans', arial, sans-serif;font-size: 22px; font-weight: 700; margin: 20px 0; text-shadow: 0 1px #ffffff}
h2 {font-family: 'Open Sans', arial, sans-serif;font-size: 18px; font-weight: bold; margin: 20px 0; text-shadow: 0 1px #ffffff}
h3 {font-family: 'Open Sans', arial, sens-serif;font-size: 16px; margin: 5px 0; text-shadow: 0 1px #ffffff}
i, em {font-style: italic}
sup {vertical-align: super; font-size: smaller}
fieldset {border: solid 1px #cccccc; padding: 10px}
legend {font-weight: bold}
button.s-disabled {opacity: 0.6} 
::placeholder {color: #aaaaaa}
ul.s-bullet {list-style: disc outside;margin: 10px;padding-left: 18px;}
ul.s-bullet li {margin: 10px 0}

/*jquery ui theme override*/
.ui-dialog {padding:0;box-shadow: 0 1px 5px #999999}
.ui-dialog .ui-dialog-content {padding:15px}
.ui-dialog .ui-dialog-buttonpane {border:none;margin:0}
.ui-dialog .ui-dialog-titlebar {padding:.4em .5em;font-size: 16px; border-radius:0}
.ui-widget, .ui-widget textarea, .ui-widget input, .ui-widget select {font-family: Arial, sans-serif;}
.ui-widget-content {font-size: 14px; min-height: 0 !important}
.ui-widget-header {border: none;background: none;background-color: #bbbbbb;border-top: solid 1px #dddddd;}
.ui-button-text-only .ui-button-text {padding: .2em 1em}

.ui-tabs {padding: 0}

.s-tabs {font-size:13px;border:solid 1px #d5d5d5;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)}
.s-tabs a {color:#525252 !important}
.s-tabs .ui-tabs-nav {background:none;background-color:#eef1f1;border:none!important;padding:0 !important}
.s-tabs .ui-tabs-nav li.ui-state-default {background: none;background-color: #dddddd;}
.s-tabs .ui-tabs-nav li.ui-state-active {background: none;background-color: #ffffff !important;}
.s-tabs .ui-tabs-nav li.ui-state-hover {background: none;background-color: #cccccc;}
.s-tabs .ui-tabs-panel {background:none;background-color:#ffffff;border-top:solid 1px #d5d5d5;font-size: 13px}

.s-tabs-basic {font-size:13px;border:none;box-shadow:none}
.s-tabs-basic a {color:#525252 !important}
.s-tabs-basic .ui-tabs-nav {background:none;background-color:#eef1f1;border:none!important;padding:0 !important}
.s-tabs-basic .ui-tabs-nav li {border-radius: 0;margin:0}
.s-tabs-basic .ui-tabs-nav li.ui-state-default {background: none;background-color: #dddddd;}
.s-tabs-basic .ui-tabs-nav li.ui-state-active {background: none;background-color: #ffffff !important;}
.s-tabs-basic .ui-tabs-nav li.ui-state-hover {background: none;background-color: #cccccc;}
.s-tabs-basic .ui-tabs-panel {background:none;background-color:#ffffff;border-top:solid 1px #d5d5d5;font-size: 13px}

#ui-datepicker-div {font-size: 12px !important;z-index:207;}
.s-nextrun-datepicker {font-size: 12px !important;z-index:207;}
.s-nextrun-datepicker .ui-datepicker-calendar tbody td {line-height: 18px}

/* generic styles */
.s-vam {vertical-align: middle}
.s-vat {vertical-align: top}
.s-tac {text-align: center}
.s-tal {text-align: left}
.s-tar {text-align: right}
.s-nowrap {white-space: nowrap}
.s-fl {float:left}
.s-fr {float:right}
.s-dib {display: inline-block}
.s-indent1 {text-indent: 20px}
.s-tdu {text-decoration: underline}
.s-clear {clear:both}
.s-wsn {white-space: normal}
.s-wsnw {white-space: nowrap}
.s-opacity-60 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.6;}
.s-opacity-50 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.s-opacity-40 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: alpha(opacity=40);-moz-opacity: 0.4;-khtml-opacity: 0.4;opacity: 0.4;}
.s-opacity-30 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: alpha(opacity=30);-moz-opacity: 0.3;-khtml-opacity: 0.3;opacity: 0.3;}
.s-opacity-10 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";filter: alpha(opacity=10);-moz-opacity: 0.1;-khtml-opacity: 0.1;opacity: 0.1;}
.s-bold {font-weight:bold}
.s-italic {font-style: italic}
.s-tofe {overflow: hidden;text-overflow: ellipsis}
.s-nopad {padding: 0 !important}
.s-marginauto {display: block !important;margin: 0 auto;}
.s-margin-0 {margin: 0 !important;}
.s-flex {display: flex;}
.s-flex-column {flex-direction: column;}
.s-flex-center {display: flex; align-items: center; justify-content: center;}
.s-gap-5 {gap: 5px}
.s-gap-10 {gap: 10px}
.s-pointer-events-none {pointer-events: none;}
.s-dashed-box-rounded {border: dashed 2px #bbbbbb; border-radius: 10px;}
.s-title-18 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold;}
.s-hover-bgcolor:hover {background-color: #d1d1d1;}
.s-hover-box {padding: 10px; position: absolute; border: solid 1px #888888; border-radius: 5px; background-color: #ffffff; box-shadow: 0 1px 2px #cccccc;}
.s-paper {position: relative; border: solid 1px #dddddd; margin: 10px 0; border-radius: 10px; box-shadow: 0 1px 2px #cccccc; background-color: #ffffff;}

.s-input {border: solid 1px #dddddd;font-size: 14px; height: 27px; padding: 0 8px; box-shadow: inset 0 1px 1px #dddddd; border-radius: 2px}
.s-input:not(:disabled):hover {border: solid 1px #888888;}

.s-select {border: solid 1px #dddddd;font-size: 14px; height: 29px; padding: 0 8px; box-shadow: inset 0 1px 1px #dddddd; border-radius: 2px}
.s-select:hover {border: solid 1px #888888;}
.s-select option {max-width: 100%;}

.s-button {color:#5a5a5a;margin:0;font-size: 13px;height:26px;min-width:65px;background-image: url(/public/images/smd/button-bg.png);background-repeat: repeat-x;background-position: bottom;border:solid 1px #bbbbbb; box-shadow: 0 1px 2px rgba(0,0,0,.1);border-radius: 1px;vertical-align:middle;cursor:pointer}
.s-button .ui-button-text {padding:0;}
.s-button:hover {box-shadow: 0 1px 2px #aaaaaa}
.s-button:active {background: none; background-color: #e3e3e3;}
.s-button.s-focus:focus,
.s-button.s-blue {background: none; background-color: #006cd7; color: #ffffff; height: unset; padding: 8px; border: none; border-radius: 5px; box-shadow: 0 1px 2px #cccccc;}
.s-button.s-blue:hover {background-color: #0080ff;}
.s-button.s-blue:active {background-color: #0056ab;}
.s-button.s-orange {background: none; background-color: #fd9001; color: #ffffff; height: unset; padding: 8px; border: none; border-radius: 5px; box-shadow: 0 1px 2px #cccccc;}
.s-button.s-orange:hover {background-color: #ff9a15;}
.s-button.s-orange:active {background-color: #d87a00;}
select.s-focus:focus {border:solid 1px #48A4FF;}

.s-small-button {font-size: 11px;height: 20px;}

.s-link {color: #0000ff !important;text-decoration: underline;cursor: pointer}

/*new common styles*/
.s-ellipsis {overflow: hidden; text-overflow: ellipsis; max-width: 99%; white-space: nowrap;}
.s-settings-dialog {padding: 30px;width: 400px;color: #000000}
.s-settings-dialog .s-title {overflow: hidden; text-overflow: ellipsis; max-width: 90%; white-space: nowrap;}
.s-settings-dialog .s-section {margin:0; margin-top: 25px; margin-bottom: 15px;}
.s-list-item-controls {display: flex; align-items: center; height: 40px; margin: 0 10px; gap: 5px}
.s-list-item-align-right {display: flex; align-items: center; margin-left: auto;}
.s-select-borderless {border: none; font-size: 14px;}
.s-overflow-container-400 {max-height: 400px; overflow: auto;}

/* layout styles */
#container {overflow-x: hidden;width:100%}
#toolbar {background-color: #1d1d1d; box-shadow:1px 0 2px #aaaaaa;width: 43px; height: 100%; overflow: hidden; position: fixed; z-index: 201; vertical-align: middle; left: -45px}
#container.s-public-layout #toolbar {top:0;}
#toolbar a {cursor: pointer}
#shortcut-canvas {overflow:hidden;margin-left:-3px;padding:44px 0}
#shortcut-canvas a.s-shortcut {margin: 0 auto;display: block}
#admin-panel {color: #888888; font-size:12px; font-family: Calibri, 'trebuchet ms', Arial; font-weight: bold; margin-right: 5px;white-space: nowrap; display: inline-block; user-select: none; margin-left: auto;}
#admin-panel a {text-decoration: none; color: #888888; cursor: pointer;}
#admin-panel a:hover, #admin-panel span:hover {color:#333333}
#admin-panel a .s-l-spr-arrow-down {margin: 0 5px}
#primary-nav {clear: both;height:42px;background-color:#e8eeef;line-height: 34px; font-family: 'Questrial', 'century gothic'; text-shadow: 0 1px #ffffff; border-bottom: solid 1px #dadada; white-space: nowrap; font-size: 16px;z-index: 201;position:fixed;width:100%;min-width: 1050px; top: -48px; display: flex;}
#page-nav {float: left; padding-left: 52px}
#main {width:100%; min-height: 600px;}
#footer {text-align: center; margin-top: 10px; font-family: 'Questrial', 'century gothic';display:none; font-size: 12px; color: #888888;}
#footer a {text-decoration: none; margin: 0 5px; color: #888888;}
#footer p {padding: 5px}
/* #so-logo { position: fixed; z-index: 11; top: -40px; left: 6px; box-shadow: 0 1px 2px rgba(0,0,0,.4); height: 32px; width: 32px; border-radius: 4px; cursor: pointer} */
#so-logo { position: fixed; z-index: 202; top: -40px; left: 6px; height: 32px; width: 32px; border-radius: 4px; cursor: pointer}
#so-logo img {margin: 4px 0 0 4px; background-color: #e8eeef}
#so-logo-pointer {position: fixed; z-index: 11; top: 50px; left: 50px; opacity: 0; width: 10px; height: 10px;}
#sub-nav {position:fixed; z-index: 201; top: -40px; right: 0; display: flex; align-items: flex-start;}

.scrollbar-track {width:4px !important;background-color: #585858 !important}
.scrollbar-thumb {width:4px !important;border-radius:0 !important;background-color: #c4dfe8 !important}

/*validation styles*/
label.error {color: #ffffff; font-size: 11px; display: inline-block; height: 14px; line-height: 14px; background-color: #ff0000; border-radius: 2px; font-weight: bold; padding: 0 3px}
select.error, input.error {border: solid 1px #ff0000 !important;padding:2px 1px}

/* styles */
#admin-panel #status {display: inline-block;line-height: 42px}
#admin-panel #status .s-status-text{color: #82adda !important}
#admin-panel #status:hover .s-status-text{color: #608bfc !important}
#admin-panel #tools {display: inline-block;line-height: 42px}
#admin-panel #username {display: inline-block;line-height: 42px}
#admin-panel #username .s-name {max-width: 100px; text-overflow: ellipsis; overflow: hidden; display: inline-block; vertical-align: middle}

.s-tooltip {position:absolute;z-index:205;background-color: #ffffff; box-shadow: 0 1px 2px #aaaaaa; border-radius: 5px; line-height: 10px}
.s-tooltip-arrow {text-align: center; background-image: url(/public/images/tooltip-arrow-up.png); background-repeat: no-repeat; background-position: center; margin-top: -5px; height: 6px}
.s-tooltip-arrow-down {text-align: center; background-image: url(/public/images/tooltip-arrow-down.png); background-repeat: no-repeat; background-position: center; margin-bottom: -5px; height: 6px}
.s-tooltip-arrow-left {background-image: url(/public/images/tooltip-arrow-left.png); background-repeat: no-repeat; background-position: center; height: 9px; width: 6px; float: left; margin-left: -6px; }
.s-tooltip-arrow-right {background-image: url(/public/images/tooltip-arrow-right.png); background-repeat: no-repeat; background-position: center; height: 9px; width: 6px; float: right; margin-right: -6px; }
.s-tooltip-content {padding:10px;}

.s-tooltip-arrow-tl {background-image: url(/public/images/tooltip-arrow-up.png); background-repeat: no-repeat; margin-left:10px; margin-top: -5px; height: 6px}

.s-primary-nav-arrow {background-image: url(/public/images/primary-nav-arrow.png); background-repeat: no-repeat; margin-top: 37px; height: 6px;display: none; margin-left: 0; position: absolute; width: 100%;}
.s-primary-nav-item {line-height:42px;color:#aaaaaa; padding:0 10px; display: inline-block; cursor: pointer; text-decoration: none !important; user-select: none}
.s-primary-nav-item.s-active-nav {color:#333333}
.s-primary-nav-item:hover {color:#111111}

.s-menu {border: solid 1px #cccccc; font-size: 12px; z-index: 202; position: absolute; background-color: #ffffff; display: none;box-shadow: 0 1px 2px rgba(0,0,0,0.1);}
.s-menu ul {margin:0;padding:0}
.s-menu li {list-style: none;}
.s-menu li > span, .s-menu li > a {text-decoration: none; color: #000000;display:block;cursor: pointer;padding:8px;line-height: 16px}
.s-menu li > span:hover, .s-menu li > a:hover, .s-menu li > span.s-submenu-shown {background-color: #eeeeee}
.s-menu li > span.s-disabled, .s-menu li > a.s-disabled {opacity: 0.4}
.s-menu-separator {border-bottom: solid 1px #dddddd}
.s-submenu-trigger {background: url(/public/images/arrow-right.png) no-repeat right; background-position-x: 97%}

.s-export-button {cursor: pointer;}
.s-export-button-down {background: none repeat scroll 0 0 #888888 !important; color: #E6E6E6 !important; cursor: pointer; width: 60px;}
.s-export-all { display: inline !important; padding: 0 !important; }

.s-box-float {position:absolute;z-index:201;background-color: #ffffff; box-shadow: 0 1px 2px #aaaaaa; border-radius: 5px;}
.s-box-float.s-toolbar-ddl {position: fixed !important; padding: 5px 0 5px 0;}
.s-box-float.s-toolbar-ddl hr {border: none; height: 1px; background-color: #dbdbdb; width: 85%;}
.s-box-rounded {box-shadow: 0 1px 2px #aaaaaa; border: none; height: 15px; border-radius: 4px; padding: 10px;}

#manage-shortcuts {width:520px; z-index: 201; position: fixed !important}
#manage-shortcuts-form {padding: 10px;}

#select-shortcut-icon {cursor:pointer}

.s-shortcut, .s-shortcut-placeholder, .s-toolbar-icon {display:inline-block; height:35px; width:32px;text-decoration:none; color: #000000;vertical-align: middle}
.s-shortcut img {height:35px; width:32px; border: 0; display:inline-block}
.s-shortcut-input {width:100%}

#shortcut-icon-selection {position:fixed;z-index:201;width:350px;padding:10px;background-color: #fafafa; border: solid 1px #dddddd; box-shadow: 0 1px 2px rgba(0,0,0,0.2);}

.s-shortcut-icon {display:inline-block; width:25px; height:25px; text-align: center; cursor:pointer}
.s-shortcut-icon:hover {background-color: #dddddd;}
.s-shortcut-icon img {width:22px;height:25px}

.s-shortcut-option {margin-right: 20px}

#add-shortcut-box {padding-top:10px}
#add-shortcut-box-buttons {display:inline-block;width:100%;height:35px}

#add-shortcut {cursor:pointer;display: inline-block;padding:3px;}
#add-shortcut:hover {background-color: #dddddd;}

#shortcut-list {max-width:160px;padding:10px}
#shortcut-more {font-weight: bold; display:inline-block; line-height:35px; width:20px; vertical-align: top; text-align: center;position:absolute}
#shortcut-more:hover {background-color: #dddddd}

.s-shortcut-list-item {white-space: nowrap}
.s-shortcut-list-item:hover {background-color: #eeeeee}
.s-shortcut-list-icon {width:100%;display:inline-block;text-decoration:none; color: #000000;overflow: hidden;text-overflow:ellipsis;}
.s-shortcut-list-icon .s-shortcut-icons-sprites {display: inline-block; vertical-align: middle;}
.s-shortcut-list-label {vertical-align: middle;}
.s-shortcut-list-item-placeholder {display: block;width: 200px;height: 40px}

.s-shortcuts-container {}

.s-floater .s-list-selection-label {display: block; padding: 10px; color: #aaaaaa; font-family: Calibri, 'trebuchet ms', Arial; font-weight: bold;}
.s-floater .s-list-selection {display: block; padding: 10px 20px; color: #888888; font-family: Calibri, 'trebuchet ms', Arial; font-weight: bold;text-decoration: none; cursor: pointer}
.s-floater .s-list-selection:hover {background-color: #555555 !important; color: #dddddd !important}
.s-floater .s-list-selection.s-no-hover {background: none; background-color: inherit !important; color: #888888 !important; cursor: default}

#data-lists-container {font-size: 13px}
#data-lists-container .s-list-selection {display: block; padding: 8px; color: #888888; text-decoration: none;}
#data-lists-container .s-list-selection-active {color: #ffffff; background-color: #78bcd1}
#data-lists-container .s-list-selection-context {background-color: #e5e9e9}
#data-lists-container .s-list-selection-active .s-processing-box-overlay {width:100%;height:100%;background-color: #78bcd1;opacity: 0.5;}
#data-lists-container .s-list-selection label {color: #333333; vertical-align: middle}

.s-smd-module {display: inline-block; background-image: url(/public/images/smd/assets/module-bg.png); background-repeat: no-repeat;}
.s-smd-completed-selectable, .s-smd-selectable, .s-smd-selected {cursor:pointer}

#smd-module-container {overflow-x: hidden;}
#smd-module-container .s-processing-box {z-index: 8;}
#smd-module-container #targets-list-table .s-cs-indicator .s-has-reminder .s-l-spr-reminder-indicator {filter: hue-rotate(-185deg);}

.s-smd-view-container {width:960px;padding:20px;margin:0 auto;margin-top:70px}
.s-smd-view-slide-container {white-space: nowrap;}
.s-smd-view-slide {display: inline-block; width:960px;vertical-align: top}

#smd-markers {white-space: nowrap;}
.s-marker-lines {width:100%;height:10px;border:solid 1px #888888;border-top:none}
.s-marker-container {text-align: center;display: inline-block; margin-right: 39px}
.s-marker-label {color: #87a083; font-size: 12px; text-shadow: 0 1px #ffffff}

.s-view-container {}
.s-view-slide-container {white-space: nowrap;}
.s-view-slide {display: inline-block; width:100%;vertical-align: top}
.s-view-slide-content, .s-view-content {padding:20px; width:1000px;margin:0 auto; white-space: normal; color: #333333; font-size: 14px; margin-top: 40px}
.s-popup-box .s-view-content {margin-top: 0 !important}

.s-view-content h1 {font-family: 'Open Sans', arial, sans-serif;font-size: 22px; font-weight: 700; margin: 20px 0; text-shadow: 0 1px #ffffff}
.s-view-content h3 {font-family: 'Open Sans', arial, sens-serif;font-size: 16px; font-weight: 700; margin: 0; margin-top: 10px; margin-bottom: 5px; text-shadow: 0 1px #ffffff}

.s-label {margin-top: 10px; margin-bottom: 5px; font-size: 14px;}
label.error {float:right;margin-top: -20px;}

#profile-form .s-label {margin-top: 10px; margin-bottom: 5px; font-size: 14px; display:inline-block; color:#333333;}
#profile-form input, #profile-form select {border:solid 1px #cccccc; padding:5px}
#profile-form label.error {float:right;margin-top: 10px; margin-right: 12px;}

#vl-form .s-label {margin-top: 10px; margin-bottom: 5px; font-size: 14px; color:#333333;}
#vl-form label.error {float:right;margin-top: -20px;}

.s-processing-box {position:absolute;z-index: 200}
.s-processing-box-overlay {width:100%;height:100%;background-color: #eef1f1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.s-processing-box-text {position:fixed;top:50%;left:50%;color:#888888; padding: 10px; border-radius: 4px;padding: 5px 10px;font-size:11px; background-color: #ffffff; box-shadow: 0 5px 10px #aaaaaa;}

.s-table-container .s-processing-box {z-index: 8}

.s-popup-box {position:fixed;box-shadow: 0px 5px 10px rgba(0,0,0,.2);border: solid 1px #cccccc;background-color:#ffffff;z-index:101;border-radius: 5px} /*border-top:solid 4px #bbccdd;*/
.s-popup-box.s-center {left: 0 !important; right: 0 !important; width: fit-content !important; height: fit-content !important; margin: auto !important; max-height: 100dvh;}
.s-popup-box-content {color:#333333;font-size:14px;padding-bottom: 5px;}
.s-popup-box-close {position:absolute; top:0;right:0;padding:10px;color:#bbbbbb;font-family: Arial, sans-serif;z-index:1;font-size: 24px;vertical-align: middle;opacity: .6;cursor: pointer;}
.s-popup-arrow {position:absolute;width:16px;height:16px;z-index:201}
.s-popup-arrow-left {background-image: url(/public/images/left-arrow-tip.gif)}
.s-popup-arrow-right {background-image: url(/public/images/right-arrow-tip.gif)}
.s-popup-arrow-top {background-image: url(/public/images/top-arrow-tip.gif)}
.s-popup-arrow-bottom {background-image: url(/public/images/bottom-arrow-tip.gif)}

.s-popup-box .s-processing-box-overlay {width:100%;height:100%;background-color: #FFFFFF;opacity: 0.5;}

.s-popup-box.s-tm-element {z-index: 204}

.s-guide-box {background-color: #fff9d7; border: solid 1px #e2c822}
.s-guide-box .s-processing-box-overlay {background-color: #fff9d7}
.s-guide-buttons {margin-top:10px; padding: 5px 10px}
.s-guide button {font-size:10px}

.s-dialog-title {padding:5px 0;padding-bottom:10px;font-weight:bold}
.s-dialog-title .s-sub-title {color: #aaaaaa; font-size: 12px; font-weight: normal;}
.s-dialog-title .s-prev:hover, .s-dialog-title .s-next:hover {color: #238FAA}
.s-dialog-label {padding:5px 0;font-weight:bold}
.s-dialog-input {border:solid 1px #dddddd; box-shadow: 1px 1px 1px 0px #eeeeee inset;color:#eeeeee;padding: 4px; vertical-align:middle;color:#888888}
.s-dialog-select {border:solid 1px #dddddd; box-shadow: 1px 1px 1px 0px #eeeeee inset;color:#eeeeee;padding: 4px; vertical-align:middle;color:#888888}
.s-dialog-buttons {text-align:right;padding-top:10px}
.s-dialog-group-title {text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

.s-help, .s-help-icon {display: inline-block; cursor: help; width: 18px; height: 18px; margin-left: 3px; background-image: url(/public/images/help.png); vertical-align: middle; border: 0}

.s-large {color: #444444; font-size: 26px; line-height: 30px; font-family: 'Open Sans', arial, sans-serif; font-weight: bold; text-decoration: none;}
.s-large a {color: #0000ff; text-decoration: underline;}
.s-large a:visited {color: #0000ff; text-decoration: underline;}
.s-large a:hover {color: #C91F23; text-decoration: underline;}

.s-big {color: #444444; font-size: 18px; line-height: 22px; font-family: 'Open Sans', arial, sans-serif; font-weight: bold; text-decoration: none;}
.s-big a {color: #0000ff; text-decoration: underline;}
.s-big a:visited {color: #0000ff; text-decoration: underline;}
.s-big a:hover {color: #C91F23; text-decoration: underline;}

.s-font-black {color: #444444; font-size: 16px; line-height: 22px; font-family: 'Open Sans', arial, sans-serif; font-weight: bold; text-decoration: none;}
.s-font-black a {color: #000000; text-decoration: underline;}
.s-font-black a:visited {color: #000000; text-decoration: underline;}
.s-font-black a:hover {color: #C91F23; text-decoration: underline;}

.s-normal {color: #444444; font-size: 13px; line-height: 18px; font-family: 'Open Sans', arial, sans-serif; text-decoration: none;}
.s-normal a {color: #0000ff; text-decoration: underline;}
.s-normal a:visited {color: #0000ff; text-decoration: underline;}
.s-normal a:hover {color: #C91F23; text-decoration: underline;}

.s-small {color: #444444; font-size: 12px; line-height: 18px; font-family: 'Open Sans', arial, sans-serif; text-decoration: none;}
.s-small a {color: #0000ff; text-decoration: underline;}
.s-small a:visited {color: #0000ff; text-decoration: underline;}
.s-small a:hover {color: #C91F23; text-decoration: underline;}
.s-smaller {font-size: smaller}
.s-smallest {color: #444444; font-size: 10px; line-height: 12px; font-family: 'Open Sans', arial, sans-serif; text-decoration: none;}

.s-tiny {color: #444444; font-size: 11px; line-height: 18px; font-family: 'Open Sans', arial, sans-serif; text-decoration: none;}
.s-tiny a {color: #0000ff; text-decoration: underline;}
.s-tiny a:visited {color: #0000ff; text-decoration: underline;}
.s-tiny a:hover {color: #C91F23; text-decoration: underline;}

.s-table {border-collapse: collapse; box-shadow: 0 1px 3px #aaaaaa; font-family: 'Open Sans', arial, sans-serif; border-radius: 5px;}
.s-table th {padding: 9px;font-size: 13px; font-family: arial, sans-serif;border-right: solid 1px #ebebeb;color:#888888; vertical-align: middle; background-color: #eef1f1}
.s-table th input[type=checkbox] {padding:0}
.s-table td {padding: 9px;font-size: 13px; font-family: arial, sans-serif;border-right: solid 1px #ebebeb;vertical-align: middle;}
.s-table td.s-item-cell {color: #525250; border-right: none; line-height: 18px; max-width: 600px}
.s-table td.s-item-drag {width:8px;padding-left:5px;padding-right:5px;cursor:move}
.s-table td.s-item-drag-disabled {width:8px;padding-left:5px;padding-right:5px;cursor:default}
.s-table td.s-item-check {width:13px}
.s-table td .s-target-text-edit {font-family: arial, sans-serif;width:100%;line-height:18px;height:16px;resize:vertical !important}
.s-table td div.s-edit a, .s-table td span.s-edit a {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.s-table td:last-child, .s-table th:last-child {border-right: none;}
.s-table th:first-child {border-top-left-radius: 5px;}
.s-table th:last-child {border-top-right-radius: 5px;}
.s-table tr:first-child {border-top-left-radius: 5px; border-top-right-radius: 5px;}
.s-table tr:last-child {border-bottom-left-radius: 5px;  border-top-right-radius: 5px;}
.s-table tr:last-child td:first-child {border-bottom-left-radius: 5px;}
.s-table tr:last-child td:last-child {border-bottom-right-radius: 5px;}
.s-table tr.odd {background-color: #efefef}
.s-table tr.even {background-color: #f8f8f8}
.s-table tr.nodrag {cursor: auto !important}
/*.s-table tbody tr:hover {background-color: #ffff99 !important}*/
/* .s-table tr {border-bottom: solid 1px #efefef;} */
.s-table-ops {text-decoration:none}
.s-table th.s-export-button {width: 100px}

.s-notify {position:fixed;top:65px;left:50%;display:none;padding:10px;border:solid 1px #FFC47C;box-shadow: 0 0 4px #FFC47C;border-radius: 5px;background-color: #fffbd6;cursor:pointer;z-index:206;line-height: 10px}
.s-notify ul.s-list {list-style: disc inside;}
.s-notify ul.s-list li {margin: 5px}
.s-notify-undo {margin-left: 5px;}
.s-notify-project-title {max-width: 300px; overflow: hidden; text-overflow: ellipsis; display: inline-block; white-space: nowrap; vertical-align: middle; line-height: 12px}

.s-targets-list th {color: #565656;height: 21px;}
.s-targets-list td {height: 21px;}

.s-target-overlay-icon, .s-header-overlay-icon {vertical-align: middle;margin: auto 6px;cursor:pointer;margin-top: -1px; display: inline-block}
.s-target-overlay-icon img, .s-header-overlay-icon img {vertical-align: middle}

.s-target-label-arrow {margin-left: -11px;margin-right:2px;vertical-align: middle}

.s-input-hint {color: #aaaaaa;padding:6px;color:#b5b5b3}

.s-source-legend {font-size: 12px; color:#a3a3a3;vertical-align: middle;height:31px;line-height:31px;float:left}

.s-fake-input {border: solid 1px #cccccc;font-size: 12px; padding: 0 4px; box-shadow: inset 0 1px 1px #dddddd;border-radius: 2px;background-color: #ffffff;display:inline-block;vertical-align: middle}
.s-fake-input:hover {border: solid 1px #888888;}

.s-label-edit {cursor:pointer; text-decoration: underline;vertical-align: middle; color: #888888;font-size: 12px}
.s-label-edit-box {padding:5px;border: solid 1px #aaaaaa;background-color: #ffffff;white-space: nowrap;display:inline-block;box-shadow: 0 1px 2px rgba(0,0,0,0.2);}

#label-color-picker {display:inline; cursor: pointer}
#label-color-picker a {vertical-align: middle}
.s-label-color-picker {width:9px;height:9px;display:inline-block;vertical-align: middle;border:solid 1px #aaaaaa;}
.s-label-color-picker:hover, .s-lc-picker-selected {z-index:1;width:11px;height:11px;margin: -1px;box-shadow: 0 1px 2px rgba(0,0,0,0.1);}
.s-lc-58808a {background-color: #58808a;}
.s-lc-485b61 {background-color: #485b61;}
.s-lc-615b56 {background-color: #615b56;}
.s-lc-d6bfa8 {background-color: #d6bfa8;}
.s-lc-d6998a {background-color: #d6998a;}
.s-lc-9f9f9f {background-color: #9f9f9f;}
.s-lc-424242 {background-color: #424242;}

#labels-container {overflow-x: hidden; overflow-y: auto; height:340px; padding: 5px;margin-top: 20px}
.s-labels-box {margin-right:1px;display:none;vertical-align: top}
.s-label-box {overflow: hidden;position:relative;margin: 2px;font-size: 12px;height:20px;padding:5px;display: inline-block;float: left}
.s-label-box-bg {position: absolute; top:0;left:0;width:100%;height:100%}
.s-label-box-name {color: #666666}
.s-label-box-name-container {text-overflow:ellipsis;overflow:hidden;position:relative;text-align: right;height:20px;line-height: 20px}
input.s-label-name-editor {font-size: 12px;height: 20px;border: none;border-radius: 0;box-shadow: none;width: 100%;padding:0}
input.s-label-name-editor:hover {border:none}
.s-label-selected {display:inline-block;width:100px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;}

#label-delete {position:absolute;width:9px;height:30px;line-height:30px;vertical-align: middle;cursor:pointer}

.s-ddl {position:absolute;border:solid 1px #999999;background-color: #ffffff;z-index: 2;min-height: 28px;max-height: 168px;overflow-y: auto;box-shadow: 0 1px 2px rgba(0,0,0,0.2);}
.s-ddl-item {display: block; padding: 5px; text-decoration: none; cursor: pointer; font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis}
.s-ddl-item:hover {background-color: #dddddd;}

.s-no-complete {display:inline-block}

.s-icon-disabled {cursor: default; display: inline-block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;}

.s-target-selector-exclude {background-color: transparent !important}

#manage-labels .s-processing-box-overlay {background-color: #ffffff !important}

.s-pager {text-align:right; padding: 5px 0; font-size: 11px;}
.s-pager-prev, .s-pager-next, .s-pager-first, .s-pager-last {height:20px;text-decoration: none; display: inline-block;font-size: 11px;min-width:0}
.s-pager-start, .s-pager-end {width:35px;text-align:right}
.s-pager-page {vertical-align: middle;font-size: 11px}
.s-pager-rows {vertical-align: middle;font-size: 11px; margin-right: 10px}

.s-new-engine-control {display:none}

.s-no-items {display:none;padding:10px}

.s-text-empty {font-style: italic; color: #cccccc;}

.s-item-edit {margin:0;padding:0;display:none}

.s-delegate-box {text-align:right}
.s-delegate-recipient-box {text-align:center;margin-top: 5px;border-top:solid 1px #eeeeee;padding:5px}

td.s-subtask-row-cell {padding:0;background-color: #dddddd;}
.s-subtask-input {width: 100%;border: none;height:31px;box-shadow: 0px 2px 3px 0px #dddddd inset;color:#525252;background-color: #ffffff;padding:0 8px;border: solid 1px #cccccc;border-top:none}
.s-subtask-input-box {background-color: #ffffff;overflow: hidden;}
.s-subtask-list {}
.s-subtask-list-container {margin-left:40px}

.s-subtask-item {border: solid 1px #cccccc;border-top:none;border-right:none;background-color: #ffffdc;color:#525252;padding:8px;position:relative;line-height:15px;font-size:13px;cursor:move}
.s-subtask-text {width:95%;white-space: normal}
.s-subtask-edit {display:none;margin:0;border:0;padding:0;color:#525252;height:15px;width:95%;font-family: arial, sans-serif;font-size:13px;line-height:15px;resize:vertical !important}
.s-subtask-delete {position: absolute;right:8px;top:8px;cursor: pointer}
.s-subtask-done {position: absolute;right:20px;top:8px;cursor: pointer}
.s-subtask-comment {position: absolute;right:-25px;top:10px;cursor: pointer}

.s-comment-balloon-input {font-size: 12px}

.s-cs-indicator {float:right;margin-right:-55px;text-align:left;width:32px;white-space: nowrap}
.s-cs-indicator .s-l-spr {vertical-align: middle}
.s-cs-indicator.s-cs-indicator-visible {float:none;margin:0;text-align:center;margin:0 auto}

.s-comment-balloon {position:absolute;z-index:1;background-color: #ffffff; border: solid 1px #dddddd; box-shadow: 0 2px 3px #cccccc;width:200px;}
.s-comment-balloon-arrow-down {text-align: center; background-image: url(/public/images/tooltip-arrow-down.png); background-repeat: no-repeat; background-position: center; margin-bottom: -5px; height: 6px}
.s-comment-balloon-content {padding:5px;font-size:12px}
.s-comment-balloon-content-edit {display:none}
.s-comment-balloon-content-edit input {border:none !important;width:190px;height:22px;margin-left:5px;margin-right:5px;font-size:12px;padding:0 !important;box-shadow: none}

.s-has-subtask, .s-has-comment, .s-has-reminder, .s-has-delegate {cursor:pointer;}

.s-smd-module-content #recurring-tasks-table .s-has-subtask, 
.s-smd-module-content #recurring-tasks-table .s-has-comment,
.s-smd-module-content #recurring-tasks-table .s-has-reminder {cursor: default !important}

.s-smd-module-content #recurring-tasks-table td.s-target-label-cell {width: 95px;max-width: 95px;}

/*lists*/
.s-data-label-head {width:95px;max-width:95px;text-align:right}

.s-list-icon {margin-right: 5px}
.s-list-name-edit {border:0;margin:0;padding:0;height:14px; vertical-align: middle;width:200px;box-shadow:none;font-size:13px}

#data-lists-container .s-folder-container-expanded {border-left: solid 1px #000000}
#data-lists-container .s-folder {white-space: nowrap;overflow: hidden; text-overflow: ellipsis;display: block;padding: 8px;}
#data-lists-container .s-folder:hover, #data-lists-container .s-folder-hover {background-color: #e7e7e7}
#data-lists-container .s-folder-name {width: 205px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;display: inline-block; vertical-align: middle}
#data-lists-container .s-folder-icon {vertical-align:middle;margin-right: 8px}
#data-lists-container .s-folder-selection-context {background-color: #dddddd}
#data-lists-container .s-folder-name-edit {border:0;margin:0;height:14px; vertical-align: middle;width:195px;margin-right:10px;padding:0}
#data-lists-container .s-folder-drag-hover {background-color: #78bcd1}
#data-lists-container .s-folder-items {background-color: #eaeaea}
.s-folder-info-container .s-folder-name:hover {text-decoration: underline;}

.slimScrollBar {border-radius: 0 !important}

#add-list {cursor:pointer}
#add-folder {cursor:pointer}

#user-folders .ui-draggable-dragging {background-color: #cccccc;width:244px}
#user-folders .s-list-selection .s-list-icon {margin-right: 8px; width: 21px; display: inline-block; text-align: center}
#user-folders .s-list-selection .s-list-icon .s-l-spr {vertical-align: middle}
#user-folders .s-folder-container .s-folder-items {scroll-behavior: smooth;}
#user-folders .s-folder {cursor: default;}
#user-folders .s-folder.s-selected {background-color: #78bcd1;}

#system-lists .s-list-selection:hover {background-color: #e7e7e7}
#system-lists .s-list-selection .s-list-icon {margin-right: 8px; width: 21px; display: inline-block; text-align: center}
#system-lists .s-list-selection .s-list-icon .s-l-spr {vertical-align: middle}

#user-list-control .s-list-name, .s-template-container .s-list-name {font-weight: bolder;}
#user-list-control .s-user-list-info {padding-left: 10px;}
#user-list-control .s-user-list-info .s-list-name:hover {text-decoration: underline;}
#user-list-control .s-user-list-info .s-list-folder:hover .s-folder-name {text-decoration: underline;}
.s-user-list-info .s-list-folder {flex-shrink: 0; max-width: 200px; margin-left: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#tracker-chart-container .s-list-name {width:450px;overflow:hidden;text-overflow:ellipsis;font-weight: bolder;white-space: nowrap}

#list-items-preloader {margin-top: 30px}

#data-list-table th {border:none}

.s-strip-icon {vertical-align: middle;margin: auto 4px;cursor:pointer;margin-top: -3px; display: inline-block;}
.s-strip-icon span {vertical-align: middle; display: inline-block;margin-top: -1px}

.s-no-complete {display:inline-block;padding-right: 12px}
.s-complete {display:inline-block;float:left}

.s-option-strip {background-image: url(/public/images/lists/row-bg.png);background-position: right;background-repeat: repeat-y; position:absolute;z-index: 1;text-align:right;color:#ffffff}
.s-option-strip .s-row-template span.material-symbols-rounded,.s-option-strip [data-icon-class=s-row-template] {font-variation-settings: 'wght' 200;}
.s-option-strip .s-row-share span.material-symbols-rounded {font-variation-settings: 'wght' 200; font-size: 20px;}
.s-header-strip {background-image: url(/public/images/lists/header-bg.png);position:absolute;z-index: 1;text-align:right;}

.s-header-strip .s-select-all, .s-header-strip .s-unselect-all {cursor: pointer;color:#ffffff;text-decoration: none;font-size:12px}
.s-header-strip .s-select-all:hover, .s-header-strip .s-unselect-all:hover {text-decoration: underline}
.s-header-strip .s-select-options {color:#bbbbbb;margin-right: 10px}

#label-options {position:absolute;z-index: 1;white-space: nowrap}
#label-options input {border:none;border-radius:0;box-shadow: none}

.s-label-options-arrow {margin-left: -11px;vertical-align: middle;margin-right:5px}

.s-list-control .s-table td.s-item-nolabel,
.s-item-list-control .s-table td.s-item-nolabel {background-image: url(/public/images/arrow-right.png);background-repeat: no-repeat;background-position: 90% 50%}

.s-label {font-size: 11px;color: #FFFFFF}
.s-label-head {width:95px;max-width:95px}
.s-label-container {text-align: right;border-right: none !important;width:95px;max-width:95px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;float:left}

.s-target-label .s-label-name, .s-label-box-name-container .s-label-name, .s-label-ddl .s-label-name, .s-label-container .s-label-name {color:#ffffff; text-shadow: 0 0 2px #000000;}
.s-label-selected .s-label-name {color:#525252;text-shadow: none;}

#label-input {width:110px;height:20px;}

.s-item-input {height:26px; border:none; box-shadow: 0 1px 2px rgba(0,0,0,.2) inset; color:#555555;background-color: #ffffff;padding: 0 8px; vertical-align:middle}
textarea.s-item-input {padding:8px}

.s-item-text {white-space: normal}
.s-item-text-completed {text-decoration: line-through !important}
.s-item-text-edit {border:none;margin:0;display:none;width:100%;color:#525250;font-size:13px;padding:0;background: transparent;height:16px;font-family: arial, sans-serif;resize: vertical !important; line-height: 18px; vertical-align: bottom;}

#delegate-it-dialog.s-basic {display:none;position:absolute;z-index:99;background-color: #ffffff;border:solid 1px #cccccc;white-space: normal}
#delegate-it-dialog.s-improved {display:none;position:absolute;z-index:99;background-color: #ffffff;border:solid 1px #999999;box-shadow:0 2px 3px #cccccc;padding: 10px;max-width: 175px; font-size: 13px;white-space: normal}
#delegation-station-alert-dialog #delegate-it-dialog.s-basic, #delegation-station-alert-dialog #delegate-it-dialog.s-improved {position: relative}
#delegate-it-dialog.s-improved input[type=text] {width:170px;max-width:170px;}

.s-delegate-box {text-align: right}
.s-delegate-box input {text-align: center}

.s-delegate-name, .s-delegate-email, .s-delegate-date {background-color: #ffffff; width: 160px; border: solid 1px #888888; border-radius: 2px;}
.s-delegate-name-email {border: solid 1px #888888; border-radius: 2px;}
.s-delegate-button {width:80px}

#schedule-it-dialog {display:none;position:absolute;z-index:99;background-color: #ffffff;border:solid 1px #cccccc;text-align:right;box-shadow:0 2px 3px #cccccc}

.s-item-selector {border-bottom: solid 1px #77828f;}
.s-item-selector-exclude {background-color: transparent !important; border: none}

.s-icon-disabled {cursor: default; opacity: 0.3}

.s-datapoint-tip {border: solid 1px #cccccc; font-size: 12px; z-index: 1100; position: absolute; background-color: #ffffff; display: none; box-shadow: 0px 0px 20px #aaaaaa}
.s-datapoint-tip a {text-decoration: none; color: #000000;}
.s-datapoint-tip a.s-datapoint-button {display: inline-block;margin: 0 5px;cursor: pointer}

#chart-scope-date {display:inline; border:solid 1px #cccccc; padding: 10px; background-color: #ffffff;cursor:pointer; font-size: 12px}
.s-chart-scope-date {display:inline; border:solid 1px #cccccc; padding: 10px; background-color: #ffffff;cursor:pointer; font-size: 12px}
#custom-date-filter input {width:80px;margin:0;padding:0;border:solid 1px #e9e9e9}

.s-datapoint-unitvalue {text-align:center;font-size:25px;line-height: 25px;padding:10px; padding-bottom:0px; padding-top: 5px;vertical-align: middle}
.s-datapoint-added {text-align:center;padding:5px;font-size:10px;line-height: 11px}
.s-datapoint-controls {font-size: 10px;text-align: center;border-top:solid 1px #eeeeee;background-color: #333333;line-height: 24px}

.s-confirm-buttons {text-align:right; margin-top:10px}
.s-popup-buttons {text-align:right; margin-top:10px}
.s-popup-title {font-size: 15px;font-weight: bold;margin-bottom: 10px}

.s-color {width: 65px; color: #ffffff}
.s-colorpicker {position:absolute;z-index:1010;padding:5px;background-color: #ffffff;border: solid 1px #cccccc}

.s-pointer, .s-pointer * {cursor:pointer}

#folder-list-panel {display:inline-block;width:260px;vertical-align:top;border-right: solid 1px #bbbbbb}

.s-row-strip {font-size: 12px}

.s-save, .s-edit, .s-cancel, .s-delete {cursor:pointer;vertical-align:middle}

.s-input-empty {font-style: italic; color: #808080}

#help-dialog .s-dialog-title {padding:10px}
#help-content {padding: 10px; width:650px;height:350px;overflow:auto;margin:10px}
#help-content ul {list-style: disc outside none;margin:10px 20px;margin-bottom: 20px}

#prioritize-table tbody td.s-drag-handle {cursor: move}
#prioritize-table tbody td.s-prioritize-item {max-width: 600px}

#prioritize-table.s-prioritize-free td.s-prioritize-item {border-right: none;}
#prioritize-table.s-prioritize-free td.s-target-nolabel {background: none;}

.s-focus-term {margin:0}

#stuffiwant-container .s-table td {padding: 5px;height:22px}

#list-detail-preloader {margin-top: 60px}

#backwardplanner-dialog {padding:20px; height: 400px}
#backwardplanner-dialog .s-table td {padding: 5px}
#backwardplanner-dialog .s-dreamcatcher, .s-backward-planner-container .s-dreamcatcher {cursor: pointer;vertical-align: middle}

.s-backward-planner {cursor:pointer}
.s-backward-planner-parent-text {font-size: 16px;font-weight: bold;margin-top:10px}

#major-focus-container .s-processing-box-overlay {width:100%;height:100%;opacity: 0.5;}
#major-focus-container .s-focus-container .s-focus-controls, #major-focus-container .s-focus-container .s-focus-controls button {font-family: Arial, Helvetica, sans-serif}
#major-focus-container .s-focus-container .redactor-toolbar li a {height: 32px}
#major-focus-container .s-focus-container .redactor-toolbar li a.re-button-icon {padding: 8px}
#major-focus-container .s-processing-box {z-index: 9;}
#major-focus-container .s-focus-container .s-processing-box-overlay {background-color: #ffffff}
#major-focus-container .s-focus-container .s-auto-save-message {margin: 0 10px; color: #888888}
#major-focus-container .s-focus-container .s-auto-save-message-saved {color: #333333}
.s-major-focus-swap {margin: 7px 6px 6px -6px; width: 70px; font-size: 11px !important; color: #888; background-color: #f5f5f5; border: solid 1px #cccccc; border-radius: 2px;}
#major-focus-container .s-major-focus-tab .s-processing-icon {margin:6px 6px 6px -6px }
#major-focus-container .s-backward-planner-table td .s-cs-indicator {visibility: hidden}

#achieved .s-stuff-i-want {text-decoration: underline;cursor: pointer}

.s-achieved-container {margin:10px 0}
.s-achieved-container table tbody td .s-define-text img, .s-achieved-container table tbody td .s-important-text img {max-width: 100%;}
.s-empty-container {margin-top:10px;padding:10px}

.s-delegated-box {border: solid 1px #cccccc}

.s-delegate-task-table {border:solid 1px #dddddd;box-shadow: 0 1px 2px rgba(0,0,0,0.1) #cccccc; margin:10px 0}
.s-delegate-task-table td {padding:5px}
.s-delegate-task-table td input {margin:0;padding:0;border:none}
.s-delegate-task-table tr.s-header {border:solid 1px #cccccc;border-bottom:none;background-color: #dddddd}
.s-delegate-task-table tr.s-body {background-color: #ffffff}
.s-delegate-task-table tr.s-footer {background-color: #eeeeee; font-size:12px}
.s-delegate-task-table tr.s-footer input[type=text] {font-size:12px}

.s-delegate-task-comments {font-family:Arial;font-size:13px;height:60px;width:615px;resize:vertical};

#received-table {border: solid 1px #dddddd;box-shadow: 0 1px 2px rgba(0,0,0,0.1); margin: 10px 0}
#received-table td {padding:5px}

#archived-table td {padding:5px}
.s-archived-table td.s-item-drag {display: none;}

#recurring-tasks-table th, #doitlater-table th {border:none}
#recurring-tasks-table td.s-item-nolabel, #doitlater-table td.s-item-nolabel {background-image: url(/public/images/arrow-right.png);background-repeat: no-repeat;background-position: 90% 50%}

.s-label-options, .s-overlay-extra {position:absolute;z-index: 1;white-space: nowrap}

.s-option-strip-switch {font-size: 11px}
.s-option-strip-switch .s-switch {font-size: 10px; cursor: pointer; text-decoration: underline; color: #5a9cb2; font-weight: bold;}
.s-option-strip-switch .s-switch-active {text-decoration: none; color: #333333}

.s-smd-help-switch {font-size: 11px}
.s-smd-help-switch .s-switch {font-size: 10px; cursor: pointer; text-decoration: underline; color: #5a9cb2; font-weight: bold;}
.s-smd-help-switch .s-switch-active {text-decoration: none; color: #333333}

.s-decide-mode-switch {font-size: 11px}
.s-decide-mode-switch .s-switch {font-size: 10px; cursor: pointer; text-decoration: underline; color: #5a9cb2; font-weight: bold;}
.s-decide-mode-switch .s-switch-active {text-decoration: none; color: #333333}

.s-view-achieved {cursor: pointer;text-decoration: underline}

.s-accessories-nav {cursor:pointer;color:#0000ff;text-decoration:underline;font-size:12px;line-height:18px;}

.s-target-text a, .s-item-text a, .s-wrapped a, .s-wrapped-text, .s-subtask-text a {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word;
    overflow-wrap: break-word;
}

#dc-floater-container {position:fixed;z-index:104;top:200px;right:-350px;width:400px;height:40px;float:right}
#dc-floater {z-index:104;height:40px;line-height:40px;border:solid 1px #bbbbbb;box-shadow: 0 2px 3px #cccccc;text-align:left;padding:5px;background-color: #f9f9f9}
#dc-floater-trigger {width: 40px;height: 40px;display: block;float: left;margin-right: 10px}
#dc-floater-input {width:325px; height:20px; border: solid 1px #dddddd}
#dc-floater-more {display:none;background-color: #eeeeee;line-height: normal;border:solid 1px #bbbbbb;border-top:solid 1px #dddddd;padding:4px;text-align: center;color: #555555;margin-top: -2px;cursor: pointer}
#dc-floater-more:hover {background-color: #e5e5e5;}

#dc-floater .s-processing-box-overlay {background-color: #ffffff}

.s-icon-alert-dialog {background: url(/public/images/legacy/icon_alert.gif) no-repeat; display: block; float:left;padding-left:84px; min-height: 62px; vertical-align: middle}

#upgrade-selection-dialog {padding:20px;width:840px;height:440px;display:none}

.s-select-upgrade {cursor: pointer; width:245px; padding:10px; border: solid 1px #ffffff; height:260px}
.s-select-upgrade:hover {background-color: #efefef}
.s-select-upgrade-selected {background-color: #eaf4fd; border-color: #238FAA !important}
.s-select-upgrade-text {height:230px}

.s-upgrade-radio {cursor: pointer}

#records-status {cursor: pointer; margin: 0 5px}

#comment-dialog {font-size: 13px;color:#333333}
#comment-dialog .s-comment-item-text {font-size: 16px;font-weight: bold;}
#comment-dialog .s-comment-item-text a {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word;
}
#comment-dialog .s-item-comment-readonly {min-height:250px;padding:20px}
#comment-dialog textarea {font-size: 13px; font-family: sans-serif}
.redactor-dropdown.s-comment-dialog-dropdown {z-index: 204 !important;}
#comment-dialog .s-comment-attached-file {width:100%;font-size:11px;padding:0}
#comment-dialog .s-comment-attached-file .s-label {width:120px;color:#bbbbbb;padding:0;margin:0;margin-right:10px}
#comment-dialog .s-comment-attached-file .s-file-info, #comment-dialog .s-comment-attached-file .s-label {display:inline-block}
#comment-dialog .s-comment-attached-files {overflow: auto;max-height: 110px;margin-bottom: 5px}
#comment-dialog .s-card-subcomment-new-container .redactor-toolbar li a {height: 32px}
#comment-dialog .s-card-subcomment-new-container .redactor-toolbar li a.re-button-icon {padding: 8px}
#comment-dialog .s-card-subcomment-new-container.s-additional-input {background-color: #fdfdfd;border: solid 1px #eeeeee}
#comment-dialog .s-card-subcomment-new-placeholder {line-height: 27px;font-size: 13px;color: #888888;cursor: text;background-color: #ffffff}
.s-comment-attachment-table tr, .s-comment-attachment-table td, .s-comment-attachment-table td:last-child {border: solid 1px #dfdfdf}
.s-comment-attachment-table tbody tr td {padding:4px}

#dream-catcher-box { margin-right: 5px; white-space: nowrap; position: relative; min-width: 35px}
.s-dream-catcher-input-show {cursor: pointer; width: 32px; height: 35px; display: inline-block; vertical-align: middle; top: 5px; left: 5px; position: absolute; line-height: 35px; margin-top: -5px; text-align: center;}
.s-dream-catcher-input-box {display: inline-block; vertical-align: middle; background-color: #ffffff; box-shadow: 0 1px 2px #aaaaaa; height: 35px; line-height: 35px; padding: 0 6px; border-radius: 4px; width: 24px; white-space: nowrap; overflow: hidden; display: none; opacity: 0}
.s-dream-catcher-input-box input {border: none; height: 30px; vertical-align: middle; width: 90%; margin-left: 32px;}
.s-dream-catcher-input-message {position: absolute; top: 1px; left: 38px; color: #aaaaaa;}

#search-box { margin-right: 10px; white-space: nowrap; position: relative; min-width: 35px}
.s-search-input-show {cursor: pointer; width: 26px; height: 26px; margin-top: -5px; display: inline-block; vertical-align: middle; top: 5px; left: 5px; position: absolute;}
.s-search-input-box {display: inline-block; vertical-align: middle; background-color: #ffffff; box-shadow: 0 1px 2px #aaaaaa; height: 35px; line-height: 35px; padding: 0 6px; border-radius: 4px; width: 24px; white-space: nowrap; overflow: hidden; display: none; opacity: 0}
.s-search-input-box input {border: none; height: 30px; vertical-align: middle; width: 90%; margin-left: 32px;}

.s-search-box-component { white-space: nowrap; position: absolute; right: 0; top: -7px; min-width: 25px; min-height: 30px; background-color: #eef1f1;}
.s-search-box-component .s-search-box {display: flex;}
.s-search-box-component .s-search-box .s-search-input-show {all: unset; cursor: pointer; margin-right: -40px; padding: 0 10px; z-index: 2; color: #888888}
.s-search-box-component .s-search-box .s-search-input-show > span {line-height: 28px; font-size: 20px;}
.s-search-box-component .s-search-box .s-search-input-box {height: 28px;}
.s-search-box-component .s-search-box .s-search-input-box input {height: 26px; display: block;}
.s-search-box-component .s-search-options-box {background-color: #ffffff; box-shadow: 0 1px 2px #aaaaaa; border-radius: 4px; margin-top: 4px; min-height: 40px; max-height: 180px; overflow: auto;}
.s-search-box-component .s-search-options-box .s-search-option-more-header {padding: 10px 20px; padding-top: 20px; color: #888888;}
.s-search-box-component .s-search-options-box .s-search-option-more-search-box {text-align: right; padding: 10px; padding-top: 20px}
.s-search-box-component .s-search-options-box .s-search-option-more-search-box .s-search {background: none; background-color: #f2f2f2; box-shadow: none; font-size: 11px; border-radius: 4px; padding: 5px;}
.s-search-box-component .s-search-options-box .s-search-option-more-search-box .s-search:hover {background-color: #e6e6e6;}
.s-search-box-component .s-search-options-box .s-search-option-more-search-box .s-search:active {background-color: #cccccc;}
.s-search-box-component .s-search-options-box .s-search-option-more-selection-box {display: flex; flex-flow: wrap; gap: 10px; padding: 0 20px;}
.s-search-box-component .s-search-options-box .s-search-option-more-selection-item {width: 45%;}
.s-search-box-component .s-search-options-box .s-search-location-button {background: none; background-color: #f2f2f2; box-shadow: none; font-size: 11px; border-radius: 6px; margin-left: auto; height: 18px; padding: 2px 6px; flex-shrink: 0; max-width: 246px; text-overflow: ellipsis; overflow: hidden;}
.s-search-box-component .s-search-options-box .s-search-location-button::after {content: '↵'; float: right; margin-left: 10px;}
.s-search-box-component .s-search-options-box .s-search-option-location-item {display: flex; gap: 10px; padding: 5px 10px; padding-left: 15px; border-top: solid 1px #ebebeb; align-items: center; cursor: pointer;}
.s-search-box-component .s-search-options-box .s-search-option-location-item.s-active {background-color: #0075ff; color: #ffffff;}
.s-search-box-component .s-search-options-box .s-search-option-location-item:first-child {border-bottom: none; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.s-search-box-component .s-search-options-box .s-search-option-location-item:last-child {border-bottom: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.s-search-box-component .s-search-options-box .s-search-keyword {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 28px; font-size: 13px;}
.s-search-box-component .s-search-options-box .s-search-option-tabs {padding-top: 10px;}
.s-search-box-component .s-search-options-box .s-search-option-tab {border-bottom: solid 2px #ffffff; cursor: pointer; padding: 0 10px; padding-bottom: 5px;}
.s-search-box-component .s-search-options-box .s-search-option-tab.s-active {border-bottom: solid 2px #0075ff;}
.s-search-box-component .s-search-options-box .scrollbar-track {background: none !important; width: 15px !important;}
.s-search-box-component .s-search-options-box .scrollbar-track .scrollbar-thumb {background-color: #777777 !important; width: 15px !important; border-radius: 4px !important; opacity: .5; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;}

#search-options-box {background-color: #ffffff; box-shadow: 0 1px 2px #aaaaaa; border-radius: 4px; min-height: 100px; margin-top: 4px; position: relative;}
#search-options-box .s-search-option-more-header {padding: 10px 20px; padding-top: 20px; color: #888888;}
#search-options-box .s-search-option-more-search-box {text-align: right; padding: 10px; padding-top: 20px}
#search-options-box .s-search-option-more-search-box .s-search {background: none; background-color: #f2f2f2; box-shadow: none; font-size: 11px; border-radius: 4px; padding: 5px;}
#search-options-box .s-search-option-more-search-box .s-search:hover {background-color: #e6e6e6;}
#search-options-box .s-search-option-more-search-box .s-search:active {background-color: #cccccc;}
#search-options-box .s-search-option-more-selection-box {display: flex; flex-flow: wrap; gap: 10px; padding: 0 20px;}
#search-options-box .s-search-option-more-selection-item {width: 45%;}
#search-options-box .s-search-location-button {background: none; background-color: #f2f2f2; box-shadow: none; font-size: 11px; border-radius: 6px; margin-left: auto; height: 18px; padding: 2px 6px; flex-shrink: 0;}
#search-options-box .s-search-location-button::after {content: '↵'; float: right; margin-left: 10px;}
#search-options-box .s-search-option-location-item {display: flex; gap: 10px; padding: 5px 10px; padding-left: 15px; border-top: solid 1px #ebebeb; align-items: center; cursor: pointer;}
#search-options-box .s-search-option-location-item.s-active {background-color: #0075ff; color: #ffffff;}
#search-options-box .s-search-option-location-item:last-child {border-bottom: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
#search-options-box .s-search-keyword {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 28px; font-size: 13px;}
#search-options-box .s-search-option-tabs {padding-top: 10px;}
#search-options-box .s-search-option-tabs .s-search-input-calendar {float: right; margin-right: 8px; margin-top: -4px; cursor: pointer; color: #aaaaaa; font-variation-settings: 'wght' 300;}
#search-options-box .s-search-option-tabs .s-search-input-calendar:hover {color:#888888}
#search-options-box .s-search-option-tab {border-bottom: solid 2px #ffffff; cursor: pointer; padding: 0 10px; padding-bottom: 5px;}
#search-options-box .s-search-option-tab.s-active {border-bottom: solid 2px #0075ff;}
#search-options-box .s-search-option-date-range {width: 100%; height: calc(100% - 35px); position: absolute; background-color: #ffffffee; top: 35px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
#search-options-box .s-search-option-date-range .s-dialog {padding: 20px; margin-top: -10%; width: 70%}
#search-options-box .s-search-option-date-range .s-dialog .s-date-range-label {display: inline-block; text-align: right; width: 65px; line-height: 20px; align-self: center;}
#search-options-box .s-search-option-date-range .s-dialog .s-search-option-date-before, #search-options-box .s-search-option-date-range .s-dialog .s-search-option-date-after {line-height: 20px; padding: 0 5px;}
#search-options-box .s-search-option-date-range .s-dialog .s-search-option-date-ok,
#search-options-box .s-search-option-date-range .s-dialog .s-search-option-date-cancel,
#search-options-box .s-search-option-date-range .s-dialog .s-search-option-date-clear {background: none; background-color: #f2f2f2; box-shadow: none; font-size: 11px; border-radius: 4px; padding: 5px; backdrop-filter: blur(2px);}

#smd-streak-container { margin-right: 10px; box-shadow: 0 1px 2px #aaaaaa; border-radius: 4px; background-color: #f7f7f7; padding: 0 5px; display: flex; flex-direction: row; align-items: center; gap: 5px;}
#smd-streak-trigger {cursor: pointer;display: inline-block;line-height: 15px;font-size: 15px;color:#aaaaaa; text-align: center; font-family: 'Questrial', 'century gothic'; text-shadow: 0 1px #ffffff;}
#smd-streak-trigger:hover {color:#111111}

#smd-streak-dialog {width: 1000px;height: 700px}

.s-smd-streak-calendar, .s-streak-day-checkbox {display:inline-block}
.s-smd-streak-calendar {margin-right:4px}

#smd-streak-calendars .ui-datepicker-prev,
#smd-streak-calendars .ui-datepicker-next {display:none}

#smd-streak-calendars .s-misc-spr-x-dark {width: 14px; height: 14px; position: absolute; top:6px; left:9px; padding:0;margin:0}
#smd-streak-calendars .s-line-red {background-image: url(/public/images/misc/line-red.png); background-color: transparent; background-repeat: repeat-x; height: 4px; position: absolute; top:11px}

#smd-streak-calendars .ui-datepicker-calendar td.s-smd-streak-week,
#smd-streak-calendars .ui-datepicker-calendar td.s-smd-streak-week-start,
#smd-streak-calendars .ui-datepicker-calendar td.s-smd-streak-week-end,
#smd-streak-calendars .ui-datepicker-calendar td.s-smd-streak-date {position:relative;overflow: hidden}

#smd-streak-calendars .ui-datepicker-calendar td.s-smd-streak-week .s-line-red {width:23px;}
#smd-streak-calendars .ui-datepicker-calendar td.s-smd-streak-week-start .s-line-red {width:12px;left:12px}
#smd-streak-calendars .ui-datepicker-calendar td.s-smd-streak-week-end .s-line-red {width:12px;}

#smd-streak-calendars .ui-datepicker-calendar td {text-align: center;}
#smd-streak-calendars .ui-datepicker-calendar td a {text-align: center;width:22px;max-width:22px}
#smd-streak-calendars .ui-datepicker-calendar td a.ui-state-default {background:none;background-color: #f5f5f5;color:#333333}

.s-smd-streak-calendars-container {width: 925px;overflow: hidden;white-space: nowrap;display: inline-block;}

.s-smd-streak-calendar-carousel-nav {display:inline-block; width: 33px; background-color: #eeeeee; height:228px;cursor: pointer;vertical-align: top}
.s-smd-streak-calendar-carousel-nav:hover {background-color: #dddddd;}

.s-smd-streak-setting a {background-color: #ffffbf !important}

.s-unselectable {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

.s-day-check {display:inline-block;font-size: 11px}

.s-current-rank-container, .s-next-rank-container {width:200px; text-align: center;cursor: pointer}
.s-current-rank-container, .s-rank-step-container, .s-next-rank-container {display:inline-block; vertical-align: middle}
.s-rank-step-container {cursor: pointer}

.s-current-rank-container-mini, .s-next-rank-container-mini {margin:0 3px}
.s-current-rank-container-mini, .s-rank-step-container-mini, .s-next-rank-container-mini {display:inline-block; vertical-align: middle}

.s-div-table .s-div-head {font-size: 13px; font-family: arial, sans-serif;color:#888888; vertical-align: middle; background-color: #eef1f1;}
.s-div-table .s-div-cell {padding: 9px;font-size: 13px; font-family: arial, sans-serif;border-right: solid 1px #dddddd;vertical-align: middle;display: table-cell;white-space: normal}
.s-div-table .odd {background-color: #efefef}
.s-div-table .even {background-color: #f8f8f8}
.s-div-table .nodrag {cursor: auto !important}
.s-div-table .s-div-row {border-bottom: solid 1px #cccccc;white-space: nowrap;display: table-row}
.s-div-table {border: solid 1px #bbbbbb; border-collapse: collapse;box-shadow: 0 2px 3px #cccccc; font-family: 'Open Sans', arial, sans-serif;display: table}

.s-ranks-div-table {width:520px;border-collapse: collapse;border: solid 1px #dddddd;background-color: #f8f8f8; margin: 0 auto}
.s-ranks-div-table table td {vertical-align: middle}
.s-ranks-div-table .s-div-cell {width:321px}
.s-ranks-div-table .s-ranks-col {width:160px}
.s-ranks-div-table .s-benefits-col, .s-ranks-div-table .s-skills-col {width:481px}

.s-ranks-div-table .s-misc-spr {vertical-align: middle}

.s-belt-detail {padding:10px}
.s-belt-image {padding:10px}
.s-belt-benefit {font-weight: bold;font-size: 14px}
.s-belt-benefit.s-belt-do-your-training {text-decoration: underline;}
.s-belt-benefit.s-belt-do-your-training:hover {color:#82adda}
.s-belt-subskill {font-style: italic;font-size: 12px}
.s-belt-do-your-training {cursor: pointer}

#start-training-mode {background: none;background-color: #f2f2f2;box-shadow: none;font-size: 11px;border-radius: 2px; margin: 4px 0;}
.s-training-mode-border {width:4px;height:4px;position:fixed;z-index: 1000;background-color: #9FBEDF}
.s-training-exit-button {background-color: #d84938 !important;color:#ffffff;font-weight: bold !important; margin: 0 !important}

.s-rank-step-container span.s-misc-spr-rank-circle-step-dark,
.s-rank-step-container span.s-misc-spr-rank-circle-step-light {margin:0 15px}

#rank-step-mini {cursor:pointer;vertical-align: middle}

#rank-step-mini .s-rank-step-container-mini .ui-progressbar {border: solid 1px #bbbbbb;height:3px; margin-top: 7px;}
#smd-streak-tab-rank .s-rank-step-container .ui-progressbar {height:15px; border-radius: 7px !important}

.s-ranks-div-table .s-skills-col {padding-right: 20px}
.s-ranks-div-table .s-skills-col .s-sub {font-style: italic;font-size: 11px}

#simpleology-welcome {width:960px;}
.s-guide-simpleology-welcome {background-image: url(/public/images/misc/mesh-bg.png)}
.s-guide-selection {display:inline-block; height:425px; width:282px;margin: 5px;padding: 10px;background-image: url(/public/images/misc/mesh-normal-bg.png);background-position: bottom; cursor: pointer; vertical-align: top}
.s-guide-welcome {background-image: url(/public/images/misc/guide-welcome.png); background-position: center; background-repeat: no-repeat; width:960px;height:60px;margin: 10px 0}
.s-guide-good {background-image: url(/public/images/misc/guide-good.png); width:100%;height:181px;background-position: center;margin: 10px 0;background-repeat: no-repeat;}
.s-guide-better {background-image: url(/public/images/misc/guide-better.png); width:100%;height:181px;background-position: center;margin: 10px 0;background-repeat: no-repeat;}
.s-guide-best {background-image: url(/public/images/misc/guide-best.png); width:100%;height:181px;background-position: center;margin: 10px 0;background-repeat: no-repeat;}
.s-guide-get-started {background-image: url(/public/images/misc/guide-start.png); width:302px;height:67px;display: inline-block; margin: 10px 0;cursor:pointer}

.s-overlay.s-guide-simpleology-welcome {background-image: none !important}

.s-hsw-step-header {display:inline-block;width: 312px;height: 80px;background-repeat: no-repeat;background-position: center; vertical-align: middle}
.s-hsw-step1 {background-image: url(/public/images/misc/hsw-step1.png)}
.s-hsw-step2 {background-image: url(/public/images/misc/hsw-step2.png)}
.s-hsw-step3 {background-image: url('/public/images/misc/hsw-step3.png?v2')}

.s-hsw-steps-row {white-space: nowrap}
.s-hsw-improve {width: 60px;height:60px;background-repeat: no-repeat;background-position: center;display: inline-block; margin-top: 20px}
.s-hsw-improve-title {font-family: 'Lato', sans-serif;font-size: 22px; font-weight: bold}

.s-hsw-table td {width: 293px; white-space: normal}

.s-hsw-improve-productivity {background-image: url(/public/images/misc/productivity.png);}
.s-hsw-improve-business-growth {background-image: url(/public/images/misc/business-growth.png);}
.s-hsw-high-energy {background-image: url(/public/images/misc/high-energy.png);}
.s-hsw-grit {background-image: url(/public/images/misc/grit.png);}
.s-hsw-wealth {background-image: url(/public/images/misc/wealth.png);}
.s-hsw-leadership {background-image: url(/public/images/misc/leadership.png);}

#hsw-improve-productivity-table .s-misc-spr,
#hsw-improve-business-growth-table .s-misc-spr,
#hsw-high-energy-table .s-misc-spr {vertical-align: middle}

#hsw-start-here {position:absolute;display:none;z-index:102;padding:5px;border: solid 1px #aaaaaa;background-color: #ffffff;white-space: nowrap;display:inline-block;box-shadow: 0 2px 3px #cccccc}

.s-hsw-table a {text-decoration: underline;cursor: pointer}
.s-hsw-table a.s-hsw-link {text-decoration: underline}
.s-hsw-table a:hover {color:#78bcd1 !important}

.s-l-spr-separator-pipe {vertical-align: middle; margin: 0 2px;}

#reminders-list-table .s-item-drag {cursor: default !important}
#reminders-list-table .s-item-drag .s-misc-spr-drag-handle {display: none}

/* #item-search-box {width:300px;position:fixed;top:89px;right:5px;text-align:right}
#item-search-result {position: fixed;background-color: #ffffff; border: solid 1px #dddddd;z-index: 100}
#item-search-result table {box-shadow: none;border:none;border-bottom: solid 1px #dddddd}
#item-search-result table td.s-item-cell {max-width: 160px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis} */

.s-search-highlight {font-weight: bolder}

.s-training-overlay {position:fixed;top:0;left:0;width:100%;height:100%;background-color: #000000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;z-index:202}
.s-training-header {position:fixed;top:0;left:0;width:100%;background-color: #000000;z-index:203;color: #ffffff;font-size: 13px;padding-left: 5px;padding-top: 5px;line-height: 38px}
.s-training-header .s-selected-training {margin-left: 15px}
button.s-publish {height:20px;line-height: 18px;margin-bottom:2px;font-size:12px}
.s-publish-link {cursor: pointer}

.s-order-by {cursor: pointer}
.s-order-by:hover {text-decoration: underline}

.s-input-file {position:absolute;top:0;right:0;margin:0;padding:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);font-size:118px;}
.s-input-file-container {display:inline-block;position:relative;overflow:hidden;}

.s-incoming-task-container-collapsed,
.s-accepted-task-container-collapsed,
.s-delegated-task-container-collapsed {max-width: 87%;white-space: nowrap;text-overflow: ellipsis;overflow-x: hidden;display: inline-block;vertical-align: middle}

#delegation-station-tabs.ui-widget-content {border:none;background:none;}
#delegation-station-tabs.ui-tabs .ui-tabs-panel {padding:0}
#delegation-station-tabs .ui-widget-header {background:none;border:none}
#delegation-station-tabs .ui-tabs-nav {font-size:13px;padding:0}
#delegation-station-tabs .ui-tabs-nav li.ui-corner-top {border-top-right-radius: 2px;border-top-left-radius: 2px}
#delegation-station-tabs .ui-tabs-nav li.ui-state-default {background:none;background-color: #e0e0e0;margin-top: 3px}
#delegation-station-tabs .ui-tabs-nav li.ui-state-active {background:none;background-color: #ffffff}

#ds-incoming-tab {background:none;background-color:#D74A39 !important}
#ds-incoming-tab a {color:#eeeeee}
#ds-incoming-tab.ui-tabs-active, #ds-incoming-tab:hover {background-color:#FD0100 !important;color:#eeeeee;border-color: #FD0100}
#ds-incoming-tab.ui-tabs-active a {color:#ffffff}

#ds-incoming-table {border-top: solid 1px #FD0100}

#ds-accepted-table .s-check-done, #ds-delegated-table .s-check-done, #ds-accepted-completed-table .s-check-done, #ds-delegated-completed-table .s-check-done {margin:0}
#ds-accepted-completed-table .s-completed-cell, #ds-delegated-completed-table .s-completed-cell {border-right: solid 1px #bbbbbb}

.s-more-less {font-size: 12px;color: #0000ff;text-decoration: underline;cursor: pointer}

#dsinfo-dialog.s-basic {display:none;position:absolute;z-index:99;background-color: #ffffff;border:solid 1px #cccccc;}
#dsinfo-dialog.s-improved {display:none;position:absolute;z-index:99;background-color: #ffffff;border:solid 1px #999999;box-shadow:0 2px 3px #cccccc;max-width: 220px;font-size: 13px}
#delegation-station-alert-dialog #dsinfo-dialog.s-basic, #delegation-station-alert-dialog #dsinfo-dialog.s-improved {position: relative}
#delegation-station-alert-dialog #system-task-context-menu {position: absolute}
#dsinfo-dialog table th {text-align: left;font-weight: bold;font-size: 14px}
#dsinfo-dialog table td {white-space: nowrap;font-size: 13px}
#dsinfo-dialog .s-dsinfo-due-text {font-size: 12px}

sup.s-module-sup {font-size: 12px}
sup.s-module-tip-sup {font-size: 9px}

.s-fire-tip {max-width: 360px;display: inline-block;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;vertical-align: middle}
a.s-fire-tip-more, a.s-fire-tip-less {color: #0000ff !important;text-decoration: underline;cursor: pointer}

.s-bhag-table td {vertical-align: top;width:50%;max-width:50%}
.s-bhag-table .s-processing-box-overlay {background-color: #ffffff}

.s-smd-ds-alert-button {float:right;color:#4f4f4d;margin:0;font-size: 11px;font-weight: bold;height:26px;background-color:#f5f5f5;border:solid 1px #b4b4ad; box-shadow: 0 1px 2px #cccccc;border-radius: 2px;vertical-align:middle;cursor:pointer;margin-left:10px}
.s-smd-ds-alert-button.s-highlight {color: #ffffff;background-color: #D94B35;border-color:#D94B35;border-bottom-color:#85281A}

.s-selected-count-box {color: #ffffff;background-color: #1bbb05;font-size: 11px;margin-right: 5px;padding: 3px 5px;font-weight: bold;border-radius: 2px;}

.s-completed-options { line-height: 12px; margin-top: 15px; }
.s-completed-options label {font-size: 14px; font-weight: bold; margin: 4px 0 0 3px;}

#import-contacts-openinviter-dialog #recaptcha_response_field {margin-top: 10px !important}
#import-contacts-options-dialog fieldset.s-highlight {background-color: #fff4f4;border-color:#ff0000}

#contacts-table button.s-invite-contact {height:20px;width:126px;background-position:top}

.s-error {color: #ff0000}
.s-error-notice {border: solid 1px #ff9695; background-color: #ffe9e8; color: #000000;padding: 10px; border-radius: 5px}

/*thermometer*/
.s-thermometer-container {
    width:300px;
    margin:30px auto;
}

#fire-thermometer {
    margin:0 auto;
    width:50px;
    height:200px;
    position: relative;
    background: #ddd;
    border:1px solid #aaa;
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px; -ms-border-radius: 12px;  -o-border-radius: 12px;     border-radius: 12px;

    -webkit-box-shadow: 0 5px 20px #999;
       -moz-box-shadow: 0 5px 20px #999; -ms-box-shadow: 0 5px 20px #999;  -o-box-shadow: 0 5px 20px #999;     box-shadow: 0 5px 20px #999;
}

#fire-thermometer .track {
    height:180px;
    top:10px;
    width:20px;
    border: 1px solid #aaa;
    position: relative;
    margin:0 auto;
    background: rgb(255,255,255);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,0,0)), color-stop(1%,rgb(255,255,255)));
    background: -webkit-linear-gradient(top, rgb(0,0,0) 0%,rgb(255,255,255) 10%);
    background:      -o-linear-gradient(top, rgb(0,0,0) 0%,rgb(255,255,255) 10%);
    background:     -ms-linear-gradient(top, rgb(0,0,0) 0%,rgb(255,255,255) 10%);
    background:    -moz-linear-gradient(top, rgb(0,0,0) 0%,rgb(255,255,255) 10%);
    background:   linear-gradient(to bottom, rgb(0,0,0) 0%,rgb(255,255,255) 10%);
    background-position: 0 -1px;
    background-size: 100% 5%;
}

#fire-thermometer .progress {
    height:0%;
    width:100%;
    background: rgb(20,100,20);
    background: rgba(20,100,20,0.6);
    position: absolute;
    bottom:0;
    left:0;
}

#fire-thermometer .goal {
    position:absolute;
    top:0;
}

#fire-thermometer .current {
    position:absolute;
    bottom:0;
}

#fire-thermometer .amount {
    display: inline-block;
    white-space: nowrap;
    padding:0 5px 0 60px;
    border-top:1px solid black;
    font-family: Trebuchet MS;
    font-weight: bold;
    color:#333;
}

#fire-thermometer .amount-text {
    white-space: normal
}

#fire-thermometer .progress .amount {
    padding:0 60px 0 5px;
    position: absolute;
    border-top:1px solid #060;
    color:#060;
    right:0;
}

#fire-thermometer .current .amount {
    border:none;
    border-bottom: 1px solid #000;
}

.s-dsinfo-contact,
.s-dsinfo-due-container {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100%}

#contact-search-list {position: absolute;background-color: #ffffff;border:solid 1px #999999;width:250px;font-size: 13px;padding:5px 0;box-shadow: 0 2px 3px #cccccc;}
#contact-search-list .s-contact-search-item {padding:5px;cursor: pointer;overflow: hidden;text-overflow:ellipsis;white-space: nowrap}
.s-contact-search-item:hover, .s-contact-search-item.s-active {background-color: #f0f0f0}

.s-contact-member-icon {display: inline-block;width:10px;margin-right: 4px;}

.s-service-icon-container {border:solid 1px #eeeeee;background-color:#f7f7f7; height:100px; border-radius:5px; display:inline-block; margin:5px; vertical-align:top}
.s-service-icon-container img {margin-top:32px}

.s-import-services {width:350px;display:inline-block;padding: 20px;margin-right: 20px;border: solid 1px #eeeeee;border-radius: 5px;}

.s-link-nav-item, .s-so-link {cursor: pointer; color: #238FAA; text-decoration: underline;}

.s-input-inset {height:26px; border:none; box-shadow: 0 1px 2px rgba(0, 0, 0, .2) inset;color:#333333;background-color: #ffffff;padding: 0 8px; vertical-align:middle}
.s-input-rounded {padding: 10px; background-color: #ffffff; border-radius: 5px; border: solid 1px #999999; box-shadow: 0px 1px 3px inset #cccccc; display: inline-block; font-size: 14px; width: 100%; resize: none;}
/* .s-input-simple {padding: 5px; background-color: #ffffff; border-radius: 2px; border: solid 1px #999999; display: inline-block; font-size: 14px; width: calc(100% - 12px); resize: none;} */

.s-card-attached-file {width:100%;font-size:11px;padding:0}
.s-card-attached-file .s-label {width:120px;color:#bbbbbb;padding:0;margin:0;margin-right:10px}
.s-card-attached-file .s-file-info, .s-card-attached-file .s-label {display:inline-block}

.s-card-column.s-input-inset {border-radius: 5px;}
.s-card-desc {padding:20px !important;border:solid 1px #cccccc;background-color:#f8f8f8; border-radius: 5px;}
.s-card-attached-files {margin-bottom: 5px;border:solid 1px #cccccc;border-radius: 5px;}
.s-card-attached-files td:first-child {border-top-right-radius: 5px;border-top-left-radius: 5px;}
.s-card-trigger-comment {width:762px; height:40px; line-height:40px; font-size:13px; border-radius: 5px;}

.s-card-comment,.s-card-comment:focus {background:none !important;margin:15px 0 0 0 !important;padding:20px !important;border: none}
.s-card-comment-add-subcomment {padding: 10px;padding-left: 15px;display: inline-block;color: #238FAA;font-size: 12px; cursor: pointer;}
.s-card-comment-add-subcomment.s-top {padding: 0; margin-right: 5px;}
.s-card-comment-add-subcomment.s-bottom {padding-right: 20px;}
.s-comment-time {padding:0 20px;color:#888888}

.s-card-container {border:solid 2px #cbcbcb;border-radius:2px;margin:0 10px;margin-bottom:10px}
.s-card-container .s-ready-message, .s-card-container .s-block-reason-text {display:none;white-space: normal}
.s-card-container.s-ready .s-ready-message {display:block}
.s-card-container.s-ready .s-block-reason-container {display:none}
.s-card-container.s-blocked .s-ready-message {display:none}
.s-card-container.s-blocked .s-block-reason-text {display:block}
.s-card-container.s-ready {border-color:#1db81c}
.s-card-container .s-ready-message {background-color: #52d551;padding:5px}
.s-card-container .s-block-reason-container {background-color: #F78E85;padding:5px}
.s-card-container .s-block-reason-container .s-processing-box-overlay {background-color: #F78E85}
.s-card-container .s-block-reason-text {background-color: #F78E85;padding:5px;font-size:12px;font-family:'Open Sans', arial, sans-serif;}
.s-card-container .s-block-reason {width:97%}
.s-card-container.s-blocked {border-color:#cd574d}
.s-card-container:hover {border-color:#a9a9a9;box-shadow: 0 2px 3px #bbbbbb;}
.s-card-container.s-ready:hover {border-color:#0b960a}
.s-card-container.s-blocked:hover {border-color:#ab352b}
.s-card-container .s-card-number {display:inline-block;padding:5px;cursor:pointer}
.s-card-container .s-card-number:hover {background-color:#989898;color:#dedede}
.s-card-container .s-card-drag {background-color:#dedede;cursor:move}
.s-card-container .s-card-title-container {background-color:#eeeeee;white-space:normal;cursor:pointer}
.s-card-container .s-card-title-container.s-card-edit-icon {background-image: url(/public/images/misc/edit.png);background-position: 99.5% 3px;background-repeat: no-repeat}
.s-card-container .s-card-title-container .s-card-title {width: 85%;display: inline-block;padding:5px}
.s-card-container .s-card-title-container:hover {background-color: #fafafa}
.s-card-container .s-card-title-editor {background-color:#eeeeee;padding:5px;white-space:normal;}
.s-card-container .s-card-title-editor .s-card-title-update {width: 98%;font-size: 14px;font-family: Arial, Helvetica;height: 60px;}
.s-card-container .s-card-title-editor .s-card-title-ok, .s-card-container .s-card-title-editor .s-card-title-cancel {font-size: 12px;height: 20px}
.s-card-container .s-card-options {background-color:#dedede;padding:5px;height:18px}
.s-card-container .s-card-up,
.s-card-container .s-card-down,
.s-card-container .s-card-ready,
.s-card-container .s-card-block {cursor:pointer}
.s-card-container .s-reason-cancel, .s-card-container .s-reason-ok {height:20px;font-size:12px}
.s-card-container .s-card-link {text-decoration: none; color: #333333}
.s-column-task-container {height:100%}
.s-card-container-placeholder {border:solid 1px #6aa2b8;background-color:#a8d8eb;border-radius:2px;margin:0 10px;margin-bottom:10px}

#kanban-container {padding:0;white-space:nowrap;position:fixed; margin: 0;}
#kanban-container.s-published-project .s-card-drag {cursor: default !important}
.s-column-container {display:inline-block;height:100%;}
.s-column-container .s-collapse-title {}
.s-column-collapsed {width:30px;height:100%;display:inline-block;cursor:pointer;overflow:hidden}
.s-rotate-90 {
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    writing-mode: lr-tb;
}
.s-rotate-270 {
    -webkit-transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    -o-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    transform:rotate(270deg);
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    writing-mode: lr-tb;
}
.s-kanban-header {line-height: 20px;position: absolute;padding: 10px;left: 40px; margin-top: 40px;}
.s-kanban-header.s-detached {background-color: #f8f8f8; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); min-width:170px; margin-top: 40px; border-radius: 4px; padding: 8px 10px;}
.s-kanban-header .s-project-clone, .s-kanban-header .s-project-copy {font-size:10px;background:none;background-color:#eeeeee;height:16px;line-height:10px;min-width:initial;padding:0 3px}
.s-kanban-column {display:inline-block;border-right:dashed 1px #dddddd;min-width: 200px}
.s-kanban-column.odd {background-color:#f8f8f8}
.s-kanban-column.even {background-color:#f0f0f0}
.s-kanban-column .s-column-title {margin:0 10px;margin-top:80px;white-space: normal}
.s-kanban-column .s-column-title h1 {line-height: 20px;font-size: 16px; margin-left: 8px;}
.s-kanban-column .s-processing-box-text {position:absolute !important;top:60px !important}
.s-column-task-container {padding-bottom: 100px}
.s-card-tasks-container .s-processing-box-text {position:absolute !important}
.s-card-detail-title {font-size:22px;line-height:32px;margin:20px 0;margin-bottom:0;max-width:560px;font-family: 'Open Sans', arial, sans-serif;font-weight:700;text-shadow: 0 1px #ffffff;}
input.s-card-title-edit {width: 450px;line-height: 30px;border: none;margin: 0;font-size: 22px;font-weight: 700;padding: 0;font-family: 'Open Sans', arial, sans-serif;}
.s-card-number-edit {width: 100px;line-height: 30px;border: none;margin: 0;font-size: 22px;font-weight: 700;padding: 0;font-family: 'Open Sans', arial, sans-serif;width:70px;display:none}

.s-goto-project-card .s-misc-spr-card-icon {margin-right:5px}

.s-full-overlay-cover {position:fixed;top:0;left:0;width:100%;height:100%;z-index:202;background-color: #eef1f1}
#dashboard-container {position:fixed;top:0;left:0;width:100%;height:100%;z-index:202;background-color: #f3f3f3; font-size: 14px;}
#dashboard-container .s-dashboard-header {margin: 15px; z-index:202; position: relative; background-color: #f3f3f3;}
#dashboard-container .s-dream-catcher-container {line-height: 40px; margin: 0 auto; top: 0; display: flex; align-items: center; width: 100%;}
#dashboard-container .s-dashboard-body {white-space: nowrap; overflow-y: auto; overflow-x: hidden; display: grid; grid-template-columns: 32.5% 32.5% 32.5%; gap: 20px; padding: 60px; padding-top: 20px;}
#dashboard-container .s-dashboard-column {flex: 1; display: flex; flex-direction: column; gap: 20px; min-width: 0; padding-bottom: 200px;}
#dashboard-container .s-dashboard-column .s-feed-container {border-radius:8px; background: none; background-color: #ffffff; padding-bottom: 15px; border-top: solid 2px #ffffff;}
#dashboard-container .s-dashboard-column .s-feed-container.s-user-owned .s-feed-title:hover {text-decoration: underline;}
#dashboard-container .s-dashboard-column .s-feed-container:hover {box-shadow: 0 5px 10px #aaaaaa; border-top: solid 2px #ACD7E2;}
#dashboard-container .s-dashboard-column .s-feed-container .s-feed-header {display: flex; padding:25px; padding-bottom: 10px; font-size:16px;font-weight:bold;color:#555555;}
#dashboard-container .s-dashboard-column .s-feed-container .s-feed-title-container {max-width: 85%; overflow: hidden; text-overflow: ellipsis; line-height: 22px;}
#dashboard-container .s-dashboard-column .s-feed-body {background-color: #ffffff; margin: 25px; margin-top: 10px;}
#dashboard-container .s-dashboard-column .s-feed-body .s-feed-entries {height:200px;overflow-y:auto;position:relative}
#dashboard-container .s-dashboard-column .s-feed-body .s-feed-entries .s-feed-entry {display: flex; margin-bottom: 5px;white-space:normal; padding: 10px 0; border-bottom:solid 1px #eeeeee;clear:both;width:100%; gap: 10px}
#dashboard-container .s-dashboard-column .s-feed-body .s-feed-entries .s-feed-entry .s-feed-entry-image-box {max-width: 120px; flex-shrink: 0;}
#dashboard-container .s-dashboard-column .s-feed-body .s-feed-entries .s-feed-entry .s-feed-entry-image {margin: 5px 10px 0 0}
#dashboard-container .s-dashboard-column .s-feed-body .s-feed-entries .s-feed-entry .s-feed-entry-image img {width: 100%;height: auto}
#dashboard-container .s-dashboard-column .s-feed-body .s-feed-entries .s-feed-entry .s-feed-entry-snippet {display:inline;line-height:20px;font-size:14px}
#dashboard-container .s-dashboard-column .s-feed-container.s-feed-type-rss .s-feed-body .s-feed-entries .s-feed-entry .s-feed-entry-snippet {display: inline-block; line-height: 20px; font-size: 14px; margin: 10px}
#dashboard-container .s-dashboard-column .s-feed-body .s-feed-entries .s-feed-entry .s-feed-entry-link {color:inherit;text-decoration: none;cursor:text}
#dashboard-container .s-dashboard-column .s-feed-container.s-feed-type-rss .s-feed-body .s-feed-entries .s-feed-entry .s-feed-entry-link {display: inline-block; line-height: 20px; font-size: 14px; margin: 10px}
#dashboard-container .s-dashboard-column .s-feed-container-placeholder {flex-shrink: 0; background-color:#a8d8eb; border-radius:8px;}
#dashboard-container .s-dashboard-column .s-feed-body .s-feed-entries .s-feed-entry-header {font-weight: bold;color: #555555; margin: 10px; margin-top: 20px;}
#dashboard-container .s-feed-type-freetext.s-edit-mode .s-feed-entries {overflow: unset;}
#dashboard-container .s-feed-type-freetext.s-edit-mode .redactor-box {display: flex; flex-direction: column;}
#dashboard-container .s-feed-type-freetext.s-edit-mode .redactor-box .redactor-in {height:120px; max-height: 120px; border: none}
#dashboard-container .s-feed-type-freetext.s-edit-mode .redactor-box .redactor-in.redactor-styles * {font-size: 20px;}
#dashboard-container .s-feed-type-freetext.s-edit-mode .redactor-box .redactor-in.redactor-styles p {font-size: 20px; line-height: 30px;}
#dashboard-container .s-feed-type-freetext.s-edit-mode .redactor-box .redactor-in.redactor-styles::after {font-size: 20px; margin-top:-3px}
#dashboard-container .s-feed-type-freetext.s-edit-mode .redactor-toolbar {box-shadow: none;}
#dashboard-container .s-feed-type-freetext.s-edit-mode .redactor-toolbar li a {height: 40px; border: none;}
#dashboard-container .s-feed-type-freetext.s-edit-mode .redactor-toolbar li a.re-button-icon {padding: 12px}
#dashboard-container .s-feed-type-freetext .s-freetext {margin: 5px 20px}
#dashboard-container .s-feed-type-freetext .s-freetext.redactor-styles * {font-size: 20px; line-height: 30px;}
#dashboard-container .s-feed-type-freetext.s-user-owned .s-feed-title-container {flex: 1}
/*#dashboard-container .s-feed-type-freetext .s-feed-title {height: 26px}*/
#dashboard-container .s-feed-type-freetext .s-feed-title-input {margin-top:-1px; width: 95%; border: none; color: #555555; font-size: 16px; line-height: 22px; font-weight: bold; vertical-align: middle; padding: 0; height: 26px;}
#dashboard-container .s-dashboard-column .s-feed-container.s-feed-type-chart .s-google-visualization-error {font-size: 14px; padding: 0 25px; white-space: normal;}
#dashboard-container .s-dashboard-column .s-feed-container.s-feed-type-chart[data-chart=pie] {height: 296px; position: relative;}
#dashboard-container .s-dashboard-column .s-feed-container.s-feed-type-chart[data-chart=pie] .s-feed-header {position: absolute; z-index: 2; width: calc(100% - 50px);}
#dashboard-container .s-dashboard-column .s-feed-container.s-feed-type-chart[data-chart=pie] .s-feed-body {position: absolute; z-index: 1; margin: 0; top: 8px; width: 100%;}
#dashboard-container .s-dashboard-column .s-feed-container.s-feed-type-chart[data-chart=pie] .s-feed-body .s-feed-entries {height: 296px; overflow: hidden;}
#dashboard-container .s-dashboard-column .s-feed-container.s-feed-type-chart[data-chart=pie] .s-feed-entries-preloader {position: absolute; top: 50px; left: 25px;}
#dashboard-container .s-dashboard-column .s-feed-container.s-feed-type-chart[data-chart=pie] .s-google-visualization-error {position: absolute; top: 52px; left: 25px;}
#dashboard-container .s-dashboard-column .s-feed-container.s-feed-type-chart[data-chart=line] .s-feed-body {margin: 0 25px}
#dashboard-container .s-dashboard-column .s-feed-container.s-feed-type-chart[data-chart=line] .s-feed-body .s-feed-entries {height: 235px; overflow: hidden;}
#dashboard-container .s-dashboard-column .s-feed-container.s-feed-type-chart[data-chart=bar] .s-feed-body {margin: 0 25px}
#dashboard-container .s-dashboard-column .s-feed-container.s-feed-type-chart[data-chart=bar] .s-feed-body .s-feed-entries {height: 235px; overflow: hidden;}
#dashboard-container .s-dashboard-column .s-feed-container.s-feed-type-chart[data-chart=column] .s-feed-body {margin: 0 25px}
#dashboard-container .s-dashboard-column .s-feed-container.s-feed-type-chart[data-chart=column] .s-feed-body .s-feed-entries {height: 235px; overflow: hidden;}
#dashboard-container .s-dashboard-column .s-feed-container.s-feed-type-tracker[data-type=tracker] .s-feed-body {margin: 0 25px}
#dashboard-container .s-dashboard-column .s-feed-container.s-feed-type-tracker[data-type=tracker] .s-feed-body .s-feed-entries {height: 235px; overflow: hidden;}
#dashboard-container .s-dashboard-column .s-feed-container.s-feed-type-stuffiwant .s-feed-entries .s-feed-entry {width: unset; padding: 0; margin: 0}
#dashboard-container .s-dashboard-column .s-feed-container.s-feed-type-stuffiwant .s-feed-entries .s-feed-entry .s-feed-entry-link {margin: 20px; margin-top: 10px}
#dashboard-container .s-dashboard-column .s-feed-container .s-feed-header .s-processing-icon {margin-top: -16px;}
#dashboard-container .s-dashboard-column .s-feed-container.s-html2canvas {border-radius: unset; box-shadow: unset;}
#dashboard-container .s-dashboard-column .s-feed-container.s-html2canvas .s-processing-icon,
#dashboard-container .s-dashboard-column .s-feed-container.s-html2canvas .s-min-feed,
#dashboard-container .s-dashboard-column .s-feed-container.s-html2canvas .s-delete-feed,
#dashboard-container .s-dashboard-column .s-feed-container.s-html2canvas .s-scope-filter {display: none;}

#dashboard-container .s-dashboard-tabs-container {background-color: #e3e3e3; display: flex; align-items: center;}
#dashboard-container .s-dashboard-tabs {width:97%; height:44px; z-index:202; display: flex;}
#dashboard-container .s-dashboard-tab {display: flex; flex-basis: 250px; align-items: center; background-color: #eef1f1; margin: 5px 3px; border-radius: 4px; opacity: .7; min-width: 0;}
#dashboard-container .s-dashboard-tab:not(.s-hidden):first-child {margin-left: 5px !important;}
#dashboard-container .s-dashboard-tab:hover {opacity: 1; box-shadow: 0 1px 2px #aaaaaa;}
#dashboard-container .s-dashboard-tab.s-active {margin: 0 3px; border-radius: 0; opacity: 1; background-color: #f3f3f3; box-shadow: none; border-top: solid 2px #ACD7E2;}
#dashboard-container .s-dashboard-tab.s-hidden {display: none;}
#dashboard-container .s-dashboard-tab > * {margin: 10px}
#dashboard-container .s-dashboard-tab .material-symbols-rounded.s-dashboard-tab-hide {opacity: 0; margin-left: auto; margin-right: 5px; font-variation-settings: 'wght' 300; color: #666666}
#dashboard-container .s-dashboard-tab:hover .material-symbols-rounded.s-dashboard-tab-hide {opacity: .5;}
#dashboard-container .s-dashboard-tab:hover .material-symbols-rounded.s-dashboard-tab-hide:hover {opacity: .7; cursor: pointer; font-variation-settings: 'wght' 300, 'FILL' 1;}
#dashboard-container .s-dashboard-tab-name {white-space: nowrap; max-width: 200px; overflow: hidden; text-overflow: ellipsis; font-weight: bold; cursor: default;}
#dashboard-container .s-dashboard-tab-name-edit {padding: 0; background: none; border: none; font-size: 14px; width: 100%; font-weight: bold;}
#dashboard-container .s-dashboard-dreamcatcher {box-shadow: 0 1px 2px #aaaaaa; border: none; height: 15px; border-radius: 4px; padding: 10px; font-size: 14px;}
#dashboard-container .s-dashboard-content {display: flex; flex-direction: column; height: calc(100% - 44px)}
#dashboard-container .s-dashboard-content-preloader {display: flex; flex: 1; align-items: center; justify-content: center; color: #888888}
#dashboard-container .s-close-dashboard {margin-left: auto; margin-right: 5px; font-size: 35px; font-variation-settings: 'wght' 300; color: #666666; cursor: pointer;}
#dashboard-container .s-close-dashboard:hover {font-variation-settings: 'FILL' 1;}
#dashboard-container .s-dashboard-tab-add {align-self: center; color: #666666; margin: 0 5px; cursor: pointer; opacity: .7}
#dashboard-container .s-dashboard-tab-add:hover {font-variation-settings: 'FILL' 1;}
#dashboard-container .s-dashboard-tabs-settings {align-self: center; color: #666666; margin-right: 5px; cursor: pointer; opacity: .6}
#dashboard-container .s-dashboard-tabs-settings:hover {font-variation-settings: 'FILL' 1; opacity: 1}
#dashboard-container .s-add-feed {font-size: 35px; font-variation-settings: 'wght' 300; color: #777777; cursor: pointer;}
#dashboard-container .s-add-feed:hover {font-variation-settings: 'FILL' 1;}
#dashboard-container .s-dashboard-header .s-templatize {color: #777777; font-variation-settings: 'wght' 300; cursor: pointer; font-size: 30px;}
#dashboard-container .s-dashboard-header .s-templatize:hover {font-variation-settings: 'FILL' 1;}
#dashboard-container .s-dashboard-settings {color: #777777; font-variation-settings: 'wght' 300; cursor: pointer; font-size: 45px;}
#dashboard-container .s-dashboard-settings:hover {font-variation-settings: 'FILL' 1;}
#dashboard-container .s-dashboard-settings-owner {color: #777777; font-variation-settings: 'wght' 300; cursor: pointer; font-size: 30px;}
#dashboard-container .s-dashboard-share-acceptance {height: 100%; width: 100%; background: #f3f3f3; display: flex; align-items: center; justify-content: center;}
#dashboard-container .s-dashboard-share-acceptance .s-dialog {top: 20%; position: absolute; font-size: 16px; max-width: 600px;}
#dashboard-container .s-processing-box {z-index: 203;}

#dashboard-settings-dialog {padding: 30px;width: 400px;color: #000000}
#dashboard-settings-dialog .s-dashboard-user {display: flex; max-height: 400px; overflow-y: auto; align-items: center; height: 40px; margin: 0 10px}
#dashboard-settings-dialog .s-dashboard-user .s-dashboard-user-display {white-space: nowrap; max-width: 90%; overflow: hidden; text-overflow: ellipsis;}
#dashboard-settings-dialog .s-dashboard-user .s-dashboard-user-access {margin-left: auto; display: flex; align-items: center;}
#dashboard-settings-dialog .s-dashboard-user .s-dashboard-user-access .s-dashboard-user-access-remove {margin-left: 10px; cursor: pointer;}
#dashboard-settings-dialog .s-dashboard-user .s-dashboard-user-access .s-dashboard-user-access-select {border: none; font-size: 14px;}
#dashboard-settings-dialog .s-dashboard-user-input {flex: 1; font-size: 14px;}
#dashboard-settings-dialog .s-dashboard-settings-title {overflow: hidden; text-overflow: ellipsis; max-width: 90%; white-space: nowrap;}
#dashboard-settings-dialog .s-dashboard-users-container {overflow: auto; max-height: 200px;}

.s-dashboard-tab-setting[data-access="owner"] option[value="delete"] {display: none;}

.s-board-container {position:fixed;top:0;left:0;width:100%;height:100%;z-index:202;background-color: #f3f3f3; font-size: 14px;}
.s-board-container .s-board-header {margin: 15px; z-index:202; position: relative; background-color: #f3f3f3;}
.s-board-container .s-dream-catcher-container {line-height: 40px; margin: 0 auto; top: 0; display: flex; align-items: center; width: 100%;}
.s-board-container .s-board-tabs-container {background-color: #e3e3e3; display: flex; align-items: center;}
.s-board-container .s-board-tabs {width:97%; height:44px; z-index:202; display: flex;}
.s-board-container .s-board-tab {display: flex; flex-basis: 250px; align-items: center; background-color: #eef1f1; margin: 5px 3px; border-radius: 4px; opacity: .7; min-width: 0;}
.s-board-container .s-board-tab:not(.s-hidden):first-child {margin-left: 5px !important;}
.s-board-container .s-board-tab:hover {opacity: 1; box-shadow: 0 1px 2px #aaaaaa;}
.s-board-container .s-board-tab.s-active {margin: 0 3px; border-radius: 0; opacity: 1; background-color: #f3f3f3; box-shadow: none; border-top: solid 2px #ACD7E2;}
.s-board-container .s-board-tab.s-hidden {display: none;}
.s-board-container .s-board-tab > * {margin: 10px}
.s-board-container .s-board-tab .material-symbols-rounded.s-board-tab-hide {opacity: 0; margin-left: auto; margin-right: 5px; font-variation-settings: 'wght' 300; color: #666666}
.s-board-container .s-board-tab:hover .material-symbols-rounded.s-board-tab-hide {opacity: .5;}
.s-board-container .s-board-tab:hover .material-symbols-rounded.s-board-tab-hide:hover {opacity: .7; cursor: pointer; font-variation-settings: 'wght' 300, 'FILL' 1;}
.s-board-container .s-board-tab-name {white-space: nowrap; max-width: 200px; overflow: hidden; text-overflow: ellipsis; font-weight: bold; cursor: default;}
.s-board-container .s-board-tab-name-edit {padding: 0; background: none; border: none; font-size: 14px; width: 100%; font-weight: bold;}
.s-board-container .s-board-dreamcatcher {box-shadow: 0 1px 2px #aaaaaa; border: none; height: 15px; border-radius: 4px; padding: 10px; font-size: 14px;}
.s-board-container .s-board-content {display: flex; flex-direction: column; height: calc(100% - 44px)}
.s-board-container .s-board-content .s-board-body-tip {position: absolute}
.s-board-container .s-board-content-preloader {display: flex; flex: 1; align-items: center; justify-content: center; color: #888888}
.s-board-container .s-close-board {margin-left: auto; margin-right: 5px; font-size: 35px; font-variation-settings: 'wght' 300; color: #666666; cursor: pointer;}
.s-board-container .s-close-board:hover {font-variation-settings: 'FILL' 1;}
.s-board-container .s-board-tab-add {align-self: center; color: #666666; margin: 0 5px; cursor: pointer; opacity: .7}
.s-board-container .s-board-tab-add:hover {font-variation-settings: 'FILL' 1;}
.s-board-container .s-board-tabs-settings {align-self: center; color: #666666; margin-right: 5px; cursor: pointer; opacity: .6}
.s-board-container .s-board-tabs-settings:hover {font-variation-settings: 'FILL' 1; opacity: 1}
.s-board-container .s-board-settings {color: #777777; font-variation-settings: 'wght' 300; cursor: pointer; font-size: 45px;}
.s-board-container .s-board-settings:hover {font-variation-settings: 'FILL' 1;}
.s-board-container .s-board-settings-owner {color: #777777; font-variation-settings: 'wght' 300; cursor: pointer; font-size: 30px;}
.s-board-container .s-template-icon {display: inline-block; font-size: 35px; line-height: 39px; margin: auto 5px}
.s-board-container .s-templatize {font-size: 30px; font-variation-settings: 'wght' 300; color: #777777; cursor: pointer;}
.s-board-container .s-templatize:hover {font-variation-settings: 'FILL' 1;}
.s-board-container .s-board-delete {font-size: 30px; font-variation-settings: 'wght' 300; color: #777777; cursor: pointer;}
.s-board-container .s-board-delete:hover {font-variation-settings: 'FILL' 1;}
.s-board-container .s-processing-box {z-index: 203;}

.s-share-settings-dialog {padding: 30px;width: 400px;color: #000000}
.s-share-settings-dialog .s-share-user {display: flex; max-height: 400px; overflow-y: auto; align-items: center; height: 40px; margin: 0 10px}
.s-share-settings-dialog .s-share-user .s-share-user-display {white-space: nowrap; max-width: 90%; overflow: hidden; text-overflow: ellipsis;}
.s-share-settings-dialog .s-share-user .s-share-user-access {margin-left: auto; display: flex; align-items: center;}
.s-share-settings-dialog .s-share-user .s-share-user-access .s-share-user-access-remove {margin-left: 10px; cursor: pointer;}
.s-share-settings-dialog .s-share-user .s-share-user-access .s-share-user-access-select {border: none; font-size: 14px;}
.s-share-settings-dialog .s-share-user .s-share-user-access .s-share-user-access-status {white-space: nowrap; margin: 0 10px}
.s-share-settings-dialog .s-share-user-input {flex: 1; font-size: 14px;}
.s-share-settings-dialog .s-share-settings-title {max-width: 84%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word;}
.s-share-settings-dialog .s-share-users-container {overflow: auto; max-height: 200px;}
.s-share-settings-dialog .s-button-rounded {box-shadow: none; border: none; height: 35px; border-radius: 4px; padding: 10px; font-size: 14px; background: none; background-color: #f2f2f2;}
.s-share-settings-dialog .s-button-rounded:hover {background-color: #e2e2e2; box-shadow: 0 1px 2px #cccccc;}
.s-share-settings-dialog .s-button-rounded:active {background-color: #dddddd;}
.s-share-settings-dialog .s-copy-box {padding: 10px; background-color: #ffffff; border-radius: 5px; border: solid 1px #999999; box-shadow: 0px 1px 3px inset #cccccc; display: inline-block; word-break: break-all; font-size: 14px; width: 100%; height: 55px; resize: none;}

.s-share-acceptance-box {height: 100%; width: 100%; display: flex; align-items: center; justify-content: center;}
.s-share-acceptance-box .s-dialog {margin-top:20%; font-size: 16px; max-width: 600px;}

.s-feed-type-dailytargets, .s-feed-type-list, .s-feed-type-dreamcatcher, .s-feed-type-archivedtargets,
.s-feed-type-delegationstation, .s-feed-type-doitlater, .s-feed-type-majorfocus, .s-feed-type-observationlog, .s-feed-type-projects,
.s-feed-type-recurringtasks, .s-feed-type-reminders, .s-feed-type-stuffiwant, .s-feed-type-tracker,
.s-feed-type-rss, .s-feed-type-mysql, .s-feed-type-trackermath, .s-feed-type-chart, .s-feed-type-freetext {box-shadow: 0 1px 2px #aaaaaa; border-radius: 8px;}
.s-feed-type-mysql .s-feed-entries {overflow: hidden}

#dashboard-overlay .s-processing-box-text {top:25%}
.s-feed-drag {cursor:move}
.s-feed-header .s-feed-title {cursor:pointer;}
.s-feed-header .s-feed-owner {opacity: .5; font-variation-settings: 'FILL' 1; margin-left: 5px; cursor: default;}
.s-feed-header .s-feed-description {opacity: .5; margin-left: 5px; cursor: pointer;}
.s-feed-header .s-feed-description:hover {font-variation-settings: 'FILL' 1;}
.s-feed-entries .s-chart-scope-date {font-size: 11px;height:20px;margin-bottom:5px;}
.s-feed-entries .s-chart-scope-date .s-scope-filter {padding:0 5px;border:solid 1px transparent}
.s-feed-entries .s-chart-scope-date .s-scope-filter:hover {border:solid 1px #e9e9e9;}
.s-feed-entries .s-chart-scope-date .s-filter-go {font-weight:bold;background: none;height: auto;font-size: 11px;min-width: 0;}
.s-feed-entries .s-processing-box-overlay {background-color: #ffffff !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.s-feed-entries .s-processing-box, .s-feed-entries .s-processing-box-text {position:absolute}
.s-feed-entries .s-processing-box-text {top:50% !important;border:0;background:none;font-size:25px;line-height:25px;text-align:center}

.s-feed-description.s-dialog .s-dialog-content.redactor-styles * {font-size: 16px; line-height: 30px;}
.s-feed-description.s-dialog .s-dialog-title {font-size: 16px; line-height: 22px}

.s-feed-type-rss .s-feed-entry-link, .s-feed-type-projects .s-feed-entry-link {font-size:14px !important;color:#238FAA !important; text-decoration: underline !important; cursor: pointer !important}

.s-custom-date-filter input {font-size:11px;width:80px;border:solid 1px #e9e9e9;margin:0;vertical-align: middle;text-align: center}

.s-smd-dashboard-button {float:right;color:#4f4f4d;margin:0;font-size: 11px;font-weight: bold;height:26px;background-color:#f5f5f5;border:solid 1px #b4b4ad; box-shadow: 0 1px 2px #cccccc;border-radius: 2px;vertical-align:middle;cursor:pointer;margin-left:10px}

#mysql-feed-dialog .s-dialog-title {font-size: 16px;}
#mysql-feed-dialog .s-mysql-guide {font-size:14px}
#mysql-feed-dialog .s-mysql-url-test-result {font-size:60px;height:70px;width:300px;max-width:300px;overflow:hidden;text-overflow:ellipsis;line-height:normal;background-color: #eeeeee}

#trackermath-feed-dialog .s-dialog-title {font-size: 16px;}
#trackermath-feed-dialog .s-trackermath-guide {font-size:14px}
#trackermath-feed-dialog .s-trackermath-test-result {font-size:60px;height:70px;width:300px;max-width:300px;overflow:hidden;text-overflow:ellipsis;line-height:normal;background-color: #eeeeee}
#trackermath-feed-dialog .s-trackermath-trackers, #trackermath-feed-dialog .s-trackermath-formula, #trackermath-feed-dialog .s-trackermath-sample {font-size: 14px;}

.s-publish-project {font-size:10px;background:none;background-color:#eeeeee;height:16px;line-height:10px;min-width:initial;padding:0 3px}
.s-publish-project.s-published, .s-publish-project.s-purchased {background-color:#fefefe;color:#888888}
.s-published.s-published-small, .s-purchased.s-purchased-small {font-size:8px;line-height:16px;height:14px;border:solid 1px #dddddd;vertical-align:middle}

a.s-purchased {font-size:10px;background:none;background-color:#fefefe;color:#888888;height:14px;line-height:14px;min-width:initial;padding:0 3px;text-decoration: none;display:inline-block;}

.s-form-section {margin-top:15px;margin-bottom:10px}
.s-form-label {margin: 5px 0}
.s-form-input {margin: 5px 0}
.s-form-input .s-input {margin-left:0;margin-right:0}

#publish-container .s-processing-box {z-index:8}

.s-marketplace-dashboard-totals {font-size: 11px}
.s-marketplace-dashboard-totals .s-total-label {font-weight: bold}
.s-marketplace-dashboard-totals .s-total-box {margin:0 10px}
.s-marketplace-dashboard-totals .s-total-earned {color: #5555cc}
.s-marketplace-dashboard-totals .s-total-paid {color: #55cc55}
.s-marketplace-dashboard-totals .s-total-due {color: #cc5555}

.s-slide-image {height: 133px; width:200px; border: solid 1px #dddddd; font-size: 40px; font-weight: bold; line-height: 133px; text-align: center; margin:0 auto;color: #87BDCE}
.s-slide-image.s-primary {border: solid 1px #ff0000}
.s-slide-image img {cursor: pointer}
.s-slide-item .s-controls {width:200px; margin:0 auto;}
.s-slide-item .s-controls .s-primary {float:left; font-size: 12px; color: #ff0000; display: none}
.s-slide-item .s-controls .s-remove {float:right;cursor: pointer}

.s-project-images .slick-next:before, .s-project-images .slick-prev:before {color: #87BDCE}
.s-project-images .slick-dots {bottom: initial}

.upload-form .upload-label {display: inline-block; text-align: center; color:#4f4f4d;margin:0;padding:0;line-height:22px;font-size: 13px;height:22px;min-width:65px;background-image: url(/public/images/smd/button-bg.png);background-repeat: repeat-x;background-position: bottom;border:solid 1px #b4b4ad; box-shadow: 0 1px 2px #cccccc;border-radius: 1px;vertical-align:middle;cursor:pointer}

.s-user-uploaded-image {width: 200px; margin: 20px auto;}
.s-user-uploaded-image .s-user-image {width: 200px; height: 200px;}
.s-user-uploaded-image .s-controls {margin:0 auto;}
.s-user-uploaded-image .s-controls .s-remove {float:right;cursor: pointer}

#marketplace-approved .s-social-share {margin: 5px;cursor: pointer}

.s-resend-confirmation {font-size: 11px;}
.s-promote-tools {font-size: 11px; color: #444444}

tr.s-promote-row td {background-color: #fff9d7; padding:0; padding-top: 5px}
tr.s-promote-row td img.s-social-share {width:45px;height:45px;cursor:pointer}
.s-promote-row .s-share-fb, .s-promote-row .s-share-tw, .s-promote-row .s-share-gp, .s-promote-row .s-share-em, .s-promote-row .s-share-ct {margin: 5px; cursor: pointer}
a#postfb {cursor: pointer}

#marketplace-dashboard td.s-mp-confirm {line-height:12px}
#marketplace-dashboard td.s-mp-options {white-space: nowrap}
#marketplace-dashboard td.s-mp-options .s-mp-option {margin: 0 2px;vertical-align: middle;cursor: pointer}

.s-royalty-slider {height:8px;}
.s-royalty-slider .ui-slider-range-min {background-color: #dfdfdf}
.s-royalty-slider .ui-slider-handle {width:14px;height:14px;border: solid 1px #999999}

.redactor-styles {font-size: 13px; font-family: arial, sans-serif; white-space: normal; overflow: auto}
.redactor-styles div,
.redactor-styles p,
.redactor-styles ul,
.redactor-styles ol,
.redactor-styles table,
.redactor-styles dl,
.redactor-styles blockquote,
.redactor-styles pre {font-size: 13px;line-height: 18px;}
.redactor-toolbar {z-index: 8 !important;}
.redactor-dropdown {z-index: 206 !important;}
.redactor-styles ul {list-style-type: disc}
.redactor-styles ol {list-style-type: decimal}
.redactor-styles ol li {display: list-item}
.redactor-styles h1, .redactor-styles h2, .redactor-styles h3, .redactor-styles h4, .redactor-styles h5, .redactor-styles h6 {font-family: arial, sans-serif !important}
.redactor-styles h1 {font-size: 40px}
.redactor-styles h3 {font-size: 24px}
.redactor-dropdown-box-format {font-family: arial, sans-serif}

#card-comments-table tbody tr td {max-width: 740px}
#card-comments-table .s-delete-comment {font-size: 24px;vertical-align: middle;opacity: .6;cursor: pointer;}
#card-comments-table tbody td .s-processing-box {z-index: 9 !important;}
#card-comments-table .s-container-shadow {height: 10px;width: 100%;box-shadow: inset 0 5px 10px -5px #999999;position: absolute;left: 0;top:0}
#card-comments-table tbody tr:first-child td {border-top-left-radius: 5px; border-top-right-radius: 5px;}
.s-card-comment.redactor-styles img, .s-card-desc.redactor-styles img {max-width: 730px}
.s-card-comment.redactor-styles, .s-card-desc.redactor-styles {min-height: inherit}
#system-task-comment-dialog .s-comment-item .s-comment.redactor-styles {min-height: inherit}

#card-comments-table .s-subcomment-date {vertical-align: middle;color:#999999;font-style: italic;clear: both;margin-bottom: 10px}
#card-comments-table .s-subcomment-link {vertical-align: middle;color:#238FAA;font-size: 10px;text-decoration: underline;}
#card-comments-table .s-subcomment-count-container {font-weight: bold}
#card-comments-table .s-delete-subcomment {font-size: 20px;vertical-align: middle;opacity: .6;cursor: pointer;}
#card-comments-table .s-card-subcomments-container {padding-left: 20px;background-color: #d6d6d6;border-top: solid 1px #bbbbbb;position:relative}
#card-comments-table .s-card-subcomments-container .redactor-toolbar li a {height: 32px}
#card-comments-table .s-card-subcomments-container .redactor-toolbar li a.re-button-icon {padding: 8px}
#card-comments-table .s-card-subcomment-container {background-color: #fdfdfd;border-bottom: solid 1px #eeeeee}
#card-comments-table .s-card-subcomment-container.s-bg-odd {background-color: #f7f7f7;}
#card-comments-table .s-card-subcomment-container.s-bg-even {background-color: #fdfdfd;}
#card-comments-table .s-card-subcomment-container.s-read {display: none}
#card-comments-table .s-card-subcomment-container.s-focus {display: block !important}
#card-comments-table .s-card-subcomment-read {padding: 10px 20px 0 20px;}
#card-comments-table .s-card-subcomment-read:first-child {padding-top:15px}
#card-comments-table .s-card-subcomments-container .s-collapse-bar {height: 100%;width: 20px;position: absolute;left: 0;top:0;background-color: #d6d6d6}
#card-comments-table .s-card-subcomments-container .s-collapse-bar:hover {background-color: #77bcd1;cursor: pointer;}
#card-comments-table .s-card-subcomment-new-placeholder {line-height: 27px;font-size: 13px;color: #888888;cursor: text;background-color: #ffffff}
#card-comments-table .s-card-subcomment-new-controls {border-top: solid 1px #dddddd;}
#card-comments-table .s-card-subcomment-edit-controls {border-top: solid 1px #dddddd; border-bottom: solid 1px #dddddd;}
#card-comments-table .s-card-subcomment-new-title, #card-comments-table .s-card-subcomment-edit-title {padding: 10px;padding-left: 20px;}
#card-comments-table .s-card-subcomment-box {background-color: #fdfdfd}
#card-comments-table .s-card-subcomment-delegate-container {margin: 0 10px 20px 10px}
#card-comments-table .s-card-subcomment-hidden-controls {text-align: center; padding: 2px 0; background-color: #f1f1f1; border-bottom: dashed 1px #aed3dc;border-top: dashed 1px #aed3dc; cursor: pointer}
#card-comments-table .s-card-subcomment-hidden-controls:hover {background-color: #e4f1f5}
#card-comments-table .s-card-subcomment-showreplies {font-size: 10px; color: #238FAA; text-decoration: underline}

#comment-dialog .s-subcomment-date {vertical-align: middle;color:#999999;font-style: italic;clear: both;margin-bottom: 10px}
#comment-dialog .s-subcomment-link {vertical-align: middle;color:#238FAA;font-size: 10px;text-decoration: underline;}
#comment-dialog .s-subcomment-count-container {font-weight: bold}
#comment-dialog .s-delete-subcomment {font-size: 20px;vertical-align: middle;opacity: .6;cursor: pointer;}
#comment-dialog .s-card-subcomments-container {background-color: #fdfdfd;border: solid 1px #eeeeee;position:relative;margin-bottom:20px}
#comment-dialog .s-card-subcomments-container .redactor-toolbar li a {height: 32px}
#comment-dialog .s-card-subcomments-container .redactor-toolbar li a.re-button-icon {padding: 8px}
#comment-dialog .s-card-subcomment-container {background-color: #fdfdfd;border-bottom: solid 1px #eeeeee}
#comment-dialog .s-card-subcomment-container.s-bg-odd {background-color: #f7f7f7;}
#comment-dialog .s-card-subcomment-container.s-bg-even {background-color: #fdfdfd;}
#comment-dialog .s-card-subcomment-container.s-reply-focus {background-color: #fff9e5 !important;}
#comment-dialog .s-card-subcomment-read {padding: 10px 20px 0 20px;}
#comment-dialog .s-card-subcomment-read:first-child {padding-top:15px}
#comment-dialog .s-card-subcomments-container .s-collapse-bar {height: 100%;width: 20px;position: absolute;left: 0;top:0;background-color: #d6d6d6}
#comment-dialog .s-card-subcomments-container .s-collapse-bar:hover {background-color: #77bcd1;cursor: pointer;}
#comment-dialog .s-card-subcomment-new-placeholder {line-height: 27px;font-size: 13px;color: #888888;cursor: text;background-color: #ffffff}
#comment-dialog .s-card-subcomment-new-controls {border-top: solid 1px #dddddd;}
#comment-dialog .s-card-subcomment-edit-controls {border-top: solid 1px #dddddd; border-bottom: solid 1px #dddddd;}
#comment-dialog .s-card-subcomment-new-title, #comment-dialog .s-card-subcomment-edit-title {padding: 10px;padding-left: 20px;}
#comment-dialog .s-card-subcomment-box {background-color: #fdfdfd}
#comment-dialog .s-card-subcomment-delegate-container {margin: 0 10px 20px 10px}
#comment-dialog .s-card-comment-add-subcomment {padding: 10px;padding-left: 0;display: inline-block;color: #238FAA;font-size: 12px; cursor: pointer;}
#comment-dialog .s-card-comment-add-subcomment.s-top {padding: 0; margin-right: 5px;}
#comment-dialog .s-card-comment-add-subcomment.s-bottom {padding-right: 20px;}
#comment-dialog .s-comment-buttons-editing {margin-bottom: 10px}
#comment-dialog .s-project-info {margin:5px 0; font-size: smaller}
#comment-dialog .s-project-info .s-project-link, #comment-dialog .s-project-info .s-card-link, #comment-dialog .s-project-info .s-comment-link {cursor: pointer; color: #238FAA; text-decoration: underline;}

.redactor-box {margin:0}

.s-auto-save-box {text-align: right;height:20px;margin-top:3px;color: #aaaaaa}
.s-auto-save-preloader {display: inline-block;width:20px;text-align:center}
.s-auto-save-message {display: none}

.s-projects-container .s-link-nav-item, .s-projects-container .s-so-link, .s-projects-container .s-link {cursor: pointer; color: #238FAA !important; text-decoration: underline;}
.s-projects-tabs {border: none; box-shadow: none;}
h3.s-project-folder-name {background: none;background-color: #e8eeef;padding: 10px;border: solid 1px #cccccc;margin:0;cursor: pointer;margin-top: -1px}
h3.s-project-folder-name:hover {background-color: #f5f5f5}
.s-project-folder-items {}
.s-project-folder-options {float:right}
.s-project-folder-options .s-folder-option {display: inline-block}
.s-project-list-table {border-top:none}

#project-list-done-table tbody tr td.s-item-drag,
.s-done-list .s-table tbody tr td.s-item-drag {display:none}
.s-done-list .s-table td.s-item-check {border-bottom-left-radius: 5px}

.s-tracker-lvdate-tip {line-height: normal}

.sp-replacer {padding:1px}
.sp-replacer .sp-preview {margin:0}

.s-tracker-chart-container .s-tracker-chart-export {font-size: 11px;cursor: pointer;margin-right: 8px;z-index: 1;position: absolute; margin-top: 35px;right: 0;top: 0}
.s-tracker-chart-container .s-tracker-chart-export:hover {text-decoration: underline}
.s-tracker-chart-container .s-user-tracker-info {padding-left: 10px;}
.s-tracker-chart-container .s-user-tracker-info .s-list-name:hover {text-decoration: underline; cursor: pointer;}
.s-user-tracker-info .s-list-folder {flex-shrink: 0; max-width: 200px; margin-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.s-user-tracker-info .s-list-folder:hover .s-folder-name {text-decoration: underline; cursor: pointer;}
.s-user-tracker-info .s-publish:hover {cursor: pointer;}
.s-list-detail-container .s-tracker-chart-export {font-size: 11px;cursor: pointer;margin-right: 37px;z-index: 1;position: absolute; margin-top: 35px;right: 0;top: 0}
.s-list-detail-container .s-tracker-chart-export:hover {text-decoration: underline}

.s-sort-col {cursor: pointer;display: inline-block;vertical-align: middle}
.s-sort-col:hover {text-decoration: underline}
.s-sort-icon {display: inline-block;vertical-align: middle}

.s-user-list-name {text-decoration: underline;cursor: pointer}
.s-user-list-icon {vertical-align: middle}

#delegation-station-alert-dialog #ds-accepted, #delegation-station-alert-dialog #ds-delegated {position: relative}
#delegation-station-alert-dialog .s-header-strip {background-repeat: repeat-y;background-position: right}
#delegation-station-alert-dialog .s-processing-box {width: 100% !important;height: 100% !important}

.s-table-empty, .s-table-empty-remaining {background-color: #ffffff !important;color: #525250}

.s-ds-filter-list {color:#222222}
.s-ds-filter-selected {text-align: center;cursor: pointer; margin-top: 5px; width: 250px; height: 18px; margin-left: auto;}
.s-ds-filter-selected-text {white-space: nowrap;  max-width: 90%; overflow: hidden;  display: inline-block; text-overflow: ellipsis; vertical-align: middle}
.s-ds-filtered {display: none !important}

.s-version-indicator {color: #aaaaaa;font-size: 10px;margin-left: 5px}

.s-training-tabs {border:none;border-radius:0;background:none}
.s-training-tabs .s-tab-table {margin: 10px 0;}
.s-training-tabs .s-tab-table tbody td {padding: 8px 5px}
.s-training-tabs .s-tab-table tbody td a {color:#0000ff}
.s-training-tabs .s-tab-container {padding: 20px}
.s-training-tabs .ui-tabs-nav {background: none;border:none}
.s-training-tabs .ui-tabs-nav li {background: none; background-color: #f7eebf;border-color: #e2c822;border-radius: 1px;font-size: 13px;color:#999999}
.s-training-tabs .ui-tabs-nav li.ui-tabs-active {background: none; background-color: #fff9d7;}
.s-training-tabs .s-tab-container {border-top: solid 1px #E2C822;}
.s-training-tabs .s-tab-container .s-tab-table-container {max-height: 290px;overflow: auto}
.s-training-tabs .s-tab-table .s-action-item.s-action-item-done {text-decoration: line-through}
.s-training-tabs .s-exit-academy-training {background: none;background-color: #dfdfdf;padding:10px;height:inherit}
.s-training-tabs span.s-help {margin-top: -10px}

.s-training-tabs .s-tab-table.s-printouts-table tbody td {padding:0;}
.s-training-tabs .s-tab-table.s-printouts-table tbody td > div {padding: 10px 0;}

.s-training-tabs #ta-action .s-segment {margin-bottom: 10px}

.s-project-menu, .s-submenu-project-columns {min-height: 28px; max-height: 168px; overflow-y: auto; white-space: normal}
#to-project-strip .s-project-select {max-width: 200px;}
#to-project-strip .s-column-select {max-width: 200px;width: 100px}

.s-accepted-filter-empty-message, .s-delegated-filter-empty-message {font-size: 13px}

.s-comment-delegate-detail {text-align:right;margin: 10px 0}
.s-comment-delegate-detail .s-comment-task-desc {height:30px;line-height:30px;width:600px}
.s-comment-delegate-detail .s-comment-delegate-to {height:30px;line-height:30px;text-align:center}
.s-comment-delegate-detail .s-comment-delegate-due {height:30px;line-height:30px;text-align:center}
.s-comment-delegate-detail .s-detail-remove {float:right}

.s-subcomment-delegate-detail {text-align:right;margin: 10px 0}
.s-subcomment-delegate-detail .s-subcomment-task-desc {height:30px;line-height:30px;width:600px}
.s-subcomment-delegate-detail .s-subcomment-delegate-to {height:30px;line-height:30px;text-align:center}
.s-subcomment-delegate-detail .s-subcomment-delegate-due {height:30px;line-height:30px;text-align:center}
.s-subcomment-delegate-detail .s-detail-remove {float:right}

.s-card-delegate-detail {text-align:right;margin: 10px 0}
.s-card-delegate-detail .s-card-task-desc {height:30px;line-height:30px;width:600px}
.s-card-delegate-detail .s-card-delegate-to {height:30px;line-height:30px;text-align:center}
.s-card-delegate-detail .s-card-delegate-due {height:30px;line-height:30px;text-align:center}
.s-card-delegate-detail .s-detail-remove {float:right}

.s-card-filter-dialog {padding: 5px; background-color: #ffffff; border: solid 1px #bbbbbb;position: absolute; box-shadow: 0 2px 3px #cccccc}
.s-card-filter-dialog .s-card-filter-type {background-color: transparent;border: none;cursor: pointer;font-size: 11px;vertical-align: middle}
.s-card-filter-dialog .s-card-filter-input {height:24px;line-height: normal;font-size: 12px;border-bottom-right-radius: 0;border-top-right-radius: 0;width: 160px;vertical-align: middle}
.s-card-filter-dialog .s-card-filter-apply {margin-left: -1px;font-size: 11px;vertical-align: middle}
.s-card-filter-dialog .s-card-filter-clear {margin-left: -1px;font-size: 11px;vertical-align: middle}

.s-column-container .s-card-filtered {display: none}

#delegate-task-dialog .s-delegate-task-attached-file {width:100%;font-size:11px;padding:0}
#delegate-task-dialog .s-delegate-task-attached-file .s-label {width:120px;color:#bbbbbb;padding:0;margin:0;margin-right:10px}
#delegate-task-dialog .s-delegate-task-attached-file .s-file-info, #delegate-task-dialog .s-delegate-task-attached-file .s-label {display:inline-block}
#delegate-task-dialog .s-delegate-task-attached-files {overflow: auto;max-height: 110px;margin-bottom: 5px}
.s-delegate-task-attachment-table tr, .s-delegate-task-attachment-table td, .s-delegate-task-attachment-table td:last-child {border: solid 1px #dfdfdf}
.s-delegate-task-attachment-table tbody tr td {padding:4px}
#delegate-task-dialog .redactor-styles {color:#333333}
#delegate-task-dialog .redactor-air li a.re-button-icon,
#delegate-task-dialog .redactor-toolbar li a.re-button-icon {padding:10px;height:36px}

h3.s-folder-name {background: none;background-color: #e8eeef;padding: 10px;border: solid 1px #bbbbbb;margin:0;cursor: pointer;margin-top: -1px}
h3.s-folder-name:hover {background-color: #f5f5f5}
.s-folder-options {float:right}
.s-folder-options .s-folder-option {display: inline-block; margin: 0 4px}
.s-share .material-symbols-rounded,
.s-folder-options .s-folder-option.s-folder-share span.material-symbols-rounded {font-variation-settings: 'wght' 300; font-size: 20px;}
.s-folder-state-icon {display:inline-block}
.s-folder-share.s-shared, .s-share.s-shared {color: #7dc3d5}

.s-systems-container .s-link-nav-item, .s-systems-container .s-so-link, .s-systems-container .s-link {cursor: pointer; color: #238FAA !important; text-decoration: underline;}
.s-systems-tabs {border: none; box-shadow: none;}
.s-systems-list-table {border-top:none}
.s-systems-list-table .s-lastran, .s-systems-list-table .s-schedule {font-size: 11px;line-height: 12px}
.s-systems-list-table td.s-item-cell span.s-system-shared {font-size: 18px;}
.s-system-list-empty, .s-list-empty {padding: 10px;text-align: center;display: none;font-size: 12px;box-shadow: 0 2px 3px #bbbbbb;border: solid 1px #bbbbbb;border-top: none;color: #999999;background-color: #f8f8f8}
.s-folder-uncategorized .s-system-list-empty, .s-folder-uncategorized .s-list-empty {box-shadow: none;border: dashed 1px #dddddd !important;background-color: #EEF1F1;}

#edit-system-container .s-system-delete.s-disabled {text-decoration: none;cursor: default; color: #aaaaaa}
#edit-system-container #system-tasks-table .s-subtask-item a.s-subtask-comment {right:-18px}
#edit-system-container #system-tasks-table .s-item-who.s-error {cursor: pointer;}
#edit-system-container #system-tasks-table .s-item-who.s-error:hover {text-decoration: underline;}
#edit-system-container #system-tasks-table-clone .s-subtask-item a.s-subtask-comment {right:-29px}
#edit-system-container #system-tasks-table-clone .s-who-add-import {display: none}
#edit-system-container .s-processing-box {z-index: 8}

.s-system-access-view {pointer-events: none;}
.s-system-access-view .s-systems-dashboard, .s-system-access-view .s-system-clone,
.s-system-access-view span.s-help, .s-system-access-view .s-system-tabs ul.ui-tabs-nav,
.s-system-access-view .s-has-subtask, .s-system-access-view .s-has-comment,
.s-system-access-view .s-subtask-comment,
.s-system-access-view #system-plan .s-system-why, .s-system-access-view #system-plan .s-system-when, .s-system-access-view #system-plan .s-system-what,
.s-system-access-view .s-system-settings-owner {pointer-events: auto;}
.s-system-access-view .s-system-history, .s-system-access-view .s-system-box .s-button, .s-system-access-view .s-activate-container,
.s-system-access-view .s-who-all-container, .s-system-access-view .s-new-task-container,
.s-system-access-view .s-subtask-input-box, .s-system-access-view .s-subtask-done, .s-system-access-view .s-subtask-delete {display: none !important;}
.s-system-access-view .s-subtask-list {border-top: solid 1px #cccccc}
.s-system-access-view .s-has-subtask:has(.s-l-spr-subtask-gray), .s-has-comment:has(.s-l-spr-comment-gray),
.s-system-access-view .s-subtask-comment:has(.s-l-spr-comment-gray) {pointer-events: none;}
.s-system-access-view .s-share-acceptance-box {pointer-events: auto;}

.s-comment-access-view .s-comment-container {pointer-events: none;}
.s-comment-access-view .s-popup-box-close {pointer-events: auto;}
.s-comment-access-view .s-comment-container .s-comment-upload-attachment,
.s-comment-access-view .s-delete-attachment {display: none;}
.s-comment-access-view .s-item-comment-readonly, .s-comment-access-view .s-comment-attached-file .s-file-name,
.s-comment-access-view .s-comment-close {pointer-events: auto;}

#system-plan textarea.s-detail {width: 99%;height: 50px;margin-bottom: 10px}
#system-activate fieldset {margin-top:10px}

.s-system-tabs .ui-tabs-nav li {margin: 0;border-radius: 0}
.s-system-tabs input[type=radio], .s-system-tabs label[for], .s-system-tabs input[type=checkbox] {cursor: pointer; vertical-align: middle; margin: 0}
#system-tasks-table tr.s-edit-mode td {padding:5px}
#system-tasks-table tr.s-edit-mode td .s-cs-indicator {padding:4px}
#system-tasks-table tr.s-edit-mode td.s-item-number {padding:9px}
#system-tasks-table tr.s-edit-mode textarea.s-item-text-edit {padding-left: 4px;vertical-align: middle}

a.s-system-task-context {cursor: pointer}
#system-task-comment-dialog {font-size: 13px;color:#333333}
#system-task-comment-dialog .s-comment-item-text {font-size: 16px;font-weight: bold;}
#system-task-comment-dialog .s-comment-item-text a {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word;
}
#system-task-comment-dialog .s-comment-readonly {max-height:200px;min-height:200px;}
#system-task-comment-dialog textarea {font-size: 13px; font-family: sans-serif}
#system-task-comment-dialog .s-comment-attached-file {width:100%;font-size:11px;padding:0}
#system-task-comment-dialog .s-comment-attached-file .s-label {width:120px;color:#bbbbbb;padding:0;margin:0;margin-right:10px}
#system-task-comment-dialog .s-comment-attached-file .s-file-info, #system-task-comment-dialog .s-comment-attached-file .s-label {display:inline-block}
#system-task-comment-dialog .s-comment-attached-files {overflow: auto;max-height: 110px;margin-bottom: 5px}

.s-system-task-comments-popup {color:#333333}
.s-system-task-comments-popup .s-popup-box-title {padding: 5px 10px;padding-right: 25px;border-bottom: solid 1px #dddddd;color:#333333}
.s-delete-system-task-popup .s-popup-box-title {padding: 5px 10px;padding-right: 25px;border-bottom: solid 1px #dddddd;color:#333333}

.s-popup-dialog {color:#333333}
.s-popup-dialog .s-popup-box-title {padding: 5px 10px;padding-right: 25px;border-bottom: solid 1px #dddddd;color:#333333}

.s-bg-odd {background-color:#f8f8f8}
.s-bg-even {background-color:#f0f0f0}

.s-overlay.s-dark-overlay {background-color: #000000 !important}
.s-system-tasks-container .s-processing-box-overlay {background-color: #ffffff}

.s-sba-week-detail input.s-day {margin-left:10px}
#system-activate fieldset {margin-top:15px}

.s-scope-date {display:inline; border:solid 1px #cccccc; padding: 10px; background-color: #ffffff;cursor:pointer; font-size: 12px}

.s-calendar-container .fc-toolbar {border:solid 1px #dddddd;border-bottom:none;margin: 0}
.s-calendar-container .fc-toolbar .fc-left, .s-calendar-container .fc-toolbar .fc-center, .s-calendar-container .fc-toolbar .fc-right {vertical-align: middle}
.s-calendar-container .fc-toolbar .fc-center {line-height: 22px}
.s-calendar-container .fc-toolbar .fc-prev-button, .s-calendar-container .fc-toolbar .fc-next-button {border:none;border-radius:0;margin:0;height:initial;padding:2px;line-height:18px}
.s-calendar-container .fc-day-header {border:none;text-align: left;padding: 2px;padding-left: 5px;}
.s-calendar-container .fc-day-number {text-align: left !important;padding: 5px;}
.s-calendar-container .fc-bg .fc-today.fc-state-highlight {background: none;}
.s-calendar-container .fc-bg td.fc-day {vertical-align: middle;}
.s-calendar-container .fc-bg td.fc-day .s-system-date-status {text-align:center;cursor: pointer}
.s-calendar-container .fc-bg td.fc-day .s-system-date-status-icon {vertical-align: middle;}
.s-calendar-container .fc-day-number.fc-today .s-num {display: inline-block;padding:5px;background-color:#95bcf2;border-radius:10px;text-align:center;line-height:5px}
.s-calendar-container .fc-day-grid .fc-row {height: 55px !important}

.s-system-date-list-table th {padding:1px 3px;font-size: 12px}
.s-system-date-list-table td {padding:4px}
.s-system-date-list-table td .s-system-schedule, .s-system-date-list-table td .s-system-lastran {font-size: 11px}

.s-systems-smd-listview-table th {font-size: 12px;padding:6px}
.s-systems-smd-listview-table td {padding:6px}
.s-systems-smd-listview-table td .s-system-schedule, .s-systems-smd-listview-table td .s-system-lastran {font-size: 11px}
.s-systems-smd-listview-table td .s-view-history {position: absolute;top:6px;right:6px;cursor:pointer}
.s-system-date-list-table td .s-view-history {position: absolute;top:6px;right:6px;cursor:pointer}

.s-system-history-list-table th {padding:1px 3px;font-size: 12px}
.s-system-history-list-table td {padding:4px}

.s-sh-table-header th {text-decoration: underline;text-align: left;padding:2px 4px;font-size: 13px}
.s-sh-table td {padding:2px 4px;font-size: 13px}

.s-lists-view a.s-system-task-context,
#search-result-list-table a.s-system-task-context,
.s-smd-decide-guided a.s-system-task-context,
#delegation-station-tabs a.s-system-task-context
{margin-right:5px}

.s-smd-decide-guided .s-table td.s-item-cell {max-width: 500px !important}

.s-standard-layout .s-header {height: 82px;background-image: url(/public/images/bg-top.jpg);background-repeat: repeat-x;}
.s-standard-layout .s-footer {text-align: center; margin-top: 10px; font-family: 'Questrial', 'century gothic';font-size: 12px; color: #888888;}
.s-standard-layout .s-footer a {text-decoration: none; margin: 0 5px; color: #888888;}
.s-standard-layout .s-footer p {padding: 5px}
.s-standard-layout .s-content {padding: 0 10px; margin: 0 auto;width: 1000px;min-height: 250px}
.s-standard-layout h3.s-subtitle {margin-top: -10px;font-size: 13px}
.s-standard-layout h2 {font-family: 'Open Sans', arial, sens-serif;font-size: 18px; margin: 5px 0; text-shadow: 0 1px #ffffff}

.s-context-menu-option.s-disabled {opacity: 0.4}
.s-system-comment-indicator {margin: 8px -6px 0 0;float:right}
.s-misc-spr-hyphen-s .s-system-comment-indicator {margin-top: 0}
.s-cancel-system-instance {padding: 0;font-size: 11px;height: 20px;min-width: initial;width: 50px;}

.s-list-view {font-size: 10px;cursor: pointer;text-decoration: underline;color: #5a9cb2;font-weight: bold;}
.s-list-view.s-active {cursor: default;text-decoration: none;}

.s-slider-hime, .s-slider-diff, .s-slider-habit {margin-left: 5px; border: solid 1px #cccccc !important; background: none !important; background-color: #dddddd !important; width:90%;float:left;margin-left: 10px;height:5px !important; margin-top: 3px}
.s-slider-hime .ui-slider-range, .s-slider-diff .ui-slider-range, .s-slider-habit .ui-slider-range {background-color: #6BB0C7 !important}
.s-slider-habit .ui-slider-handle {width:10px;height:10px}

.s-list-control tbody td .ui-slider-handle {width:10px;height:10px}
.s-list-control .s-sort-button {height:20px;line-height: 18px;margin-bottom:2px;font-size:12px;min-width:60px}
.s-list-control .s-list-view-controls {height: 22px}
#delegation-station-container tbody td .ui-slider-handle {width:10px;height:10px}
#delegation-station-container .s-sort-button {height:20px;line-height: 18px;margin-bottom:2px;font-size:12px;min-width:60px}
#delegation-station-container .s-list-view-controls {height: 22px}
#ds-accepted-completed-table td.s-standard-view, #ds-delegated-completed-table td.s-standard-view {display: table-cell !important;}
#ds-accepted-completed-table tr.s-standard-view, #ds-delegated-completed-table tr.s-standard-view {display: table-row !important;}
#ds-accepted-completed-table td.s-hime-view, #ds-delegated-completed-table td.s-hime-view {display: none !important;}
#ds-accepted-completed-table tr.s-hime-view, #ds-delegated-completed-table tr.s-hime-view {display: none !important;}
#stuffiwant-container tbody td .ui-slider-handle {width:10px;height:10px}
#stuffiwant-container .s-sort-button {height:20px;line-height: 18px;margin-bottom:2px;font-size:12px;min-width:60px}
#stuffiwant-container .s-list-view-controls {height: 22px}

#mode {color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 11px;height: 26px; align-self: center; margin-right: 5px;}
#mode .s-mode-button {padding:0 10px;height: 26px;line-height: 26px;background: none; font-size: 11px; background-color: #f2f2f2;box-shadow: 0 1px 2px #dddddd; border: solid 1px #bbbbbb;}
#mode .s-mode-button:hover {cursor: pointer;}
#mode .s-mode-button.s-active {background-color: #a7d5e2;color:#333333;text-shadow: 0 1px rgba(255, 255, 255, .5);}
#mode .s-mode-button.s-active:hover {cursor: default;background-color: #a7d5e2;color:#333333}
#mode .s-mode-button.s-simple {border-bottom-left-radius: 4px; border-top-left-radius: 4px; display: none; }
#mode .s-mode-button.s-advanced {border-radius: 4px;}
#mode #start-training-mode {position: absolute;margin: 2px;top: 0;right: 0}
#mode #visionboard {background: none;background-color: #f2f2f2;box-shadow: none;font-size: 11px;border-radius: 2px;position: absolute;margin: 2px;top: 0;right: 114px}
#mode.s-mode-advanced #visionboard {display:none}
#mode.s-mode-simple #visionboard {display:none}
#mode.s-mode-advanced {display: none;}

#simple-mode {width:100%;white-space: nowrap; color: #333333; font-size: 14px; margin-top:31px !important}
#simple-mode .s-column {width: 31%;display: inline-block;text-align: center;vertical-align: top;white-space: normal;margin:1%}
#simple-mode .s-column .s-circle {background-image: url(/public/images/misc/circle-black-medium.png);height:67px;width:67px;text-align: center;margin:0 auto}
#simple-mode .s-column .s-circle .s-number {line-height: 67px;font-size:43px}
#simple-mode .s-column .s-text {font-size: 28px;font-weight: normal}
#simple-mode .s-column .s-smd-button {background: none;background-color: #f8f8f8;box-shadow: 0 1px 4px #aaaaaa;font-size: 25px;border-radius: 4px;height: initial;padding: 10px;}
#simple-mode .s-column .s-smd-button:hover {background-color: #fefefe;box-shadow: 0 2px 5px #aaaaaa}
#simple-mode .s-table .s-item-text {margin-left:4px;}
#simple-mode #simple-mode-dt-table td .s-cs-indicator .s-l-spr {width:0px}
#simple-mode .s-want-most-edit {width: 25%;}
#simple-mode .s-want-most {width: 96%;font-size:14px;resize: vertical !important; line-height: 16px; height: 16px;padding:10px}

#mode-toolbar .s-toolbar-logo-separator {display: none}
#mode-toolbar #shortcut-canvas {margin: 0;margin-top: -3px}
#mode-toolbar #shortcut-canvas #shortcut-more {line-height: 33px; cursor: pointer}
#mode-toolbar #toolbar-control {cursor: pointer}

#visionboard-container .s-board-body {white-space:nowrap;position:relative;height:100%;width:100%;overflow:auto}
#visionboard-container .s-add-vision {font-size: 35px; font-variation-settings: 'wght' 300; color: #777777; cursor: pointer;}
#visionboard-container .s-add-vision:hover {font-variation-settings: 'FILL' 1;}
#visionboard-overlay .s-processing-box-text {top:25%}
.s-vision-image-box {cursor:move;position:absolute;border: solid 1px transparent; border-radius: 8px;}
.s-vision-image-box.s-vision-video-box {padding:40px 10px 10px 10px;}
.s-vision-image-box:hover {border: dashed 1px #aaaaaa; background: rgba(255, 255, 255, .8); box-shadow: 0 1px 5px #aaaaaa;}
.s-vision-image-box .ui-icon-gripsmall-diagonal-se {background: none !important}
.s-vision-image-box .s-vision-video-autoplay-box {position:absolute;top:10px;left:10px;display:inline-block}
.s-vision-image-box .s-vision-video-autoplay, .s-vision-image-box .s-vision-video-autoplay-label {cursor: pointer}
.s-vision-image-box-close {position:absolute;top:0;right:0;margin-top:10px;margin-right:10px;cursor:pointer;}
.s-vision-image {border:none;width:100%;height:auto}

#notification-dialog input[type=radio], .s-schedule-options label[for], .s-schedule-options input[type=checkbox] {cursor: pointer; vertical-align: middle; margin: 0}
.s-schedule-options .s-sba-minute,
.s-schedule-options .s-sba-hour,
.s-schedule-options .s-sba-day,
.s-schedule-options .s-sba-week,
.s-schedule-options .s-sba-month,
.s-schedule-options .s-sba-year {line-height: 24px}
.s-schedule-options .s-sba-week-detail input.s-day {margin-left: 10px !important;}
.s-schedule-options .s-between-time-weekdays {margin-top: 10px; margin-left: 147px; margin-bottom: -10px}
.s-schedule-options .s-between-time-weekdays input.s-day {margin-left: 10px !important;}
.s-schedule-options input[type=radio] {margin:6px 3px}
#custom-notifications-table .s-lastran, #custom-notifications-table .s-schedule, #custom-notifications-table .s-nextrun {font-size: 11px;line-height: 12px}
#notification-dialog .s-start-info {font-size: 11px;line-height: 12px;color:#333333}
#notification-dialog .s-hour-minute-detail {vertical-align: middle}

#custom-notification-dialog fieldset {margin-top:10px}
#custom-notification-dialog input[type=radio],
#custom-notification-dialog .s-schedule-options label[for],
#custom-notification-dialog .s-schedule-options input[type=checkbox] {cursor: pointer; vertical-align: middle; margin: 0}

#custom-notification-dialog .s-start-info {font-size: 11px;line-height: 12px;color:#333333}
#custom-notification-dialog {color:#555555}
#custom-notification-dialog .s-message-actions .s-action {padding: 0 4px; opacity: .8}
#custom-notification-dialog .s-message-actions .s-message-preview.s-action {padding: 0 2px}
#custom-notification-dialog .s-hour-minute-detail {vertical-align: middle}

#custom-notification-dialog .s-recurrence-notification-detail label,
#custom-notification-dialog .s-series-end-notification-detail label {font-size:13px; line-height:24px; cursor: pointer;}
#custom-notification-dialog .s-message-actions {margin-bottom: -2px}
#custom-notification-dialog .s-message-actions a {cursor: pointer}

#notification-messages-table .s-message-message, #notification-messages-table .s-message-url {color:#999999}
#notification-messages-table.s-messages-order-random tbody tr td.s-item-drag {display:none}

#api-settings-container .s-api-key-box {margin: 20px 0}

#api-settings-container .s-api-key {padding: 10px;background-color: #ffffff;border-top-left-radius: 5px;border-bottom-left-radius: 5px;border: solid 1px #999999;border-right: none; box-shadow: 0px 1px 3px inset #cccccc;}
#api-settings-container .s-api-key-copy {padding: 10px;background-color: #e4e4e4; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: solid 1px #999999; cursor: pointer; color: #555555; user-select: none;}
#api-settings-container .s-api-key-copy:hover {background-color: #eeeeee;}

.s-code {font-family: Consolas, 'Courier New', monospace;font-size: 13px; font-size: 13px; background-color: #586779; border-radius: 8px; margin:20px}
.s-code .s-header {background-color: #404a56; border-top-left-radius: 8px; border-top-right-radius: 8px; color: #afafaf; padding:10px}
.s-code .s-body {color: #eeeeee; padding:12px 20px;line-height: 20px; overflow-x:auto}
.s-code .s-comment {color: #aaaaaa}

.s-response {font-family: Consolas, 'Courier New', monospace;font-size: 13px; font-size: 13px; background-color: #f7f7f7; border-radius: 8px; margin:20px; border: solid 1px #e8e8e8;}
.s-response .s-header {background-color: #dde2e8; border-top-left-radius: 8px; border-top-right-radius: 8px; color: #656565; padding:10px}
.s-response .s-body {color: #656565; line-height: 20px;}
.s-response .s-body.s-content {padding: 12px 20px}
.s-response .s-comment {color: #aaaaaa}

.s-grid .s-row {width:100%;white-space: nowrap}
.s-grid .s-row .s-col {white-space: normal; display: inline-block; vertical-align: top;}

.s-param-table {border: none}
.s-param-table td.s-label {margin: 0; font-size: 13px; color: inherit; text-align: right; padding: 12px 20px; border-right: solid 1px #dddddd; width: 20%}
.s-param-table td.s-desc {padding: 12px 20px;}

#stay-focused-container .s-backward-planner {color:#888;background:none;background-color:#f5f5f5;font-size: 10px !important;box-shadow: none;margin: 5px 5px 0 -5px;border-radius: 3px; height:20px}
#stay-focused-container .s-backward-planner:hover {background-color: #fbfbfb}
#stay-focused-container .s-focus-controls button {font-family: Arial, Helvetica, sans-serif}
#stay-focused-container .s-focus-container .redactor-toolbar li a {height: 32px}
#stay-focused-container .s-focus-container .redactor-toolbar li a.re-button-icon {padding: 8px}
#stay-focused-container .s-processing-box {z-index: 9;}
#stay-focused-container .s-focus-container .s-processing-box-overlay {background-color: #ffffff}
#stay-focused-container .s-focus-container .s-auto-save-message {margin: 0 10px; color: #888888}
#stay-focused-container .s-focus-container .s-auto-save-message-saved {color: #333333}
#stay-focused-container .s-major-input-read, #stay-focused-container .s-define-input-read, #stay-focused-container .s-important-input-read {padding: 0 20px}
#stay-focused-container .s-define-input-read img, #stay-focused-container .s-important-input-read img {max-width: 100%}

.s-ui-1024-visible {display: none !important}

/* .s-search-result-item-box {} */
.s-search-result-group-title {color: #888888; margin: 60px 0 15px; text-transform: uppercase; font-size: 12px; position: relative;}
.s-search-result-group-title span {background-color: #eef1f1; padding-right: 10px;}
.s-search-result-group-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.7em;
    border-top: 1px solid #dfdfdf;
    z-index: -1;
}

.s-search-result-group-title2 {margin: 60px 0 15px; display: flex; justify-content: space-between; align-items: baseline; position: relative}
.s-search-result-group-title2 .s-title {background-color: #eef1f1; padding-right: 10px; text-transform: uppercase; font-size: 12px; color: #888888; margin-bottom: 5px;}
.s-search-result-group-title2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1em;
    border-top: 1px solid #dfdfdf;
    z-index: -1;
}

.s-search-result-box-outer {box-shadow: 0 1px 2px #aaaaaa; padding: 10px; border-radius: 4px;}
.s-search-result-gray-box-outer {background-color: #efefef; box-shadow: 0 1px 2px #aaaaaa; padding: 10px; border-radius: 4px;}
.s-search-result-white-box-inner {background-color: #ffffff; padding: 15px; border-radius: 4px;}
.s-search-result-item {margin-bottom: 5px; color: #aaaaaa; font-size: 12px;}
.s-search-result-item-box {cursor: pointer;}
.s-search-result-item-box .s-l-spr-comment-indicator {margin-right: 5px; margin: 0 5px 0 0; }
.s-search-result-item-box .s-misc-spr-card-icon {margin: 0; margin-right: 5px;}
.s-search-result-item-box .s-search-result-item-comment {margin-left: 5px;}
.s-search-result-item-box .s-search-result-subtask {margin-left: 5px}
.s-search-result-item-box .s-search-result-card-name {}
.s-search-result-item-box .s-system-active-status {margin-left: 5px;}
.s-search-result-item-box .s-search-result-system-name {margin-left: 5px;}
.s-search-result-item-box .s-card-comment-url,
.s-search-result-item-box .s-card-url,
.s-search-result-item-box .s-project-url,
.s-search-result-item-box .s-system-url,
.s-search-result-item-box .s-box-url {color: unset; text-decoration: unset;}
.s-search-result-item-box .s-project-url {color: #888888; font-size: 12px;}
.s-search-result-item-box .s-project-url:hover .s-search-result-project-title,
.s-search-result-item-box .s-card-url:hover .s-search-result-card-name,
.s-search-result-item-box .s-card-comment-url:hover .s-search-result-card-name {text-decoration: underline; color: #000000;}
.s-search-result-item-box .s-comment-box:hover {box-shadow: 0 1px 10px #bbbbbb;}
.s-search-result-item-box:hover {box-shadow: 0 2px 3px #aaaaaa;}
.s-search-result-item-ellipsis {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word;}
.s-search-result-item-ellipsis-2 {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word;}
.s-search-result-item-ellipsis-3 {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word;}
.s-search-result-item-ellipsis-4 {display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word;}
.s-search-result-label {text-transform: uppercase; font-size: 10px; color: #aaaaaa; margin-right: 5px; display: inline-block;}

.s-shape-triangle-top-left {width: 0; height: 0; border-top: 10px solid white; border-right: 15px solid transparent;}
.s-search-result-gray-box-outer .s-shape-triangle-top-left {margin-left: 30px;}

#items-search-result .s-items-filter-box {background-color: #eef1f1; margin: 20px; margin-bottom: 0; max-height: 200px; transition: .5s; overflow: hidden;}
#items-search-result .s-items-filter-box.s-slide-up {max-height: 0;}
#items-search-result .s-items-filter-item label {color: #888888;}
#items-search-result .s-table .s-subtask-list-container {margin-left: 20px;}
#items-search-result .s-items-filter-check-box {display: grid; grid-template-columns: 25% 25% 25% 25%; gap: 5px;}
#items-search-result .s-items-filter-box .s-apply-item-location-filter {width: 120px}

#item-comment-search-result .s-search-result-group-container {}
#item-comment-search-result .s-search-result-item-box {cursor: pointer;}
#item-comment-search-result .s-search-result-item-location {margin:0; color: #aaaaaa; font-size: 10px ;text-transform: uppercase; }
#item-comment-search-result .s-search-result-item-location:hover {text-decoration: underline;}
#item-comment-search-result .s-search-result-item {margin:0; color: #aaaaaa; font-size: 12px;}
#item-comment-search-result .s-search-result-item-box .s-item-box {padding: 5px 10px;}
#item-comment-search-result .s-search-result-gray-box-outer {padding: 0}
#item-comment-search-result .s-comment-box {margin: 0 10px;}
#item-comment-search-result .s-shape-triangle-top-left {margin-bottom: 10px;}

#item-subtask-search-result .s-search-result-group-container {display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-start;}
#item-subtask-search-result .s-search-result-item-location {margin:0; color: #aaaaaa; font-size: 10px ;text-transform: uppercase; }
#item-subtask-search-result .s-search-result-item-location:hover {text-decoration: underline;}
#item-subtask-search-result .s-search-result-item {margin:0; color: #aaaaaa; font-size: 12px;}
#item-subtask-search-result .s-search-result-item-box {flex: 0 0 49%}
#item-subtask-search-result .s-search-result-item-box .s-item-box {padding: 5px 10px;}
#item-subtask-search-result .s-search-result-gray-box-outer {padding: 0}
#item-subtask-search-result .s-subtask-box {border-left: solid 20px #d6d6d6; border-top-left-radius: 0; border-top-right-radius: 0; background-color: #ffffdc; padding: 10px 15px; border-top: solid 1px #dddddd;}
#item-subtask-search-result .s-subtask-box .s-l-spr-subtask-indicator {margin-right: 5px}

#item-subtask-comment-search-result .s-search-result-group-container {}
#item-subtask-comment-search-result .s-search-result-item-location {margin:0; color: #aaaaaa; font-size: 10px ;text-transform: uppercase; }
#item-subtask-comment-search-result .s-search-result-item-location:hover {text-decoration: underline;}
#item-subtask-comment-search-result .s-search-result-item {margin:0; color: #aaaaaa; font-size: 12px;}
#item-subtask-comment-search-result .s-search-result-item-box .s-item-box {padding: 5px 10px;}
#item-subtask-comment-search-result .s-search-result-gray-box-outer {padding: 0}
#item-subtask-comment-search-result .s-subtask-box {border-left: solid 20px #d6d6d6; background-color: #ffffdc; padding: 10px; font-size: 12px; color: #aaaaaa; border-top: solid 1px #dddddd; border-top-left-radius: 0; border-top-right-radius: 0;}
#item-subtask-comment-search-result .s-subtask-box .s-l-spr-subtask-indicator {margin-right: 5px}
#item-subtask-comment-search-result .s-comment-box {margin: 10px 0; margin-bottom: 0; font-size: 14px; color: #333333; margin-top: 5px;}

#projects-search-result table td .s-project-title {font-size: 14px; vertical-align: text-bottom;}

#project-cards-search-result .s-search-result-item {font-size: 14px; color: #333333; padding: 5px; padding-top: 0; flex-grow: 1;}
#project-cards-search-result .s-description-label {text-transform: uppercase; font-size: 10px; color: #aaaaaa; margin-bottom: 5px; display: inline-block;}
#project-cards-search-result .s-search-result-white-box-inner {padding-top: 10px;}
#project-cards-search-result .s-search-result-card-column {font-size: 14px; color: #aaaaaa; padding: 5px; padding-top: 0; text-align: right;}
#project-cards-search-result .s-search-result-card-header {display: flex; gap: 10px; flex-direction: column;}

#project-card-tasks-search-result .s-search-result-group-container {display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-start;}
#project-card-tasks-search-result .s-search-result-item-box {flex: 0 0 49%}
#project-card-tasks-search-result .s-search-result-gray-box-outer {padding: 0}
#project-card-tasks-search-result .s-search-result-task-label {text-transform: uppercase; font-size: 10px; color: #aaaaaa; margin-bottom: 5px; display: inline-block;}
#project-card-tasks-search-result .s-search-result-project-box {padding: 10px; padding-bottom: 0; margin: 0; color: #aaaaaa; font-size: 12px;}
#project-card-tasks-search-result .s-search-result-card-box {padding: 5px 10px; margin: 0; color: #aaaaaa; font-size: 12px;}
#project-card-tasks-search-result .s-card-task-result .s-search-result-card {color: #aaaaaa; margin-bottom: 0; font-size: 12px; padding: 10px; padding-bottom: 5px;}
#project-card-tasks-search-result .s-card-task-result .s-search-result-white-box-inner {border: none; background-color: #f8f8f8; border-top: solid 1px #dddddd; border-top-right-radius: 0; border-top-left-radius: 0; margin: 0; padding-top: 10px}
#project-card-tasks-search-result .s-search-result-card-task-info {color: #aaaaaa; margin: 0; margin-top: 10px;}

#project-card-task-comments-search-result .s-search-result-group-container {display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-start;}
#project-card-task-comments-search-result .s-search-result-item-box {flex: 0 0 49%}
#project-card-task-comments-search-result .s-search-result-gray-box-outer {padding: 0}
#project-card-task-comments-search-result .s-search-result-task-label {text-transform: uppercase; font-size: 10px; color: #aaaaaa; margin-bottom: 5px; display: inline-block;}
#project-card-task-comments-search-result .s-search-result-project-box {padding: 10px; padding-bottom: 0; margin: 0; color: #aaaaaa; font-size: 12px;}
#project-card-task-comments-search-result .s-search-result-card-box {padding: 5px 10px; margin: 0; color: #aaaaaa; font-size: 12px;}
#project-card-task-comments-search-result .s-comment-box {margin: 0 10px;}
#project-card-task-comments-search-result .s-shape-triangle-top-left {margin-bottom: 10px;}
#project-card-task-comments-search-result .s-card-task-info {margin-top: 5px}

#project-card-subtasks-search-result .s-search-result-group-container {display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-start;}
#project-card-subtasks-search-result .s-search-result-item-box {flex: 0 0 49%}
#project-card-subtasks-search-result .s-search-result-gray-box-outer {padding: 0}
#project-card-subtasks-search-result .s-search-result-task-label {text-transform: uppercase; font-size: 10px; color: #aaaaaa; margin-right: 5px; display: inline-block;}
#project-card-subtasks-search-result .s-search-result-project-box {padding: 10px; padding-bottom: 0; margin: 0; color: #aaaaaa; font-size: 12px;}
#project-card-subtasks-search-result .s-search-result-card-box {padding: 5px 10px; margin: 0; color: #aaaaaa; font-size: 12px;}
#project-card-subtasks-search-result .s-subtask-box {border-left: solid 20px #d6d6d6; border-top-left-radius: 0; border-top-right-radius: 0; background-color: #ffffdc; padding: 10px 15px; border-top: solid 1px #dddddd;}
#project-card-subtasks-search-result .s-subtask-box .s-l-spr-subtask-indicator {margin-right: 5px}
#project-card-subtasks-search-result .s-card-task-info {margin-top: 5px}

#project-card-subtask-comments-search-result .s-search-result-group-container {display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-start;}
#project-card-subtask-comments-search-result .s-search-result-item-box {flex: 0 0 49%}
#project-card-subtask-comments-search-result .s-search-result-gray-box-outer {padding: 0}
#project-card-subtask-comments-search-result .s-search-result-task-label {text-transform: uppercase; font-size: 10px; color: #aaaaaa; margin-right: 5px; display: inline-block;}
#project-card-subtask-comments-search-result .s-search-result-project-box {padding: 10px; padding-bottom: 0; margin: 0; color: #aaaaaa; font-size: 12px;}
#project-card-subtask-comments-search-result .s-search-result-card-box {padding: 5px 10px; margin: 0; color: #aaaaaa; font-size: 12px;}
#project-card-subtask-comments-search-result .s-subtask-box {border-left: solid 20px #d6d6d6; background-color: #ffffdc; padding: 10px; font-size: 12px; color: #aaaaaa; border-top: solid 1px #dddddd; border-top-left-radius: 0; border-top-right-radius: 0;}
#project-card-subtask-comments-search-result .s-subtask-box .s-l-spr-subtask-indicator {margin-right: 5px}
#project-card-subtask-comments-search-result .s-comment-box {margin: 10px 0; margin-bottom: 0; font-size: 14px; color: #333333; margin-top: 5px;}
#project-card-subtask-comments-search-result .s-card-task-info {margin-top: 5px}

#project-card-comments-search-result .s-search-result-white-box-inner.s-subcomment {border-left: solid 20px #d6d6d6;}
#project-card-comments-search-result .s-search-result-card-commenter-info {color: #aaaaaa; margin-bottom: 10px; font-size: 12px;}
#project-card-comments-search-result .s-search-result-card-commenter-info .s-smallest {color: #aaaaaa}
#project-card-comments-search-result .s-search-result-project-box {margin-bottom: 5px; color: #aaaaaa; font-size: 12px;}
#project-card-comments-search-result .s-search-result-card-box {margin-bottom: 5px; color: #aaaaaa; font-size: 12px;}

#dashboard-search-result .s-search-result-dashboard-name {font-size: 18px; color: #333333}
#dashboard-search-result .s-search-result-gray-box-outer {background-color: #f8f8f8;}
#dashboard-search-result .s-search-result-item {margin: 0; padding: 30px; padding-top: 10px; min-height: 140px;}
#dashboard-search-result .material-symbols-rounded {font-size: 20px;}
#dashboard-search-result .s-forward-arrow {font-size: 40px;}

#contacts-search-result .s-search-result-item-box {display: flex; flex-direction: column; justify-content: space-between;}
#contacts-search-result .s-search-result-item-box .s-box-url {display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1;}
#contacts-search-result .s-search-result-gray-box-outer {background-color: #f8f8f8; padding: 0}
#contacts-search-result .s-search-result-contact-box {padding: 10px}
#contacts-search-result .s-search-result-contact-profile-image {background-color: #eef1f1; width: 50px; height: 50px; border-radius: 50%; font-size: 25px; color: #aaaaaa; flex-shrink: 0;}
#contacts-search-result .s-search-result-contact-info-box {flex-direction: column; display: flex; justify-content: center;}
#contacts-search-result .s-search-result-contact-delegation-box {font-size: 12px; text-align: center; padding: 5px; background-color: #efefef; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}
#contacts-search-result .s-search-result-contact-delegation-incoming {margin-right: 5px;}
#contacts-search-result .s-search-result-contact-delegation-incoming .s-count {background-color: #ff0000; color: #ffffff; height: 18px; border-radius: 20px; text-align: center; display: inline-block; padding: 0 5px; font-size: 11px;}
#contacts-search-result .s-search-result-contact-delegation-delegated .s-count {background-color: #e0e0e0; height: 18px; border-radius: 20px; text-align: center; display: inline-block; padding: 0 5px; font-size: 11px;}

#systems-search-result .s-search-result-group-container {display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-start;}
#systems-search-result .s-search-result-item-box {flex: 0 0 49%}
#systems-search-result .s-search-result-gray-box-outer {padding: 0}
#systems-search-result .s-search-result-plan-label {text-transform: uppercase; font-size: 10px; color: #aaaaaa; margin-bottom: 5px; display: inline-block;}
#systems-search-result .s-search-result-task-label {text-transform: uppercase; font-size: 10px; color: #aaaaaa; margin-bottom: 5px; display: inline-block;}
#systems-search-result .s-search-result-system {padding: 10px; padding-bottom: 0;}
#systems-search-result .s-search-result-system-info {color: #aaaaaa; font-size: 12px; margin-bottom: 10px;}
#systems-search-result .s-search-result-white-box-inner {margin: 10px; padding-top: 8px; margin-top: 0;}

#system-tasks-search-result .s-search-result-group-container {display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-start;}
#system-tasks-search-result .s-search-result-item-box {flex: 0 0 49%}
#system-tasks-search-result .s-search-result-gray-box-outer {padding: 0}
#system-tasks-search-result .s-search-result-plan-label {text-transform: uppercase; font-size: 10px; color: #aaaaaa; margin-bottom: 5px; display: inline-block;}
#system-tasks-search-result .s-search-result-task-label {text-transform: uppercase; font-size: 10px; color: #aaaaaa; margin-bottom: 5px; display: inline-block;}
#system-tasks-search-result .s-search-result-system {padding: 10px; padding-bottom: 0;}
#system-tasks-search-result .s-search-result-system-info {color: #aaaaaa; font-size: 12px;}
#system-tasks-search-result .s-search-result-system-task-info {color: #aaaaaa; margin: 0; margin-top: 10px;}
#system-tasks-search-result .s-search-result-system-task-number {color: #aaaaaa; margin-right: 5px}
#system-tasks-search-result .s-system-task-result .s-search-result-system {color: #aaaaaa; margin-bottom: 0; font-size: 12px; padding: 10px; padding-bottom: 5px;}
#system-tasks-search-result .s-system-task-result .s-search-result-system-info {margin: 0; font-size: 12px;}
#system-tasks-search-result .s-system-task-result .s-search-result-white-box-inner {border: none; background-color: #f8f8f8; border-top: solid 1px #dddddd; border-top-right-radius: 0; border-top-left-radius: 0; margin: 0; padding-top: 10px}
#system-tasks-search-result .s-system-subtask-result .s-search-result-system {color: #aaaaaa; margin-bottom: 0; font-size: 12px; padding: 10px; padding-bottom: 5px;}
#system-tasks-search-result .s-system-subtask-result .s-search-result-system-info {margin: 0; font-size: 12px;}
#system-tasks-search-result .s-subtask-box {border-left: solid 20px #d6d6d6; border-top-left-radius: 0; border-top-right-radius: 0; background-color: #ffffdc; padding: 10px 15px; border-top: solid 1px #dddddd;}
#system-tasks-search-result .s-subtask-box .s-l-spr-subtask-indicator {margin-right: 5px}

#system-task-comments-search-result .s-search-result-group-container {display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-start;}
#system-task-comments-search-result .s-search-result-item-box {flex: 0 0 49%}
#system-task-comments-search-result .s-search-result-item-box {cursor: pointer;}
#system-task-comments-search-result .s-search-result-item-location {margin:0; color: #aaaaaa; font-size: 10px ;text-transform: uppercase; }
#system-task-comments-search-result .s-search-result-item-location:hover {text-decoration: underline;}
#system-task-comments-search-result .s-search-result-item {margin:0; color: #aaaaaa; font-size: 12px;}
#system-task-comments-search-result .s-search-result-item-box .s-item-box {padding: 10px; color: #aaaaaa; font-size: 12px; padding-bottom: 5px;}
#system-task-comments-search-result .s-search-result-system-task-number {color: #aaaaaa; margin-right: 5px}
#system-task-comments-search-result .s-search-result-gray-box-outer {padding: 0}
#system-task-comments-search-result .s-comment-box {margin: 0 10px;}
#system-task-comments-search-result .s-shape-triangle-top-left {margin-bottom: 10px;}
#system-task-comments-search-result .s-system-subtask-result .s-search-result-system {color: #aaaaaa; margin-bottom: 0; font-size: 12px; padding: 10px; padding-bottom: 5px;}
#system-task-comments-search-result .s-system-subtask-result .s-search-result-system-info {margin: 0; font-size: 12px;}
#system-task-comments-search-result .s-system-subtask-result .s-comment-box {margin: 10px 0; margin-bottom: 0; font-size: 14px; color: #333333; margin-top: 5px;}
#system-task-comments-search-result .s-subtask-box {border-left: solid 20px #d6d6d6; background-color: #ffffdc; padding: 10px; font-size: 12px; color: #aaaaaa; border-top: solid 1px #dddddd; border-top-left-radius: 0; border-top-right-radius: 0;}
#system-task-comments-search-result .s-subtask-box .s-l-spr-subtask-indicator {margin-right: 5px}
#system-task-comments-search-result .s-subtask-box .s-shape-triangle-top-left {margin-bottom: 0;}

.s-journaling-search-result .s-search-result-item-box {display: flex; flex-direction: column; justify-content: space-between;}
.s-journaling-search-result .s-search-result-item-box .s-box-url {display: flex; flex-direction: column; justify-content: flex-start; flex-grow: 1;}
.s-journaling-search-result .s-search-result-item-box.s-element .material-symbols-rounded {font-size: 18px;}
.s-journaling-search-result .s-search-result-item-box.s-element hr {border-collapse: collapse; border: none; border-top: solid 1px #dfdfdf; margin: 0;}
.s-journaling-search-result .s-search-result-box-outer {background-color: #ffffff; padding: 0}
.s-journaling-search-result .s-search-result-box {padding: 10px}
.s-journaling-search-result .s-search-result-box .s-template-icon {display: none !important; color: #aaaaaa}
.s-journaling-search-result .s-search-result-box .s-template-icon.s-visible {display: inline-block !important;}
.s-journaling-search-result .s-search-result-box .s-label,
.s-journaling-search-result .s-search-result-box .s-description {color: #333333; font-size: 14px; margin: 0; padding: 10px}
.s-journaling-search-result .s-search-result-box .s-added-user-timezone {color: #aaaaaa; font-size: 12px}
.s-journaling-search-result .s-search-result-box .s-dashed-box-rounded {padding: 10px}

#search-results-container .s-processing-box-text {top:35%;}
#search-results-container .s-table {box-sizing: unset;}
#search-results-container .s-table .s-item-text {margin-left: 5px; vertical-align: middle;}

#search-results .s-searched {}
#search-results .s-searched-keyword {font-weight: bold;}
#search-results .s-overlay-container .s-strip-icon {display: inline-block;}

.s-grid-2 {display: grid; grid-template-columns: 49.5% 49.5%; gap: 10px;}
.s-grid-3 {display: grid; grid-template-columns: 32.5% 32.5% 32.5%; gap: 10px;}

.s-focus-box-container {overflow: hidden; height: 100%; width: 100%; position: fixed; top: 0; left: 0; z-index: 202; }
.s-focus-box {position: fixed; top: 0; left: 0; right: 0; bottom: 0; transition: .5s; transition-timing-function: ease-out; opacity: 0.5; border-color: #000000; border-style: solid; width: 100%; height: 100%; border-width: 0;}
.s-highlight-box {position: fixed; border: dashed 2px #cd5c5c;}
.s-highlight-box.s-white {border: solid 1px #ffffff; background-color: #ffffff;}
.s-highlight-box.s-white-transparent {border: solid 1px #ffffff; background-color: #ffffff; opacity: .2;}
.s-product-tour-overlay {position:fixed;top:0;left:0;width:100%;height:100%;background-color: #000000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;z-index:202}
.s-product-tour.s-popup-box {padding: 20px; position: fixed !important; z-index: 206;font-size: 22px; color: #2f2f2f; line-height: 120%;}
.s-product-tour.s-popup-box p {font-size: 22px; color: #2f2f2f; line-height: 120%;}
.s-product-tour.s-popup-box.s-minimal {padding: 5px}
.s-product-tour.s-popup-box.s-minimal p {margin: 20px 0; margin-bottom: 5px; font-size: 18px; color: #2f2f2f; line-height: 120%;}
.s-product-tour.s-popup-box.s-minimal h1 {margin: 20px 0; margin-top: 10px; font-size: 18px; color: #191919;}
.s-product-tour.s-popup-box h1 {color: #191919; font-size: 28px; line-height: 28px; font-family: 'Open Sans', arial, sans-serif; font-weight: bold; text-decoration: none;}
.s-product-tour.s-popup-box .s-back {color: #888888 !important; font-size: 18px;}
.s-product-tour.s-popup-box .s-next {font-size: 16px;}
.s-product-tour.s-popup-box label[for="pt-dontshow"] {font-size: 20px;}
.s-product-tour.s-popup-box.s-normal {padding: 10px}
.s-product-tour.s-popup-box.s-normal p {margin: 10px 0; margin-bottom: 5px; margin-right: 35px; font-size: 16px; color: #2f2f2f; line-height: 120%;}
.s-transparent {opacity: 0;}
.s-hole-box-panel {position: fixed; opacity: 0.5; background-color: #000000; z-index: 202;}
.s-arrow-pointer {position: fixed; z-index: 203;}
.s-arrow-pointer .material-symbols-rounded {font-weight: bolder; font-size: 70px; color: red;}

#user-search-list {position: fixed; z-index: 204; max-height: 280px; overflow: auto;}
.s-search-list-box {border-radius: 4px; background-color: #ffffff; color: #000000; box-shadow: 0 1px 2px #00000063; font-size: 14px;}
.s-search-list-box .s-search-list-item {padding: 10px; cursor: pointer;}
.s-search-list-box .s-search-list-item.s-active {background-color: #f0f0f0;}
.s-search-list-box .s-search-list-item:first-child {border-top-left-radius: 4px; border-top-right-radius: 4px;}
.s-search-list-box .s-search-list-item:last-child {border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.s-search-list-box .s-search-list-item:hover {background-color: #f9f9f9;}
.s-search-list-box .scrollbar-track {background: none !important; width: 20px !important;}
.s-search-list-box .scrollbar-track .scrollbar-thumb {background-color: #777777 !important; width: 20px !important; border-radius: 4px !important; opacity: .5;}

.s-user-box .s-user-name {font-weight: bold; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.s-user-box .s-user-email {color: #555555; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

#delegation-automator .s-processing-box-overlay, #delegation-automator-templates .s-processing-box-overlay {background-color: #ffffff !important}
#systems-folders .s-folder-share {display: none;}

.s-edit-system-template .s-system-template-hidden {display: none;}
.s-edit-system-icon, .s-edit-system-template-icon {font-size: 22px; vertical-align: middle; color: #555555; font-variation-settings: 'wght' 200;}

.s-shared-folder-items {padding: 20px; border-radius: 10px; border: solid 1px #aaaaaa; background-color: #fafafa;}
.s-shared-folder-items .s-shared-folder-item {padding: 10px 0; border-bottom: solid 1px #dddddd;}
.s-shared-folder-items .s-shared-folder-item:last-child {border-bottom: none;}

.s-project-templates td.s-item-check, .s-project-templates th.s-done {display: none;}

.s-template-icon {font-variation-settings: 'wght' 200; color: #555555; display: none !important; margin-right: 5px;}
.s-template .s-template-icon {display: inline-block !important;}
.s-template .s-template-hidden {display: none;}
.s-template .s-share .material-symbols-rounded {vertical-align: middle; margin: 0 5px}

.s-project-kanban .s-share, .s-edit-project .s-share {display: none;}
.s-project-kanban.s-template .s-share {display: inline-block; vertical-align: middle; height: 18px;}
.s-project-kanban.s-template .s-share .material-symbols-rounded {font-size: 18px;}
.s-project-kanban.s-template[data-shared="1"] .s-share {color: #7dc3d5}
.s-project-kanban .s-kanban-header-title {margin-right: 5px;}
.s-edit-project.s-template .s-share {color: #999999; font-size: 12px; font-style: italic; display: inline-block; margin-left: 5px;}
.s-project-card.s-template .s-template-icon {margin-top: -4px; font-variation-settings: normal;}
.s-project-card.s-template #card-tasks-table .s-task-input {width: 704px !important;}

.s-folders .s-folder-name {margin-top: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; box-shadow: #aaaaaa 0px 1px 3px; border-left: none; border-right: none; border-bottom: none;}
.s-folders .s-folder-name.s-collapsed {border-radius: 5px;}
.s-folders .s-folder-name.s-expanded {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.s-folders .s-folder-items:not(.s-folder-uncategorized) table.s-table {border-top-left-radius: 0; border-top-right-radius: 0;}
.s-folders .s-folder-items:not(.s-folder-uncategorized) table.s-table tr th:first-child {border-top-left-radius: 0;}
.s-folders .s-folder-items:not(.s-folder-uncategorized) table.s-table tr th:last-child {border-top-right-radius: 0;}
.s-folders .s-folder-items {margin-bottom: 10px;}
.s-folders .s-folder-items .s-list-empty, .s-folders .s-folder-items .s-system-list-empty {border: none; border-radius: 5px; border-top-right-radius: 0; border-top-left-radius: 0;}
.s-folders .s-folder-items.s-folder-uncategorized .s-list-empty {box-shadow: none;border: dashed 1px #dddddd;background-color: #EEF1F1; border-radius: 5px;}
.s-folders .s-folder-items .s-table th:last-child {border-right: solid 1px #ebebeb;}

#mind-map-container #nm-icon {display: none !important;}
.mind-elixir .node-menu .button-container {padding: 8px 0 !important;}
.mind-elixir .node-menu .button-container .icon {display: none;}

.s-items-box {display: flex; flex-direction: column; border: solid 1px #999999;border-radius: 5px;}
.s-items-box .s-filter-items {border: none; border-bottom: solid 1px #cccccc; padding: 10px; border-top-right-radius: 5px; border-top-left-radius: 5px; font-size: 14px; font-weight: bold;}
.s-items-box .s-items {overflow-y: auto;flex: 1;padding: 20px; min-height: 100px; box-shadow: inset 0px 5px 5px -5px rgba(0,0,0,0.2); border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.s-items-box .s-items.s-selected-only .s-item {display: none;}
.s-items-box .s-items.s-selected-only .s-item.s-selected {display: flex;}
.s-item-list .s-item {display: flex; gap: 10px; margin: 10px}
.s-item .s-check {margin-left: 0}
.s-item-type-box .s-item-type {margin-top: 20px; color: #999999; text-transform: uppercase; font-size: 11px;}
.s-item-type-box:first-child .s-item-type {margin-top: 0;}

.s-tag {color: #666666; display: inline-block; background-color: #e3e3e3; padding: 2px 5px; border-radius: 4px; font-size: 11px; margin-left: 5px;}

.s-package h3.s-folder-name {background-color: #fbfbfb; display: flex; align-items: center}
.s-package h3.s-folder-name:hover {background-color: #f5f5f5}
.s-package h3.s-folder-name .s-box-icon {font-size: 40px;}
.s-package h3.s-folder-name .s-folder-options {line-height: 40px; margin-left: auto;}
.s-package h3.s-folder-name .s-folder-name-text {margin-left: 5px;}
.s-package .s-folder-items {margin-bottom: 10px; padding: 50px; padding-top: 20px; background-color: #ffffff; box-shadow: #aaaaaa 0px 1px 3px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.s-package .s-folder-items .s-item-type-box {margin: 10px; border: solid 1px #cccccc; border-radius: 5px; padding: 10px; background-color: #ffffff;}
.s-package .s-folder-items .s-item-type-box .s-item-type {margin: 0; text-transform: uppercase; font-size: 11px; padding: 0 5px}
.s-package .s-folder-items .s-item-type-box .s-item-list {padding: 10px}
.s-package .s-folder-items .s-item-type-box .s-item {font-size: 14px;}

.s-share-acceptance-result-box {margin-top: 50px}
.s-share-acceptance-result-box .s-item-list .s-item {display: block;}

.s-journaling-container .s-calendar .fc-day .s-date-entries {padding: 2px; text-align: center; border-radius: 14px; background-color: #f3f3f3; margin: 17px; white-space: nowrap; cursor: pointer;}
.s-journaling-container .s-calendar .fc-day .s-date-entries:hover {background-color: #e5e5e5;}
.s-journaling-container .s-calendar .fc-day.fc-other-month .s-date-entries {opacity: 0.3;}

.s-journaling-routine-container {margin-top: 20px}
.s-journaling-routine .s-items-box {border: none}
.s-journaling-routine .s-items-box .s-items {padding: 0; box-shadow: none;}
.s-journaling-routine .s-label {color: #333333; font-size: 14px; margin: 0;}
.s-journaling-routine-item {margin: 10px 0; border: dashed 2px #bbbbbb; border-radius: 10px; cursor: move; padding: 20px; background-color: #ffffff;}
.s-journaling-routine-item .s-check {padding: 0; margin: 0; margin-right: 5px;}
.s-journaling-routine-item .s-label {font-size: 14px; color: initial;}
.s-journaling-routine-item input.s-label {font-size: 14px; width: calc(100% - 20px);}
.s-journaling-routine-item .s-section.s-buttons {margin-top: 10px}
.s-journaling-routine-item .s-list-placeholder {width: 330px; padding: 10px; border: solid 1px #cccccc; border-radius: 5px; background-color: #f9f9f9; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
.s-journaling-routine-item .s-tracker-placeholder {width: 330px; padding: 10px; border: solid 1px #cccccc; border-radius: 5px; background-color: #f9f9f9; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
.s-journaling-routine-item .s-text-entry-placeholder {border: solid 1px #cccccc; border-radius: 5px; background-color: #f9f9f9; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
.s-journaling-routine-item .s-dream-catcher-input {width: calc(100% - 20px);}
.s-journaling-routine-item .s-dream-catcher-input:hover {border: solid 1px #dddddd;}
.s-journaling-routine-item .s-dream-catcher-placeholder {width: 330px; height: 14px; resize: none; padding: 10px; overflow: hidden; border: solid 1px #cccccc; background-color: #f9f9f9; border-radius: 5px; font-family: Arial, Helvetica, sans-serif;}
.s-journaling-routine.s-access-view .s-journaling-routine-item {cursor: default;}
.s-journaling-routine.s-access-edit .s-journaling-routine-item:hover,
.s-journaling-routine.s-access-owner .s-journaling-routine-item:hover {border: dashed 2px #666666}

.s-journaling-entry .s-journaling-routine-item {margin: 0; border: none; cursor: default; padding: 10px 0; background-color: #ffffff;}
.s-journaling-entry .s-journaling-routine-item:hover {border: none;}
.s-journaling-entry .s-journaling-routine-item .s-user-list-info .s-list-name:hover,
.s-journaling-entry .s-journaling-routine-item .s-user-tracker-info .s-list-name:hover {text-decoration: underline;}
.s-journaling-entry .s-journaling-routine-item .s-user-list-info .s-list-name[contenteditable=true]:hover,
.s-journaling-entry .s-journaling-routine-item .s-user-tracker-info .s-list-name[contenteditable=true]:hover {text-decoration: none; cursor: text;}
.s-journaling-entry .s-journaling-routine-item .s-dream-catcher-input:hover {border: solid 1px #888888;}
.s-journaling-entry .s-access-view-visible {display: none;}
.s-journaling-entry.s-access-view .s-list-view-controls {display: none !important;}
.s-journaling-entry.s-access-view .s-table input {display: none !important;}
.s-journaling-entry.s-access-view .s-table .s-standard-view:not(.s-label-cell), .s-journaling-entry.s-access-view .s-table .s-hime-view:not(.s-label-cell) {display: none !important;}
.s-journaling-entry.s-access-view .s-list-detail-container .s-table thead tr.s-access-view-visible {display: table-row;}
.s-journaling-entry.s-access-view .s-list-detail-container .s-table tbody tr td.s-item-drag {display: none !important;}
.s-journaling-entry.s-access-view .s-list-detail-container .s-table tbody tr td.s-item-check {display: none !important;}
.s-journaling-entry.s-access-view .s-list-detail-container .s-table tbody tr td.s-item-nolabel {background: none !important;}
.s-journaling-entry.s-access-view .s-journaling-entry-dreamcatcher-entry-list-form .s-table tbody tr td.s-item-drag,
.s-journaling-entry.s-access-view .s-journaling-entry-dreamcatcher-entry-list-form .s-dream-catcher-input, 
.s-journaling-entry.s-access-view .s-journaling-entry-dreamcatcher-entry-list-form .s-add {display: none !important;}
.s-journaling-entry.s-access-view .s-journaling-routine-item .s-user-list-info .s-list-name:hover,
.s-journaling-entry.s-access-view .s-journaling-routine-item .s-user-tracker-info .s-list-name:hover {text-decoration: none;}
.s-journaling-entry.s-access-view .s-journaling-routine-item .s-tracker-update-container {display: none !important;}

.s-save-progress {position: fixed; padding: 5px 10px; border-radius: 4px; box-shadow: 0px 1px 2px #cccccc; font-size: 12px; background-color: #fffbd6;}

.s-section-title {color: #888888; margin: 15px 0; text-transform: uppercase; font-size: 12px; position: relative;}
.s-section-title span {background-color: #ffffff; padding-right: 10px;}
.s-section-title::after {content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 0.7em; border-top: 1px solid #dfdfdf; z-index: -1;}

.s-journaling-routine-item .s-section-title .s-z-index-fix {position: relative; z-index: 1;}
.s-journaling-routine-item .s-section-title::after {z-index: 0;}

.s-list-detail-container .s-table tbody tr td.s-owner-cell,
.s-list-detail-container .s-table tbody tr td.s-date-added-cell {width: 20%}

#map .map-container me-parent me-epd {opacity: 1;}
#map .map-container me-parent me-epd.minus {opacity: 1;}
.map-container me-tpc > img {
    pointer-events: all !important;
    border-radius: 8px;
}
#map .map-container me-tpc > .hyper-link {pointer-events: all;}

.s-actions-container a.s-action {height: 20px;}
.s-actions-container a.s-action .material-symbols-rounded {font-size: 20px; font-variation-settings: 'wght' 300;}

.s-school-dialog {width: 1200px; /*min-height: 845px;*/ display: flex !important;}
.s-school-dialog .s-lesson-table-container table.s-action-items-table tbody td {padding: 8px 5px}
.s-school-tabs {flex: 1}
.s-school-tabs ul li.ui-state-active {z-index: 1;}
.s-course-selector-container {width: 100%; height: 40px; background-color: #000000; position: absolute; z-index: 1; top: -40px;}
.s-course-content-tabs {border: solid 1px #dddddd !important}
.s-course-content-tabs ul {border-bottom-right-radius: 0;}
.s-course-content-tabs ul li {border: none !important; border-right: solid 1px #dddddd !important; background-color: #f2f2f2 !important;}
.s-course-content-tabs ul li.ui-state-hover {background-color: #dddddd !important;}
.s-course-content-tabs ul li:first-child {border-top-left-radius: 4px !important;}
.s-course-content {width: 64%; border-right: solid 1px #cccccc; flex-shrink: 0;}
.s-course-content-legacy {width: calc(64% - 80px); gap: 20px; border-right: solid 1px #cccccc; padding: 40px;}
.s-course-content-legacy .s-construction {font-size: 150px; color: #aaaaaa;}
.s-course-content-legacy-message {font-size: 18px;line-height: 30px;}
.s-course-video {width: calc(100% - 20px); aspect-ratio: 16/9; position: relative; margin: 10px; margin-bottom: 0; border-radius: 5px;}
.s-course-progress-placeholder {flex-grow: 1; background-color: #ffffff;}
.s-course-progress {flex-grow: 1;}
.s-course-progress-item {display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 20px 0;}
.s-course-quiz-dialog {width: 800px; height: 600px;}
.s-course-quiz-dialog iframe {width: calc(100% - 60px); height: calc(100% - 60px); margin: 30px;}
.s-course-audio-dialog {width: 600px; height: 300px; display: flex !important; justify-content: center; align-items: center;}
.s-course-lesson-container {display: flex !important; align-items: stretch; flex-grow: 1}
.s-course-lesson-resource {display: flex; gap: 10px}
.s-course-lesson-resource:hover {transition: .3s ease; background-color: #fffbd6;}
.s-your-one-thing-input {width: calc(100% - 18px); padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; height: 16px; min-height: 16px; line-height: 16px; color: #333333; resize: none !important; text-align: center; overflow-y: auto; max-height: 100px;}
.s-square-image-container {width: 90%; aspect-ratio: 1; margin: 0 auto; background-color: #eeeeee; position: relative; border-radius: 10px; overflow: hidden;}
.s-square-image-box {width: 100%; display: flex; justify-content: center; align-items: center; position: absolute; inset: 0;}
.s-square-image-box img {width: 100%; height: 100%; object-fit: cover;}
.s-square-image-box-dragover img {width: 110%; height: 110%; transition: .3s ease;}
.s-square-image-box-icon-drop {font-size: 150px !important; position: absolute; color: #ffffff; opacity: 0; pointer-events: none;}
.s-square-image-box-dragover .s-square-image-box-icon-drop {opacity: .8;}
.s-square-image-upload {width: 100%; display: flex; justify-content: center; align-items: center; position: absolute; inset: 0; z-index: 1; background-color: rgb(200,200,200,0.5); backdrop-filter: blur(10px); cursor: pointer; flex-direction: column; opacity: 0; transition: .5s ease; border-radius: 10px;}
.s-square-image-upload-icon {font-size: 150px !important; color: #ffffff}
.s-square-image-upload:hover {opacity:1;}
.s-remove-image {color: #f5f5f5; text-decoration: underline; font-weight: bold;}
.s-remove-image:hover {color: #ffffff;}
.s-your-label {font-size: 18px; font-weight: bold; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;}
.s-progress-container {gap: 40px; margin: 20px 0; margin-bottom: 0; height: 228px}
.s-progress-bars-container {width: 20px; height: 100%; display: flex; flex-direction: column-reverse; padding: 20px; background-color: #dddddd; border-radius: 12px; border: 1px solid #aaaaaa; box-shadow: 0 5px 15px #bbbbbb;}
.s-progress-bar-box {position: relative; width: 100%; flex: 1; border: 1px solid #aaaaaa; margin-top: -1px; background-color: #ffffff; cursor: pointer;}
.s-progress-bar-box .s-progress {position: absolute; width: 100%; background-color: #72a272; bottom: 0;}
.s-progress-bar-box:hover {transition: .3s ease; background-color: #89ec00;}
.s-progress-bar-box:hover .s-progress {transition: .3s ease; background-color: #89ec00;}
.s-todays-lesson {font-size: 18px; font-weight: bold; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; display: none; text-align: center; margin-bottom: 10px;}
.s-audio-header-title {font-size: 18px; font-weight: bold; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;}
.s-circle-image-container {aspect-ratio: 1; margin: 0 auto; background-color: #eeeeee; position: relative; border-radius: 10px; overflow: hidden; border-radius: 50%;}
.s-circle-image-box {width: 100%; display: flex; justify-content: center; align-items: center; position: absolute; inset: 0; background-color: #a0c0e0;}
.s-circle-image-box img {width: 100%; height: 100%; object-fit: cover;}
.s-circle-image-box-dragover img {width: 110%; height: 110%; transition: .3s ease;}
.s-circle-image-box-icon-drop {font-size: 150px !important; position: absolute; color: #ffffff; opacity: 0; pointer-events: none;}
.s-circle-image-box-dragover .s-square-image-box-icon-drop {opacity: .8;}
.s-circle-image-upload {width: 100%; display: flex; justify-content: center; align-items: center; position: absolute; inset: 0; z-index: 1; background-color: rgb(200,200,200,0.5); backdrop-filter: blur(10px); cursor: pointer; flex-direction: column; opacity: 0; transition: .5s ease; border-radius: 50%;}
.s-circle-image-upload-icon {font-size: 30px !important; color: #ffffff}
.s-circle-image-upload:hover {opacity:1;}
.s-avatar-initial {color: #ffffff; font-size: 25px;}

.s-circle-50 {width: 50px; height: 50px; border-radius: 50%;}
.s-circle-50.s-prev, .s-circle-50.s-next {cursor: pointer; color: #cccccc; transition: .3s ease; border: solid 1px #cccccc; margin: 10px; user-select: none}
.s-circle-50.s-prev:hover, .s-circle-50.s-next:hover {color: #555555; border-color: #555555; background-color: #fdfdfd; box-shadow: 0 2px 5px #cccccc; }
.s-circle-50.s-prev:active, .s-circle-50.s-next:active {background-color: #777777;}

.s-community-content {width: 64%; border-right: solid 1px #cccccc; flex-shrink: 0; background-color: #f2f2f2;}
.s-win-post-container {display: flex; gap: 10px; border: 10px; box-shadow: 0 1px 2px #cccccc; border-radius: 10px; border: solid 1px #dddddd; border: solid 1px #dddddd; background-color: #ffffff; width: 568px; margin: 10px auto}
.s-win-post-container .s-circle-image-container {flex-shrink: 0; align-self: flex-start;}
.s-win-post-container .s-post-box-container {margin-right: 10px}
.s-community-avatar-container {margin: 10px; margin-right: 0;}
.s-post-box-container {display: flex; flex-grow: 1; margin: 10px 0;}
.s-post-box-controls {display: flex; gap: 5px; justify-content: flex-end;}
.s-post-box-wrapper {padding: 10px; border-radius: 10px; background-color: #f5f5f5; width: 100%; display: flex; flex-direction: column; gap: 10px}
.s-post-box-body {overflow: auto; word-break: break-word; font-size: 16px;}
.s-post-box-body[contenteditable="true"]:empty::before {content: attr(data-placeholder); color: #999; pointer-events: none;}
.s-post-box-body-counter {font-size: 11px; color: #777777; margin-right: 4px;}
.s-post-container {position: relative; display: flex; flex-direction: column; border: solid 1px #dddddd; margin: 10px 0; border-radius: 10px; box-shadow: 0 1px 2px #cccccc; width: 568px; background-color: #ffffff;}
.s-post-header {display: flex; flex-direction: row; margin: 10px; gap: 10px;}
.s-post-header .s-circle-image-container {flex-shrink: 0;  align-self: flex-start;}
.s-post-name {font-weight: bold;}
.s-post-time {font-size: 12px; color: #aaaaaa;}
.s-post-options {font-size: 20px; cursor: pointer; border-radius: 5px;}
.s-post-options:hover {background-color: #d5d5d5;}
.s-post-type {font-style: italic;}
.s-post-body {margin: 10px 30px}
.s-post-text {font-size: 16px; word-break: break-word;}
.s-post-counters {display: flex; gap: 10px; margin: 10px 30px;}
.s-post-controls {display: flex; border-top: solid 1px #f1f1f1; font-weight: bold;}
.s-post-controls .material-symbols-rounded, .s-post-controls .mdi {font-size: 20px;}
.s-post-like, .s-post-applaud, .s-post-comment, .s-post-share {display: flex; justify-content: center; align-items: center; gap: 10px; flex-grow: 1; padding: 10px; cursor: pointer; user-select: none;}
.s-post-like:hover, .s-post-applaud:hover, .s-post-comment:hover, .s-post-share:hover {transition: .1s ease; background-color: #f5f5f5; color: #4ba0e5;}
.s-post-like:active, .s-post-applaud:active, .s-post-comment:active, .s-post-share:active {transition: none; background-color: #a0c0e0;}
.s-post-like.s-liked {color: #4ba0e5}
.s-post-counter-likes .s-applaud-icon {font-size: 16px; padding: 3px; border-radius: 50%;}
.s-post-comments-container {margin: 10px; display: flex; flex-direction: column;}
.s-post-comments-container .s-avatar-initial {font-size: 18px;}
.s-post-comment-box {display: flex; gap: 10px;}
.s-post-comment-box:hover .s-post-comment-options {visibility: visible;}
.s-post-comment-box .s-circle-image-container {margin: 0; flex-shrink: 0;}
.s-post-comment-box-body-counter {font-size: 11px; color: #777777; margin-right: 4px;}
.s-post-comment-box-container {display: flex; flex-direction: column; flex-grow: 1;}
.s-post-comment-box-wrapper {padding: 8px 12px; border-radius: 10px; background-color: #f5f5f5; display: flex; flex-direction: column;}
.s-post-comment-box-body {max-height: 100px; overflow: auto; word-break: break-word; flex-grow: 1; font-size: 14px;}
.s-post-comment-box-body[contenteditable="true"]:empty::before {content: attr(data-placeholder); color: #999; pointer-events: none;}
.s-post-counter-comments {display: none;}
.s-post-counter-comments:hover {cursor: pointer; text-decoration: underline;}
.s-post-comment-box-controls {display: flex; justify-content: flex-end; margin-top: 10px}
.s-post-comment-send:hover {transition: .1s ease; color: #238FAA; cursor: pointer;}
.s-post-comment-send-cancel:hover {transition: .1s ease; color: #ff0000; cursor: pointer;}
.s-post-comment-box-footer {display: flex; gap: 10px; margin: 3px; font-size: 11px; font-weight: bold;}
.s-post-comment-time {font-size: 11px; color: #aaaaaa;}
.s-post-comment-options {font-size: 20px; cursor: pointer; border-radius: 5px; visibility: hidden; margin-top: 2px}
.s-post-comment-options:hover {background-color: #d5d5d5;}
.s-post-comment-options.s-active {visibility: visible;}
.s-post-comment-like {font-size: 18px !important; user-select: none;}
.s-post-comment-like.s-liked {color: #f91880; font-variation-settings: 'FILL' 1;}
.s-post-comment-like:hover {cursor: pointer; color: #f91880}
.s-post-comment-box-name {font-weight: bold; font-size: 14px;}
.s-post-comments-list-container .s-post-comment-box {margin-bottom: 10px;}
.s-post-comments-list-container .s-post-comment-box-wrapper {align-self: flex-start;}
.s-post-comments-list-container .s-post-comment-form .s-post-comment-box-wrapper {padding: 0; width: 100%}
.s-post-comments-list-container .s-post-comment-form.s-post-comment-box-container {margin-right: 0;}
.s-post-comments-list-container .s-post-comment-form .s-processing-box-overlay {background-color: #f5f5f5 !important;}
.s-post-comment-like-counter {display: flex; margin-left: -7px;}
.s-post-comment-like-counter .s-like-icon {color: #ffffff; background-color: #4ba0e5; font-size: 11px; padding: 3px; border-radius: 50%; margin: 0 5px; font-variation-settings: 'FILL' 1;}
.s-post-comment-like-counter .s-applaud-icon {font-size: 16px; padding: 3px; margin: 0 5px; font-variation-settings: 'FILL' 1;}
.s-post-list-container {display: flex; flex-direction: column; align-items: center;}
.s-post-list-container .s-post-container:not([data-id]) .s-post-controls, .s-post-list-container .s-post-container.s-posting .s-post-options {pointer-events: none; opacity: 0.3;}
.s-post-list-container .s-post-container.s-posting .s-post-posting {display: block; margin-top: -2px;}
.s-post-list-container .s-post-comment-box:not([data-id]) .s-post-comment-like, .s-post-list-container .s-post-comment-box.s-posting .s-post-comment-options {pointer-events: none; opacity: 0.3;}
.s-post-list-container .s-post-comment-box.s-posting .s-post-comment-posting {display: block; margin-top: -2px;}
.s-view-more-comments {font-weight: bold; color: #888888; margin: 8px 0;}
.s-view-more-comments:hover {cursor: pointer; color: #238FAA;}
.s-rules-details {text-decoration: underline; cursor: pointer}
.s-school-close {position: absolute; right: 0; z-index: 1; font-size: 30px !important; margin: 2px; cursor: pointer}
.s-custom-close {position: absolute; right: 0; z-index: 1; margin: 2px; cursor: pointer}
.s-options-list.s-ddl {position: absolute; padding: 5px 0; width: 90px; border-radius: 5px; border: solid 1px #cccccc;}
.s-options-list .s-ddl-item {padding: 5px 10px}
.s-options-list .s-ddl-item:hover {background-color: #f5f5f5;}
.s-post-commenters {position: absolute; background-color: rgba(0, 0, 0, 0.9); padding: 10px; border-radius: 5px; color: #ffffff; max-width: 250px; box-shadow: 0 2px 3px #bbbbbb;}
.s-post-commenter {padding: 2px 10px; color: #ffffff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.s-spinner {border: 4px solid rgba(255, 255, 255, 0.3); width: 10px; height: 10px; border-radius: 50%; border-left-color: #ffffff; animation: spin 1s linear infinite;}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.s-skeleton-box {background: linear-gradient(90deg, #eee 25%, #ddd 50%, #eee 75%); background-size: 200% 100%; animation: shimmer 1.5s infinite linear;}
@keyframes shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
.s-post-moderation-dialog {width: 500px; display: flex; flex-direction: column;}
.s-community-content-header {display: flex; justify-content: center; align-items: center; margin: 15px; gap: 13px}
.s-next-live.s-so-link {color: #238FAA !important; white-space: nowrap;}
.s-next-live.s-so-link:hover {color: #f04a00 !important;}
.s-next-live.s-now-live {color: #ffffff !important;}
.s-community-content .s-now-live {color: #ffffff !important; background-color: #f04a00; padding: 7px; border-radius: 5px; font-weight: bold; box-shadow: 0 1px 2px #aaaaaa; border: solid 1px #aa0000; font-size: 12px; text-decoration: underline; text-align: center;}
.s-community-content .s-now-live.s-so-link:hover {transition: .3s ease; color: #ffffff !important; background-color: #f04a00; box-shadow: 0 2px 4px #888888; border: solid 1px #aa0000; text-decoration: none;} 
.s-next-live-panel .s-now-live {color: #ffffff !important; background-color: #f04a00; padding: 7px; border-radius: 5px; font-weight: bold; box-shadow: 0 1px 2px #aaaaaa; border: solid 1px #aa0000; font-size: 12px; text-decoration: none; text-align: center;}
.s-next-live-panel .s-now-live.s-so-link:hover {transition: .3s ease; color: #ffffff !important; background-color: #f04a00; box-shadow: 0 2px 4px #888888; border: solid 1px #aa0000; text-decoration: underline;} 
.s-stuff-i-want-cue .s-stuff-i-want-lists {width: 800px; max-width: 90%; margin: 0 auto;}
.s-stuff-i-want-cue .s-your-one-thing-box {width: 800px;}
.s-stuff-i-want-cue .s-left-panel {width: 64%; max-height:calc(100dvh - 108px); overflow-y: auto;}
.s-stuff-i-want-cue .s-left-panel .s-stuff-i-want-lists {width: 100%;}
.s-stuff-i-want-cue .s-right-panel {flex-grow: 1;}
.s-stuff-i-want-cue .s-right-panel .s-your-one-thing-box {display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 20px 0;}
.s-stuff-i-want-cue .s-panels {width: 1200px;}
.s-stuff-i-want-cue select.s-focus-term {display: none;}
.s-stuff-i-want-cue .s-pager .s-full {display: none !important;}
.s-stuff-i-want-cue .s-pager .s-minimal {display: block !important;}
.s-stuff-i-want-cue .s-stuff-i-want-lists table thead {display: none;}
.s-stuff-i-want-category {margin-bottom: 30px;}
.s-stuff-i-want-lists.s-select-mode .s-stuff-i-want-category {width: 70%; margin: 0 auto 30px;}
.s-stuff-i-want-lists.s-select-mode .s-select-table td .s-radio {float: left; margin-top: 3px;}
.s-stuff-i-want-lists.s-select-mode .s-select-table td .s-item-text {display: block; padding-left: 24px}
.s-popup-box.s-help-popup {width: 600px; max-height: 90%; overflow-y: auto;}
.s-belt-training .s-course-lesson-container {display: none !important;}
.s-belt-training .ui-tabs-nav {visibility: hidden;}
.s-belt-training .s-course-content-tabs {border: none !important}
.s-belt-training .s-course-content-tabs .s-lesson-tab-box {border: none !important}
.s-belt-training-container {display: none;}
.s-belt-training .s-belt-training-container {display: block;}
.s-belt-title {font-size: 18px; font-weight: bold; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; text-align: center; margin-bottom: 10px;}
.s-earnings-container {background-color: #ffffff; min-height: 760px; display: flex;}
.s-earnings-content {width: 80%; margin: 0 auto; padding: 30px}
.s-earnings-content .s-aff-url {font-size: 14px; width: 240px}

.s-date-range-selector-container .s-date-filter-options {border-radius: 5px; font-size: 13px; border: solid 1px #cccccc}
.s-date-range-selector {border: solid 1px #cccccc; padding: 10px 15px; background-color: #ffffff; cursor: pointer; border-radius: 5px; white-space: nowrap;}
.s-date-range-selector .s-custom-date-filter .s-date-from, .s-date-range-selector .s-custom-date-filter .s-date-to {font-size: 13px; border-radius: 3px; height: 22px;}

.s-next-live-container-box {display: none;}
.s-next-live-container {white-space: nowrap;}
.s-next-live-panel {display: flex; flex-direction: column; background-color: #ffffff; flex-grow: 1; gap: 10px }
.s-next-live-panel .s-next-live {font-size: 16px; display: block; white-space: normal;}
.s-mobile-only {display: none !important;}

.s-training-menu {float: left; margin-left: 4px; cursor: pointer; user-select: none;}
.s-training-menu:hover {background-color: #dddddd;}

.s-ambassador-info {max-width: 509px; margin: 10px 0; font-size: 14px;}

.s-nextlive-calendar {padding: 10px; border-radius: 5px; display: flex; align-items: center; gap: 5px; cursor: pointer; font-size: 15px;}
.s-nextlive-calendar:hover {color: #4ba0e5; background-color: #f5f5f5}
.s-nextlive-calendar:active {background-color: #a0c0e0}

.s-print-course-check-list {width: 500px;}

/*ttw-simple-notification*/
.ttw-simple-notification-wrapper{
    padding:0 10px;
    width:250px;
}

.ttw-simple-notification-tmp{
    position:absolute;
    opacity:0;
     z-index:-1;
     bottom:-9999999px;
     right:-9999999px;
}
.ttw-simple-notification {
    display:none;
    opacity:0;
    min-height: 44px;
    width: 230px;
    padding:9px;
    margin:10px 0;
    border: 1px solid #7abbcd;
    border-left: 4px solid #7abbcd;
    position: relative;
    box-shadow: 0 0 5px 1px #cccccc;
background:#FFFFFF;
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
.ttw-simple-notification:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}
.ttw-simple-notification .icon{
    display:none;
}

.ttw-simple-notification.show-icon .icon{
    display:block;
    height:43px;
    width:43px;
    float:left;
    background:transparent url(images/icon.png) no-repeat center center scroll;
}

.ttw-simple-notification .message{
    width:229px;
    color:#000;
    float:left;
    font-family:arial, sans-serif;
    font-size:12px;
    font-weight:bold;
    position:relative;
    top:2px;
    right:5px;
}

.ttw-simple-notification.show-icon .message{
    width:173px;
    margin-left:12px;
}

.ttw-simple-notification .message a{
    color:#000;
    text-decoration:none;
}

.ttw-simple-notification .message a:hover{
    text-decoration:underline;
}

.ttw-simple-notification .close {
    width: 15px;
    height: 15px;
    border: 1px solid #ffffff;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 2px;
    left: 227px;
background:#FFFFFF;
}

.ttw-simple-notification .close:after {
    content: 'x';
    position: absolute;
    top: -1px;
    left: 4px;
    color: #4483b6;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.ttw-simple-notification .close:hover:after {
    color: #11334f;
}

/* spritegen.website-performance.org */
/*smd-modules-sprites*/
.s-smd-modules-sprites { background-image: url(/public/images/smd/smd-20230922.png); background-color: transparent; background-repeat: no-repeat; }

.s-bf-habits-active {
    width: 40px;
    height: 40px;
    background-position: -5px -5px;
}

.s-bf-habits-cl {
    width: 40px;
    height: 40px;
    background-position: -55px -5px;
}

.s-bf-habits-cs {
    width: 40px;
    height: 40px;
    background-position: -105px -5px;
}

.s-bf-habits-locked {
    width: 40px;
    height: 40px;
    background-position: -155px -5px;
}

.s-bf-habits-s {
    width: 40px;
    height: 40px;
    background-position: -205px -5px;
}

.s-bf-habits-sd {
    width: 40px;
    height: 40px;
    background-position: -255px -5px;
}

.s-brainstorm {
    width: 104px;
    height: 16px;
    background-position: -305px -5px;
}

.s-brainstorm-active {
    width: 40px;
    height: 40px;
    background-position: -305px -31px;
}

.s-brainstorm-cs {
    width: 40px;
    height: 40px;
    background-position: -355px -31px;
}

.s-brainstorm-s {
    width: 40px;
    height: 40px;
    background-position: -5px -81px;
}

.s-brainstorm-sd {
    width: 40px;
    height: 40px;
    background-position: -55px -81px;
}

.s-business-growth-active {
    width: 40px;
    height: 40px;
    background-position: -105px -81px;
}

.s-business-growth-cl {
    width: 40px;
    height: 40px;
    background-position: -155px -81px;
}

.s-business-growth-cs {
    width: 40px;
    height: 40px;
    background-position: -205px -81px;
}

.s-business-growth-locked {
    width: 40px;
    height: 40px;
    background-position: -255px -81px;
}

.s-business-growth-s {
    width: 40px;
    height: 40px;
    background-position: -305px -81px;
}

.s-business-growth-sd {
    width: 40px;
    height: 40px;
    background-position: -355px -81px;
}

.s-decide {
    width: 56px;
    height: 16px;
    background-position: -5px -131px;
}

.s-decide-active {
    width: 40px;
    height: 40px;
    background-position: -71px -131px;
}

.s-decide-cs {
    width: 40px;
    height: 40px;
    background-position: -121px -131px;
}

.s-decide-s {
    width: 40px;
    height: 40px;
    background-position: -171px -131px;
}

.s-decide-sd {
    width: 40px;
    height: 40px;
    background-position: -221px -131px;
}

.s-journaling-active {
    width: 40px;
    height: 40px;
    background-position: -271px -131px;
}

.s-journaling-cl {
    width: 40px;
    height: 40px;
    background-position: -321px -131px;
}

.s-journaling-cs {
    width: 40px;
    height: 40px;
    background-position: -371px -131px;
}

.s-journaling-locked {
    width: 40px;
    height: 40px;
    background-position: -5px -181px;
}

.s-journaling-s {
    width: 40px;
    height: 40px;
    background-position: -55px -181px;
}

.s-journaling-sd {
    width: 40px;
    height: 40px;
    background-position: -105px -181px;
}

.s-module-bg {
    width: 38px;
    height: 38px;
    background-position: -155px -181px;
}

.s-observe-change-active {
    width: 40px;
    height: 40px;
    background-position: -203px -181px;
}

.s-observe-change-cl {
    width: 40px;
    height: 40px;
    background-position: -253px -181px;
}

.s-observe-change-cs {
    width: 40px;
    height: 40px;
    background-position: -303px -181px;
}

.s-observe-change-locked {
    width: 40px;
    height: 40px;
    background-position: -353px -181px;
}

.s-observe-change-s {
    width: 40px;
    height: 40px;
    background-position: -5px -231px;
}

.s-observe-change-sd {
    width: 40px;
    height: 40px;
    background-position: -55px -231px;
}

.s-prioritize {
    width: 91px;
    height: 16px;
    background-position: -105px -231px;
}

.s-prioritize-active {
    width: 40px;
    height: 40px;
    background-position: -206px -231px;
}

.s-prioritize-cl {
    width: 40px;
    height: 40px;
    background-position: -256px -231px;
}

.s-prioritize-cs {
    width: 40px;
    height: 40px;
    background-position: -306px -231px;
}

.s-prioritize-locked {
    width: 40px;
    height: 40px;
    background-position: -356px -231px;
}

.s-prioritize-s {
    width: 40px;
    height: 40px;
    background-position: -5px -281px;
}

.s-prioritize-sd {
    width: 40px;
    height: 40px;
    background-position: -55px -281px;
}

.s-record {
    width: 61px;
    height: 16px;
    background-position: -105px -281px;
}

.s-recurring-tasks-active {
    width: 40px;
    height: 40px;
    background-position: -176px -281px;
}

.s-recurring-tasks-cl {
    width: 40px;
    height: 40px;
    background-position: -226px -281px;
}

.s-recurring-tasks-cs {
    width: 40px;
    height: 40px;
    background-position: -276px -281px;
}

.s-recurring-tasks-locked {
    width: 40px;
    height: 40px;
    background-position: -326px -281px;
}

.s-recurring-tasks-s {
    width: 40px;
    height: 40px;
    background-position: -376px -281px;
}

.s-recurring-tasks-sd {
    width: 40px;
    height: 40px;
    background-position: -5px -331px;
}

.s-revenue-strategies-active {
    width: 40px;
    height: 40px;
    background-position: -55px -331px;
}

.s-revenue-strategies-cl {
    width: 40px;
    height: 40px;
    background-position: -105px -331px;
}

.s-revenue-strategies-cs {
    width: 40px;
    height: 40px;
    background-position: -155px -331px;
}

.s-revenue-strategies-locked {
    width: 40px;
    height: 40px;
    background-position: -205px -331px;
}

.s-revenue-strategies-s {
    width: 40px;
    height: 40px;
    background-position: -255px -331px;
}

.s-revenue-strategies-sd {
    width: 40px;
    height: 40px;
    background-position: -305px -331px;
}

.s-stay-focused-active {
    width: 40px;
    height: 40px;
    background-position: -355px -331px;
}

.s-stay-focused-cs {
    width: 40px;
    height: 40px;
    background-position: -419px -5px;
}

.s-stay-focused-s {
    width: 40px;
    height: 40px;
    background-position: -405px -55px;
}

.s-stay-focused-sd {
    width: 40px;
    height: 40px;
    background-position: -421px -105px;
}

.s-systems-active {
    width: 40px;
    height: 40px;
    background-position: -421px -155px;
}

.s-systems-cl {
    width: 40px;
    height: 40px;
    background-position: -406px -205px;
}

.s-systems-cs {
    width: 40px;
    height: 40px;
    background-position: -426px -255px;
}

.s-systems-locked {
    width: 40px;
    height: 40px;
    background-position: -426px -305px;
}

.s-systems-s {
    width: 40px;
    height: 40px;
    background-position: -405px -355px;
}

.s-systems-sd {
    width: 40px;
    height: 40px;
    background-position: -5px -405px;
}

.s-update-trackers-active {
    width: 40px;
    height: 40px;
    background-position: -55px -405px;
}

.s-update-trackers-cl {
    width: 40px;
    height: 40px;
    background-position: -105px -405px;
}

.s-update-trackers-cs {
    width: 40px;
    height: 40px;
    background-position: -155px -405px;
}

.s-update-trackers-locked {
    width: 40px;
    height: 40px;
    background-position: -205px -405px;
}

.s-update-trackers-s {
    width: 40px;
    height: 40px;
    background-position: -255px -405px;
}

.s-update-trackers-sd {
    width: 40px;
    height: 40px;
    background-position: -305px -405px;
}

/*shortcut-icons-sprites*/
.s-shortcut-icons-sprites { background-image: url('/public/images/shortcut-icons/csg-5176d23e8ae56.png'); background-color: transparent; background-repeat: no-repeat; }
.s-1-delete{ background-position: 0 0; width: 32px; height: 35px; } 
.s-1-over{ background-position: -33px 0; width: 32px; height: 35px; } 
.s-1{ background-position: -66px 0; width: 32px; height: 35px; } 
.s-10-delete{ background-position: -99px 0; width: 32px; height: 35px; } 
.s-10-over{ background-position: -132px 0; width: 32px; height: 35px; } 
.s-10{ background-position: -165px 0; width: 32px; height: 35px; } 
.s-11-delete{ background-position: -198px 0; width: 32px; height: 35px; } 
.s-11-over{ background-position: -231px 0; width: 32px; height: 35px; } 
.s-11{ background-position: -264px 0; width: 32px; height: 35px; } 
.s-12-delete{ background-position: -297px 0; width: 32px; height: 35px; } 
.s-12-over{ background-position: -330px 0; width: 32px; height: 35px; } 
.s-12{ background-position: -363px 0; width: 32px; height: 35px; } 
.s-13-delete{ background-position: -396px 0; width: 32px; height: 35px; } 
.s-13-over{ background-position: -429px 0; width: 32px; height: 35px; } 
.s-13{ background-position: -462px 0; width: 32px; height: 35px; } 
.s-14-delete{ background-position: -495px 0; width: 32px; height: 35px; } 
.s-14-over{ background-position: -528px 0; width: 32px; height: 35px; } 
.s-14{ background-position: -561px 0; width: 32px; height: 35px; } 
.s-15-delete{ background-position: -594px 0; width: 32px; height: 35px; } 
.s-15-over{ background-position: -627px 0; width: 32px; height: 35px; } 
.s-15{ background-position: -660px 0; width: 32px; height: 35px; } 
.s-16-delete{ background-position: -693px 0; width: 32px; height: 35px; } 
.s-16-over{ background-position: -726px 0; width: 32px; height: 35px; } 
.s-16{ background-position: -759px 0; width: 32px; height: 35px; } 
.s-17-delete{ background-position: -792px 0; width: 32px; height: 35px; } 
.s-17-over{ background-position: -825px 0; width: 32px; height: 35px; } 
.s-17{ background-position: -858px 0; width: 32px; height: 35px; } 
.s-18-delete{ background-position: -891px 0; width: 32px; height: 35px; } 
.s-18-over{ background-position: -924px 0; width: 32px; height: 35px; } 
.s-18{ background-position: -957px 0; width: 32px; height: 35px; } 
.s-19-delete{ background-position: -990px 0; width: 32px; height: 35px; } 
.s-19-over{ background-position: -1023px 0; width: 32px; height: 35px; } 
.s-19{ background-position: -1056px 0; width: 32px; height: 35px; } 
.s-2-delete{ background-position: -1089px 0; width: 32px; height: 35px; } 
.s-2-over{ background-position: -1122px 0; width: 32px; height: 35px; } 
.s-2{ background-position: -1155px 0; width: 32px; height: 35px; } 
.s-20-delete{ background-position: -1188px 0; width: 32px; height: 35px; } 
.s-20-over{ background-position: -1221px 0; width: 32px; height: 35px; } 
.s-20{ background-position: -1254px 0; width: 32px; height: 35px; } 
.s-21-delete{ background-position: -1287px 0; width: 32px; height: 35px; } 
.s-21-over{ background-position: -1320px 0; width: 32px; height: 35px; } 
.s-21{ background-position: -1353px 0; width: 32px; height: 35px; } 
.s-22-delete{ background-position: -1386px 0; width: 32px; height: 35px; } 
.s-22-over{ background-position: -1419px 0; width: 32px; height: 35px; } 
.s-22{ background-position: -1452px 0; width: 32px; height: 35px; } 
.s-23-delete{ background-position: -1485px 0; width: 32px; height: 35px; } 
.s-23-over{ background-position: -1518px 0; width: 32px; height: 35px; } 
.s-23{ background-position: -1551px 0; width: 32px; height: 35px; } 
.s-24-delete{ background-position: -1584px 0; width: 32px; height: 35px; } 
.s-24-over{ background-position: -1617px 0; width: 32px; height: 35px; } 
.s-24{ background-position: -1650px 0; width: 32px; height: 35px; } 
.s-25-delete{ background-position: -1683px 0; width: 32px; height: 35px; } 
.s-25-over{ background-position: -1716px 0; width: 32px; height: 35px; } 
.s-25{ background-position: -1749px 0; width: 32px; height: 35px; } 
.s-26-delete{ background-position: -1782px 0; width: 32px; height: 35px; } 
.s-26-over{ background-position: -1815px 0; width: 32px; height: 35px; } 
.s-26{ background-position: -1848px 0; width: 32px; height: 35px; } 
.s-27-delete{ background-position: -1881px 0; width: 32px; height: 35px; } 
.s-27-over{ background-position: -1914px 0; width: 32px; height: 35px; } 
.s-27{ background-position: -1947px 0; width: 32px; height: 35px; } 
.s-28-delete{ background-position: -1980px 0; width: 32px; height: 35px; } 
.s-28-over{ background-position: 0 -36px; width: 32px; height: 35px; } 
.s-28{ background-position: -33px -36px; width: 32px; height: 35px; } 
.s-29-delete{ background-position: -66px -36px; width: 32px; height: 35px; } 
.s-29-over{ background-position: -99px -36px; width: 32px; height: 35px; } 
.s-29{ background-position: -132px -36px; width: 32px; height: 35px; } 
.s-3-delete{ background-position: -165px -36px; width: 32px; height: 35px; } 
.s-3-over{ background-position: -198px -36px; width: 32px; height: 35px; } 
.s-3{ background-position: -231px -36px; width: 32px; height: 35px; } 
.s-30-delete{ background-position: -264px -36px; width: 32px; height: 35px; } 
.s-30-over{ background-position: -297px -36px; width: 32px; height: 35px; } 
.s-30{ background-position: -330px -36px; width: 32px; height: 35px; } 
.s-4-delete{ background-position: -363px -36px; width: 32px; height: 35px; } 
.s-4-over{ background-position: -396px -36px; width: 32px; height: 35px; } 
.s-4{ background-position: -429px -36px; width: 32px; height: 35px; } 
.s-5-delete{ background-position: -462px -36px; width: 32px; height: 35px; } 
.s-5-over{ background-position: -495px -36px; width: 32px; height: 35px; } 
.s-5{ background-position: -528px -36px; width: 32px; height: 35px; } 
.s-6-delete{ background-position: -561px -36px; width: 32px; height: 35px; } 
.s-6-over{ background-position: -594px -36px; width: 32px; height: 35px; } 
.s-6{ background-position: -627px -36px; width: 32px; height: 35px; } 
.s-7-delete{ background-position: -660px -36px; width: 32px; height: 35px; } 
.s-7-over{ background-position: -693px -36px; width: 32px; height: 35px; } 
.s-7{ background-position: -726px -36px; width: 32px; height: 35px; } 
.s-8-delete{ background-position: -759px -36px; width: 32px; height: 35px; } 
.s-8-over{ background-position: -792px -36px; width: 32px; height: 35px; } 
.s-8{ background-position: -825px -36px; width: 32px; height: 35px; } 
.s-9-delete{ background-position: -858px -36px; width: 32px; height: 35px; } 
.s-9-over{ background-position: -891px -36px; width: 32px; height: 35px; } 
.s-9{ background-position: -924px -36px; width: 32px; height: 35px; } 
.s-at-delete{ background-position: -957px -36px; width: 32px; height: 35px; } 
.s-at-over{ background-position: -990px -36px; width: 32px; height: 35px; } 
.s-at{ background-position: -1023px -36px; width: 32px; height: 35px; } 
.s-dil-delete{ background-position: -1056px -36px; width: 32px; height: 35px; } 
.s-dil-over{ background-position: -1089px -36px; width: 32px; height: 35px; } 
.s-dil{ background-position: -1122px -36px; width: 32px; height: 35px; } 
.s-ds-delete{ background-position: -1155px -36px; width: 32px; height: 35px; } 
.s-ds-over{ background-position: -1188px -36px; width: 32px; height: 35px; } 
.s-ds{ background-position: -1221px -36px; width: 32px; height: 35px; } 
.s-feedback-over{ background-position: -1254px -36px; width: 32px; height: 35px; } 
.s-feedback{ background-position: -1287px -36px; width: 32px; height: 35px; } 
#admin-panel .s-tb-help-over{ background-position: -1320px -36px; width: 32px; height: 35px; } 
#admin-panel .s-tb-help{ background-position: -1353px -36px; width: 32px; height: 35px; } 
.s-mag-glass-over{ background-position: -1386px -36px; width: 32px; height: 35px; } 
.s-mag-glass{ background-position: -1419px -36px; width: 32px; height: 35px; } 
.s-medal-over{ background-position: -1452px -36px; width: 32px; height: 35px; } 
.s-medal{ background-position: -1485px -36px; width: 32px; height: 35px; } 
.s-mf-delete{ background-position: -1518px -36px; width: 32px; height: 35px; } 
.s-mf-over{ background-position: -1551px -36px; width: 32px; height: 35px; } 
.s-mf{ background-position: -1584px -36px; width: 32px; height: 35px; } 
.s-mlb-delete{ background-position: -1617px -36px; width: 32px; height: 35px; } 
.s-mlb-over{ background-position: -1650px -36px; width: 32px; height: 35px; } 
.s-mlb{ background-position: -1683px -36px; width: 32px; height: 35px; } 
.s-ol-delete{ background-position: -1716px -36px; width: 32px; height: 35px; } 
.s-ol-over{ background-position: -1749px -36px; width: 32px; height: 35px; } 
.s-ol{ background-position: -1782px -36px; width: 32px; height: 35px; } 
.s-rm-delete{ background-position: -1815px -36px; width: 32px; height: 35px; } 
.s-rm-over{ background-position: -1848px -36px; width: 32px; height: 35px; } 
.s-rm{ background-position: -1881px -36px; width: 32px; height: 35px; } 
.s-rt-delete{ background-position: -1914px -36px; width: 32px; height: 35px; } 
.s-rt-over{ background-position: -1947px -36px; width: 32px; height: 35px; } 
.s-rt{ background-position: -1980px -36px; width: 32px; height: 35px; } 
.s-siw-delete{ background-position: 0 -72px; width: 32px; height: 35px; } 
.s-siw-over{ background-position: -33px -72px; width: 32px; height: 35px; } 
.s-siw{ background-position: -66px -72px; width: 32px; height: 35px; } 
.s-shortcut-icons-sprites.s-trackers-delete{ background-position: -99px -72px; width: 32px; height: 35px; } 
.s-shortcut-icons-sprites.s-trackers-over{ background-position: -132px -72px; width: 32px; height: 35px; } 
.s-shortcut-icons-sprites.s-trackers{ background-position: -165px -72px; width: 32px; height: 35px; } 
.s-training-delete{ background-position: -198px -72px; width: 32px; height: 35px; } 
.s-training-over{ background-position: -231px -72px; width: 32px; height: 35px; } 
.s-training{ background-position: -264px -72px; width: 32px; height: 35px; } 

@media only screen and (max-width: 1904px) {
    #dashboard-container .s-dashboard-column .s-feed-container .s-feed-header {font-size: 14px; }
    #dashboard-container .s-dashboard-column .s-feed-container .s-feed-header .s-feed-title-container .s-feed-title {display: -webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-word;white-space: normal;line-height: 14px;}
}

@media only screen and (max-width: 1218px) {
    .s-school-dialog {width: 1000px; min-height: 700px;}
    .s-community-content-header:has(.s-now-live), .s-community-content-header:has(.s-video-available) {flex-direction: column}
    .s-community-content-header:has(.s-now-live) .s-next-live-container .s-pipe, .s-next-live-container:has(.s-video-available) .s-pipe {display: none;}
    .s-next-live-container:has(.s-now-live), .s-next-live-container:has(.s-video-available) {order: -1;}
    .s-stuff-i-want-cue .s-panels {width: 1000px;}
    .s-next-live-panel .s-next-live {font-size: 16px;}
}

@media only screen and (max-width: 1158px) {
    #primary-nav {min-width: 980px}
    #smd-streak-container .s-rank-step-container-mini {width:25px !important}
    #smd-streak-container #start-training-mode {font-size:10px}
    /*.s-label-edit-box #label-select {width:60px}
    .s-label-edit-box #label-select .s-label-selected {width:50px}*/
    
    .s-view-content {margin-left:10px !important;margin-right:10px !important;padding:20px 0}
    
    .s-lists-view .s-view-slide-content, #lists-view-slide .s-view-content {padding:20px 0}
    .s-lists-view #folder-list-panel {width:160px}
    .s-lists-view #folder-list-panel .s-folder-name {width:105px}
    .s-lists-view #data-list-container {width:600px}
    .s-lists-view .s-list-detail-container.s-list-control {width:610px !important}
    .s-lists-view #user-list-table {width:610px}
    .s-lists-view #user-list-table .s-list-input,
    .s-lists-view .s-list-detail-container.s-list-control .s-list-input {width:592px !important} 
    
    .s-smd-module-content {margin: 0 50px !important}
    .s-smd-module-content .s-label-edit-box #label-select {width:60px}
    .s-smd-module-content .s-label-edit-box #label-select .s-label-selected {width:50px}
    
    #engines-container .s-table-container .s-table {width:900px !important}
    
    #smd-streak-dialog {width:900px}
    #smd-streak-dialog .s-smd-streak-tab-header, #smd-streak-dialog .s-smd-streak-step-header {width: 853px !important}
    #hsw-start-here {display: none !important;}
    #smd-streak-tab-rank .s-rank-step-container {width:400px !important}
    #smd-streak-tab-hsw .s-hsw-container {width: 853px !important}
    #smd-streak-tab-hsw .s-hsw-step-header {width:288px}
    #smd-streak-tab-streak .s-smd-streak-calendars-container {width:827px}
    
    #contacts-container {width:900px}
    #contacts-container #add-contact-container {margin-left:0 !important}
    
    #simple-mode input.s-simple-mode-dc {width:60% !important}
    #simple-mode .s-table-container .s-pager {width:auto !important}

    .s-ui-normal-visible {display: none}
    .s-ui-1024-visible.s-dib {display: inline-block !important}
    .s-ui-1024-visible.s-db {display: block !important}
}

@media only screen and (max-width: 1000px) {
    .s-popup-box.s-full-width {width: 100% !important}
    .s-school-popup-box {height: 100%; width: 100%; max-height: unset !important; top: 0 !important;}
    .s-school-tab-panel {max-height: calc(100dvh - 34px) !important;}
    .s-course-quiz-dialog-popup-box {width: 100%}
    .s-course-audio-dialog-popup-box {width: 100%}
    .s-school-dialog {width: 100%; aspect-ratio: unset;}
    .s-course-quiz-dialog {width: 100%}
    .s-course-audio-dialog {width: 100%}
    .s-course-container, .s-community-container {flex-direction: column;}
    .s-course-progress-placeholder {order: -1; flex-grow: unset;}
    .s-course-progress {flex-direction: row; gap: unset; padding: 20px; border: solid 1px #cccccc; border-radius: 5px; margin: 10px; margin-bottom: 0;}
    .s-course-progress-item {flex: 1;}
    .s-course-content {width: 100%; border: none; flex-grow: 1;}
    .s-community-content {width: 100%; border: none; flex-grow: 1;}
    .s-community-container .s-course-progress {display: none;}
    .s-community-container .s-next-live-panel {display: none;}
    .s-community-container .s-next-live-container-box {display: unset;}
    .s-progress-container {gap: 20px}
    .s-course-content-legacy {padding: 20px; width: calc(100% - 40px);}
    .s-course-content-legacy .s-construction {font-size: 120px; color: #aaaaaa;}
    .s-course-content-legacy-message {font-size: 12px;line-height: 25px;}
    .s-square-image-upload-icon {font-size: 12vw !important;}
    .s-stuff-i-want-cue .s-stuff-i-want-lists {width: 90%; max-width: 800px; margin: 0 auto}
    .s-stuff-i-want-cue .s-panels {width: 100%; flex-direction: column;}
    .s-stuff-i-want-cue .s-panels .s-left-panel {width: unset; max-height: unset; overflow-y: unset;}
    .s-stuff-i-want-cue .s-panels .s-right-panel {order: -1; width: 50%; margin: 0 auto}
    .s-stuff-i-want-cue .s-content-body {max-height: calc(100dvh - 50px); overflow-y: auto;}
    .s-stuff-i-want-cue .s-instructions {max-width: 60%; margin: 0 auto}    
    .s-stuff-i-want-lists.s-select-mode .s-stuff-i-want-category {width: 85%; margin: 0 auto 30px;}
    .s-earnings-container {width: 100%;}
    .s-earnings-content {width: 100%;}
    .s-print-course-check-list {width: unset;}
}

/*resize comment dialog width to 768px to remove this breakpoint?*/
@media only screen and (max-width: 843px) {
    .s-popup-box:has(div#comment-dialog) {margin-left: 0 !important; left: 0 !important; position: absolute;}
}

@media only screen and (max-width: 768px) {
    #primary-nav {min-width: unset !important; max-width: 100vw !important; width: 100vw !important; overflow-x: auto; overflow-y: hidden;}
    #admin-panel {float: unset !important;}
    #container {overflow-x: auto;}
}

@media only screen and (max-width: 600px) {
    .s-your-label {font-size: 3vw;}
    .s-your-label-subtext {font-size: 2.2vw;}
    .s-todays-lesson {font-size: 3vw;}
    .s-title-18 {font-size: 3vw;}
    .s-win-post-container, .s-post-container {width: 90%}
    .s-post-moderation-dialog {width: 100%;}
    .s-post-moderation-popup-box {width: 100%; margin-left: unset !important; left: unset !important}
    .s-popup-box.s-help-popup {width: calc(100% - 40px); margin-left: unset !important; left: unset !important; margin: 0 20px !important;}
    .s-earnings-content {width: 100%; padding: 15px}
    .s-earnings-content .s-aff-url {width: 60%;}
    .s-date-range-selector {text-align: center;}
    .s-date-range-selector-container .s-date-filter-options {width: calc(100% - 32px) !important; left: unset !important}
    .s-date-range-selector-container .s-date-filter-options .s-ddl-item {text-align: center;}
    .s-onmobile-flex-column {flex-direction: column;}
    #ui-datepicker-div {width: 17em !important;}
    .ui-datepicker-multi-2 .ui-datepicker-group {
        display: block !important;
        width: 100% !important;
    }
    .ui-datepicker-multi-2 .ui-datepicker-group-first {
        margin-bottom: 10px;
    }
    .s-desktop-only {display: none !important;}
    .s-mobile-only {display: unset;}
}

@media only screen and (max-width: 390px) {
    .s-course-content-legacy {padding: 10px; width: calc(100% - 20px);}
    .s-course-content-legacy .s-construction {font-size: 100px; color: #aaaaaa;}
    .s-course-content-legacy-message {font-size: 12px;line-height: 18px;}
    .s-course-training-selector {width: 100%;}
    .s-square-image-upload-icon {font-size: 80px !important;}
    .s-square-image-upload > br {display: none;}
    .s-progress-container {height: 168px;}
    .s-progress-bars-container {padding: 12px}
}

/*list-sprites*/
.s-l-spr { background-image: url('/public/images/lists/lists-20230920.png'); background-color: transparent; background-repeat: no-repeat; display: inline-block}
.s-l-spr-add-comment {
    width: 14px;
    height: 12px;
    background-position: -5px -5px;
}

.s-l-spr-add-folder {
    width: 18px;
    height: 13px;
    background-position: -29px -5px;
}

.s-l-spr-add-list {
    width: 18px;
    height: 13px;
    background-position: -57px -5px;
}

.s-l-spr-add-subtask {
    width: 9px;
    height: 12px;
    background-position: -85px -5px;
}

.s-l-spr-archived-targets {
    width: 16px;
    height: 16px;
    background-position: -104px -5px;
}

.s-l-spr-archived-targets-active {
    width: 16px;
    height: 16px;
    background-position: -130px -5px;
}

.s-l-spr-arrow-down {
    width: 5px;
    height: 5px;
    background-position: -156px -5px;
}

.s-l-spr-backward-planner {
    width: 13px;
    height: 10px;
    background-position: -171px -5px;
}

.s-l-spr-calendar {
    width: 12px;
    height: 13px;
    background-position: -194px -5px;
}

.s-l-spr-cancel {
    width: 14px;
    height: 14px;
    background-position: -5px -28px;
}

.s-l-spr-card {
    width: 19px;
    height: 14px;
    background-position: -29px -28px;
}

.s-l-spr-chart {
    width: 19px;
    height: 17px;
    background-position: -58px -28px;
}

.s-l-spr-check-circle {
    width: 9px;
    height: 9px;
    background-position: -156px -28px;
}

.s-l-spr-clock {
    width: 15px;
    height: 15px;
    background-position: -175px -28px;
}

.s-l-spr-comment {
    width: 14px;
    height: 12px;
    background-position: -200px -28px;
}

.s-l-spr-comment-gray {
    width: 14px;
    height: 12px;
    background-position: -87px -50px;
}

.s-l-spr-comment-indicator {
    width: 14px;
    height: 12px;
    background-position: -111px -50px;
}

.s-l-spr-comment2 {
    width: 19px;
    height: 16px;
    background-position: -135px -50px;
}

.s-l-spr-completed {
    width: 13px;
    height: 12px;
    background-position: -200px -50px;
}

.s-l-spr-daily-targets {
    width: 15px;
    height: 15px;
    background-position: -5px -72px;
}

.s-l-spr-daily-targets2 {
    width: 15px;
    height: 15px;
    background-position: -30px -72px;
}

.s-l-spr-delegate {
    width: 15px;
    height: 15px;
    background-position: -55px -72px;
}

.s-l-spr-delegate-indicator {
    width: 16px;
    height: 16px;
    background-position: -80px -72px;
}

.s-l-spr-delegation-station {
    width: 16px;
    height: 16px;
    background-position: -106px -72px;
}

.s-l-spr-delegation-station-active {
    width: 16px;
    height: 16px;
    background-position: -164px -72px;
}

.s-l-spr-do-it-later {
    width: 13px;
    height: 13px;
    background-position: -190px -72px;
}

.s-l-spr-do-it-later-ds {
    width: 13px;
    height: 13px;
    background-position: -132px -95px;
}

.s-l-spr-do-it-later2 {
    width: 21px;
    height: 16px;
    background-position: -190px -95px;
}

.s-l-spr-do-it-later2-active {
    width: 21px;
    height: 16px;
    background-position: -5px -121px;
}

.s-l-spr-dream-catcher {
    width: 15px;
    height: 10px;
    background-position: -36px -121px;
}

.s-l-spr-dream-catcher2 {
    width: 15px;
    height: 10px;
    background-position: -61px -121px;
}

.s-l-spr-edit {
    width: 14px;
    height: 11px;
    background-position: -86px -121px;
}

.s-l-spr-edit2 {
    width: 14px;
    height: 11px;
    background-position: -110px -121px;
}

.s-l-spr-ext-link {
    width: 10px;
    height: 10px;
    background-position: -134px -121px;
}

.s-l-spr-folder {
    width: 21px;
    height: 16px;
    background-position: -154px -121px;
}

.s-l-spr-gear {
    width: 19px;
    height: 16px;
    background-position: -185px -121px;
}

.s-l-spr-gear-comment {
    width: 19px;
    height: 16px;
    background-position: -5px -147px;
}

.s-l-spr-gear-warn {
    width: 19px;
    height: 16px;
    background-position: -34px -147px;
}

.s-l-spr-gear-x {
    width: 19px;
    height: 16px;
    background-position: -63px -147px;
}

.s-l-spr-journaling {
    width: 16px;
    height: 16px;
    background-position: -92px -147px;
}

.s-l-spr-journaling-active {
    width: 16px;
    height: 16px;
    background-position: -118px -147px;
}

.s-l-spr-label {
    width: 12px;
    height: 12px;
    background-position: -144px -147px;
}

.s-l-spr-list {
    width: 21px;
    height: 16px;
    background-position: -166px -147px;
}

.s-l-spr-list-active {
    width: 21px;
    height: 16px;
    background-position: -5px -173px;
}

.s-l-spr-lists {
    width: 13px;
    height: 10px;
    background-position: -197px -147px;
}

.s-l-spr-major-focus {
    width: 21px;
    height: 16px;
    background-position: -36px -173px;
}

.s-l-spr-major-focus-active {
    width: 21px;
    height: 16px;
    background-position: -67px -173px;
}

.s-l-spr-make-recurring {
    width: 18px;
    height: 15px;
    background-position: -197px -167px;
}

.s-l-spr-move-down {
    width: 10px;
    height: 12px;
    background-position: -98px -192px;
}

.s-l-spr-move-up {
    width: 10px;
    height: 12px;
    background-position: -118px -192px;
}

.s-l-spr-multi-select-icon {
    width: 22px;
    height: 23px;
    background-position: -138px -173px;
}

.s-l-spr-multiselect {
    width: 20px;
    height: 20px;
    background-position: -170px -192px;
}

.s-l-spr-negative {
    width: 15px;
    height: 15px;
    background-position: -200px -192px;
}

.s-l-spr-observation-log {
    width: 21px;
    height: 16px;
    background-position: -224px -5px;
}

.s-l-spr-observation-log-active {
    width: 21px;
    height: 16px;
    background-position: -224px -31px;
}

.s-l-spr-positive {
    width: 15px;
    height: 15px;
    background-position: -223px -57px;
}

.s-l-spr-publish-icon {
    width: 16px;
    height: 16px;
    background-position: -221px -82px;
}

.s-l-spr-recurring-tasks {
    width: 16px;
    height: 16px;
    background-position: -221px -108px;
}

.s-l-spr-recurring-tasks-active {
    width: 16px;
    height: 16px;
    background-position: -220px -134px;
}

.s-l-spr-reminder-indicator {
    width: 15px;
    height: 15px;
    background-position: -225px -160px;
}

.s-l-spr-reminders {
    width: 15px;
    height: 15px;
    background-position: -225px -185px;
}

.s-l-spr-reminders-active {
    width: 15px;
    height: 15px;
    background-position: -5px -210px;
}

.s-l-spr-save {
    width: 13px;
    height: 12px;
    background-position: -30px -210px;
}

.s-l-spr-separator-pipe {
    width: 1px;
    height: 27px;
    background-position: -247px -82px;
}

.s-l-spr-set-reminder {
    width: 15px;
    height: 15px;
    background-position: -53px -210px;
}

.s-l-spr-stuff-i-want {
    width: 21px;
    height: 16px;
    background-position: -138px -210px;
}

.s-l-spr-stuff-i-want-active {
    width: 21px;
    height: 16px;
    background-position: -225px -210px;
}

.s-l-spr-subtask {
    width: 9px;
    height: 12px;
    background-position: -78px -210px;
}

.s-l-spr-subtask-gray {
    width: 9px;
    height: 12px;
    background-position: -255px -5px;
}

.s-l-spr-subtask-indicator {
    width: 9px;
    height: 12px;
    background-position: -255px -27px;
}

.s-l-spr-target-arrow-left {
    width: 6px;
    height: 11px;
    background-position: -87px -27px;
}

.s-l-spr-tracker {
    width: 21px;
    height: 16px;
    background-position: -246px -134px;
}

.s-l-spr-tracker-active {
    width: 21px;
    height: 16px;
    background-position: -5px -236px;
}

.s-l-spr-trash {
    width: 11px;
    height: 14px;
    background-position: -255px -49px;
}

.s-l-spr-trash2 {
    width: 11px;
    height: 14px;
    background-position: -250px -160px;
}

.s-l-spr-triangle-down {
    width: 8px;
    height: 5px;
    background-position: -258px -73px;
}

.s-l-spr-triangle-right {
    width: 5px;
    height: 8px;
    background-position: -258px -88px;
}

.s-l-spr-warn {
    width: 16px;
    height: 16px;
    background-position: -250px -184px;
}

.s-l-spr-x {
    width: 16px;
    height: 16px;
    background-position: -36px -236px;
}

.s-l-spr-x-circle {
    width: 9px;
    height: 9px;
    background-position: -258px -106px;
}

.s-l-spr-x-circle-red {
    width: 9px;
    height: 9px;
    background-position: -256px -210px;
}


/*misc sprites*/
.s-misc-spr {background-image: url('/public/images/misc/misc-20190805.png'); background-color: transparent; background-repeat: no-repeat; display: inline-block}
.s-misc-spr-add-chat {
    width: 20px;
    height: 20px;
    background-position: -5px -5px;
}

.s-misc-spr-arrow-nw {
    width: 16px;
    height: 16px;
    background-position: -35px -5px;
}

.s-misc-spr-balloon-s {
    width: 14px;
    height: 12px;
    background-position: -61px -5px;
}

.s-misc-spr-balloon-xs {
    width: 11px;
    height: 12px;
    background-position: -85px -5px;
}

.s-misc-spr-block-red {
    width: 16px;
    height: 16px;
    background-position: -106px -5px;
}

.s-misc-spr-blue-down {
    width: 16px;
    height: 16px;
    background-position: -132px -5px;
}

.s-misc-spr-blue-up {
    width: 16px;
    height: 16px;
    background-position: -158px -5px;
}

.s-misc-spr-box-s {
    width: 15px;
    height: 15px;
    background-position: -184px -5px;
}

.s-misc-spr-box-x-s {
    width: 15px;
    height: 15px;
    background-position: -209px -5px;
}

.s-misc-spr-bullet-green {
    width: 9px;
    height: 9px;
    background-position: -234px -5px;
}

.s-misc-spr-bullet-green-light {
    width: 9px;
    height: 9px;
    background-position: -253px -5px;
}

.s-misc-spr-bullet-red {
    width: 9px;
    height: 9px;
    background-position: -272px -5px;
}

.s-misc-spr-bullet-red-light {
    width: 9px;
    height: 9px;
    background-position: -291px -5px;
}

.s-misc-spr-card-icon {
    width: 23px;
    height: 16px;
    background-position: -310px -5px;
}

.s-misc-spr-check-b {
    width: 42px;
    height: 33px;
    background-position: -35px -31px;
}

.s-misc-spr-check-g {
    width: 15px;
    height: 12px;
    background-position: -343px -5px;
}

.s-misc-spr-check-green {
    width: 16px;
    height: 16px;
    background-position: -234px -27px;
}

.s-misc-spr-check-s {
    width: 23px;
    height: 18px;
    background-position: -260px -27px;
}

.s-misc-spr-check-xs {
    width: 15px;
    height: 12px;
    background-position: -343px -27px;
}

.s-misc-spr-close-white {
    width: 24px;
    height: 24px;
    background-position: -87px -49px;
}

.s-misc-spr-copy {
    width: 13px;
    height: 15px;
    background-position: -368px -5px;
}

.s-misc-spr-drag-handle {
    width: 8px;
    height: 13px;
    background-position: -184px -30px;
}

.s-misc-spr-dt-arrow {
    width: 29px;
    height: 15px;
    background-position: -121px -49px;
}

.s-misc-spr-edit {
    width: 14px;
    height: 11px;
    background-position: -5px -49px;
}

.s-misc-spr-excel {
    width: 16px;
    height: 18px;
    background-position: -202px -30px;
}

.s-misc-spr-export-icon-csv {
    width: 16px;
    height: 16px;
    background-position: -293px -49px;
}

.s-misc-spr-export-icon-email {
    width: 16px;
    height: 16px;
    background-position: -319px -49px;
}

.s-misc-spr-export-icon-sms {
    width: 16px;
    height: 16px;
    background-position: -345px -49px;
}

.s-misc-spr-export-icon-tsv {
    width: 16px;
    height: 16px;
    background-position: -5px -75px;
}

.s-misc-spr-eye {
    width: 24px;
    height: 24px;
    background-position: -31px -75px;
}

.s-misc-spr-filter {
    width: 16px;
    height: 13px;
    background-position: -121px -75px;
}

.s-misc-spr-filtered {
    width: 16px;
    height: 13px;
    background-position: -147px -75px;
}

.s-misc-spr-history {
    width: 14px;
    height: 15px;
    background-position: -160px -49px;
}

.s-misc-spr-hyphen-b {
    width: 38px;
    height: 11px;
    background-position: -173px -75px;
}

.s-misc-spr-hyphen-s {
    width: 18px;
    height: 5px;
    background-position: -221px -75px;
}

.s-misc-spr-hyphen-xs {
    width: 11px;
    height: 12px;
    background-position: -65px -75px;
}

.s-misc-spr-lock {
    width: 16px;
    height: 19px;
    background-position: -249px -75px;
}

.s-misc-spr-loop-b {
    width: 38px;
    height: 33px;
    background-position: -275px -75px;
}

.s-misc-spr-loop-s {
    width: 21px;
    height: 18px;
    background-position: -323px -75px;
}

.s-misc-spr-loop-xs {
    width: 14px;
    height: 12px;
    background-position: -354px -75px;
}

.s-misc-spr-mail {
    width: 20px;
    height: 20px;
    background-position: -65px -97px;
}

.s-misc-spr-mail-g {
    width: 18px;
    height: 12px;
    background-position: -173px -97px;
}

.s-misc-spr-medal {
    width: 20px;
    height: 25px;
    background-position: -201px -97px;
}

.s-misc-spr-nav-left {
    width: 14px;
    height: 28px;
    background-position: -95px -97px;
}

.s-misc-spr-nav-right {
    width: 14px;
    height: 28px;
    background-position: -354px -97px;
}

.s-misc-spr-pdf {
    width: 16px;
    height: 19px;
    background-position: -5px -135px;
}

.s-misc-spr-pencil {
    width: 16px;
    height: 16px;
    background-position: -31px -135px;
}

.s-misc-spr-person {
    width: 32px;
    height: 35px;
    background-position: -57px -135px;
}

.s-misc-spr-piggy {
    width: 22px;
    height: 16px;
    background-position: -99px -135px;
}

.s-misc-spr-plus {
    width: 20px;
    height: 16px;
    background-position: -131px -135px;
}

.s-misc-spr-plus-black {
    width: 16px;
    height: 16px;
    background-position: -161px -135px;
}

.s-misc-spr-promote {
    width: 14px;
    height: 12px;
    background-position: -187px -135px;
}

.s-misc-spr-rank-circle-amber {
    width: 48px;
    height: 48px;
    background-position: -211px -135px;
}

.s-misc-spr-rank-circle-amber-mini {
    width: 12px;
    height: 12px;
    background-position: -269px -135px;
}

.s-misc-spr-rank-circle-black {
    width: 48px;
    height: 48px;
    background-position: -291px -135px;
}

.s-misc-spr-rank-circle-black-mini {
    width: 12px;
    height: 12px;
    background-position: -349px -135px;
}

.s-misc-spr-rank-circle-blue {
    width: 48px;
    height: 48px;
    background-position: -5px -193px;
}

.s-misc-spr-rank-circle-blue-mini {
    width: 12px;
    height: 12px;
    background-position: -187px -157px;
}

.s-misc-spr-rank-circle-brown {
    width: 48px;
    height: 48px;
    background-position: -63px -193px;
}

.s-misc-spr-rank-circle-brown-mini {
    width: 12px;
    height: 12px;
    background-position: -269px -157px;
}

.s-misc-spr-rank-circle-gray {
    width: 48px;
    height: 48px;
    background-position: -121px -193px;
}

.s-misc-spr-rank-circle-gray-mini {
    width: 12px;
    height: 12px;
    background-position: -349px -157px;
}

.s-misc-spr-rank-circle-green {
    width: 48px;
    height: 48px;
    background-position: -179px -193px;
}

.s-misc-spr-rank-circle-green-mini {
    width: 12px;
    height: 12px;
    background-position: -269px -179px;
}

.s-misc-spr-rank-circle-none {
    width: 48px;
    height: 48px;
    background-position: -291px -193px;
}

.s-misc-spr-rank-circle-none-mini {
    width: 12px;
    height: 12px;
    background-position: -349px -179px;
}

.s-misc-spr-rank-circle-orange {
    width: 48px;
    height: 48px;
    background-position: -5px -251px;
}

.s-misc-spr-rank-circle-orange-mini {
    width: 12px;
    height: 12px;
    background-position: -237px -201px;
}

.s-misc-spr-rank-circle-purple {
    width: 48px;
    height: 48px;
    background-position: -63px -251px;
}

.s-misc-spr-rank-circle-purple-mini {
    width: 12px;
    height: 12px;
    background-position: -259px -201px;
}

.s-misc-spr-rank-circle-red {
    width: 48px;
    height: 48px;
    background-position: -121px -251px;
}

.s-misc-spr-rank-circle-red-mini {
    width: 12px;
    height: 12px;
    background-position: -349px -201px;
}

.s-misc-spr-rank-circle-step-dark {
    width: 24px;
    height: 24px;
    background-position: -237px -223px;
}

.s-misc-spr-rank-circle-step-dark-mini {
    width: 6px;
    height: 6px;
    background-position: -87px -30px;
}

.s-misc-spr-rank-circle-step-light {
    width: 24px;
    height: 24px;
    background-position: -349px -223px;
}

.s-misc-spr-rank-circle-step-light-mini {
    width: 6px;
    height: 6px;
    background-position: -293px -30px;
}

.s-misc-spr-rank-circle-white {
    width: 48px;
    height: 48px;
    background-position: -179px -251px;
}

.s-misc-spr-rank-circle-white-mini {
    width: 12px;
    height: 12px;
    background-position: -237px -257px;
}

.s-misc-spr-rank-circle-yellow {
    width: 48px;
    height: 48px;
    background-position: -271px -251px;
}

.s-misc-spr-rank-circle-yellow-mini {
    width: 12px;
    height: 12px;
    background-position: -329px -257px;
}

.s-misc-spr-search-m {
    width: 20px;
    height: 20px;
    background-position: -351px -257px;
}

.s-misc-spr-search-s {
    width: 16px;
    height: 16px;
    background-position: -237px -287px;
}

.s-misc-spr-share-ct {
    width: 64px;
    height: 64px;
    background-position: -5px -309px;
}

.s-misc-spr-share-ct-med {
    width: 45px;
    height: 45px;
    background-position: -329px -287px;
}

.s-misc-spr-share-em {
    width: 64px;
    height: 64px;
    background-position: -79px -309px;
}

.s-misc-spr-share-em-med {
    width: 45px;
    height: 45px;
    background-position: -391px -5px;
}

.s-misc-spr-share-fb {
    width: 64px;
    height: 64px;
    background-position: -371px -135px;
}

.s-misc-spr-share-fb-med {
    width: 45px;
    height: 45px;
    background-position: -378px -60px;
}

.s-misc-spr-share-gp {
    width: 64px;
    height: 64px;
    background-position: -153px -342px;
}

.s-misc-spr-share-gp-med {
    width: 45px;
    height: 45px;
    background-position: -383px -209px;
}

.s-misc-spr-share-tw {
    width: 64px;
    height: 64px;
    background-position: -227px -342px;
}

.s-misc-spr-share-tw-med {
    width: 45px;
    height: 45px;
    background-position: -384px -264px;
}

.s-misc-spr-square-cross {
    width: 32px;
    height: 32px;
    background-position: -384px -319px;
}

.s-misc-spr-square-plus {
    width: 32px;
    height: 32px;
    background-position: -301px -361px;
}

.s-misc-spr-status {
    width: 32px;
    height: 35px;
    background-position: -343px -361px;
}

.s-misc-spr-target-g {
    width: 12px;
    height: 12px;
    background-position: -153px -319px;
}

.s-misc-spr-tool {
    width: 32px;
    height: 35px;
    background-position: -385px -361px;
}

.s-misc-spr-warn-b {
    width: 35px;
    height: 33px;
    background-position: -446px -5px;
}

.s-misc-spr-warn-s {
    width: 19px;
    height: 18px;
    background-position: -446px -48px;
}

.s-misc-spr-warn-xs {
    width: 13px;
    height: 12px;
    background-position: -433px -76px;
}

.s-misc-spr-x-b {
    width: 32px;
    height: 33px;
    background-position: -445px -98px;
}

.s-misc-spr-x-dark {
    width: 14px;
    height: 14px;
    background-position: -445px -141px;
}

.s-misc-spr-x-dark-small {
    width: 10px;
    height: 10px;
    background-position: -456px -76px;
}

.s-misc-spr-x-red-small {
    width: 10px;
    height: 10px;
    background-position: -469px -141px;
}

.s-misc-spr-x-s {
    width: 17px;
    height: 18px;
    background-position: -99px -161px;
}

.s-misc-spr-x-xs {
    width: 11px;
    height: 12px;
    background-position: -31px -161px;
}

.s-misc-spr-zipfolder {
    width: 16px;
    height: 16px;
    background-position: -126px -161px;
}