.positive { color: green; }
.negative, .SoloError { color: #c00; }

div.SoloSeparatorDivBar { clear: both; min-height: 2.25em; padding: 0.25em 0.5em; font-weight: bold; }
div.SoloSeparatorDivBar,
table.SoloSeparatorTable {
      width: 100%;
      background-color: #eee;
      border: 1px solid #ddd;
      box-shadow: 1px 1px 1px #eee;
      margin-top: 1em;
      margin-bottom: 1em;
}
table.SoloSeparatorTable td {
      font-size: 13px;
      font-weight: bold;
      padding: 5px 10px;
      border-radius: 3px;
      height: 34px;
}
table.SoloSeparatorTable td.main-column a:hover{ text-decoration: none; }
table.SoloSeparatorTable td.help-column {
      white-space: nowrap;
      width: 6em;
      text-align: right;
}

table.SoloSeparatorTable ul.dropdown-menu { font-weight: normal; }
table.SoloSeparatorTable ul.dropdown-menu li.dropdown-header { margin-left: -1em; }

tr.row1, tr.listrow1 { background-color: #e0e0e0; }
tr.row2, tr.listrow2 { background-color: #f0f0f0; }
tr.row1 td, tr.listrow1 td, tr.row2 td, tr.listrow2 td { font-size: 12px; padding: 0.25em; }
tr#trHeaderRow { background-color: #d0d0d0; }
tr#trHeaderRow td, tr#trHeaderRow th { font-size: 12px; padding: 0.25em; }
table#tblContents th { background-color: #d0d0d0; padding: 3px; font-size: 12px; }
.paging-table { width: 100%; vertical-align: middle; border: 1px solid #ccc; }
.paging-table + table#tblContents { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.paging-button-group span { margin-left: 0.25em; margin-right: 0.25em; }
.paging-row-controls td { background-color: #f0f0f0; font-size: 12px; font-weight: bold; padding: 5px; }

table.SoloSeparatorTable td.main-column a:hover{ text-decoration: none; }
table.SoloSeparatorTable td.main-column a.btn-sm,table.SoloSeparatorTable td.main-column a.btn-group-sm>.btn {
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}

div.legacy-table-scrollable { overflow: scroll; max-height: 400px; border: 1px solid #ddd; box-shadow: 1px 1px 2px #ddd; }
@media print {
    div.legacy-table-scrollable { overflow: visible; max-height: inherit; border: none; box-shadow: none; }
    #UserComponent input[type='image'],
    table.SoloSeparatorTable td.help-column { display: none; }
}

.button, input[type=button], input[type=submit], table.SoloSeparatorTable td.main-column a, a.separator-link-button {
    display:inline-block;
    margin-bottom:0;
    font-weight:normal;
    text-align:center;
    vertical-align:middle;
    touch-action:manipulation;
    cursor:pointer;
    background-image:none;
    border:1px solid transparent;
    white-space:nowrap;
    padding:1px 5px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px;
    user-select:none;
    color:#333;
    background-color:#fff;
    border-color:#ccc;
    text-shadow:0 -1px 0 rgba(0,0,0,0.2);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
    background-image:linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
    background-repeat:repeat-x;
    border-color:#dbdbdb;
    text-shadow:0 1px 0 #fff;
    border-color:#ccc;
}

.SOLOImageButton, .SOLOCartImageButton { transition: border 0.5s, box-shadow 0.5s; border: 1px solid #ccc; border-radius: 3px; box-shadow: 1px 1px 2px #ddd; }
.SOLOImageButtonEmphasized, .SOLOImageButton:hover, .SOLOCartImageButton:hover { border: 1px solid #aaa; box-shadow: 1px 1px 2px #bbb; }
.SOLOImageButtonHiglighted { border-color: #c00; box-shadow: 1px 1px 1px #f99; }

table.SoloSeparatorTable a:focus, input[type=button]:focus, input[type=submit]:focus,
.button:focus,.button:active:focus,.button.active:focus,.button.focus,.button:active.focus,.button.active.focus, , a.separator-link-button:focus {
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}

table.SoloSeparatorTable td.main-column a:hover, input[type=button]:hover, input[type=submit]:hover,
table.SoloSeparatorTable td.main-column a:focus, input[type=button]:focus, input[type=submit]:focus,
.button:hover,.button:focus,.button.focus, a.separator-link-button:focus, a.separator-link-button:hover {
    color:#333;
    text-decoration:none;
    background-color:#e0e0e0;
    background-position:0 -15px;
}

table.SoloSeparatorTable td.main-column .dropdown-menu>li>a {
    display: block;
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    text-align: left;
    padding: 0.25em 1em;
}

table.SoloSeparatorTable td.main-column .dropdown-menu>li>a:hover,table.SoloSeparatorTable td.main-column .dropdown-menu>li>a:focus {
    display: block;
    box-shadow: none;
    background-image:-webkit-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
    background-image:-o-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), to(#e8e8e8));
    background-image:linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-color:#e8e8e8
}

table.SoloSeparatorTable td.main-column .dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,table.SoloSeparatorTable td.main-column .dropdown-menu>.active>a:focus {
    background-image:-webkit-linear-gradient(top, #552b80 0, #49246d 100%);
    background-image:-o-linear-gradient(top, #552b80 0, #49246d 100%);
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #552b80), to(#49246d));
    background-image:linear-gradient(to bottom, #552b80 0, #49246d 100%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff552b80', endColorstr='#ff49246d', GradientType=0);
    background-color:#49246d
}

table.SoloStdFormTable { width: 100%; }

table.SoloStdFormTable td.SoloDesc, table.SoloStdFormTable td.SOLOStringPropertyRowLabelCell,
table.SoloStdFormTable td.SoloData, table.SoloStdFormTable td.SOLOStringPropertyRowDataCell {
    padding: 5px;
}

table.SoloStdFormTable td.legacy-layout-col1 { padding-right: 0.25em;}
table.SoloStdFormTable td.legacy-layout-col2 { padding-left: 0.25em;}

table.SoloStdFormTable td { font-size: 13px; font-family: "Helvetica Neue",Helvetica,Verdana,sans-serif;  }

table.SoloStdFormTable td.SoloDesc, table.SoloStdFormTable td.SOLOStringPropertyRowLabelCell {
    padding-right: 0.5em;
    text-align: right;
    vertical-align: top;
    font-weight: bold;
}

table.SoloStdFormTable td.SoloData textarea,
table.SoloStdFormTable td.SOLOStringPropertyRowDataCell textarea,
table.SoloStdFormTable td.SoloData select,
table.SoloStdFormTable td.SOLOStringPropertyRowDataCell select,
table.SoloStdFormTable td.SoloData input[type="text"],
table.SoloStdFormTable td.SOLOStringPropertyRowDataCell input[type="text"],
table.SoloStdFormTable td.SoloData input[type="password"],
table.SoloStdFormTable td.SOLOStringPropertyRowDataCell input[type="password"] {
    height:34px;
    padding:6px 12px;
    font-size:14px;
    line-height:1.42857143;
    color:#555;
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

div.HTMLPreview {
    border-style: solid;
    border-width: thin;
    border-color: #ccc;
    border-radius: 4px;
    padding: 6px 12px;
}

table.SoloStdFormTable td.SoloData textarea:focus,
table.SoloStdFormTable td.SOLOStringPropertyRowDataCell textarea:focus,
table.SoloStdFormTable td.SoloData select:focus,
table.SoloStdFormTable td.SOLOStringPropertyRowDataCell select:focus,
table.SoloStdFormTable td.SoloData input[type="text"]:focus,
table.SoloStdFormTable td.SOLOStringPropertyRowDataCell input[type="text"]:focus,
table.SoloStdFormTable td.SoloData input[type="password"]:focus,
table.SoloStdFormTable td.SOLOStringPropertyRowDataCell input[type="password"]:focus {
    border-color:#66afe9;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)
}

table.SoloStdFormTable td.SoloData input.TextPropertyInvalid,
table.SoloStdFormTable td.SOLOStringPropertyRowDataCell input.TextPropertyInvalid,
table.SoloStdFormTable td.SoloData select.SelectPropertyInvalid,
table.SoloStdFormTable td.SOLOStringPropertyRowDataCell select.SelectPropertyInvalid,
table.SoloStdFormTable td.SoloData textarea.TextPropertyInvalid,
table.SoloStdFormTable td.SOLOStringPropertyRowDataCell textarea.TextPropertyInvalid {
    border-color:#a94442;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
}

table.SoloStdFormTable td.SoloData input.TextPropertyInvalid:focus,
table.SoloStdFormTable td.SOLOStringPropertyRowDataCell input.TextPropertyInvalid:focus,
table.SoloStdFormTable td.SoloData select.SelectPropertyInvalid:focus,
table.SoloStdFormTable td.SOLOStringPropertyRowDataCell select.SelectPropertyInvalid:focus,
table.SoloStdFormTable td.SoloData textarea.TextPropertyInvalid:focus,
table.SoloStdFormTable td.SOLOStringPropertyRowDataCell textarea.TextPropertyInvalid:focus {
    border-color:#843534;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483
}

table.SoloStdFormTable td.SoloData input[disabled],
table.SoloStdFormTable td.SOLOStringPropertyRowDataCell input[disabled],
table.SoloStdFormTable td.SoloData select[disabled],
table.SoloStdFormTable td.SOLOStringPropertyRowDataCell select[disabled],
table.SoloStdFormTable td.SoloData input[readonly],
table.SoloStdFormTable td.SOLOStringPropertyRowDataCell input[readonly],
table.SoloStdFormTable td.SoloData select[readonly],
table.SoloStdFormTable td.SOLOStringPropertyRowDataCell select[readonly] {
    background-color:#eee;
    opacity:1
}

table.SoloStdFormTable td.SoloData input[disabled],
table.SoloStdFormTable td.SOLOStringPropertyRowDataCell input[disabled],
table.SoloStdFormTable td.SoloData select[disabled],
table.SoloStdFormTable td.SOLOStringPropertyRowDataCell select[disabled] {
    cursor:not-allowed
}

table.SoloStdFormTable td.SoloData select[multiple],
table.SoloStdFormTable td.SOLOStringPropertyRowDataCell select[multiple],
table.SoloStdFormTable td.SoloData textarea,
table.SoloStdFormTable td.SOLOStringPropertyRowDataCell textarea { height: auto; }

ul.SelectPropertyRadio label {padding: 0.5em 0 0 0.25em;}

.button:active,.button.active {
    outline:0;
    background-image:none;
    -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)
}
.button.disabled,.button[disabled],fieldset[disabled] .button {
    cursor:not-allowed;
    opacity:.65;
    filter:alpha(opacity=65);
    -webkit-box-shadow:none;
    box-shadow:none
}
a.button.disabled,fieldset[disabled] a.button {
    pointer-events:none
}

#content-container .panel-heading a { display: block; color: #000; text-decoration: none; font-weight: bold; }

.legacy-quicktab { margin-top: 2em; }

div.domTTOverlib { border: 1px solid #000; border-radius: 3px; box-shadow: 3px 3px 5px #777; color: #000; background-color: #fff; max-width: 50%; }
div.domTTOverlib .caption { padding: 0.5em; background-color: #444; color: #fff; }
div.domTTOverlib .contents { padding: 0.5em; }

textarea.fullwidth { width:100%; }