/* main styles */
*:focus {outline:none}
body{font-size: 14px; margin: 0; background-color: #f1f4f9;}
#main{}
#wrapper{width:950px; margin:0 auto;}
#wrapper2{width:900px; margin:0 auto;}
#header{width:100%; float:left; height:77px; position: relative}
#header .logo{width:287px; float:left; height:54px; padding:11px 0 0 20px;}
#footer{text-align:center; padding: 0px;}
#footer p{color: #666666; font: normal 11px/16px arial, helvetica, sans-serif; padding-bottom: 4px;}
#footer a{color: #7a9baa; text-decoration:none; padding: 5px;}
#footer a:hover{color: #7a9baa; text-decoration:underline;}
img {border: 0;}
a img {vertical-align: middle;}
h1 {font-size: 30px;}
h2 {font-size: 21px;}
sup {font-size:11px;}

/* override jquery tab css */
.s-styles .ui-widget{font-family: arial}
.s-styles .ui-widget-content {border:none}
.s-styles .ui-tabs{padding:0}
.s-styles .ui-widget-header{border:none;background-image: none;background-color: #ffffff}
.s-styles .ui-tabs-nav{padding:0;}
.s-styles .ui-tabs-panel{border:solid 1px #AAAAAA;border-top-right-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px; background-color: #E0EDF3}
.s-styles .ui-tabs-nav li {top: 7px;}
.s-styles .ui-tabs-nav li a.ui-tabs-anchor{font-size: 17px;padding-top: 5px;padding-bottom: 5px;}
.s-styles .ui-tabs-nav li.ui-tabs-active{height: 34px; top: 1px;padding-top: 5px;padding-bottom: 0px;padding-left: 13px;padding-right: 13px;background: none;background: #E0EDF3 url(/public/css/smoothness/images/s-tab-top-level-shadow.png) repeat-x !important;}
.s-styles .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor{font-size: 20px; font-weight: bold; cursor: pointer !important}

.s-styles button.ui-button .ui-button-text {font-weight: bold}
.s-styles label.ui-state-active .ui-button-text {font-weight: bold}

/* inner tabs */
.s-tabs-inner .ui-tabs-panel {background-color: #ffffff; border: solid 1px #aaaaaa}
.s-tabs-inner .ui-tabs-nav {background-color: #E0EDF3; border-bottom-right-radius: 0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;}
.s-tabs-inner .ui-tabs-nav li {top: 7px; height: 28px;padding-top: 5px;background-image: url(/public/css/smoothness/images/ui-bg_glass_75_d5e2e8_1x400.png)}
.s-tabs-inner .ui-tabs-nav li a{font-size: 14px;padding-top: 5px;padding-bottom: 5px;   }
.s-tabs-inner .ui-tabs-nav li.ui-tabs-selected{height: 30px; top: 1px;padding-top: 10px;padding-bottom: 0px;padding-left: 13px;padding-right: 13px;background: #ffffff url(/public/css/smoothness/images/s-tab-sub-level-shadow.png) repeat-x !important;}
.s-tabs-inner .ui-tabs-nav li.ui-tabs-selected a{font-size: 14px; font-weight: bold}
.s-tabs-inner .ui-tabs-nav li.ui-state-hover {background-image: url(/public/css/smoothness/images/ui-bg_glass_75_94b3c1_1x400.png)}
.s-tabs-inner .s-tabs-content {padding: 20px}

.s-tabs-content {display:none; position: relative;}
.s-tabs-content a {color:#0000ff}
.s-tabs-content a:hover {color:#c91f23}

/* jquery tabs default */
.ui-tabs-orig .ui-tabs-panel { display: block; border: solid 1px #aaaaaa; padding: 10px; background: none !important; }
.ui-tabs-orig .ui-tabs-nav { margin: 0; padding: 0; background: none !important;}
.ui-tabs-orig .ui-tabs-nav li { background: none; list-style: none; float: left; position: relative; top: 2px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs-orig .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs-orig .ui-tabs-nav li.ui-state-hover {background: none; background-color: #efefef !important;}
.ui-tabs-orig .ui-tabs-nav li.ui-tabs-selected { padding: 0px !important; margin-bottom: 0; padding-bottom: 1px; background-image: none !important; background-color: #ffffff !important; }
.ui-tabs-orig .ui-tabs-nav li.ui-tabs-selected a { cursor: text; }
.ui-tabs-orig .s-tabs-content {padding: 20px}

/* tables */
.s-table {border: solid 1px lightGrey; border-collapse: collapse;}
.s-table th.ui-state-default {font-weight: bold; padding: 6px}
.s-table td {padding: 5px; border: solid 1px lightgrey; font-size: 12px;}
.s-table tr.odd {background-color: #f8f8f8}
.s-table tr.even {background-color: #efefef}
.s-table tr:hover {background-color: #ffff99 !important}
.s-table tr {border: solid 1px #e3e3e3; font-size: 12px}
.s-table-ops {text-decoration:none}
/*.s-table tr.s-table-row-sortable {cursor: move;}*/

.s-table-style {border: solid 1px lightGrey; border-collapse: collapse}
.s-table-style th.ui-state-default {font-weight: bold; padding: 6px}
.s-table-style td {padding: 5px; border: solid 1px lightgrey; font-size: 12px}
.s-table-style tr.odd {background-color: #f8f8f8}
.s-table-style tr.even {background-color: #efefef}
.s-table-style tr:hover {background-color: #ffff99 !important}
.s-table-style tr {border: solid 1px #e3e3e3; font-size: 12px}

.s-tac {text-align:center}
.s-tar {text-align:right}
.s-tal {text-align:left}
.s-vam {vertical-align: middle}
.s-vat {vertical-align: top}

.s-form-table {border-collapse: collapse; font-size: 14px; }
.s-form-table td {vertical-align: top }
.s-form-table td.label {text-align: right}
.s-form-table input[type=text], .s-form-table input[type=password]{height: 18px; padding: 2px; font-family: Arial, Serif}
.s-form-table select {font-size: 12px; line-height: 18px; padding: 2px; font-family: Arial, Serif }

.s-edit-form {font-family: arial;float:left; width: 100%}
.s-edit-form button {vertical-align: middle;float:left; border: 1px solid #dddddd; background: #f6f6f6 url(/public/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: bold; padding: 5px; border-radius: 4px; cursor: pointer;}
.s-edit-form input {float:left;}

.s-item-input {width:330px; height: 22px;}
.s-item-comment {font-weight: bold;}

.s-focus-list {border: solid 1px #aaaaaa; margin-bottom: 5px; }
.s-focus-header {background-color: #dddddd; padding: 5px; font-weight: bold; font-size: 14px; border-bottom: solid 1px #cccccc; border-top: solid 1px #eeeeee}
.s-focus-content {padding: 10px; font-size: 14px}
.s-focus-none {padding: 20px; font-weight: bold; text-align: center}

.s-legend {margin: 3px;}
.s-legend-box {padding: 0 5px; border: solid 1px #444444;}
.s-legend-bd { background-color: #ffdfb2 !important; }
.s-legend-dc { background-color: #d6f8ff !important; }
.s-legend-dt { background-color: #d7d6ff !important; }
.s-legend-mlb { background-color: #ffdfdf !important;  }

.s-no-tasks {display: none; padding: 5px; text-align: center;}

.s-datepicker {width: 95px; text-align: center}

.s-delegate-to {margin-top: 10px; }
.s-delegate-box {background-color: #ffffff;margin-top:3px;border: solid 1px #dddddd; padding: 5px;}
.s-delegate-label {}
.s-delegationstation-declined {color: #C91F23; font-weight: bold;}
.s-delegationstation-delegated {color: #00662E; font-weight: bold;}
.s-delegationstation-dailytargets,
.s-delegationstation-mentallockbox,
.s-delegationstation-dailytargetpraxis,
.s-delegationstation-startmyday {color: #0000ff; font-weight: bold;}
.s-delegationstation-completed {color: #00662E; font-weight: bold;}

.s-stepper {position: absolute; z-index: 1000; top: 52px; width: 780px; left: 40px;}
.s-stepper-container {float:left; font-size: 11px; color: #888888; }
.s-stepper-current {color: #ffffff; background-color: #3F9BBF !important; border-bottom: solid 1px #317894 !important}
.s-stepper-step {float:left; background-color: #f7f7f7;text-align: center; padding: 4px 0; border-bottom: solid 1px #dedede; border-right: solid 1px #ffffff;}
.s-stepper-label {background-color: #547C8C; color: #eeeeee; border-bottom: solid 1px #405F6B; border-right: solid 1px #ffffff;}
.s-stepper-complete {color: #ffffff; background-color: #00BA00 !important; border-bottom: solid 1px #008500 !important}

.s-login-container {padding-top: 40px; padding-bottom: 40px; outline: none; background-color: rgba(255, 255, 255, 0);}
.s-login-box, .s-lookup-box {width: 644px; margin: 0px auto; padding: 25px 30px; outline: none; background-color: rgb(255, 255, 255); box-shadow: 0 2px 5px 2px rgba(0,0,0,0.3); box-sizing: border-box; border-radius: 10px; display: flex; flex-direction: column; text-align: center; font-family: sans-serif;}
h1.s-login-title {font-family: Ubuntu, Helvetica, sans-serif !important; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); color: rgb(47, 47, 47); margin: 0; font-size: 30px;}
.s-social-button-container {display: flex; justify-content: center; padding: 18px 0; padding-bottom: 0;}
.s-social-button {cursor: pointer;}
.s-social-button:hover {filter: brightness(95%);}
.s-login-button {background: none; background-color: rgb(1, 116, 199); font-size: 20px; font-weight: 600; font-family: sans-serif; line-height: 28.57px; padding: 10px 25px; border: 1px solid rgba(0,0,0,0.2); color: #ffffff; border-radius: 3px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.2); cursor: pointer; width: 225px}
.s-login-button:hover {box-shadow: inset 0 2px 2px 0 rgba(255,255,255,0.22),0 233px 233px 0 rgba(255,255,255,0.12) inset}
.s-login-input {box-shadow: rgba(130, 137, 150, 0.23) 0px 1px 2px 0px inset, rgba(255, 255, 255, 0.95) 0px 1px 0px 0px; box-sizing: border-box; color: #000000; border-radius: 5px; border: solid 1px rgba(0, 0, 0, 0.2); font-size: 16px; padding: 12px 18px; width: 100%}
.s-login-input:focus {border-color: #42B0E2;}
.s-link {color: rgb(0, 0, 238); cursor: pointer; font-family: sans-serif; font-size: 14px; font-weight: 500; text-decoration: none;}
.s-link:hover {text-decoration: underline;}
.s-divider {border-top: solid 1px rgb(196, 195, 195); border-collapse: collapse; margin: 10px 0;}
.s-first-time-create {font-size: 18px; font-weight: 500; font-family: sans-serif; display: flex; justify-content: center; gap: 10px}

.s-notification {padding: 10px; text-align: center; font-weight: bold; background: none; border: none; border-radius: 5px; margin-top: 15px;}
.s-notification.s-error {background-color: #ffefef; color: #cd0a0a;}
.s-notification.s-highlight {background-color: #fffad8; color: #000000;}
.s-notification .ui-icon {display: inline-block; vertical-align: middle; margin: 3px;}

.s-user-account {float: right; color: #ffffff; font-size: 11px; margin-top: 25px; margin-right: 20px;}
.s-user-account a {color: #ffffff}
.s-user-account .s-user-account-welcome {float: left; padding-top: 3px;}
.s-user-account .s-user-account-navlink {float: right; margin-top: 5px; margin-bottom: 5px;}
.s-user-account .s-user-account-controls {border: solid 1px #444444; padding: 10px; margin-left: 10px;}
.s-user-account img {vertical-align: middle; margin: 3px;}

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

.s-large {color: #000000; font-size: 26px; line-height: 30px; font-family: arial,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: #000000; font-size: 18px; line-height: 22px; font-family: arial,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: #000000; font-size: 16px; line-height: 22px; font-family: arial,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: #000000; font-size: 13px; line-height: 18px; font-family: arial,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: #000000; font-size: 12px; line-height: 18px; font-family: arial,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-tiny {color: #000000; font-size: 11px; line-height: 18px; font-family: arial,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-title {font-weight: bold; margin-bottom: 5px;}

.s-pager {text-align:right; padding: 5px; font-size: 12px;}
.s-pager-prev, .s-pager-next, .s-pager-first, .s-pager-last {height:13px;padding: 3px; border-top: solid 1px #f5f5f5; border-left: solid 1px #f5f5f5; border-right: solid 1px #cccccc;border-bottom: solid 1px #cccccc;text-decoration: none; display: inline-block; background-color: #eeeeee; color: #333333 !important;cursor: pointer}
.s-pager-start, .s-pager-end {width:35px;text-align:right}

.s-edit-edititem {display:none; width: 100%}

.s-guide {font-size: 12px; font-style: italic; font-family: Verdana, Arial}

.s-focus-field-label {margin-bottom: 10px;margin-top: 10px;}
.s-focus-section-label {font-style: italic; margin-bottom: 7px;}
.s-focus-section-label span {font-weight: bold;}
select.s-focus-term {font-size:12px; font-family: Arial, Verdana}
.s-focus-edit-placeholder {display:none;}

.s-subscription-status {font-size: 11px; font-weight: bold;}

.s-wizard-step {display:none}

.s-course-list tr {border-top: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee}
.s-course-list tr:hover {background-color: #ffff99}
.s-course-label {font-size: 14px; font-weight: bold}
.s-course-locked {font-weight: bold; color: red}
.s-course-unlocked {font-weight: bold; color: green}
.s-course, .s-toggle, .s-course-row {cursor: pointer}

.s-opacity-40 {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

  /* IE 5-7 */
  filter: alpha(opacity=40);

  /* Netscape */
  -moz-opacity: 0.4;

  /* Safari 1.x */
  -khtml-opacity: 0.4;

  /* Good browsers */
  opacity: 0.4;
}

.s-opacity-60 {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

  /* IE 5-7 */
  filter: alpha(opacity=60);

  /* Netscape */
  -moz-opacity: 0.6;

  /* Safari 1.x */
  -khtml-opacity: 0.6;

  /* Good browsers */
  opacity: 0.6;
}

.s-opacity-80 {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  /* IE 5-7 */
  filter: alpha(opacity=80);

  /* Netscape */
  -moz-opacity: 0.8;

  /* Safari 1.x */
  -khtml-opacity: 0.8;

  /* Good browsers */
  opacity: 0.8;
}

.s-font                    {color: #000000; font-size: 14px; line-height: 18px; font-family: arial,serif; text-decoration: none;}
.s-font a                  {color: #0000ff; text-decoration: underline;}
.s-font a:visited          {color: #0000ff; text-decoration: underline;}
.s-font a:hover            {color: #C91F23; text-decoration: underline;}

.ui-tabs-orig table.s-font{position:relative;right:7px;background-color:#ffffff;}

.s-boldunderline {font-weight: bold; text-decoration: underline}

/* datetime picker addon */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

.tdcolorlite             {background-color: #F2F2F2;}
.tdcolordark             {background-color: #E1E1E1;}
.tdcolorhover            {background-color: #CCFFCC;}
.tdcolorwhite            {background-color: #FFFFFF;}

#s-suggest-help-toggler { z-index: 889; float:right; clear:both; margin-right: 20px; margin-top: 18px; position: absolute; right: 0; top: 66px;}
#s-suggest-help-effect-container { padding-top: 6px; }
#s-suggest-help-button { padding: .5em 1em; text-decoration: none; }
#s-suggest-help-effect { border: 1px solid #D3D3D3; background: #FFFFFF; width: 250px; padding: 5px; text-align: center; color: #000000; }
#s-suggest-help-effect a {color: #0000FF; text-decoration: underline;}
#s-suggest-help-effect a:hover {color: #C60000; text-decoration: underline;}
#s-suggest-help-effect a:visit {color: #0000FF; text-decoration: underline;}

.s-dream-catcher-input-and-button0 { z-index: 10; position: absolute; }
.s-more-dream-catcher-toggler0 { display: inline }
.s-dream-catcher-input-and-button1 { z-index: 0; position: absolute; }
.s-more-dream-catcher-toggler1 {  display: inline }
#s-more-dream-catcher-dialog { color: #000000; font-size: 12px; line-height: 12px; font-family: arial,serif; }
#s-more-dream-catcher-dialog a {color: #0000FF; text-decoration: underline;}
#s-more-dream-catcher-dialog a:hover {color: #C60000; text-decoration: underline;}
#s-more-dream-catcher-dialog a:visit {color: #0000FF; text-decoration: underline;}
#s-more-dream-catcher-effect-container { padding-top: 6px; }
#s-more-dream-catcher-descr { font-size: 11px; line-height: 11px; font-family: arial,serif; font-style: italic; }
#s-more-dream-catcher-link { font-size: 11px; line-height: 18px; font-family: arial,serif; text-decoration: none; }
#s-more-dream-catcher-effect { border: 1px solid #D3D3D3; background: #FFFFFF; width: 230px; padding: 5px; text-align: center; font-size: 13px; line-height: 18px; font-family: arial,serif; }

.s-linkify a {color: #000088; word-break: break-all}
#delegate-dialog .s-linkify a {color: #000088 !important}

.s-dailytarget-checked {background-color: #ffffff !important; color: #bbbbbb !important; text-decoration: line-through}
.s-dailytarget-checked a {color: #bbbbbb !important;}
.s-dailytarget-unchecked {background-color: inherit; color: inherit; text-decoration: inherit}

.s-context-menu-indicator {background-color: #ffff99 !important}

.s-tracker-cv {width:100px;}
.s-tracker-lv {padding-bottom:2px}
.s-tracker-lvd {font-size:smaller;color:#666666;background-color:#dfdfdf;padding:2px}

.s-dropdown-container {display:none;position:absolute;z-index:1000;padding:0 15px;border: solid 1px #cccccc; background-color: #ffffff;}
.s-dropdown-list {list-style: none; padding: 0}
.s-dropdown-list li {padding:2px;font-size: 12px;}
.s-dropdown-list a {color:#222222;text-decoration: none}
.s-dropdown-list a:hover {text-decoration: underline}
.s-dropdown-trigger {cursor: pointer;}
.s-dropdown-current {font-weight: bold}

.s-accordion-title {font-weight: bold !important; padding: 5px; background: none !important; background-color: #f5f5f5 !important;}
.s-accordion-content {padding: 5px !important; border: solid 1px #aaaaaa !important; border-top: none !important}

.s-preloader-container {text-align:center}

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

.s-list-checked {background-color: #ffffff !important; color: #bbbbbb !important; text-decoration: line-through}
.s-list-checked a {color: #bbbbbb !important;}
.s-list-unchecked {background-color: inherit; color: inherit; text-decoration: inherit}

.s-detail-trigger, .s-pointer {cursor: pointer}
.s-pointer label {cursor: pointer !important}

/*
.s-smd-progress {background: none !important; background-color: #eeeeee !important; border: solid 1px #aaaaaa !important; width: 140px; height: 3px; position: absolute; z-index: 888; top: 1px; left: 0px;}
.s-smd-progress .ui-progressbar-value {background-color: #0050FC; border: solid 1px #aaaaaa;}
*/

.s-smd-progress {background: none !important; background-color: #999999 !important; border: solid 1px #aaaaaa !important; width: 140px; height: 15px; position: absolute; z-index: 888; top: 45px; right: 40px;}
.s-smd-progress .ui-progressbar-value {background-color: #ededed; border: solid 1px #aaaaaa;}

.s-plain-dialog {padding:0; border: 1px solid #cccccc}
.s-plain-dialog .ui-dialog-titlebar {display:none}

.s-options {white-space: nowrap}
.s-nowrap {white-space: nowrap}

.s-item-edit {display:none}
.s-item-edit input[type=text] {margin:0}

#trainer-account-banner {line-height: 20px; text-align: center; padding:5px; background-color: #FFFAB5; border-bottom: 1px solid #aaaaaa; color: #000000}

.s-slider-hime, .s-slider-diff, .s-slider-habit {margin-left: 5px; border: solid 1px #cccccc !important; background: none !important; background-color: #dddddd !important}
.s-slider-hime .ui-slider-range, .s-slider-diff .ui-slider-range, .s-slider-habit .ui-slider-range {background-color: #0095FF !important}

.s-yellow-tip {border:solid 1px #cccccc;padding: 3px;background-color: #FFFFBF; text-align: center; font-size: 10px}

.s-cpick {border: solid 1px #cccccc; background-color: #f2f2f2; padding: 4px; float: left}
.s-cpick-option {width: 18px; height: 18px; margin: 2px; float: left; list-style-image: none; list-style-type: none}
.s-cpick-option span {background: none; display: block}
.s-cpick-ffffff {background-color: #ffffff; border: solid 1px #dddddd}
.s-cpick-eeeeee {background-color: #eeeeee; border: solid 1px #d6d6d6}
.s-cpick-dbebff {background-color: #dbebff; border: solid 1px #bad9ff}
.s-cpick-ffbbbb {background-color: #ffbbbb; border: solid 1px #ffa9a9}
.s-cpick-bdf4cb {background-color: #bdf4cb; border: solid 1px #bdf4cb}
.s-cpick-f5f7c4 {background-color: #f5f7c4; border: solid 1px #e6e95c}
.s-cpick-dfb0ff {background-color: #dfb0ff; border: solid 1px #d69afe}
.s-cpick-ffd7b3 {background-color: #ffd7b3; border: solid 1px #ffbb7d}
.s-cpick-cfe7e2 {background-color: #cfe7e2; border: solid 1px #a4d3c9}
.s-cpick-selector {cursor: pointer; width: 18px; height: 18px}
span.s-cpick-selected {width: 18px; height: 18px}

.s-bgcolor-ffffff {background-color: #ffffff;}
.s-bgcolor-eeeeee {background-color: #eeeeee;}
.s-bgcolor-dbebff {background-color: #dbebff;}
.s-bgcolor-ffbbbb {background-color: #ffbbbb;}
.s-bgcolor-bdf4cb {background-color: #bdf4cb;}
.s-bgcolor-f5f7c4 {background-color: #f5f7c4;}
.s-bgcolor-dfb0ff {background-color: #dfb0ff;}
.s-bgcolor-ffd7b3 {background-color: #ffd7b3;}
.s-bgcolor-cfe7e2 {background-color: #cfe7e2;}

#subtask-row:hover {background: none !important; background-color: inherit}
#subtask-row > td {background-color: #ffffff; padding: 0}

#sub-tasks-table td {padding:5px}

.s-subtask-delete {position:absolute;top:-2px;right:-2px;width:14px;height:14px;cursor:pointer}
.s-subtask-delete:hover {}

.s-dailytarget-indicators {position:absolute; top:-2px;right:-2px;width:23px;height:11px;}
.s-subtask-indicator {float:right;width:8px;height:11px;cursor:pointer}
.s-comment-indicator {float:right;width:10px;height:11px;margin-left:3px;cursor:pointer}

.s-subtask-text {display: inline-block; padding-right: 15px;}

.s-completed-table #sub-tasks-table thead,
.s-completed-table #sub-tasks-table .s-subtask-delete,
.s-completed-table #sub-tasks-table .s-checkbox-column {display:none}

.s-completed-table #sub-tasks-table .s-subtask-text {color:#bbbbbb;text-decoration: line-through}
.s-completed-table #sub-tasks-table .s-subtask-row {background-color: #ffffff !important}

.s-menu {border: solid 1px #cccccc; font-size: 12px; z-index: 889; position: absolute; background-color: #ffffff; display: none}
.s-menu ul {margin:0;padding:0}
.s-menu li {list-style: none;}
.s-menu li span {text-decoration: none; color: #000000;display:block;cursor: pointer;padding:8px;}
.s-menu li span:hover {background-color: #eeeeee}

.s-menu-separator {border-bottom: solid 1px #dddddd}

.s-submenu-trigger {background: url(/public/images/arrow-right.png) no-repeat right;}

.s-icon-alert-dialog {}
.s-icon-question-dialog {}

.s-drag-handle {width:40px; cursor: move; text-align: center; padding-left: 0}
.s-drag-handle-hover {}
tr.s-dragging {background-color: #333333 !important; color: #eeeeee !important}
tr.s-dragging:hover {background-color: #333333 !important; color: #eeeeee !important}

#daily-targets-completed .s-drag-handle {width:40px;cursor: default; text-align: center}
#daily-targets-completed .s-drag-handle-hover {background: none;}
#daily-targets-completed .s-linkify a {color: #bbbbbb !important}

.s-actions {background: none !important;}

.s-export-button {width:60px;cursor: pointer}
.s-export-button-down {width:60px; background: none !important;background-color: #888888 !important; color: #e6e6e6 !important;cursor: pointer}

.s-export-all {display:inline !important; padding: 0 !important}

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

.s-dialog {font-size: 12px}

.s-box-preloader {position:absolute;top:0;left:0;width:100%;height:100%;z-index:50;}
.s-box-preloader-overlay {background-color: #ffffff;width:100%;height:100%;}
.s-box-preloader-text {position:fixed; top: 50%;left:50%; margin-left: -50px; margin-top: -20px;padding:5px;border-bottom: solid 1px #cccccc;background-color: #e9e9e9; font-size: 10px; width: 100px;text-align:center}

.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 #bbbbbb}
.s-datapoint-tip a {text-decoration: none; color: #000000;display:block;cursor:default;}
.s-datapoint-tip a.s-datapoint-button {width:50%;text-align: center;line-height: 25px}
.s-datapoint-tip a:hover {background-color: #eeeeee}

.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;padding-top:0px;font-size:10px;}
.s-datapoint-controls {font-size: 10px;text-align: center;border-top:solid 1px #eeeeee}

.s-ddd-categorized .s-options-cell {display:none !important}

.s-ddd-categorized .s-added-cell {display:none !important}

.s-ddd-categorized tbody tr.odd {background-color: #f8f8f8 !important}
.s-ddd-categorized tbody tr.even {background-color: #efefef !important}
.s-ddd-categorized tbody tr:hover {background-color: #ffff99 !important}

.s-ddd-categorized-title {font-size: 18px}

.s-module {border:solid 1px #53A35A;width:240px;float:left;padding:5px;padding-top:8px;margin-bottom:5px;position:relative;background-color:#e4eddc;clear:both;background-repeat: repeat-x}
.s-module-text {font-size:10px;float:right;width:77%}
.s-module-title {font-size:12px;}
.s-module-check {float:left;top:50%;position:absolute;margin-top:-15px}
.s-module-check img {vertical-align: middle}
.s-module-check input {vertical-align: middle;margin:0;padding:0}
.s-module-locked {border:solid 1px #e18b8e;background-color:#f3d7d6;}

#custom-modules td {vertical-align: top}

.s-overlay {position:fixed;top:0;left:0;background-color: #ffffff;width:100%;height:100%;z-index:2000}

.s-popup-box {position:absolute;padding:10px;box-shadow: 0px 7px 20px #999999;border: solid 1px #e2c822;background-color:#fff9d7;z-index:2001}
.s-popup-box-content {position:relative}
.s-popup-box-close {position:absolute; top:0;right:0;padding:3px;color:#e2c822;font-size:10px;font-weight:bold;cursor:pointer}
.s-popup-arrow {position:absolute;width:16px;height:17px;z-index:2001}
.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-help-buttons {margin-top:10px;}
.s-help button {font-size:10px}

.s-alert-message-box {border:solid 1px #cccccc;padding:3px;background-color: #FFFFBF; text-align: center; font-size: 11px; margin: 0 auto; margin-bottom: 10px; clear: both}
.s-alert-message-close {float:right; color:#e2c822; cursor: pointer}

#dc-floater-container {position:fixed;z-index:300;top:200px;right:-350px;width:400px;height:40px;float:right}
#dc-floater {z-index:300;height:40px;line-height:40px;border:solid 1px #dddddd;border-radius:2px;box-shadow: 0px 0px 5px #eeeeee;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-trigger {}

.s-ddd-exclude-bd tbody tr.s-legend-bd {display:none}
.s-ddd-exclude-dc tbody tr.s-legend-dc {display:none}
.s-ddd-exclude-dt tbody tr.s-legend-dt {display:none}
.s-ddd-exclude-mlb tbody tr.s-legend-mlb {display:none}

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

.s-sort-table {vertical-align: middle}
.s-glyph {vertical-align: middle}

.s-mass-ops {padding:5px;font-size:12px;padding-left: 0}
.s-mass-op-do {height:13px;padding: 3px; border-top: solid 1px #f5f5f5; border-left: solid 1px #f5f5f5; border-right: solid 1px #cccccc;border-bottom: solid 1px #cccccc;text-decoration: none; display: inline-block; background-color: #eeeeee; color: #333333 !important;cursor: pointer}

.s-mentallockbox-category-search-result {display:none}

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

@media only screen and (max-width: 950px) {
  #wrapper {width: 100%;}
}

@media only screen and (max-width: 700px) {
  .s-login-box,.s-lookup-box {width: 85%;}
  .s-social-button-container {flex-direction: column; gap: 10px}
  .s-social-button img {height: 52px !important;}
}

@media only screen and (max-width: 400px) {
  .s-social-button img {height: unset !important; width: 100% !important;}
  .s-first-time-create {flex-direction: column;}
}