/*#region Global */
:root {
--blue: #4d90fe;
--green: #35aa47;
--red: #d84a38;
}
/* #region General Layout */
.floatLeft {
float: left;
}
.floatRight {
float: right;
}
.center {
text-align: center;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.noDisplay,
.prototype {
display: none !important;
}
.bottomMargin {
margin-bottom: .75em;
}
.fill {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.tableLayout {
border: none;
border-collapse: collapse;
background-color: Transparent;
}
.lowercase,
.lower {
text-transform: lowercase;
}
.uppercase,
.upper {
text-transform: uppercase;
}
.invisible {
visibility: hidden;
}
.clear {
clear: both;
}
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.noselect,
.noSelect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.see-thru {
opacity: 0;
}
/* hide the search clear 'x' in webkit */
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
/* #endregion */
/*#region Plug-Ins */
/* #region Spectrum Colorpicker v1.7.1
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
*/
.sp-container {
position: absolute;
top: 0;
left: 0;
display: inline-block;
/* https://github.com/bgrins/spectrum/issues/40 */
z-index: 9999994;
overflow: hidden;
}
.sp-container.sp-flat {
position: relative;
}
/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
position: relative;
width: 100%;
display: inline-block;
}
.sp-top-inner {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.sp-color {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 20%;
}
.sp-hue {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 84%;
height: 100%;
}
.sp-clear-enabled .sp-hue {
top: 33px;
height: 77.5%;
}
.sp-fill {
padding-top: 80%;
}
.sp-sat,
.sp-val {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.sp-alpha-enabled .sp-top {
margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
display: block;
}
.sp-alpha-handle {
position: absolute;
top: -4px;
bottom: -4px;
width: 6px;
left: 50%;
cursor: pointer;
border: 1px solid black;
background: white;
opacity: .8;
}
.sp-alpha {
display: none;
position: absolute;
bottom: -14px;
right: 0;
left: 0;
height: 8px;
}
.sp-alpha-inner {
border: solid 1px #333;
}
.sp-clear {
display: none;
}
.sp-clear.sp-clear-display {
background-position: center;
}
.sp-clear-enabled .sp-clear {
display: block;
position: absolute;
top: 0px;
right: 0;
bottom: 0;
left: 84%;
height: 28px;
}
/* Don't allow text selection */
.sp-container,
.sp-replacer,
.sp-preview,
.sp-dragger,
.sp-slider,
.sp-alpha,
.sp-clear,
.sp-alpha-handle,
.sp-container.sp-dragging .sp-input,
.sp-container button {
-webkit-user-select: none;
-moz-user-select: -moz-none;
user-select: none;
}
.sp-container.sp-input-disabled .sp-input-container {
display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
display: none;
}
.sp-palette-only .sp-picker-container {
display: none;
}
.sp-palette-disabled .sp-palette-container {
display: none;
}
.sp-initial-disabled .sp-initial {
display: none;
}
/* Gradients for hue, saturation and value instead of images. Not pretty... but it works */
.sp-sat {
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}
.sp-hue {
background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
/* IE filters do not support multiple color stops.
Generate 6 divs, line them up, and do two color gradients for each.
Yes, really.
*/
.sp-1 {
height: 17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
height: 16%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
height: 17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
height: 17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
height: 16%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
height: 17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}
.sp-hidden {
display: none !important;
}
/* Clearfix hack */
.sp-cf:before,
.sp-cf:after {
content: "";
display: table;
}
.sp-cf:after {
clear: both;
}
/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
.sp-color {
right: 40%;
}
.sp-hue {
left: 63%;
}
.sp-fill {
padding-top: 60%;
}
}
.sp-dragger {
border-radius: 5px;
height: 5px;
width: 5px;
border: 1px solid #fff;
background: #000;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
}
.sp-slider {
position: absolute;
top: 0;
cursor: pointer;
height: 3px;
left: -1px;
right: -1px;
border: 1px solid #000;
background: white;
opacity: .8;
}
/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/
.sp-container {
border-radius: 0;
background-color: #ECECEC;
border: solid 1px #f0c49B;
padding: 0;
}
.sp-container,
.sp-container button,
.sp-container input,
.sp-color,
.sp-hue,
.sp-clear {
font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.sp-top {
margin-bottom: 3px;
}
.sp-color,
.sp-hue,
.sp-clear {
border: solid 1px #666;
}
/* Input */
.sp-input-container {
float: right;
width: 100px;
margin-bottom: 4px;
}
.sp-initial-disabled .sp-input-container {
width: 100%;
}
.sp-input {
font-size: 12px !important;
border: 1px inset;
padding: 4px 5px;
margin: 0;
width: 100%;
background: transparent;
border-radius: 3px;
color: #222;
}
.sp-input:focus {
border: 1px solid orange;
}
.sp-input.sp-validation-error {
border: 1px solid red;
background: #fdd;
}
.sp-picker-container,
.sp-palette-container {
float: left;
position: relative;
padding: 10px;
padding-bottom: 300px;
margin-bottom: -290px;
}
.sp-picker-container {
width: 172px;
border-left: solid 1px #fff;
}
/* Palettes */
.sp-palette-container {
border-right: solid 1px #ccc;
}
.sp-palette-only .sp-palette-container {
border: 0;
}
.sp-palette .sp-thumb-el {
display: block;
position: relative;
float: left;
width: 24px;
height: 15px;
margin: 3px;
cursor: pointer;
border: solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover,
.sp-palette .sp-thumb-el.sp-thumb-active {
border-color: orange;
}
.sp-thumb-el {
position: relative;
}
/* Initial */
.sp-initial {
float: left;
border: solid 1px #333;
}
.sp-initial span {
width: 30px;
height: 25px;
border: none;
display: block;
float: left;
margin: 0;
}
.sp-initial .sp-clear-display {
background-position: center;
}
/* Buttons */
.sp-palette-button-container,
.sp-button-container {
float: right;
}
/* Replacer (the little preview div that shows up instead of the ) */
.sp-replacer {
margin: 0;
overflow: hidden;
cursor: pointer;
padding: 4px;
display: inline-block;
border-radius: 0.3em;
border: 1px solid #35AA47;
background: #fff;
color: #333;
vertical-align: middle;
height: 1.5em;
}
.sp-replacer:hover,
.sp-replacer.sp-active {
border-color: #F0C49B;
color: #111;
}
.sp-replacer.sp-disabled {
cursor: default;
border-color: silver;
color: silver;
}
.sp-dd {
padding: 0;
float: left;
font-size: 0px;
color: #35aa47;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #35aa47;
position: relative;
top: 10px;
}
.sp-preview {
position: relative;
width: 1.7em;
height: 1.4em;
border: solid 1px #222;
margin-right: 5px;
float: left;
z-index: 0;
border-radius: 0.3em;
}
.sp-palette {
max-width: 220px;
}
.sp-palette .sp-thumb-el {
width: 16px;
height: 16px;
margin: 2px 1px;
border: solid 1px #d0d0d0;
}
.sp-container {
padding-bottom: 0;
}
/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
background-color: #eeeeee;
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
border: 1px solid #ccc;
border-bottom: 1px solid #bbb;
border-radius: 3px;
color: #333;
font-size: 14px;
line-height: 1;
padding: 5px 4px;
text-align: center;
text-shadow: 0 1px 0 #eee;
vertical-align: middle;
}
.sp-container button:hover {
background-color: #dddddd;
background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
border: 1px solid #bbb;
border-bottom: 1px solid #999;
cursor: pointer;
text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
border: 1px solid #aaa;
border-bottom: 1px solid #888;
-webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
font-size: 11px;
color: #d93f3f !important;
margin: 0;
padding: 2px;
margin-right: 5px;
vertical-align: middle;
text-decoration: none;
}
.sp-cancel:hover {
color: #d93f3f !important;
text-decoration: underline;
}
.sp-palette span:hover,
.sp-palette span.sp-thumb-active {
border-color: #000;
}
.sp-preview,
.sp-alpha,
.sp-thumb-el {
position: relative;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner,
.sp-alpha-inner,
.sp-thumb-inner {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.sp-palette .sp-thumb-inner {
background-position: 50% 50%;
background-repeat: no-repeat;
}
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}
.sp-clear-display {
background-repeat: no-repeat;
background-position: center;
background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
/* #endregion */
/* #region fontSelect */
.fontSelect {
position: relative;
top: 2px;
left: -3px;
display: inline-block;
padding: 1px;
height: 31px;
line-height: 28px;
cursor: pointer;
margin: 3px;
width: 9em;
border-radius: .3em;
border: 1px solid #35aa47;
overflow: hidden;
vertical-align: middle;
}
.fontSelect span {
overflow: hidden;
margin-left: .5em;
}
.fontSelect .arrow-down {
position: absolute;
right: 10px;
top: 14px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #35aa47;
}
.fontSelectUl {
list-style: none;
width: 11.6em;
background: #FFF;
position: absolute;
left: 0;
top: 34px;
text-align: left;
z-index: 3;
border: 1px solid #35aa47;
border-radius: .3em;
margin: 0;
padding: 0.2em 0 0.2em 0.5em;
}
.fontSelectUl li {
height: 24px;
line-height: 24px;
overflow: hidden;
cursor: pointer;
padding: 0;
font-size: 1em;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
}
.fontSelectUl li:last-child {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
border-bottom: 1px solid #FFF;
}
.fontSelectUl li:hover {
background: #CFD;
}
/* #endregion */
/*#region Stepper */
.stepper-wrap {
position: relative;
display: inline-block;
font: 11px Arial, sans-serif
}
.stepper-wrap input {
text-align: right
}
.stepper-btn-wrap {
position: absolute;
top: 0;
right: -15px;
width: 15px;
height: 100%;
overflow: hidden;
border: 1px solid #ccc;
border-left: 0;
-webkit-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #ddd;
background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
background-image: -webkit-linear-gradient(top, #eee, #ddd);
background-image: -moz-linear-gradient(top, #eee, #ddd);
background-image: -ms-linear-gradient(top, #eee, #ddd);
background-image: -o-linear-gradient(top, #eee, #ddd);
background-image: linear-gradient(top, #eee, #ddd);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eee', EndColorStr='#ddd');
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.stepper-btn-wrap a {
display: block;
height: 50%;
overflow: hidden;
line-height: 100%;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 0 #fff;
cursor: default;
color: #666;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.stepper-btn-wrap a:hover {
background: rgba(255, 255, 255, 0.5)
}
/*#endregion */
/* #endregion */
/* #region jQM overrides */
.ui-loader-background {
width: 100%;
height: 100%;
top: 0;
margin: 0;
background: rgba(255, 255, 255, 0.6);
display: none;
position: fixed;
z-index: 1000;
opacity: .6;
background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 51%, rgba(255, 255, 255, 0) 100%);
/* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(51%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
/* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 51%, rgba(255, 255, 255, 0) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 51%, rgba(255, 255, 255, 0) 100%);
/* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 51%, rgba(255, 255, 255, 0) 100%);
/* IE10+ */
background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 51%, rgba(255, 255, 255, 0) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
.ui-loading .ui-loader-background {
display: block;
}
.ui-loader {
-moz-border-radius: .6em
/*{global-radii-blocks}*/
;
-webkit-border-radius: .6em
/*{global-radii-blocks}*/
;
border-radius: .6em
/*{global-radii-blocks}*/
;
background: none repeat scroll 0 0 transparent;
border: medium none;
box-shadow: none;
background-color: transparent;
}
.ui-loader .ui-icon-loading {
background-color: transparent;
}
.ui-content {
position: relative;
margin: 0 auto 2em;
}
.ui-select .ui-btn {
text-align: left;
}
label.ui-input-text {
margin-bottom: 0;
}
.ui-checkbox input,
.ui-radio input {
opacity: 0;
}
.ui-btn.ui-checkbox-off::after {
background-color: #fff;
opacity: 1;
}
html .ui-btn.ui-checkbox-on.ui-checkbox-on::after {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%0A%20%20%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3Asodipodi%3D%22http%3A%2F%2Fsodipodi.sourceforge.net%2FDTD%2Fsodipodi-0.dtd%22%0A%20%20%20xmlns%3Ainkscape%3D%22http%3A%2F%2Fwww.inkscape.org%2Fnamespaces%2Finkscape%22%0A%20%20%20width%3D%2218.999998%22%0A%20%20%20height%3D%2215.999999%22%0A%20%20%20viewBox%3D%2285%20145%2018.999998%2015.999999%22%0A%20%20%20sodipodi%3Aversion%3D%220.32%22%0A%20%20%20inkscape%3Aversion%3D%220.48.2%20r9819%22%0A%20%20%20sodipodi%3Adocname%3D%22check.svg%22%0A%20%20%20id%3D%22svg2999%22%0A%20%20%20version%3D%221.1%22%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs3011%22%20%2F%3E%0A%20%20%3Csodipodi%3Anamedview%0A%20%20%20%20%20pagecolor%3D%22%23ffffff%22%0A%20%20%20%20%20bordercolor%3D%22%23666666%22%0A%20%20%20%20%20borderopacity%3D%221%22%0A%20%20%20%20%20objecttolerance%3D%2210%22%0A%20%20%20%20%20gridtolerance%3D%2210%22%0A%20%20%20%20%20guidetolerance%3D%2210%22%0A%20%20%20%20%20inkscape%3Apageopacity%3D%220%22%0A%20%20%20%20%20inkscape%3Apageshadow%3D%222%22%0A%20%20%20%20%20inkscape%3Awindow-width%3D%221920%22%0A%20%20%20%20%20inkscape%3Awindow-height%3D%221132%22%0A%20%20%20%20%20id%3D%22namedview3009%22%0A%20%20%20%20%20showgrid%3D%22false%22%0A%20%20%20%20%20fit-margin-top%3D%220%22%0A%20%20%20%20%20fit-margin-left%3D%220%22%0A%20%20%20%20%20fit-margin-right%3D%220%22%0A%20%20%20%20%20fit-margin-bottom%3D%220%22%0A%20%20%20%20%20inkscape%3Azoom%3D%2226.672068%22%0A%20%20%20%20%20inkscape%3Acx%3D%223.1933716%22%0A%20%20%20%20%20inkscape%3Acy%3D%228.8959955%22%0A%20%20%20%20%20inkscape%3Awindow-x%3D%221912%22%0A%20%20%20%20%20inkscape%3Awindow-y%3D%22-8%22%0A%20%20%20%20%20inkscape%3Awindow-maximized%3D%221%22%0A%20%20%20%20%20inkscape%3Acurrent-layer%3D%22g3013%22%20%2F%3E%0A%20%20%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata3001%22%3E%0A%20%20%20%20%3Crdf%3ARDF%3E%0A%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fcc%3AWork%3E%0A%20%20%20%20%3C%2Frdf%3ARDF%3E%0A%20%20%3C%2Fmetadata%3E%0A%20%20%3Cg%0A%20%20%20%20%20id%3D%22g3013%22%0A%20%20%20%20%20transform%3D%22matrix(0.04554128%2C0%2C0%2C0.04424475%2C80.375697%2C137.76175)%22%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20id%3D%22path3003%22%0A%20%20%20%20%20%20%20sodipodi%3Anodetypes%3D%22ccccccc%22%0A%20%20%20%20%20%20%20d%3D%22m%20487.33996%2C238.00617%20c%20-43.04063%2C-33.81781%20-63.40459%2C-63.39452%20-63.40459%2C-63.39452%20-79.48417%2C53.67063%20-163.89566%2C244.24156%20-163.89566%2C244.24156%20-39.55897%2C-63.8178%20-79.33406%2C-81.61786%20-79.33406%2C-81.61786%20-17.88148%2C27.38179%20-48.70405%2C63.87383%20-48.70405%2C63.87383%2071.88997%2C22.18747%20132.23167%2C103.60699%20132.23167%2C103.60699%20130.44412%2C-234.68693%20223.10669%2C-266.71%20223.10669%2C-266.71%20z%22%0A%20%20%20%20%20%20%20style%3D%22fill%3A%2335aa47%3Bfill-opacity%3A1%3Bfill-rule%3Aevenodd%3Bstroke%3Anone%22%0A%20%20%20%20%20%20%20inkscape%3Aconnector-curvature%3D%220%22%20%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.ui-input-search a.ui-btn-icon-notext.ui-input-clear::after {
background-color: #AAA;
}
.ui-page-theme-a .ui-flipswitch.ui-bar-inherit {
background-color: #e9e9e9;
color: #333;
}
.ui-page-theme-a .ui-flipswitch.ui-bar-inherit.ui-flipswitch-active {
background-color: #43cb57;
border-color: #4b6186;
}
.ui-flipswitch .ui-btn.ui-flipswitch-on {
color: #fff !important;
border: 1px solid #050 !important;
}
.hide-show-flipswitch.ui-flipswitch .ui-btn.ui-flipswitch-on {
text-indent: -3.1em;
}
.hide-show-flipswitch.ui-flipswitch .ui-flipswitch-off {
text-indent: 0.5em;
}
textarea.ui-state-disabled {
opacity: .50;
}
li a.ui-icon-carat-r::after {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22opacity%3A.2%3Benable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%2335AA47%3B%22%20points%3D%223.404%2C2.051%208.354%2C7%203.404%2C11.95%205.525%2C14.07%2012.596%2C7%205.525%2C-0.071%20%22%2F%3E%3C%2Fsvg%3E");
}
li a.ui-state-hover .ui-icon-carat-r::after {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22opacity%3A1%3Benable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%2335AA47%3B%22%20points%3D%223.404%2C2.051%208.354%2C7%203.404%2C11.95%205.525%2C14.07%2012.596%2C7%205.525%2C-0.071%20%22%2F%3E%3C%2Fsvg%3E");
}
ul[data-theme="c"] a.ui-btn-active.ui-icon-carat-r::after {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%223.404%2C2.051%208.354%2C7%203.404%2C11.95%205.525%2C14.07%2012.596%2C7%205.525%2C-0.071%20%22%2F%3E%3C%2Fsvg%3E");
}
.ui-listview>li:hover {
z-index: 1;
}
.ui-btn {
font-size: 1em;
padding-bottom: 0.5em;
padding-top: 0.5em;
}
.ui-btn.ui-btn-icon-notext {
padding: 0.05em;
border: none;
}
/* Button hover (w/ shadow) */
.ui-page-theme-a .ui-btn:hover,
html .ui-bar-a .ui-btn:hover,
html .ui-body-a .ui-btn:hover,
html body .ui-group-theme-a .ui-btn:hover,
html head+body .ui-btn.ui-btn-a:hover {
background-color: #35AA47
/*{a-bhover-background-color}*/
;
color: #fff
/*{a-bhover-color}*/
;
border-color: #D4AA00
/*{a-bhover-border}*/
;
text-shadow: none;
-webkit-box-shadow: 0 0 5px #D4AA00
/*{a-active-background-color}*/
;
-moz-box-shadow: 0 0 5px #D4AA00
/*{a-active-background-color}*/
;
box-shadow: 0 0 5px #D4AA00
/*{a-active-background-color}*/
;
opacity: 1;
}
.ui-input-text.ui-focus {
-webkit-box-shadow: 0 0 5px #D4AA00
/*{a-active-background-color}*/
;
-moz-box-shadow: 0 0 5px #D4AA00
/*{a-active-background-color}*/
;
box-shadow: 0 0 5px #D4AA00
/*{a-active-background-color}*/
;
}
.ui-page-theme-a .noshadow.ui-btn:hover,
.ui-page-theme-a .noshadow.ui-btn:focus {
border-color: transparent
/*{a-bhover-border}*/
;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.ui-page-theme-a .ui-btn,
html .ui-bar-a .ui-btn,
html .ui-body-a .ui-btn,
html body .ui-group-theme-a .ui-btn,
html head+body .ui-btn.ui-btn-a,
.ui-page-theme-a .ui-btn:visited,
html .ui-bar-a .ui-btn:visited,
html .ui-body-a .ui-btn:visited,
html body .ui-group-theme-a .ui-btn:visited,
html head+body .ui-btn.ui-btn-a:visited {
text-shadow: none;
}
.ui-icon-loading {
background: rgba(0, 0, 0, 0) url("Images/ajax-loader2.gif");
}
.ui-icon-trash-o:after {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%20Tiny%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11-tiny.dtd%22%3E%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22tiny%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%20500%20500%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20d%3D%22M142.857%20205.357v160.714q0%203.906-2.511%206.417t-6.417%202.511h-17.857q-3.906%200-6.417-2.511t-2.511-6.417v-160.714q0-3.906%202.511-6.417t6.417-2.511h17.857q3.906%200%206.417%202.511t2.511%206.417zM214.286%20205.357v160.714q0%203.906-2.511%206.417t-6.417%202.511h-17.857q-3.906%200-6.417-2.511t-2.511-6.417v-160.714q0-3.906%202.511-6.417t6.417-2.511h17.857q3.906%200%206.417%202.511t2.511%206.417zM285.714%20205.357v160.714q0%203.906-2.511%206.417t-6.417%202.511h-17.857q-3.906%200-6.417-2.511t-2.511-6.417v-160.714q0-3.906%202.511-6.417t6.417-2.511h17.857q3.906%200%206.417%202.511t2.511%206.417zM321.429%20407.366v-264.509h-250v264.509q0%206.138%201.953%2011.3t4.046%207.534%202.93%202.372h232.143q0.837%200%202.93-2.372t4.046-7.534%201.953-11.3zM133.929%20107.143h125l-13.393-32.645q-1.953-2.511-4.743-3.069h-88.449q-2.79%200.558-4.743%203.069zM392.857%20116.071v17.857q0%203.906-2.511%206.417t-6.417%202.511h-26.786v264.509q0%2023.159-13.114%2040.039t-31.529%2016.88h-232.143q-18.415%200-31.529-16.323t-13.114-39.481v-265.625h-26.786q-3.906%200-6.417-2.511t-2.511-6.417v-17.857q0-3.906%202.511-6.417t6.417-2.511h86.216l19.531-46.596q4.185-10.324%2015.067-17.578t22.042-7.254h89.286q11.161%200%2022.042%207.254t15.067%2017.578l19.531%2046.596h86.216q3.906%200%206.417%202.511t2.511%206.417z%22%20fill%3D%22%23ffffff%22%20%2F%3E%3C%2Fsvg%3E')
}
.ui-icon-comment-o:after {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%20Tiny%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11-tiny.dtd%22%3E%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22tiny%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%20500%20500%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20d%3D%22M250%20107.143q-56.919%200-106.445%2019.392t-78.683%2052.316-29.157%2071.149q0%2031.25%2019.95%2059.57t56.222%2048.968l24.274%2013.951-7.534%2026.786q-6.696%2025.391-19.531%2047.991%2042.411-17.578%2076.73-47.712l11.998-10.603%2015.904%201.674q19.252%202.232%2036.272%202.232%2056.919%200%20106.445-19.392t78.683-52.316%2029.157-71.149-29.157-71.149-78.683-52.316-106.445-19.392zM500%20250q0%2048.549-33.482%2089.704t-90.96%2065.011-125.558%2023.856q-19.531%200-40.458-2.232-55.246%2048.828-128.348%2067.522-13.672%203.906-31.808%206.138h-1.395q-4.185%200-7.534-2.93t-4.464-7.673v-0.279q-0.837-1.116-0.14-3.348t0.558-2.79%201.255-2.651l1.674-2.511t1.953-2.372%202.232-2.511q1.953-2.232%208.649-9.626t9.626-10.603%208.649-11.021%209.068-14.23%207.534-16.462%207.254-21.206q-43.806-24.833-69.057-61.384t-25.251-78.404q0-48.549%2033.482-89.704t90.96-65.011%20125.558-23.856%20125.558%2023.856%2090.96%2065.011%2033.482%2089.704z%22%20fill%3D%22%23ffffff%22%20%2F%3E%3C%2Fsvg%3E')
}
.ui-icon-comment:after {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%20Tiny%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11-tiny.dtd%22%3E%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22tiny%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%20500%20500%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20d%3D%22M500%20250q0%2048.549-33.482%2089.704t-90.96%2065.011-125.558%2023.856q-19.531%200-40.458-2.232-55.246%2048.828-128.348%2067.522-13.672%203.906-31.808%206.138-4.743%200.558-8.51-2.511t-4.883-8.091v-0.279q-0.837-1.116-0.14-3.348t0.558-2.79%201.255-2.651l1.674-2.511t1.953-2.372%202.232-2.511q1.953-2.232%208.649-9.626t9.626-10.603%208.649-11.021%209.068-14.23%207.534-16.462%207.254-21.206q-43.806-24.833-69.057-61.384t-25.251-78.404q0-36.272%2019.81-69.336t53.292-57.059%2079.799-38.086%2097.098-14.090q68.081%200%20125.558%2023.856t90.96%2065.011%2033.482%2089.704z%22%20fill%3D%22%23FFFFFF%22%20%2F%3E%3C%2Fsvg%3E")
}
.ui-icon-write:after {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20width%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Cpath%20id%3D%22path1%22%20transform%3D%22rotate(0%2C12%2C12)%20translate(0%2C0.86286924873729)%20scale(0.750000402331568%2C0.750000402331568)%20%20%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M25.198589%2C20.499004L25.3986%2C21.499004%209.4998551%2C24.09901%209.2998458%2C23.09901z%20M13.799777%2C19.59901C14.09976%2C20.699001%2C15.599737%2C21.199001%2C15.599737%2C21.199001L13.39982%2C21.898998z%20M13.899813%2C16.099012L13.999786%2C17.099012%207.8999038%2C17.699001%207.7998686%2C16.699003z%20M17.79874%2C10.400007L16.998764%2C11.399%206.2998915%2C12.099012%206.1999174%2C11.099012z%20M18.998734%2C5.6000047L18.998734%2C6.6000047%204.7999144%2C7.1000047%204.7999144%2C6.1000047z%20M25.098616%2C3.4999991C25.598608%2C4.9000082%2C26.798603%2C6.4999986%2C28.998581%2C6.9000078L29.098555%2C6.9000078%2019.098707%2C19.199001%2016.798756%2C19.398998%2015.199781%2C17.898998%2015.099745%2C15.699002z%20M20.398676%2C2.7000118L21.698643%2C5.6000047%2020.798695%2C6.8000016%2019.5987%2C4.1000052%202.0999435%2C4.2000113%207.5998598%2C26.999004%2028.29858%2C23.199001%2024.49865%2C14.799009%2025.598608%2C13.699003%2030.698505%2C24.699001%205.8999343%2C29.698999%200%2C2.8000026z%20M27.898562%2C0C32.198484%2C0.30000284%2C31.998535%2C3.4999993%2C31.998535%2C3.4999991L29.998566%2C5.9000078C26.598593%2C5.9999986%2C25.798618%2C2.4999993%2C25.798618%2C2.4999991z%22%20%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
border-radius: 0;
}
.ui-icon-search-minus:after {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%20Tiny%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11-tiny.dtd%22%3E%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22tiny%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%20500%20500%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20d%3D%22M285.714%20223.214v17.857q0%203.627-2.651%206.278t-6.278%202.651h-160.714q-3.627%200-6.278-2.651t-2.651-6.278v-17.857q0-3.627%202.651-6.278t6.278-2.651h160.714q3.627%200%206.278%202.651t2.651%206.278zM321.429%20232.143q0-51.618-36.691-88.309t-88.309-36.691-88.309%2036.691-36.691%2088.309%2036.691%2088.309%2088.309%2036.691%2088.309-36.691%2036.691-88.309zM464.286%20464.286q0%2014.788-10.463%2025.251t-25.251%2010.463q-15.067%200-25.112-10.603l-95.703-95.424q-49.944%2034.598-111.328%2034.598-39.899%200-76.312-15.485t-62.779-41.853-41.853-62.779-15.485-76.312%2015.485-76.312%2041.853-62.779%2062.779-41.853%2076.312-15.485%2076.312%2015.485%2062.779%2041.853%2041.853%2062.779%2015.485%2076.312q0%2061.384-34.598%20111.328l95.703%2095.703q10.324%2010.324%2010.324%2025.112z%22%20fill%3D%22%23ffffff%22%20%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
}
.ui-btn-b.ui-icon-search-minus:after {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%20Tiny%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11-tiny.dtd%22%3E%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22tiny%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%20500%20500%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20d%3D%22M285.714%20223.214v17.857q0%203.627-2.651%206.278t-6.278%202.651h-160.714q-3.627%200-6.278-2.651t-2.651-6.278v-17.857q0-3.627%202.651-6.278t6.278-2.651h160.714q3.627%200%206.278%202.651t2.651%206.278zM321.429%20232.143q0-51.618-36.691-88.309t-88.309-36.691-88.309%2036.691-36.691%2088.309%2036.691%2088.309%2088.309%2036.691%2088.309-36.691%2036.691-88.309zM464.286%20464.286q0%2014.788-10.463%2025.251t-25.251%2010.463q-15.067%200-25.112-10.603l-95.703-95.424q-49.944%2034.598-111.328%2034.598-39.899%200-76.312-15.485t-62.779-41.853-41.853-62.779-15.485-76.312%2015.485-76.312%2041.853-62.779%2062.779-41.853%2076.312-15.485%2076.312%2015.485%2062.779%2041.853%2041.853%2062.779%2015.485%2076.312q0%2061.384-34.598%20111.328l95.703%2095.703q10.324%2010.324%2010.324%2025.112z%22%20fill%3D%22%2335AA47%22%20%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
}
.ui-nosvg .ui-icon-search-minus:after {
background-image: url("png_icons/search-minus.png");
}
.ui-icon-search-plus:after {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%20Tiny%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11-tiny.dtd%22%3E%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22tiny%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%20500%20500%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20d%3D%22M285.714%20223.214v17.857q0%203.627-2.651%206.278t-6.278%202.651h-62.5v62.5q0%203.627-2.651%206.278t-6.278%202.651h-17.857q-3.627%200-6.278-2.651t-2.651-6.278v-62.5h-62.5q-3.627%200-6.278-2.651t-2.651-6.278v-17.857q0-3.627%202.651-6.278t6.278-2.651h62.5v-62.5q0-3.627%202.651-6.278t6.278-2.651h17.857q3.627%200%206.278%202.651t2.651%206.278v62.5h62.5q3.627%200%206.278%202.651t2.651%206.278zM321.429%20232.143q0-51.618-36.691-88.309t-88.309-36.691-88.309%2036.691-36.691%2088.309%2036.691%2088.309%2088.309%2036.691%2088.309-36.691%2036.691-88.309zM464.286%20464.286q0%2014.788-10.463%2025.251t-25.251%2010.463q-15.067%200-25.112-10.603l-95.703-95.424q-49.944%2034.598-111.328%2034.598-39.899%200-76.312-15.485t-62.779-41.853-41.853-62.779-15.485-76.312%2015.485-76.312%2041.853-62.779%2062.779-41.853%2076.312-15.485%2076.312%2015.485%2062.779%2041.853%2041.853%2062.779%2015.485%2076.312q0%2061.384-34.598%20111.328l95.703%2095.703q10.324%2010.324%2010.324%2025.112z%22%20fill%3D%22%23ffffff%22%20%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
}
.ui-btn-b.ui-icon-search-plus:after {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%20Tiny%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11-tiny.dtd%22%3E%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22tiny%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%20500%20500%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20d%3D%22M285.714%20223.214v17.857q0%203.627-2.651%206.278t-6.278%202.651h-62.5v62.5q0%203.627-2.651%206.278t-6.278%202.651h-17.857q-3.627%200-6.278-2.651t-2.651-6.278v-62.5h-62.5q-3.627%200-6.278-2.651t-2.651-6.278v-17.857q0-3.627%202.651-6.278t6.278-2.651h62.5v-62.5q0-3.627%202.651-6.278t6.278-2.651h17.857q3.627%200%206.278%202.651t2.651%206.278v62.5h62.5q3.627%200%206.278%202.651t2.651%206.278zM321.429%20232.143q0-51.618-36.691-88.309t-88.309-36.691-88.309%2036.691-36.691%2088.309%2036.691%2088.309%2088.309%2036.691%2088.309-36.691%2036.691-88.309zM464.286%20464.286q0%2014.788-10.463%2025.251t-25.251%2010.463q-15.067%200-25.112-10.603l-95.703-95.424q-49.944%2034.598-111.328%2034.598-39.899%200-76.312-15.485t-62.779-41.853-41.853-62.779-15.485-76.312%2015.485-76.312%2041.853-62.779%2062.779-41.853%2076.312-15.485%2076.312%2015.485%2062.779%2041.853%2041.853%2062.779%2015.485%2076.312q0%2061.384-34.598%20111.328l95.703%2095.703q10.324%2010.324%2010.324%2025.112z%22%20fill%3D%22%2335AA47%22%20%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
}
.ui-nosvg .ui-icon-search-plus:after {
background-image: url("png_icons/search-plus.png");
}
.ui-icon-print:after {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%20Tiny%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11-tiny.dtd%22%3E%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22tiny%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%20500%20500%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20d%3D%22M107.143%20428.571h250v-71.429h-250v71.429zM107.143%20250h250v-107.143h-44.643q-11.161%200-18.973-7.813t-7.813-18.973v-44.643h-178.571v178.571zM428.571%20267.857q0-7.254-5.301-12.556t-12.556-5.301-12.556%205.301-5.301%2012.556%205.301%2012.556%2012.556%205.301%2012.556-5.301%205.301-12.556zM464.286%20267.857v116.071q0%203.627-2.651%206.278t-6.278%202.651h-62.5v44.643q0%2011.161-7.813%2018.973t-18.973%207.813h-267.857q-11.161%200-18.973-7.813t-7.813-18.973v-44.643h-62.5q-3.627%200-6.278-2.651t-2.651-6.278v-116.071q0-22.042%2015.765-37.807t37.807-15.765h17.857v-151.786q0-11.161%207.813-18.973t18.973-7.813h187.5q11.161%200%2024.554%205.581t21.206%2013.393l42.411%2042.411q7.813%207.813%2013.393%2021.206t5.581%2024.554v71.429h17.857q22.042%200%2037.807%2015.765t15.765%2037.807z%22%20fill%3D%22%23ffffff%22%20%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
}
.ui-btn-b::after {
background-color: transparent;
}
.ui-page-theme-a .ui-btn-b.ui-btn-icon-right:hover {}
.ui-btn.ui-btn-icon-right.ui-btn-b:active {
color: #35AA47;
}
.ui-btn-b.ui-icon-carat-l::after {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%2335AA47%3B%22%20points%3D%2210.596%2C11.949%205.646%2C7%2010.596%2C2.05%208.475%2C-0.071%201.404%2C7%208.475%2C14.07%20%22%2F%3E%3C%2Fsvg%3E");
}
.ui-btn-b.ui-icon-carat-l:hover::after {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2210.596%2C11.949%205.646%2C7%2010.596%2C2.05%208.475%2C-0.071%201.404%2C7%208.475%2C14.07%20%22%2F%3E%3C%2Fsvg%3E");
}
.ui-btn-b.ui-icon-carat-d::after {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%2335AA47%3B%22%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%3C%2Fsvg%3E")
}
.ui-btn-b.ui-icon-carat-d:hover::after {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%3C%2Fsvg%3E");
}
.ui-btn-b.ui-icon-carat-u::after {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%2335AA47%3B%22%20points%3D%222.051%2C10.596%207%2C5.646%2011.95%2C10.596%2014.07%2C8.475%207%2C1.404%20-0.071%2C8.475%20%22%2F%3E%3C%2Fsvg%3E")
}
.ui-btn-b.ui-icon-carat-u:hover::after {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%222.051%2C10.596%207%2C5.646%2011.95%2C10.596%2014.07%2C8.475%207%2C1.404%20-0.071%2C8.475%20%22%2F%3E%3C%2Fsvg%3E")
}
.ui-group-theme-b .ui-icon-carat-u::after {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%2335AA47%3B%22%20points%3D%222.051%2C10.596%207%2C5.646%2011.95%2C10.596%2014.07%2C8.475%207%2C1.404%20-0.071%2C8.475%20%22%2F%3E%3C%2Fsvg%3E")
}
.ui-group-theme-b .ui-btn-b.ui-icon-carat-u:hover::after {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%222.051%2C10.596%207%2C5.646%2011.95%2C10.596%2014.07%2C8.475%207%2C1.404%20-0.071%2C8.475%20%22%2F%3E%3C%2Fsvg%3E")
}
.ui-btn-b.ui-icon-plus::after {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%233A5%22%20points%3D%2214%2C5%209%2C5%209%2C0%205%2C0%205%2C5%200%2C5%200%2C9%205%2C9%205%2C14%209%2C14%209%2C9%2014%2C9%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-corner-top {
border-radius: 0.3125em 0.3125em 0 0;
}
.ui-mini.ui-btn-icon-left::after,
.ui-mini .ui-btn-icon-left::after,
.ui-header .ui-btn-icon-left::after,
.ui-footer .ui-btn-icon-left::after {
left: 0.77em;
}
.ui-field-contain {
border-bottom: 0 none;
}
.ui-mobile label,
div.ui-controlgroup-label {
font-size: 1em;
}
.ui-page-theme-a a,
html .ui-bar-a a,
html .ui-body-a a,
html body .ui-group-theme-a a,
.ui-page-theme-a td a {
color: #35aa47;
}
.ui-page-theme-a a:visited {
color: #35aa47;
}
.ui-page-theme-a a:hover {
color: #d4aa00;
}
.ui-flipswitch .ui-btn.ui-flipswitch-on,
.ui-flipswitch .ui-flipswitch-off {
height: 1.7em;
}
/* #endregion */
/* #region Colors */
.customBtn {
cursor: pointer;
}
.blue {
color: white;
background-color: var(--blue);
}
.borderBlue {
border: 1px solid var(--blue);
color: var(--blue);
margin: .4em;
padding: .3em .6em;
display: inline-block;
}
.textBlue,
.blueText {
color: var(--blue);
}
.shadowText {
text-shadow: 1px 1px #ccc;
}
.green {
color: white;
background-color: #35aa47;
}
h1,
.greenText,
.textGreen {
color: #35aa47;
}
.borderGreen {
border: 1px solid #35aa47;
margin: .4em;
padding: .3em .6em;
}
.greenBorder {
border: 1px solid #35aa47;
}
.textGreen.customBtn:hover {
background-color: #b1e7b9
/*{a-bdown-background-color}*/
;
border-color: #fff
/*{a-bhover-border}*/
;
}
.textGreen.customBtn:active {
background-color: #58da6b
/*{a-bhover-background-color}*/
;
border-color: #fff
/*{a-bdown-border}*/
;
}
.red {
color: white;
background-color: #d84a38;
background-image: -moz-linear-gradient(top, #dd4b39, #d14836);
background-image: -ms-linear-gradient(top, #dd4b39, #d14836);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd4b39), to(#d14836));
background-image: -webkit-linear-gradient(top, #dd4b39, #d14836);
background-image: -o-linear-gradient(top, #dd4b39, #d14836);
background-image: linear-gradient(top, #dd4b39, #d14836);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd4b39', endColorstr='#d14836', GradientType=0);
}
.red.ui-btn-icon-left::after,
.red.ui-btn-icon-right::after,
.red.ui-btn-icon-top::after,
.red.ui-btn-icon-bottom::after,
.red.ui-btn-icon-notext::after {
background-color: #d84a38;
}
.ui-page-theme-a .red.ui-btn,
html .ui-bar-a .red.ui-btn,
html .ui-body-a .red.ui-btn,
html body .ui-group-theme-a .red.ui-btn,
html head+body .red.ui-btn.ui-btn-a,
.ui-page-theme-a .red.ui-btn:visited,
html .ui-bar-a .red.ui-btn:visited,
html .ui-body-a .red.ui-btn:visited,
html body .ui-group-theme-a .red.ui-btn:visited,
html head+body .red.ui-btn.ui-btn-a:visited {
background-color: #d84a38;
border-color: #d84a38;
}
.borderRed {
border: 1px solid #d84a38;
color: #d84a38;
margin: .25em;
padding: .3em .6em;
display: inline-block;
}
.textRed,
.redText {
color: #d84a38 !important;
}
.textGold,
.goldText {
color: #d4aa00 !important;
}
/* #endregion */
/* #region Global / All Pages / Header / Footer */
html {
font-size: 16px;
}
body {
text-align: center;
line-height: 1.3;
}
h1 {
font-family: 'filson-soft', 'Segoe UI', sans-serif;
}
.pageElap {
text-align: center;
position: absolute;
top: 10em;
left: 0;
right: 0
}
.pageElap img {
position: relative;
top: 20px;
margin-right: 1em;
}
.no_class_hidden {
display: none !important;
}
.ui-mobile [data-role="page"],
.ui-page {
max-width: 80em;
margin: 0 auto;
position: relative;
text-align: left;
}
/* #region body side gradients */
.sideGradient {
position: fixed;
top: 0;
bottom: 0;
}
.sideGradient.left {
left: 0;
right: 50%;
margin-right: 40em;
background: -webkit-linear-gradient(left, #C1E5C6, #ffffff);
background: -moz-linear-gradient(left, #C1E5C6, #ffffff);
background: -ms-linear-gradient(left, #C1E5C6, #ffffff);
background: -o-linear-gradient(left, #C1E5C6, #ffffff);
}
.sideGradient.right {
left: 50%;
right: 0;
margin-left: 40em;
background: -webkit-linear-gradient(right, #C1E5C6, #ffffff);
background: -moz-linear-gradient(right, #C1E5C6, #ffffff);
background: -ms-linear-gradient(right, #C1E5C6, #ffffff);
background: -o-linear-gradient(right, #C1E5C6, #ffffff);
}
@media all and (max-width: 80em) {
.sideGradient {
display: none;
}
}
/* #endregion */
.max62em,
.max62 {
max-width: 62em !important;
}
.max45em,
.max45 {
max-width: 45em !important;
}
.max32em,
.max32 {
max-width: 32.5em !important;
}
.max28em,
.max28 {
max-width: 28em !important;
}
.ui-header {
height: 4em;
background-color: transparent;
border: none;
border-bottom: 1px solid #35aa47;
position: relative;
}
/* #region Header Toolbar */
.toggleToolBar {
background-color: #FFF;
border: 1px solid #35AA47;
position: absolute;
right: .5em;
top: 3.5em;
height: .9em;
border-radius: .2em;
cursor: pointer;
display: block;
z-index: 1;
}
.toggleToolBar:hover {
background-color: #B6ECBE;
}
.ui-header .toggleToolBar svg.show {
display: block;
}
.ui-header .toggleToolBar svg.hide {
display: none;
position: relative;
top: -.1em;
}
.showToolBar .ui-header {
height: 6em;
}
.showToolBar .toggleToolBar svg.show {
display: none;
}
.showToolBar .toggleToolBar svg.hide {
display: block;
}
.ui-header .toolbar {
height: 1.9em;
position: absolute;
left: 0;
bottom: 0;
right: 0;
border-top: 1px solid #35AA47;
padding-left: .3em;
display: none;
}
.showToolBar .toolbar {
display: block;
}
.ui-header .toolbar .toolbarButton {
margin: 0 .2em 0 .1em;
float: left;
cursor: pointer;
padding-left: .2em;
}
.ui-header .toolbar .toolbarButton:hover {
background-color: #B6ECBE;
}
.ui-header .toolbar .toolbarButton svg {
vertical-align: middle;
}
.ui-header .toolbar .toolbarButton span {
vertical-align: middle;
padding-top: .2em;
padding-right: .5em;
}
@media all and (max-width: 37em) {
.toolbarButton span {
display: none;
}
}
/* #endregion */
.ui-header .ui-title {
position: relative;
margin: 0.5em 6em 0 2.3em;
font-size: 100%;
text-shadow: none;
display: none;
}
.ui-header .home {
display: none;
}
.ui-header .wrapLogoProgram {
z-index: 1;
}
.ui-header .WrapHeaderUserName {
right: .75em;
top: .6em;
position: absolute;
height: 3em;
text-align: right;
line-height: 1.5em;
background-color: transparent;
padding-left: 1em;
padding-right: 3em;
cursor: pointer;
z-index: 0;
}
.wrapInboxNotify {
width: 2.3em;
height: 2.3em;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3C!--%20Created%20with%20Inkscape%20(http%3A%2F%2Fwww.inkscape.org%2F)%20--%3E%0A%0A%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%0A%20%20%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3Asodipodi%3D%22http%3A%2F%2Fsodipodi.sourceforge.net%2FDTD%2Fsodipodi-0.dtd%22%0A%20%20%20xmlns%3Ainkscape%3D%22http%3A%2F%2Fwww.inkscape.org%2Fnamespaces%2Finkscape%22%0A%20%20%20width%3D%2240%22%0A%20%20%20height%3D%2240%22%0A%20%20%20id%3D%22svg2%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20inkscape%3Aversion%3D%220.48.2%20r9819%22%0A%20%20%20sodipodi%3Adocname%3D%22drawing.svg%22%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs4%22%20%2F%3E%0A%20%20%3Csodipodi%3Anamedview%0A%20%20%20%20%20id%3D%22base%22%0A%20%20%20%20%20pagecolor%3D%22%23ffffff%22%0A%20%20%20%20%20bordercolor%3D%22%23666666%22%0A%20%20%20%20%20borderopacity%3D%221.0%22%0A%20%20%20%20%20inkscape%3Apageopacity%3D%220.0%22%0A%20%20%20%20%20inkscape%3Apageshadow%3D%222%22%0A%20%20%20%20%20inkscape%3Azoom%3D%227.9195959%22%0A%20%20%20%20%20inkscape%3Acx%3D%228.683782%22%0A%20%20%20%20%20inkscape%3Acy%3D%2210.296089%22%0A%20%20%20%20%20inkscape%3Adocument-units%3D%22px%22%0A%20%20%20%20%20inkscape%3Acurrent-layer%3D%22layer1%22%0A%20%20%20%20%20showgrid%3D%22false%22%0A%20%20%20%20%20inkscape%3Awindow-width%3D%221307%22%0A%20%20%20%20%20inkscape%3Awindow-height%3D%22717%22%0A%20%20%20%20%20inkscape%3Awindow-x%3D%222070%22%0A%20%20%20%20%20inkscape%3Awindow-y%3D%22150%22%0A%20%20%20%20%20inkscape%3Awindow-maximized%3D%221%22%0A%20%20%20%20%20fit-margin-top%3D%220%22%0A%20%20%20%20%20fit-margin-left%3D%220%22%0A%20%20%20%20%20fit-margin-right%3D%220%22%0A%20%20%20%20%20fit-margin-bottom%3D%220%22%20%2F%3E%0A%20%20%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata7%22%3E%0A%20%20%20%20%3Crdf%3ARDF%3E%0A%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atitle%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fcc%3AWork%3E%0A%20%20%20%20%3C%2Frdf%3ARDF%3E%0A%20%20%3C%2Fmetadata%3E%0A%20%20%3Cg%0A%20%20%20%20%20inkscape%3Alabel%3D%22Layer%201%22%0A%20%20%20%20%20inkscape%3Agroupmode%3D%22layer%22%0A%20%20%20%20%20id%3D%22layer1%22%0A%20%20%20%20%20transform%3D%22translate(-248.57144%2C-376.33464)%22%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20sodipodi%3Atype%3D%22arc%22%0A%20%20%20%20%20%20%20style%3D%22fill%3A%2335aa47%3Bfill-opacity%3A1%3Bstroke%3Anone%22%0A%20%20%20%20%20%20%20id%3D%22path2985%22%0A%20%20%20%20%20%20%20sodipodi%3Acx%3D%22305.71429%22%0A%20%20%20%20%20%20%20sodipodi%3Acy%3D%22418.07648%22%0A%20%20%20%20%20%20%20sodipodi%3Arx%3D%2257.142857%22%0A%20%20%20%20%20%20%20sodipodi%3Ary%3D%2254.285713%22%0A%20%20%20%20%20%20%20d%3D%22m%20362.85715%2C418.07648%20c%200%2C29.98117%20-25.58373%2C54.28571%20-57.14286%2C54.28571%20-31.55912%2C0%20-57.14285%2C-24.30454%20-57.14285%2C-54.28571%200%2C-29.98117%2025.58373%2C-54.28572%2057.14285%2C-54.28572%2031.55913%2C0%2057.14286%2C24.30455%2057.14286%2C54.28572%20z%22%0A%20%20%20%20%20%20%20transform%3D%22matrix(0.35%2C0%2C0%2C0.3007142%2C161.57144%2C268.93759)%22%20%2F%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20style%3D%22fill%3A%2335aa47%3Bfill-opacity%3A1%3Bstroke%3Anone%22%0A%20%20%20%20%20%20%20inkscape%3Atransform-center-y%3D%22-3.8818965%22%0A%20%20%20%20%20%20%20d%3D%22m%20249.89731%2C414.58718%207.6507%2C-9.14213%20c%2014.54359%2C-5.76208%2036.10409%2C-8.96434%2020.92767%2C0.10595%20-7.14778%2C4.04064%20-23.52005%2C7.31567%20-28.57837%2C9.03618%20z%22%0A%20%20%20%20%20%20%20id%3D%22path3761%22%0A%20%20%20%20%20%20%20inkscape%3Aconnector-curvature%3D%220%22%0A%20%20%20%20%20%20%20sodipodi%3Anodetypes%3D%22cccc%22%20%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
background-repeat: no-repeat;
background-size: contain;
}
.ui-header .wrapInboxNotify {
position: absolute;
right: -0.2em;
top: 0.2em;
opacity: .5;
}
.ui-header .wrapInboxNotify.alert {
opacity: 1;
}
.ui-header .wrapInboxNotify:hover {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3C!--%20Created%20with%20Inkscape%20(http%3A%2F%2Fwww.inkscape.org%2F)%20--%3E%0A%0A%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%0A%20%20%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3Asodipodi%3D%22http%3A%2F%2Fsodipodi.sourceforge.net%2FDTD%2Fsodipodi-0.dtd%22%0A%20%20%20xmlns%3Ainkscape%3D%22http%3A%2F%2Fwww.inkscape.org%2Fnamespaces%2Finkscape%22%0A%20%20%20width%3D%2240%22%0A%20%20%20height%3D%2240%22%0A%20%20%20id%3D%22svg2%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20inkscape%3Aversion%3D%220.48.2%20r9819%22%0A%20%20%20sodipodi%3Adocname%3D%22drawing.svg%22%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs4%22%20%2F%3E%0A%20%20%3Csodipodi%3Anamedview%0A%20%20%20%20%20id%3D%22base%22%0A%20%20%20%20%20pagecolor%3D%22%23ffffff%22%0A%20%20%20%20%20bordercolor%3D%22%23666666%22%0A%20%20%20%20%20borderopacity%3D%221.0%22%0A%20%20%20%20%20inkscape%3Apageopacity%3D%220.0%22%0A%20%20%20%20%20inkscape%3Apageshadow%3D%222%22%0A%20%20%20%20%20inkscape%3Azoom%3D%227.9195959%22%0A%20%20%20%20%20inkscape%3Acx%3D%22-11.014193%22%0A%20%20%20%20%20inkscape%3Acy%3D%2210.296089%22%0A%20%20%20%20%20inkscape%3Adocument-units%3D%22px%22%0A%20%20%20%20%20inkscape%3Acurrent-layer%3D%22layer1%22%0A%20%20%20%20%20showgrid%3D%22false%22%0A%20%20%20%20%20inkscape%3Awindow-width%3D%221307%22%0A%20%20%20%20%20inkscape%3Awindow-height%3D%22717%22%0A%20%20%20%20%20inkscape%3Awindow-x%3D%222070%22%0A%20%20%20%20%20inkscape%3Awindow-y%3D%22150%22%0A%20%20%20%20%20inkscape%3Awindow-maximized%3D%221%22%0A%20%20%20%20%20fit-margin-top%3D%220%22%0A%20%20%20%20%20fit-margin-left%3D%220%22%0A%20%20%20%20%20fit-margin-right%3D%220%22%0A%20%20%20%20%20fit-margin-bottom%3D%220%22%20%2F%3E%0A%20%20%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata7%22%3E%0A%20%20%20%20%3Crdf%3ARDF%3E%0A%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atitle%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fcc%3AWork%3E%0A%20%20%20%20%3C%2Frdf%3ARDF%3E%0A%20%20%3C%2Fmetadata%3E%0A%20%20%3Cg%0A%20%20%20%20%20inkscape%3Alabel%3D%22Layer%201%22%0A%20%20%20%20%20inkscape%3Agroupmode%3D%22layer%22%0A%20%20%20%20%20id%3D%22layer1%22%0A%20%20%20%20%20transform%3D%22translate(-248.57144%2C-376.33464)%22%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20sodipodi%3Atype%3D%22arc%22%0A%20%20%20%20%20%20%20style%3D%22fill%3A%23d4aa00%3Bfill-opacity%3A1%3Bstroke%3Anone%22%0A%20%20%20%20%20%20%20id%3D%22path2985%22%0A%20%20%20%20%20%20%20sodipodi%3Acx%3D%22305.71429%22%0A%20%20%20%20%20%20%20sodipodi%3Acy%3D%22418.07648%22%0A%20%20%20%20%20%20%20sodipodi%3Arx%3D%2257.142857%22%0A%20%20%20%20%20%20%20sodipodi%3Ary%3D%2254.285713%22%0A%20%20%20%20%20%20%20d%3D%22m%20362.85715%2C418.07648%20c%200%2C29.98117%20-25.58373%2C54.28571%20-57.14286%2C54.28571%20-31.55912%2C0%20-57.14285%2C-24.30454%20-57.14285%2C-54.28571%200%2C-29.98117%2025.58373%2C-54.28572%2057.14285%2C-54.28572%2031.55913%2C0%2057.14286%2C24.30455%2057.14286%2C54.28572%20z%22%0A%20%20%20%20%20%20%20transform%3D%22matrix(0.35%2C0%2C0%2C0.3007142%2C161.57144%2C268.93759)%22%20%2F%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20style%3D%22fill%3A%23d4aa00%3Bfill-opacity%3A1%3Bstroke%3Anone%22%0A%20%20%20%20%20%20%20inkscape%3Atransform-center-y%3D%22-3.8818965%22%0A%20%20%20%20%20%20%20d%3D%22m%20249.89731%2C414.58718%207.6507%2C-9.14213%20c%2014.54359%2C-5.76208%2036.10409%2C-8.96434%2020.92767%2C0.10595%20-7.14778%2C4.04064%20-23.52005%2C7.31567%20-28.57837%2C9.03618%20z%22%0A%20%20%20%20%20%20%20id%3D%22path3761%22%0A%20%20%20%20%20%20%20inkscape%3Aconnector-curvature%3D%220%22%0A%20%20%20%20%20%20%20sodipodi%3Anodetypes%3D%22cccc%22%20%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
}
.wrapInboxNotify .new_message_count {
text-align: center;
animation-duration: 1s;
animation-iteration-count: 3;
color: #FFF;
font-size: 1.1em;
margin-top: .35em;
}
.ui-header .WrapHeaderUserName a,
.ui-header .WrapHeaderUserName a:visited {
padding-left: 0;
color: #35aa47;
text-decoration: none;
}
.ui-header .WrapHeaderUserName a:hover {
text-decoration: underline;
}
.ui-header .HeaderProgramName {
position: absolute;
left: 3.5em;
top: 2.3em;
cursor: pointer;
}
.not_super .ui-header .HeaderProgramName,
.not_super .ui-header .HeaderProgramName:hover {
cursor: default;
text-decoration: none;
}
.ui-header .HeaderProgramName:hover {
text-decoration: underline;
}
.PageHeader .logo {
position: absolute;
height: 1.1em;
top: 0;
left: 1.7em;
cursor: pointer;
font-family: filson-soft, sans-serif;
font-size: 1.9em;
}
.PageHeader .logo:hover {
border-bottom: 2px solid #35AA47;
}
.PageHeader .logo img {
height: 100%;
}
.PageHeader .shop_banner_small {
width: 350px;
position: absolute;
top: 0px;
left: 50%;
margin-left: -175px;
}
@media all and (max-width: 60em) {
.PageHeader .shop_banner_small {
display: none;
}
}
.ui-header .back {
display: block;
height: 2.5em;
left: 0.5em;
position: absolute;
top: 0.45em;
cursor: pointer;
}
.ui-header .back .hover {
display: none;
}
.ui-header .back:hover .hover {
display: block;
}
.ui-header .back:hover .normal {
display: none;
}
.ui-header .back svg {
position: absolute;
top: 0;
left: 0;
width: 2.5em;
}
.PageContainer .ui-page .ui-content {
margin: 0 auto;
max-width: 75em;
border: none;
padding-bottom: 2em;
overflow: visible;
}
.PageContainer .ui-content h1 {
border-bottom: 1px solid #35AA47;
padding-bottom: .3em;
margin-bottom: 0.2em;
}
.input_title {
font-size: .9em;
font-weight: bold;
}
@media all and (max-width: 30em) {
.ui-header .home {
display: block;
height: 2.5em;
left: 3.5em;
position: absolute;
top: 0.45em;
cursor: pointer;
}
.ui-header .home .hover {
display: none;
}
.ui-header .home:hover .hover {
display: block;
}
.ui-header .home:hover .normal {
display: none;
}
.ui-header .home svg {
position: absolute;
top: 0;
left: 0;
width: 2.5em;
}
.ui-header .wrapLogoProgram {
display: none;
}
.PageHeader .logo {}
.PageContainer .ui-page .ui-content {
margin: 0 auto;
max-width: 75em;
border: none;
padding: 1em 0.25em 6em;
overflow: visible;
}
}
.ui-content .main_title {
font-size: 1.2em;
margin-bottom: 1em;
line-height: 1.6em;
padding-left: .5em;
padding-bottom: .5em;
}
.ui-content .main_title.border {
border-bottom: 1px solid #35AA47;
}
.ui-content .main_title .title_desc {}
.ui-content .main_title .title_name {
font-size: 1.5em;
font-weight: bold;
margin-bottom: 0.2em;
color: #555;
}
.SubHeader {
position: relative;
margin-bottom: 2em;
border-bottom: 1px solid #35aa47;
}
.SubHeader .Title {
padding-left: .5em;
position: relative;
top: -.5em;
font-weight: bold;
font-size: 1.5em;
}
.SubHeader .PageIcon {
opacity: .75;
width: 3em;
}
@media all and (min-width: 650px) {
.SubHeader .Title {
padding-left: .5em;
font-size: 2em;
}
.SubHeader .PageIcon {
width: 4em;
}
}
.ui-footer {
border: none;
text-align: center;
position: absolute;
bottom: 0em;
width: 100%;
text-shadow: none;
padding-top: 0em;
padding-bottom: 0em;
font-weight: normal;
height: auto;
}
.ui-footer .nav_buttons .menu_option {
margin: 0;
display: inline-block;
padding: 0.1em 0.5em;
cursor: pointer;
border: none;
}
.ui-footer .nav_buttons .menu_option:hover {
background-color: #D5FFD5;
}
.ui-footer .nav_buttons .menu_option:active {
background-color: #b5FFb5;
}
.ui-footer .nav_buttons .icon {
height: 1.75em;
position: relative;
top: .2em;
}
.ui-footer .nav_buttons .menu_option span {
font-size: 1.1em;
margin-right: 0;
position: relative;
top: -0.2em;
}
#ReloadApp {
position: relative;
bottom: 1px;
right: 1px;
width: 2em;
z-index: 10000;
width: auto;
height: auto;
cursor: pointer;
display: inline-block;
}
#ReloadApp img {}
.circleCheck {
display: inline-block;
width: 2.5em;
height: 2.5em;
cursor: pointer;
padding-bottom: 1px;
vertical-align: middle;
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%22100%25%22%20width%3D%22100%25%22%20version%3D%221.1%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20viewBox%3D%2285%20145%2040%2040%22%3E%0A%3Cg%20transform%3D%22matrix(.0455%200%200%20.0442%2049.2%20152)%22%3E%0A%3Cpath%20d%3D%22m17.8%205.27a10.6%2010.6%200%201%201%20-0.0085%20-0.0517%22%20transform%3D%22matrix(41.4%200%200%2042.6%20921%207.06)%22%20fill%3D%22%2335aa47%22%2F%3E%0A%3Cpath%20d%3D%22m1.49e3%20150c-60-50.6-90-95.2-90-95.2-120%2081.2-250%20368-250%20368-60-96-120-123-120-123-27%2041.3-73.5%2096.3-73.5%2096.3%20108%2033.5%20199%20156%20199%20156%20197-354%20337-402%20337-402z%22%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"
);
}
.circleCheck:hover {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%22100%25%22%20width%3D%22100%25%22%20version%3D%221.1%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20viewBox%3D%2285%20145%2040%2040%22%3E%0A%3Cg%20transform%3D%22matrix(.0455%200%200%20.0442%2049.2%20152)%22%3E%0A%3Cpath%20d%3D%22m17.8%205.27a10.6%2010.6%200%201%201%20-0.0085%20-0.0517%22%20fill-opacity%3D%22.941%22%20transform%3D%22matrix(41.4%200%200%2042.6%20921%207.06)%22%20fill%3D%22%23d4aa0f%22%2F%3E%0A%3Cpath%20d%3D%22m1.49e3%20150c-60-50.6-90-95.2-90-95.2-120%2081.2-250%20368-250%20368-60-96-120-123-120-123-27%2041.3-73.5%2096.3-73.5%2096.3%20108%2033.5%20199%20156%20199%20156%20197-354%20337-402%20337-402z%22%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"
);
}
/* #endregion */
/*#region PopUps */
.ui-popup {
border: none;
text-align: left;
border-radius: .5em;
}
.ui-popup .ui-content {
border: none;
font-size: 1.1em;
padding: 1.5em 2em 1em;
margin-bottom: .5em;
}
.ui-popup .ui-bar-a,
.ui-popup .ui-bar-c {
border-radius: 0.4em 0.4em 0 0;
}
.ui-popup .ui-title {
font-size: 1.1em;
padding-left: 1em;
color: #FFF;
}
div#popupMessage-popup {
margin-top: 0;
}
div#popupMessage {
-moz-border-radius: .6em
/*{global-radii-blocks}*/
;
-webkit-border-radius: .6em
/*{global-radii-blocks}*/
;
border-radius: .6em
/*{global-radii-blocks}*/
;
}
div#popupMessage .ui-content {
font-size: .9em;
}
#popupMessage-screen {
display: none;
}
.ui-popup-screen {
background-color: #000;
opacity: .75;
}
.ui-popup.modal_popup {
max-width: 35em;
min-width: 17.5em;
}
.ui-popup.modal_popup .footer {
text-align: right;
padding-right: 1em;
padding-bottom: .5em;
}
.ui-popup.modal_popup .footer .ui-btn {
font-size: 1em;
padding-top: .6em;
padding-bottom: .6em;
}
.ui-popup .ui-btn.ui-icon-delete.ui-btn-icon-notext {
border: 1px solid #FFF;
}
/*#region ConfirmMessage Popup */
#ConfirmMessage .confirmInputWrapper {
display: inline-flex;
overflow: hidden;
border-radius: 4px;
border: 1px solid #28a745;
}
#ConfirmMessage .confirmInputWrapper button {
-webkit-appearance: none;
appearance: none;
border: none;
padding: 0;
margin: 0;
width: 32px;
height: 32px;
background-color: #28a745;
color: #fff;
font-size: 18px;
line-height: 1;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
#ConfirmMessage .confirmInputWrapper button:disabled {
background-color: #999;
cursor: not-allowed;
}
#ConfirmMessage .confirmInputWrapper input.qty {
width: 48px;
height: 32px;
text-align: center;
border: none;
font-size: 16px;
padding: 0;
margin: 0;
-moz-appearance: textfield;
}
#ConfirmMessage .confirmInputWrapper input.qty[type="number"]::-webkit-outer-spin-button,
#ConfirmMessage .confirmInputWrapper input.qty[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
#ConfirmMessage #stepperContainer {
text-align: center;
}
#ConfirmMessage .itemHeader {
overflow: hidden;
margin-bottom: 12px;
border-bottom: 1px solid #eee;
padding-bottom: 8px;
margin-bottom: 12px;
}
#ConfirmMessage .itemImage {
width: 100px;
height: 100px;
object-fit: cover;
border-radius: 6px;
float: left;
margin-right: 10px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
#ConfirmMessage .itemDetails {
overflow: hidden;
}
#ConfirmMessage .itemTitle {
font-size: 16px;
font-weight: bold;
margin-bottom: 4px;
display: inline-block;
width: 10em;
}
#ConfirmMessage .itemPrice {
font-size: 14px;
color: #666;
}
#ConfirmMessage .itemPrompt {
font-size: 15px;
margin: 16px 0 8px;
text-align: center;
}
#ConfirmMessage .wrap_updated_qoh {
margin-top: .5em;
font-size: .8em;
}
#ConfirmMessage .shrinkage_overage {
font-weight: bold;
margin-top: 4px;
}
#ConfirmMessage .shrinkage_overage.overage {
color: #2e7d32;
/* deep green */
}
#ConfirmMessage .shrinkage_overage.shrinkage {
color: #c62828;
/* deep red */
}
#ConfirmMessage .stockInfoTable {
width: 100%;
border-collapse: collapse;
margin-top: 10px;
font-size: 14px;
}
#ConfirmMessage .stockInfoTable td {
padding: 3px 5px 3px 0;
border-bottom: 1px solid #e0e0e0;
}
#ConfirmMessage .stockInfoTable td:first-child {
text-align: right;
width: 70%;
color: #444;
}
#ConfirmMessage .stockInfoTable td:last-child {
font-weight: bold;
text-align: left;
width: 30%;
}
@media (max-width: 400px) {
#ConfirmMessage .itemHeader {
display: flex;
align-items: center;
}
#ConfirmMessage .itemImage {
float: none;
margin-right: 10px;
}
#ConfirmMessage .itemDetails {
overflow: visible;
}
}
/*#endregion */
/*#endregion */
/* #region DataTables Customizations */
.dataTables_wrapper th {
color: #35aa47;
font-weight: normal;
}
.dataTables_wrapper .dataTables_filter {
border-color: var(--green);
}
table.dataTable thead th,
table.dataTable thead td {
border-bottom: 1px solid #35aa47;
padding: .5em;
}
table.dataTable.no-footer {
border-bottom: 1px solid #35AA47;
}
.dataTables_wrapper .dataTables_scroll {
padding-bottom: .25em;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
border-bottom: 1px solid #35AA47;
}
.dataTables_wrapper .dataTables_length {
float: right;
margin: 1em 0;
clear: both;
color: #090;
}
.dataTables_wrapper .dataTables_length select {
font-weight: bold;
color: #090;
text-align: right;
padding-right: .4em;
}
.dataTables_wrapper .dataTables_info {
float: none;
display: inline-block;
color: #090;
font-weight: normal;
padding: 0.5em;
}
.dataTables_paginate {
font-size: 1em;
display: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
border-radius: .3em;
border: 1px solid #090;
padding: .25em .75em;
color: #090 !important;
font-size: .9em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
opacity: .3;
border: 1px solid;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
background: #8e8;
color: #090 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
background: #8e8;
color: #090 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
background: #090;
border: 1px solid transparent;
color: white !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_select {
margin: 0 .4em;
font-weight: bold;
color: #090;
text-align: right;
padding-right: .4em;
}
table.dataTable thead th {
border-right: 1px solid #c9eed2;
}
table.dataTable thead th.last_column {
border-right: 1px solid #FFF;
}
table.dataTable thead .sorting {
background-image: url("Images/Misc/sort_both.png");
}
table.dataTable thead .sorting_asc {
background-image: url("Images/Misc/sort_asc.png");
}
table.dataTable thead .sorting_desc {
background-image: url("Images/Misc/sort_desc.png");
}
table.dataTable {
margin: 0 !important;
}
table.dataTable tbody tr {
cursor: default;
}
table.dataTable.stripe tbody tr.odd {
background-color: #f1fff1;
}
table.dataTable.stripe tbody tr.odd>.sorting_1 {
background-color: #e1ffe1;
}
table.dataTable.stripe tbody tr.even>.sorting_1 {
background-color: #f3fff3;
}
table.dataTable.stripe tbody tr:hover,
table.dataTable.stripe tbody tr.even:hover>.sorting_1,
table.dataTable.stripe tbody tr.odd:hover>.sorting_1 {
background-color: #d5ffd5;
}
table.dataTable td.dataTables_empty {
vertical-align: middle;
padding: 1em !important;
}
table.dataTable.stripeGold tbody tr.odd {
background-color: rgba(212, 170, 0, 0.04);
}
table.dataTable.stripeGold tbody tr.even>.sorting_1 {
background-color: rgba(212, 170, 0, 0.06);
}
table.dataTable.stripeGold tbody tr.odd>.sorting_1 {
background-color: rgba(212, 170, 0, 0.05);
}
table.dataTable.stripeGold tbody tr:hover,
table.dataTable.stripeGold tbody tr.even:hover>.sorting_1,
table.dataTable.stripeGold tbody tr.odd:hover>.sorting_1 {
background-color: rgba(212, 170, 0, 0.10);
}
.dataTables_scrollHead th {
cursor: default;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
td.dt_btn svg {
margin-top: .2em;
cursor: pointer;
}
td.dt_btn svg:hover {
opacity: .8;
}
@media screen and (max-width: 45em) {
.dataTables_wrapper {
text-align: center;
}
.dataTables_wrapper .dataTables_length {
float: none;
}
}
/* #endregion */
/*#region tabs */
.tabs {
border-bottom: 1px solid #35AA47;
margin-top: 1em;
}
.tab {
display: inline-block;
border-radius: .4em .4em 0 0;
margin: 0 0 3px;
overflow: visible;
padding: .3em 1em;
font-size: 1.1em;
position: relative;
top: 4px;
}
.tab:hover {
border-bottom: 1px solid #B6ECBE;
}
.tablist-content {
display: none;
vertical-align: top;
padding: 1.5em 0 0 0;
}
.tab_title {
font-size: 1.2em;
font-weight: bold;
margin-bottom: 1em;
}
.ui-btn.ui-btn-b.tab {
border-radius: 0;
border-top: none;
border-left: none;
border-right: none;
}
/* #endregion */
/*#region SaveUndo buttons */
.SaveUndo {
font-size: .9em;
text-align: center;
clear: both;
}
.SaveUndo .loader {
display: none;
font-weight: bold;
font-size: 1.1em;
color: #35AA47;
}
.SaveUndo .loader svg {
height: 2.5em;
vertical-align: middle;
}
.SaveUndo .loader .status,
.SaveUndo .loader .completed {
display: none;
}
.SaveUndo .undo {
margin-right: 0;
}
/* #endregion */
/*#region date-picker */
.date-picker {
width: 170px;
height: 25px;
padding: 0;
border: 0;
line-height: 25px;
padding-left: 10px;
font-size: 12px;
font-family: Arial, sans-serif;
font-weight: 700;
cursor: pointer;
color: #303030;
position: relative;
z-index: 2;
}
.date-picker-wrapper {
position: absolute;
z-index: 1;
border: 1px solid #bfbfbf;
background-color: #efefef;
padding: 5px 12px;
font-size: 12px;
line-height: 20px;
color: #aaa;
font-family: Arial, sans-serif;
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .5);
box-shadow: 3px 3px 10px rgba(0, 0, 0, .5);
-webkit-box-sizing: initial;
box-sizing: initial;
}
.dp-clearfix {
clear: both;
height: 0;
font-size: 0;
}
.date-picker-wrapper.inline-wrapper {
position: relative;
-webkit-box-shadow: none;
box-shadow: none;
display: inline-block;
}
.date-picker-wrapper.single-date {
width: auto;
}
.date-picker-wrapper.no-shortcuts {
padding-bottom: 12px;
}
.date-picker-wrapper.no-topbar {
padding-top: 12px;
}
.date-picker-wrapper .footer {
font-size: 11px;
padding-top: 3px;
}
.date-picker-wrapper b {
color: #666;
font-weight: 700;
}
.date-picker-wrapper a {
color: #6bb4d6;
text-decoration: underline;
}
.date-picker-wrapper .month-name {
text-transform: uppercase;
}
.date-picker-wrapper .select-wrapper {
position: relative;
overflow: hidden;
display: inline-block;
vertical-align: middle;
}
.date-picker-wrapper .select-wrapper:hover {
text-decoration: underline;
}
.date-picker-wrapper .month-element {
display: inline-block;
vertical-align: middle;
}
.date-picker-wrapper .select-wrapper select {
position: absolute;
margin: 0;
padding: 0;
left: 0;
top: -1px;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
text-transform: inherit;
color: inherit;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: 0 0;
border: 0;
outline: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
filter: alpha(opacity=1);
opacity: .01;
}
.date-picker-wrapper .month-wrapper {
border: 1px solid #bfbfbf;
border-radius: 3px;
background-color: #fff;
padding: 5px;
cursor: default;
position: relative;
_overflow: hidden;
}
.date-picker-wrapper .month-wrapper table {
width: 190px;
float: left;
}
.date-picker-wrapper .month-wrapper table.month2 {
width: 190px;
float: left;
}
.date-picker-wrapper .month-wrapper table td,
.date-picker-wrapper .month-wrapper table th {
vertical-align: middle;
text-align: center;
line-height: 14px;
margin: 0;
padding: 0;
}
.date-picker-wrapper .month-wrapper table .day {
padding: 5px 0;
line-height: 1;
font-size: 12px;
margin-bottom: 1px;
color: #ccc;
cursor: default;
}
.date-picker-wrapper .month-wrapper table div.day.lastMonth,
.date-picker-wrapper .month-wrapper table div.day.nextMonth {
color: #999;
cursor: default;
}
.date-picker-wrapper .month-wrapper table .day.checked {
background-color: #9cdbf7;
}
.date-picker-wrapper .month-wrapper table .week-name {
height: 20px;
line-height: 20px;
font-weight: 100;
text-transform: uppercase;
}
.date-picker-wrapper .month-wrapper table .day.has-tooltip {
cursor: help !important;
}
.date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip {
white-space: nowrap;
}
.date-picker-wrapper .time label {
white-space: nowrap;
}
.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
color: #333;
cursor: pointer;
}
.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
background-color: #cdecfa;
}
.date-picker-wrapper .month-wrapper table .day.lastMonth,
.date-picker-wrapper .month-wrapper table .day.nextMonth {
display: none;
}
.date-picker-wrapper .month-wrapper table .day.real-today {
background-color: #ffe684;
}
.date-picker-wrapper .month-wrapper table .day.real-today.checked,
.date-picker-wrapper .month-wrapper table .day.real-today.hovering {
background-color: #70ccd5;
}
.date-picker-wrapper table .caption {
height: 40px;
}
.date-picker-wrapper table .caption>th:first-of-type,
.date-picker-wrapper table .caption>th:last-of-type {
width: 27px;
}
.date-picker-wrapper table .caption .next,
.date-picker-wrapper table .caption .prev {
padding: 0 5px;
cursor: pointer;
}
.date-picker-wrapper table .caption .next:hover,
.date-picker-wrapper table .caption .prev:hover {
background-color: #ccc;
color: #fff;
}
.date-picker-wrapper .gap {
position: relative;
z-index: 1;
width: 15px;
height: 100%;
background-color: red;
font-size: 0;
line-height: 0;
float: left;
top: -5px;
margin: 0 10px -10px;
visibility: hidden;
height: 0;
}
.date-picker-wrapper .gap .gap-lines {
height: 100%;
overflow: hidden;
}
.date-picker-wrapper .gap .gap-line {
height: 15px;
width: 15px;
position: relative;
}
.date-picker-wrapper .gap .gap-line .gap-1 {
z-index: 1;
height: 0;
border-left: 8px solid #fff;
border-top: 8px solid #eee;
border-bottom: 8px solid #eee;
}
.date-picker-wrapper .gap .gap-line .gap-2 {
position: absolute;
right: 0;
top: 0;
z-index: 2;
height: 0;
border-left: 8px solid transparent;
border-top: 8px solid #fff;
}
.date-picker-wrapper .gap .gap-line .gap-3 {
position: absolute;
right: 0;
top: 8px;
z-index: 2;
height: 0;
border-left: 8px solid transparent;
border-bottom: 8px solid #fff;
}
.date-picker-wrapper .gap .gap-top-mask {
width: 6px;
height: 1px;
position: absolute;
top: -1px;
left: 1px;
background-color: #eee;
z-index: 3;
}
.date-picker-wrapper .gap .gap-bottom-mask {
width: 6px;
height: 1px;
position: absolute;
bottom: -1px;
left: 7px;
background-color: #eee;
z-index: 3;
}
.date-picker-wrapper .selected-days {
display: none;
}
.date-picker-wrapper .drp_top-bar {
line-height: 1.4;
position: relative;
padding: 10px 40px 10px 0;
}
.date-picker-wrapper .drp_top-bar .error-top,
.date-picker-wrapper .drp_top-bar .normal-top {
display: none;
}
.date-picker-wrapper .drp_top-bar .default-top {
display: block;
}
.date-picker-wrapper .drp_top-bar.error .default-top {
display: none;
}
.date-picker-wrapper .drp_top-bar.error .error-top {
display: block;
color: red;
}
.date-picker-wrapper .drp_top-bar.normal .default-top {
display: none;
}
.date-picker-wrapper .drp_top-bar.normal .normal-top {
display: block;
}
.date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top {
color: #333;
}
.date-picker-wrapper .drp_top-bar .apply-btn {
position: absolute;
right: 0;
top: 6px;
padding: 3px 5px;
margin: 0;
font-size: 12px;
border-radius: 4px;
cursor: pointer;
color: #d9eef7;
border: solid 1px #0076a3;
background: #0095cd;
background: -moz-linear-gradient(top, #00adee, #0078a5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
color: #fff;
line-height: initial;
}
.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
cursor: pointer;
color: #606060;
border: solid 1px #b7b7b7;
background: #fff;
background: -moz-linear-gradient(top, #fff, #ededed);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.date-picker-wrapper .time {
position: relative;
}
.date-picker-wrapper.single-month .time {
display: block;
}
.date-picker-wrapper .time input[type=range] {
vertical-align: middle;
width: 129px;
padding: 0;
margin: 0;
height: 20px;
}
.date-picker-wrapper .time1 {
width: 180px;
padding: 0 5px;
text-align: center;
}
.time2 {
width: 180px;
padding: 0 5px;
text-align: center;
}
.date-picker-wrapper .time1 {
float: left;
}
.date-picker-wrapper .time2 {
float: right;
}
.date-picker-wrapper .hour {
text-align: right;
}
.minute {
text-align: right;
}
.date-picker-wrapper .hide {
display: none;
}
.date-picker-wrapper .first-date-selected,
.date-picker-wrapper .last-date-selected {
background-color: #49e !important;
color: #fff !important;
}
.date-picker-wrapper .date-range-length-tip {
position: absolute;
margin-top: -4px;
margin-left: -8px;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
box-shadow: 0 0 3px rgba(0, 0, 0, .3);
display: none;
background-color: #ff0;
padding: 0 6px;
border-radius: 2px;
font-size: 12px;
line-height: 16px;
-webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
-moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
-ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
-o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
}
.date-picker-wrapper .date-range-length-tip:after {
content: '';
position: absolute;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #ff0;
left: 50%;
margin-left: -4px;
bottom: -4px;
}
.date-picker-wrapper.two-months.no-gap .month1 .next,
.date-picker-wrapper.two-months.no-gap .month2 .prev {
display: none;
}
.date-picker-wrapper .week-number {
padding: 5px 0;
line-height: 1;
font-size: 12px;
margin-bottom: 1px;
color: #999;
cursor: pointer;
}
.date-picker-wrapper .week-number.week-number-selected {
color: #49e;
font-weight: 700;
}
/* #endregion */
/* #endregion */
.wrapLogo2 {
height: 6em;
font-family: filson-soft, sans-serif;
position: relative;
width: 17em;
display: inline-block;
}
.wrapLogo2 .subtext {
font-size: .74em;
color: #555;
position: absolute;
left: 0.75em;
top: 4.6em;
}
.wrapLogo2 .subtext-by {
font-size: 0.7em;
font-style: italic;
padding-left: .8em;
color: #555;
}
.wrapLogo2 .logoTT {
text-shadow: 0px 3px 1px rgba(0, 0, 0, 0.14);
font-size: 3em;
font-weight: bold;
margin-bottom: .1em;
}
.wrapLogo2 .logoTR {
text-shadow: 0px 3px 1px rgba(0, 0, 0, 0.14);
font-size: 1.8em;
font-weight: bold;
padding: .1em 0;
display: inline-block;
}
/* #region Home */
#Home .wrapLogo2 {
height: 2.5em;
font-size: 1.2em;
line-height: 2em;
width: 18em;
}
#Home .wrapLogo2 .logoTR {
text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.14);
font-size: 1.4em;
padding: .1em 0;
}
#Home .wrapLogo2 .TT_version {
font-size: .35em;
position: absolute;
left: .55em;
top: 1.9em;
}
#Home .PageHeader {
display: none;
}
#Home .ui-content {
max-width: 45em;
}
#Home .divider {
margin-bottom: 2em;
}
.Section {
margin-bottom: .5em;
}
.SectionHead {
font-weight: bold;
font-size: 1.2em;
margin-bottom: .5em;
color: #333;
position: relative;
}
.SectionInterior {
border: none;
border-top: 1px solid #cdf;
min-height: 3em;
padding: 1em;
position: relative;
}
.SectionInterior .elap {
position: absolute;
top: .8em;
left: -.5em;
z-index: 1;
background-color: #fff;
opacity: .5;
}
.SectionInterior .m-btn {
display: inline-block;
float: right;
min-width: 11em;
text-align: center;
min-width: 5em;
padding: 0.4em;
}
#Home .versionNumber {
position: absolute;
left: 25px;
top: 50px;
font-size: .9em;
}
#Home .Section {
border-bottom: 1px solid #35AA46;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
padding: 0.4em 0 0.4em 0.5em;
font-size: 2em;
color: #35AA46;
position: relative;
margin: 0;
z-index: 0;
}
#Home .Section.Title {
margin-top: 1.5em;
border-bottom: none;
font-size: 1em;
margin-bottom: 1em;
}
#Home .Section.Title .ui-btn {
float: right;
margin-top: 0;
}
#Home .Section:not(.Title) {
cursor: pointer;
}
#Home .Section:not(.Title):hover {
background-color: #bae9c1;
box-shadow: 0 0 5px #D4AA00
/*{a-active-background-color}*/
;
border: 1px solid #35aa46;
border-top: none;
}
#Home .Section:not(.Title):active {
background-color: #58da6b;
color: #fff;
}
#Home .Section .bigtitle {
font-family: filson-soft, sans-serif;
font-weight: bold;
}
#Home .Section .title {
color: #333;
font-size: 0.6em;
padding-right: 4em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#Home .Section .reminderBell {
display: none;
}
#Home .Section.alert .title {
padding-right: 7em;
color: #D94938;
font-weight: bold;
}
#Home .Section.alert .reminderBell {
position: absolute;
right: 2.5em;
top: 0.7em;
width: 1.5em;
display: block;
}
#Home .Section.RewardsSection {
z-index: 2;
}
#Home.showCheckout .Section.RewardsSection .reminderBell {
top: 2.2em;
}
#Home .Section .arrow {
position: absolute;
right: 10px;
top: 50%;
height: 48px;
margin-top: -24px;
}
#Home .Section.hasIcon {
padding-left: 3em;
}
#Home .Section .icon {
left: 0.5em;
position: absolute;
top: 0.5em;
width: 2em;
}
#Home .top {
font-size: .7em;
}
#Home .top_left {
width: 48%;
float: left;
}
#Home .top_right {
width: 48%;
float: right;
position: relative;
}
#Home .top .Section:not(.Inbox) {
padding: 0.4em 0 0.4em .5em;
border-top: 1px solid #35aa46;
}
#Home .Section.Inbox {
padding: 0.2em 0 0.4em 2.5em;
border-bottom: 1px solid #FFF;
}
#Home .Section.Inbox .icon {
top: 0.3em;
left: 0.3em;
}
#Home .Section.Inbox .wrapInboxNotify {
font-size: 0.75em;
font-weight: bold;
left: 0.5em;
position: absolute;
top: 0.6em;
width: 2em;
height: 2em;
}
#Home .Section.Inbox .wrapInboxNotify .new_message_count {
margin-top: .2em;
}
#Home .Section.Program.not_super {}
#Home .Section.Program.not_super:hover {
background-color: transparent;
}
#Home .Section.Program.not_super img.arrow {
display: none;
}
#Home .ProgramName,
#Home .UserName {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
padding-right: 2.4em;
}
#Home .shop_banner_small {
width: 100%;
margin-top: .5em;
}
#Home .ui-btn.Feedback {
right: 7.5em;
}
#Home .Section.Participants {
border-top: 1px solid #35aa46 !important;
}
#Home .ui-footer {
border-top: none;
}
#Home .ui-footer .nav_buttons {
display: none;
}
.ui-footer .copyright {
font-size: 75%;
display: none;
}
#Home .ui-footer .copyright {
margin-bottom: 1em;
}
#Home .noteTutorials {
cursor: pointer;
display: inline-block;
margin-top: 1em;
}
#Home .noteTutorials span {
font-weight: normal;
position: relative;
font-size: 1.1em;
top: .6em;
}
#Home .footer {
text-align: center;
position: relative;
color: var(--green);
font-size: .9em;
}
#Home .wrapVolume {
cursor: pointer;
display: inline-block;
margin: 5em 1em 0;
opacity: .8;
text-align: right;
}
@media all and (max-width: 620px) {
#Home .feedback {
display: none;
}
}
@media all and (max-width: 550px) {
#Home .ui-content {
padding: 2em 0 5em 0;
}
#Home .wrapLogo2 {
height: 2.5em;
font-size: .9em;
}
#Home .Section.Title {
margin-top: 0em;
height: 3em;
}
#Home .Title img {
width: 180px;
position: relative;
top: 8px;
}
#Home .top {
margin-top: 4em;
}
#Home .top .Section.User {
border-top: none;
margin-left: 45px;
margin-top: 3px;
border-bottom: none;
padding-left: 10px;
}
#Home .Section.Inbox {
position: absolute;
bottom: .4em;
left: .3em;
height: 32px;
width: 40px;
border: none;
padding: 0;
}
#Home .Section.Inbox:hover {
border: none;
}
#Home .Section.Inbox .wrapInboxNotify {
left: .2em;
top: 0;
}
#Home .top .Section.Inbox .label,
#Home .top .Section.Inbox .arrow {
display: none;
}
#Home .Section.Title .ui-btn {
top: .7em;
right: 0.3em;
margin: 0;
font-size: .9em;
position: absolute;
}
#Home .top_left,
#Home .top_right {
float: none;
width: auto;
}
#Home .shop_banner_small {
margin-top: 0em;
}
#Home .Section .title {
display: none;
}
#Home .Section .icon {
top: 0;
}
#Home .Section.RewardsSection .icon {
width: 1.5em;
top: .25em;
left: .6em;
}
#Home .Section[data-hash="Checkout"] .icon {
top: .25em;
left: .3em;
}
#Home .Section.Participants {
clear: both;
}
#Home .versionNumber {
display: none;
}
#Home .Section.alert .reminderBell {
position: absolute;
right: 1.8em;
top: 0.6em;
width: 1em;
display: block;
}
#Home .top .Section.alert .reminderBell {
display: none;
}
}
/* #endregion */
/* #region SignIn */
#SignIn {}
#SignIn .ui-header {
display: none;
}
#SignIn .ui-content {
margin: 1em auto 0;
max-width: 500px;
min-height: 450px;
position: relative;
}
#SignIn .learn_more {
float: right;
margin-right: 0;
margin-top: 2em;
}
#SignIn .learn_more:before {
content: "About";
}
#SignIn .learn_more2 {
display: none;
}
#SignIn .learn_more2:before {
content: "About TokenTap";
font-weight: bold;
}
#SignIn .wrapLogo2 {
font-size: 1.25em;
}
#SignIn .wrapLogo2 .logoTR {
font-size: 1.6em;
}
#SignIn .signinlabel {
margin: 0;
font-family: 'filson-soft', Arial;
font-size: 1.6em;
font-weight: bold;
}
#SignIn .wrapSignInVal {
position: relative;
}
#SignInVal:invalid {
-moz-box-shadow: none;
box-shadow: none;
}
#SignInVal-Clear {
position: absolute;
right: 0.3em;
top: -.3em;
display: none;
background-color: #ddd;
}
#SignInVal-Clear:after {
background-color: #ddd !important;
}
#SignIn .wrapInputs {
position: relative;
margin-top: 1em;
}
#SignIn .wrapInputs form.inputs {
padding: 0 .5em 0 .5em;
}
#SignIn .input_title {
font-size: 1em;
color: #444;
}
#SignIn .note {
font-size: .9em;
color: #AAA;
padding-left: 1em;
}
#SignIn .note.emailcode {
position: absolute;
left: 7.5em;
top: .1em;
width: 14em;
}
#SignIn .instructions {
position: relative;
}
#SignIn .elapsor {
margin-top: .5em;
}
#SignIn svg {
vertical-align: middle;
width: 2.5em;
height: 2.5em;
}
#SignIn form {
position: relative;
}
#SignIn .user_info {
color: #555;
font-size: 0.8em;
position: absolute;
left: 0.5em;
right: 0.5em;
top: 3.3em;
}
#SignIn .user_info .role {
float: right;
text-align: right;
}
#SignIn .wrapNewAccount {
position: relative;
margin-top: 2em;
padding-left: .5em;
}
#SignIn .wrapNewAccount h1 {
font-size: 1.4em;
}
#SignIn .wrapNewAccount a {
font-weight: normal;
}
#SignIn .wrap_password {
display: none;
position: relative;
margin-bottom: 1em;
height: 6em;
}
#SignIn .wrap_password a {
font-size: .9em;
float: right;
padding-top: .15em;
cursor: pointer;
text-decoration: underline;
}
#SignIn .wrap_no_password {
display: none;
position: relative;
margin-bottom: 1em;
height: 6em;
padding-top: 1em;
text-align: center;
font-size: 0.9em;
}
/* #region wrap_multiple_accounts */
#SignIn .wrap_multiple_accounts {
display: none;
position: relative;
top: -1.5em;
padding-bottom: 2.5em;
margin-bottom: 6em;
}
#SignIn .wrap_multiple_accounts .note {
font-size: 1.1em;
margin-bottom: .5em;
}
#SignIn .wrap_multiple_accounts table {
font-size: .9em;
width: 100%;
}
#SignIn .wrap_multiple_accounts th {
text-align: left;
}
#SignIn .wrap_multiple_accounts td {
padding: 0;
border-top: 1px solid #cdf;
font-size: 1.1em;
}
#SignIn .wrap_multiple_accounts td.name {
padding-left: .25em;
}
#SignIn .detail {
font-size: .9em;
}
#SignIn .wrap_multiple_accounts td.role {
text-align: left;
padding-right: 1em;
}
#SignIn .wrap_multiple_accounts .ok_btn {
margin: .5em;
cursor: pointer;
background-color: #35AA47
/*{a-bhover-background-color}*/
;
border-radius: 0.4em;
padding: 1em 1.3em 1em 1.5em;
}
#SignIn .wrap_multiple_accounts .ok_btn:hover {
color: #fff
/*{a-bhover-color}*/
;
background-color: #D4AA00
/*{a-bhover-background-color}*/
;
border-color: #D4AA00
/*{a-bhover-border}*/
;
text-shadow: none;
-webkit-box-shadow: 0 0 5px #D4AA00
/*{a-active-background-color}*/
;
-moz-box-shadow: 0 0 5px #D4AA00
/*{a-active-background-color}*/
;
box-shadow: 0 0 5px #D4AA00
/*{a-active-background-color}*/
;
opacity: 1;
}
#SignIn .wrap_multiple_accounts tr:last-child td {
border-bottom: 1px solid #cdf;
}
#SignIn .wrap_multiple_accounts tr.inactive {
display: none;
background-color: #FFEFEF;
}
#SignIn .showInactives {
font-weight: normal;
font-size: .9em;
position: absolute;
bottom: 0;
left: 0
}
/* #endregion */
#SignIn .wrap_submit {
margin-top: 1em;
min-height: 3em;
}
#SignIn .wrap_submit .ui-submit {
width: 6em;
display: inline-block;
font-size: 1.1em;
float: left;
margin: 0 1.5em 1em 0;
}
#SignIn .wrap_submit .elap {
display: none;
vertical-align: middle;
}
#SignIn .wrap_submit .show_accounts {
clear: both;
float: right;
margin: 2em 0 0 0;
padding: 0.3em .3em 0em;
display: none;
border-radius: .4em;
}
/* #region wrap_admin_options */
#SignIn .wrap_admin_options {
display: none;
margin: 1em 0 1em;
}
#SignIn .wrap_admin_options label {
position: relative;
background-color: #FFF;
color: #000;
padding-left: 3.3em;
font-weight: normal;
}
#SignIn .wrap_admin_options label.ui-first-child {}
#SignIn .wrap_admin_options legend {
font-size: .9em;
font-weight: bold;
}
#SignIn .wrap_admin_options .option_note {
color: #444;
}
#SignIn .wrap_admin_options .ui-radio {}
#SignIn .wrap_admin_options .ui-radio .ui-btn.ui-radio-on::after {
background-color: var(--blue);
border-color: #ccc;
}
#SignIn .wrap_admin_options .ui-btn.ui-radio-off::after {}
#SignIn .wrap_admin_options .ui-btn-icon-left::after {
background-color: #bbb;
background-position: center center;
background-repeat: no-repeat;
-webkit-border-radius: 1em;
border-radius: 1em;
}
/* jQM hover override for radio options */
#SignIn .wrap_admin_options .ui-btn:hover {
background-color: #cdf
/*{c-bhover-background-color}*/
;
border-color: var(--blue);
}
#SignIn .ui-controlgroup-controls .ui-radio {
border-radius: .7em;
}
#SignIn .wrap_admin_options .no_priviledge {
color: red;
}
/* #endregion */
#SignIn .wrapPersists {
text-align: right;
width: 12em;
position: relative;
top: .6em;
vertical-align: top;
float: right;
}
#SignIn .wrapPersists a.warning {
font-size: 0.9em;
position: relative;
right: .5em;
top: -.3em;
display: none;
cursor: pointer;
}
#SignIn .wrapPersists a.warning:hover {
text-decoration: underline;
}
#SignIn .wrapPersists .input_title {
font-size: .9em;
}
#SignIn .loader {
display: none;
margin-top: 2em;
}
#SignIn .td_ok_btn {
text-align: right;
}
#SignIn .td_ok_btn .ui-btn {
float: right;
font-size: .9em;
}
#SignIn .td_ok_btn .ui-btn.party {
background-color: #49e;
border-color: var(--blue);
}
#SignIn .td_ok_btn .inactive {
font-size: .8em;
display: inline-block;
padding-right: 1em;
}
#SignIn .wrap_new_party_account {
display: none;
padding-left: 1em;
}
#SignIn .PageFooter {}
#SignIn .appLinks {
margin: 3em 0;
text-align: center;
display: block;
}
#SignIn .appLinks img {
width: 180px;
}
#SignIn .copyright {
text-align: center;
margin-top: 4em;
font-size: .9em;
}
#SignIn .token_email {
font-weight: bold;
}
@media all and (max-width: 28em) {
#SignIn {
padding-top: 0%;
}
#SignIn .wrapPersists {
float: right;
}
#SignIn .learn_more {
display: none;
}
#SignIn .learn_more2 {
display: inline-block;
margin-bottom: 1.5em;
}
#SignIn .wrap_multiple_accounts table {
font-size: .8em;
}
}
/* #endregion */
/* #region User */
#User .main_title {
padding-left: 4em;
position: relative;
}
#User .main_title svg {
position: absolute;
left: 0.3em;
top: 0.3em;
}
#User svg.help {
position: relative;
top: .7em;
margin-left: .2em;
opacity: .85;
cursor: pointer;
}
#User svg.help:hover {
opacity: 1;
}
#User a.help {
cursor: pointer;
}
#User .sharedCredsBadge {
font-weight: bold;
margin-top: 2em;
}
#User .wrapNewEmailPass svg.help {
position: relative;
top: 0;
margin-left: .2em;
opacity: .7;
display: inline;
}
#User .wrapEmailLimits svg.help {
top: .5em;
margin-left: 0;
}
#User .wrapSelectHelp {
display: inline-block;
}
@media all and (max-width: 30em) {
#User .wrapSelectHelp {
display: block;
margin-left: 1em;
}
}
#User .title_name.one_line {
padding: 0.7em 0 0.3em;
}
.save_undo {
font-size: .9em;
text-align: center;
clear: both;
}
.save_undo .loader {
display: none;
font-weight: bold;
font-size: 1.1em;
}
.save_undo .loader img {
height: 2em;
}
.save_undo .loader .status {
position: relative;
top: -.5em;
}
.save_undo .undo {
margin-right: 0;
}
#User .ui-disabled-emailcheck {
filter: Alpha(Opacity=30);
opacity: .3;
cursor: default !important;
pointer-events: none;
}
#User .ui-content {}
#User .side {}
#User .save_undo2 {
position: absolute;
top: 2em;
right: 2em;
}
#User .save_undo {
position: relative;
width: 100%;
text-align: center;
margin-top: 2em;
}
#User .showNotCurrent,
#User .showIsCurrent {
display: none;
}
#User .leftside {
float: left;
width: 44.5%;
}
#User .rightside {
float: right;
width: 50%;
}
#User .ui-content.isNewUserRec {
max-width: 28em;
}
#User .ui-content.isNewUserRec .leftside {
width: 100%;
float: none;
}
#User .sidecontents {
margin: 0 auto;
text-align: left;
padding: 0 1em;
}
#User .side .wrapInput {
text-align: left;
margin-bottom: 1em;
position: relative;
}
#User .ui-content.isNewUserRec .leftside .sidecontents {
padding: 0 4em;
}
#User .wrapInput.wrapPassword,
#User .wrapInput.wrapCurrentPassword {
margin-bottom: 1em;
}
#User .ui-select .ui-btn {
text-align: left;
}
#User .input_title {
font-size: .9em;
font-weight: bold;
position: relative;
top: .2em;
display: inline-block;
}
#User .input_and_button .ui-input-text {}
#User .input_and_button .ui-btn {
width: auto;
font-size: .9em;
padding-top: .5em;
padding-bottom: .5em;
}
#User .ui-btn.GenNewPassword {
position: absolute;
right: 0.2em;
top: 1.6em;
}
#User .wrapLAST_ACCESS {
padding-left: .5em;
padding-right: .5em;
font-size: .9em;
}
#User a.deleteUser {
font-weight: normal;
color: var(--red);
margin-top: 1.5em;
padding-left: 1em;
}
#User .sharedCredsNote {
font-size: .9em;
margin-bottom: .5em;
}
#User .noSharedCreds {
font-size: .9em;
color: #555;
font-style: italic;
}
.duplicateEmail {
position: relative;
padding-left: 3em;
margin-top: 1em;
margin-bottom: 1em;
text-align: left;
}
#ConfirmMessage .duplicateEmail {
margin-bottom: 1em;
}
.duplicateEmail svg {
position: absolute;
left: 0;
top: 1em;
}
#User .require_note,
#User .optional_note,
#User .okay_note,
#User .verified_note {
float: right;
display: none;
font-size: .9em;
position: relative;
top: .5em;
right: .5em;
}
#User .wrapEmail {
position: relative;
}
#User .wrapEmail .email_status {
position: absolute;
top: .2em;
right: 0;
text-align: right;
font-size: .8em;
}
#User .wrapEmail .email_status.verified {
color: #00AA00;
}
#User .wrapEmail span.invalid {
color: #AA0000;
}
#User .wrapSetupCreds {
margin-top: 0em;
text-align: left;
display: none;
font-size: 0.9em;
}
#User .wrapSetupCreds .saveFirst {
font-size: .9em;
color: var(--red);
display: none;
}
#User .AllUserPWInputs {
margin-top: 1em;
}
#User .wrapEmailCurrent .UserEmail,
#User .showIsExistingUser .UserEmail {
color: #888;
}
#User .wrapCurrentEmailPass .input_and_button {
position: relative;
}
#User .wrapCurrentEmailPass .input_and_button .ui-input {
margin-right: 7em;
}
#User .wrapCurrentEmailPass .input_and_button button {
font-size: 0.8em;
position: absolute;
right: 0.3em;
top: 2em;
}
#User .emailVerifiedNote {
font-size: .9em;
color: #888;
margin-top: .5em;
}
#User a.resendWelcome {
font-weight: normal;
display: block;
margin-top: 1em;
}
#User .wrapAdminRole {
margin-bottom: .5em;
}
#User .wrapAdminRole .ui-select {
font-size: .9em;
vertical-align: middle;
margin-left: .5em;
display: inline-block;
}
#User .wrapMessOpt .ui-select {
font-size: .9em;
}
#User .ui-collapsible {
font-size: .9em;
margin-top: 2.2em;
}
#User .ui-collapsible-heading a {
font-size: .9em;
}
#User .wrapEmailLimits {
font-size: .9em;
margin-bottom: 1.5em;
}
#User .wrapEmailLimits .input_title {
font-size: 1em;
}
#User .wrapDepositLimit {
margin-bottom: 1.5em;
}
#User.isCurrentUser .wrapDepositLimit {
margin-top: 1.5em;
}
/*#region wrapAssignedClasses */
#User .classes_table {
margin: 0;
border-spacing: 0;
border-collapse: separate;
position: relative;
width: 100%;
}
#User .classes_table thead td {
background-color: #35AA47;
color: #fff;
border: 1px solid #35AA47;
padding: .5em 1em;
}
#User .classes_table thead td:first-child {
border-top-left-radius: .4em;
font-size: 1em;
font-weight: bold;
}
#User .classes_table thead td:last-child {
border-top-right-radius: .4em;
}
#User .classes_table .ui-btn {
margin: 0.3em 0;
}
#User .classes_table .ui-select {
font-size: .9em;
margin-right: 0;
}
#User .classes_table .ui-select>div {
text-align: left;
}
#User .classes_table tbody td:first-child {
max-width: 7em;
}
#User .classes_table tbody td:last-child {}
#User .classes_table .no_class {
display: none;
}
#User .classes_table .no_class div {
padding: .5em .5em;
font-style: italic;
color: #aaa;
}
#User .wrap_remove_row {
text-align: center;
width: 3em;
}
#User .remove_row {
opacity: .7;
}
#User .remove_row:hover {
opacity: 1;
}
#User .classes_table tfoot td {}
#User .new_class {
font-size: .9em;
padding-top: .5em;
padding-bottom: .5em;
float: left;
margin-left: .5em;
}
.not_super #User .new_class {
display: none;
}
#User .classes_require_note {
float: none;
padding: 0 2em;
}
#User .parties {
text-align: right;
padding-right: 0.5em;
width: 2em;
}
#User .class_count {
background-color: #fff;
color: #35AA47;
margin-left: .5em;
border-radius: .3em;
padding: .1em .5em;
}
/* #endregion */
#User .role_note {
display: none;
margin-top: 2em;
}
#User .send_note {
text-align: center;
margin: 1em auto;
line-height: 1.4em;
color: #433;
display: none;
max-width: 30em;
}
#User .send_note .address {
font-weight: bold;
}
@media all and (max-width: 45em) {
#User .side {
width: 100%;
}
#User .save_undo2 {
background: #fff none repeat scroll 0 0;
left: 0;
position: fixed;
right: 0;
text-align: center;
top: 0;
height: 6em;
}
}
/* #endregion */
/* #region Change Email & Password */
#ChangeEmail h1 svg {
width: 1.5em;
vertical-align: middle;
}
#ChangeEmail .changeEmailTitle {
border-bottom: 2px solid var(--green);
padding-bottom: .4em;
margin-bottom: 1.2em;
}
#ChangeEmail .wrapCurrentEmail {
margin-bottom: 2em;
}
#ChangeEmail .same_address,
#ChangeEmail .wrapConfirmCode {
display: none;
}
.wrapConfirmCode .ui-input-text {
width: 8em;
display: inline-block;
height: 2.8em;
}
.wrapConfirmCode input.ConfirmCode {
text-transform: uppercase;
font-weight: bold;
font-family: Courier, Monospace;
font-size: 2em;
text-align: center;
letter-spacing: .2em;
min-height: 0;
padding: 0;
}
#ChangeEmail .wrapConfirmCode .SaveUndo {
float: right;
margin-top: .5em;
}
#ChangeEmail .wrapNewPassword,
#ChangePassword .wrapNewPassword {
position: relative;
display: none;
}
#ChangeEmail .pwToggleWrap,
#ChangePassword .pwToggleWrap {
position: relative;
}
#ChangeEmail .pwToggleWrap input,
#ChangePassword .pwToggleWrap input {
width: calc(100% - 5em);
display: inline-block;
}
#ChangeEmail .TogglePw,
#ChangePassword .TogglePw {
position: absolute;
right: 2.4em;
top: -.25em;
}
#ChangeEmail .GenNewPassword,
#ChangePassword .GenNewPassword {
position: absolute;
right: .2em;
top: -.25em;
}
#ChangePassword .SaveUndo {
text-align: left;
}
#ChangePassword .wrapConfirmCode .SaveUndo {
float: right;
margin-top: .5em;
}
#ChangePassword .wrapVerifyUser {
padding: 0 1em;
}
#ChangePassword .wrapSending {
font-size: 1.1em;
display: none;
}
#ChangePassword .wrapNewPasswords {
display: none;
padding: 1em;
}
/* #endregion */
/* #region Program */
#Program .main_title {
margin-bottom: 0;
}
#Program .main_title .title_name {
color: #333;
}
#Program svg.help {
position: relative;
top: .5em;
margin-left: .2em;
opacity: .7
}
#Program svg.help:hover {
opacity: 1;
cursor: pointer;
}
/* #region ui-navbar (archive) */
#Program .ui-navbar li .ui-btn {
font-size: 1.2em;
padding: 0.5em 0.5em;
border: 1px solid #35AA46;
border-radius: .3em .3em 0 0;
}
#Program .ui-listview a.ui-icon-carat-r::after {
background-color: #fff;
}
#Program a.ui-icon-carat-r:hover::after {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22opacity%3A1%3Benable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%2335AA47%3B%22%20points%3D%223.404%2C2.051%208.354%2C7%203.404%2C11.95%205.525%2C14.07%2012.596%2C7%205.525%2C-0.071%20%22%2F%3E%3C%2Fsvg%3E");
background-color: #B6ECBE;
}
#Program .ui-state-active a.ui-icon-carat-r::after,
#Program .ui-state-active a.ui-icon-carat-r:hover::after {
background-color: #35AA47;
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22opacity%3A1%3Benable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%223.404%2C2.051%208.354%2C7%203.404%2C11.95%205.525%2C14.07%2012.596%2C7%205.525%2C-0.071%20%22%2F%3E%3C%2Fsvg%3E") !important;
}
/* #endregion */
#Program .tabs {
margin-top: 0;
}
#Program .tabs .tab {
padding: .3em .6em;
}
#Program .ui-tabs-panel {
padding: .5em;
}
#Program h1 {
font-size: 1.4em;
}
#Program h2 {
font-size: 1.1em;
}
#Program h3 {
font-size: .9em;
}
#Program .bottomMargin {
margin-bottom: 2.0em;
}
#ProgramTabs {
margin-top: 0em;
}
@media all and (max-width: 38em) {
#Program .ui-content {
padding: 0 0 6em 0;
}
#Program .imagesTab .floatRight {
float: none;
}
#ProgramTabs .tab.ui-btn {
font-size: .9em;
padding: .4em .3em;
}
#ProgramTabs .tab.ui-btn:first-child {
margin-left: .5em;
}
}
#Program .ui-select {
display: inline-block;
vertical-align: middle;
font-size: .9em;
}
/* #region Old Settings Tab */
#SettingsTabs {
text-align: left;
}
#SettingsTabs .ui-tabs-panel {
padding: 0em;
}
#SettingsTabs .tablist-left {
width: 14em;
display: inline-block;
float: left;
margin-right: 2.5em;
margin-bottom: 2em;
}
#SettingsTabs .tablist-content {
display: block;
vertical-align: top;
padding-left: 16.5em;
padding-right: 2em;
}
#SettingsTabs .wrapNoClass {
display: inline;
padding-left: 0.5em;
}
#SettingsTabs input {
font-weight: bold;
}
#SettingsTabs select {
font-weight: bold;
font-size: 1em;
margin-top: .5em;
}
#settings_panel-1 .input_token_rate {
font-weight: bold;
font-size: 1.1em;
width: 4em;
}
#SettingsTabs .learn_more {}
#SettingsTabs .wrapShopURL {
max-width: 30em;
}
#SettingsTabs .wrapDestination {
margin-top: 1em;
}
#SettingsTabs .radio_label {
padding-left: 1em;
width: 23em;
cursor: pointer;
}
#SettingsTabs .radio_label.active {
font-weight: bold;
}
#SettingsTabs .wrapAddress {
display: inline-block;
}
#SettingsTabs .wrapShipTo,
#SettingsTabs .wrapBillTo {
min-height: 4em;
max-width: 30em;
min-width: 15em;
position: relative;
color: #555;
font-size: .9em;
float: left;
}
#SettingsTabs .address_break {
border-top: 1px solid #3a4;
height: 1px;
margin: .25em 0em;
}
#SettingsTabs .update_ship_address,
#SettingsTabs .update_bill_address {
font-size: .8em;
margin-left: .5em;
float: left;
}
@media all and (max-width: 42em) {
#Program #program_panel-0 {
margin: 0;
}
#program_panel-0 .save_undo {
margin-left: 5%;
}
#SettingsTabs .tablist-left {
display: block;
float: none;
}
#SettingsTabs .tablist-content {
width: auto;
padding-left: 1em;
padding-right: 1.5em;
}
}
/* #endregion */
/* #region Settings Tab */
#Program .settingsTab {
margin: 0 auto;
position: relative;
padding: 1.5em .5em 0 0;
text-align: left;
}
#Program .side {
width: 49%;
position: relative;
}
#Program .side.leftside {
width: 48%;
float: left;
}
#Program .side.rightside {
width: 50%;
float: right;
}
#Program .side-contents {
padding: .7em 1.5em;
}
@media all and (max-width: 55em) {
#Program .side {
width: 100% !important;
float: none !important;
max-width: 32em;
margin: 0 auto 2em;
}
#Program .side-contents {
padding: .7em .5em;
}
}
#Program .input_title {
padding-right: .5em;
}
#Program .settingsTab .ui-collapsible {
margin-top: 0;
margin-bottom: 0;
}
#Program .wrapAdminSettings .input_title {
font-weight: normal;
}
#Program .PA_Role_Notes {
font-size: .9em;
color: #555;
margin-bottom: .4em;
}
#Program .list-divider {
height: 1px;
background-color: var(--green);
width: 94%;
margin: .5em 3%;
}
#Program .wrapDepositLimit {
margin-bottom: 1em;
}
#Program .wrapDepositLimit table {
font-size: .9em;
margin-left: 1em;
}
#Program .wrapDepositLimit table div.ui-input-text,
#Program .wrapDepositLimit table div.ui-select {
margin: 0;
}
#Program .wrapUpdateAll {
display: none;
margin-left: 1em;
font-size: .9em;
}
#Program .wrapUpdateAll .diffNote {
font-size: .9em;
}
#Program a.update_all {
font-weight: normal;
text-decoration: underline;
cursor: pointer;
}
#Program .wrapPREVENT_CERT_ACCOUNTS,
#Program .wrapPREVENT_ADMIN_INSERTS {}
#Program .wrapEmailLimits {
margin-top: 0;
margin-bottom: .5em;
}
#Program .wrapEmailLimits .top_note {
font-size: .9em;
margin-bottom: 1em;
}
#Program .settingsTab .note {
font-style: italic;
font-size: .9em;
}
#Program .settingsTab .wrapEmailLimits .note {
display: none;
}
#Program .settingsTab .wrapSelectHelp {
display: inline-block;
}
@media all and (max-width: 30em) {
#Program .settingsTab .wrapSelectHelp {
display: block;
margin-left: 1em;
}
}
#Program .usageTab h1 {
margin-bottom: .5em;
}
#Program .wrapTokenLimits button {
font-size: .8em;
}
#Program .settingsTab .ui-collapsible.wrapSharedAccess {
margin-top: 1em;
}
#Program .wrapSharedAccess .note {
font-size: .8em;
color: #555;
margin-bottom: .5em;
}
#Program .wrapSharedAccess .help_note {
font-size: 0.9em;
line-height: 1.3;
margin-bottom: 0.5em;
}
#Program .wrapSharedAccess .field-row {
display: flex;
align-items: flex-start;
margin: 0.5em 0 .5em;
position: relative;
height: 4.5em;
font-size: .9em;
}
#Program .wrapSharedAccess .field-row .ui-input-text {
margin-bottom: 0;
}
#Program .wrapSharedAccess label {
width: 7em;
font-weight: 600;
margin-right: 1em;
text-align: right;
padding-top: 1em;
}
#Program .wrapSharedAccess .input-wrap {
flex: 1;
position: relative;
}
#Program .wrapSharedAccess .ui-input-text {
width: 100%;
}
#Program .wrapSharedAccess .code_alerts,
#Program .wrapSharedAccess .pw_alerts {
margin-top: 0em;
font-size: 0.9em;
line-height: 1.3;
}
#Program .wrapSharedAccess .code_alerts>div,
#Program .wrapSharedAccess .pw_alerts>div {
display: none;
font-weight: normal;
}
#Program .wrapSharedAccess .code_alerts .elap img {
width: 1.3em;
position: relative;
top: 0.2em;
}
#Program .wrapSharedAccess .ui-state-disabled {
opacity: 1;
}
#Program .wrapSharedAccess .input-wrap .ui-btn {
position: absolute;
right: 0.1em;
top: .25em;
}
#Program .wrapSharedAccess .input-wrap .edit_code.ui-btn {
right: -.5em;
}
#Program .wrapSharedAccess .hide_pw {
position: absolute;
right: 0.4em;
top: -.8em;
font-size: 0.8em;
cursor: pointer;
font-weight: bold;
color: var(--green)
}
#Program .wrapSharedAccess .wrapShowPW,
#Program .wrapSharedAccess .wrapEditPW {
display: none;
}
#Program .wrapSharedAccess .wrapPassword img.loader {
position: absolute;
right: 0.4em;
bottom: 0.3em;
width: 2em;
display: none;
}
/* #endregion */
/* #region Administrators Tab */
#Admin_DataTable_wrapper {
margin-top: 1em;
}
#Admin_DataTable tbody tr {}
#Admin_DataTable tbody tr td {
padding: .3em .6em;
font-size: 1em;
}
#Admin_DataTable_filter {
padding: 0;
margin-right: 1em;
margin-left: .5em;
}
#Admin_DataTable_filter input {
margin: 0;
padding: 0.1em 0 0 1.7em;
width: 8em;
}
#program_panel-1 {
padding: 0;
}
#program_panel-1 .new_admin_user {
float: right;
font-size: .9em;
position: relative;
margin-bottom: 0;
}
#program_panel-1 .inactive_filter {
float: right;
margin-right: 1em;
font-size: 0.9em;
padding-top: .5em;
display: inline-block;
}
#program_panel-1 .inactive {
color: var(--red);
}
#Admin_DataTable tbody .sharedCredLink {
font-weight: normal;
font-size: .9em;
cursor: pointer;
}
/* #endregion */
/* #region Credits Tab */
#Program .usageTab {
margin: 0 auto;
}
#Program .usageTab table {
width: 100%;
}
#Program .usageTab table thead td,
#Program .usageTab table tfoot td {
font-weight: bold;
font-size: .9em;
padding-bottom: .25em;
}
#Program .usageTab table td {
text-align: right;
}
#Program .usageTab table tbody td:nth-child(1),
#Program .usageTab table tbody td:nth-child(2) {
text-align: left;
}
#Program .usageTab table tfoot td {
text-align: right;
}
/* #endregion */
/* #region Images Tab */
#Program .imagesTab {
padding: 1em;
}
#Program .image_options {
display: inline;
margin-top: .5em;
}
#Program .image_options button {
margin: 0;
font-size: 1.1em;
}
#Program .colorPicker {
position: relative;
top: .3em;
width: 4em;
}
#ShopNavButtons {
background-color: var(--blue);
width: 500px;
}
#Program .menu_btn {
display: inline-block;
height: 2.2em;
width: auto;
padding-bottom: .5em;
margin: .2em;
padding-left: .5em;
padding-right: 0;
border-radius: .5em;
position: relative;
background-color: transparent;
color: white;
}
#Program .menu_btn span {
font-weight: bold;
font-size: 1.15em;
position: relative;
top: -.2em;
left: -.2em;
}
#Program .menu_btn img {
position: relative;
top: .3em;
left: 0em;
width: 2em;
margin-right: .7em;
}
#Program .wrapBannerSmall .wrapImg {
height: 70px;
width: 500px;
}
#Program .wrapBannerSmall.nameOnly .wrapImg {
height: auto;
background-color: var(--blue);
}
#Program .wrapBannerSmall .wrapImg .title_name {
font-size: 1.5em;
font-weight: bold;
color: white;
display: none;
padding: .3em .6em .2em;
}
#Program .wrapBannerSmall.nameOnly .title_name {
display: inline-block;
}
#Program .wrapBannerSmall.nameOnly .wrapImg img {
display: none;
}
#Program .wrapBannerBig .wrapImg {
width: 100%;
max-width: 1024px;
}
#Program .wrapBannerBig .wrapImg img {
width: 100%;
}
#images_panel-0 {
text-align: left;
}
#Program .wrapAccountCard {
border: 1px solid #EEE;
margin: 0.5em 0;
position: relative;
overflow: hidden;
max-width: 500px;
width: 100%;
}
#Program .wrapAccountCard .card {
line-height: 1.5em;
position: relative;
margin: .5em 0;
border: 1px dashed #888;
font-size: 16px;
}
#Program .wrapAccountCard .card div {
position: absolute;
}
#Program .wrapAccountCard .card img {
width: 100%;
}
#Program #images_panel-2 .leftside {
width: 42%;
}
#Program #images_panel-2 .rightside {
width: 55%;
}
#Program #images_panel-2 .wrapImg {
max-width: 335px;
}
#Program #images_panel-2 .ui-controlgroup-horizontal {
display: inline-block;
margin: 0 1em 0 0em;
}
#Program #images_panel-2 .ui-controlgroup-horizontal .ui-checkbox {
text-align: center;
min-width: 2.75em;
}
#Program #images_panel-2 .ui-controlgroup-horizontal .ui-checkbox label {
font-family: Times New Roman, Times, serif;
padding: 0.7em 0.5em 0.6em 1em;
}
#Program #images_panel-2 .ui-flipswitch {
top: 0;
}
#Program #images_panel-2 .tableLayout {
width: 100%;
font-size: .9em;
}
#Program #images_panel-2 .tableLayout td:first-child {
width: 5.5em;
}
#Program #images_panel-2 input.ui-slider-input {
width: 50px;
}
#Program #images_panel-2 .wrapSelectBG .input_title {
width: 4.8em;
display: inline-block;
}
#Program #images_panel-2 .input_title {
font-size: .9em;
font-weight: bold;
position: relative;
top: .2em;
}
#Program .imagesTab .save_undo {
text-align: center;
margin-top: 1em;
}
/* #endregion */
/*#region Classes Tab */
#Program .classesTab ul {
font-size: .9em;
}
#Program .classesTab .ui-select {
display: inline-block;
width: 14em;
margin-right: 1em;
}
#Program .classesTab .ui-filterable {
width: 10em;
display: inline-block;
position: relative;
top: 0em;
left: .3em;
}
#Program .classesTab .ui-filterable .ui-input-search {
margin: 0;
}
#Program .classesTab .no_class_note {
display: none;
}
#Program .classesTab .new_class {
float: right;
margin: 0em 0.3em;
font-size: .9em;
}
#Program .classesTab li.Class {
padding: 1em 20% 1em 2em;
}
#Program .classesTab .ui-li-divider span.parties_alias {
position: absolute;
right: 4em;
}
#Program .classesTab .AdminNames {
display: inline;
padding-top: .5em;
}
li.Class .GoEditClass {
position: absolute;
left: 1em;
top: 50%;
width: 2.5em;
height: 2.5em;
margin: -1.25em 0 0 0;
display: none;
text-align: center;
color: var(--blue);
font-weight: normal;
font-size: 90%;
background-color: transparent;
background-image: url("Images/Data-Edit.png");
background-size: contain;
cursor: pointer;
}
li.Class .GoEditClass:hover {
background-image: url("Images/Data-Edit-hover.png");
}
li.Class .GoEditClass:active {
background-image: url("Images/Data-Edit-active.png");
}
li.Class .ClassName {
font-size: 150%;
font-weight: bold;
padding-bottom: .25em;
display: block;
}
li.Class .ClassName a {
color: #35aa47
}
li.Class .GoParties {
position: absolute;
right: .5em;
top: 50%;
height: 48px;
margin-top: -24px;
font-weight: bold;
font-size: 1.2em;
padding: 0 0 0 0.5em;
}
li.Class .GoParties span {
position: relative;
top: -.85em;
left: .5em;
}
/*#endregion */
/*#region Subscription Tab */
.subscriptionTab {
margin: 0 auto;
}
.subscriptionTab .subscriptionHeader {
margin-bottom: 2em;
}
/*#region Billing panel */
.subscriptionTab .billingPanel {
float: right;
margin-bottom: 0;
position: relative;
top: -.5em;
}
.subscriptionTab .billingPanel .panelTitle {
margin-bottom: .3em;
}
/* Each row is a two-column grid: label | value */
#btnManageSubscription {
font-size: 0.9em;
margin-left: 0;
}
.billingPanel .wrapGrid {
display: grid;
grid-template-columns: auto 1fr;
gap: 3px 0;
padding: 0.1em 0;
}
.billingPanel .billingRow {
display: contents;
font-size: 1em;
}
.billingPanel .label {
color: #666;
padding-right: 10px;
white-space: nowrap;
}
.billingPanel .stripeEmail {
color: #2e7d32;
font-weight: bold;
text-decoration: none;
}
.billingPanel .stripeEmail:hover {
text-decoration: underline;
}
.billingPanel .manageNote {
display: block;
font-size: 0.8em;
color: #888;
margin-top: 2px;
}
/* #endregion */
/*#region Engagement panel */
.subscriptionTab .engagementPanel {
text-align: left;
margin-bottom: 0em;
margin-right: 1em;
display: inline-block;
max-width: 18em;
}
.subscriptionTab .programList {
font-size: .8em;
color: #888;
}
.subscriptionTab .engagementPanel .panelTitle {
margin-bottom: .3em;
border-bottom: 1px solid var(--green);
font-weight: bold;
color: var(--green);
}
/* 1. Change the outer container to align the grid tracks to the left */
.subscriptionTab .engagementPanel .wrapGrid {
display: grid;
grid-template-columns: 1fr;
/* Stacked as discussed */
justify-items: start;
/* This pushes the cards to the left */
row-gap: 2px;
font-family: "Segoe UI", Arial;
}
/* 2. Fix the card internal alignment */
.subscriptionTab .engagementPanel .card {
display: grid;
grid-template-columns: auto auto;
gap: 0px 10px;
align-items: center;
text-align: left;
/* Change from right to left */
}
/* 3. Ensure labels don't force extra space */
.subscriptionTab .engagementPanel .label {
white-space: nowrap;
text-align: left;
/* Change from right to left */
}
/* value column */
.subscriptionTab .engagementPanel .value,
.subscriptionTab .engagementPanel .bold {
font-weight: bold;
justify-self: start;
/* change to 'end' if you want right-aligned numbers */
}
/*#endregion */
/*#region importPriceTiles */
.wrapTilesAndFooter {
display: none;
}
.priceTileLoading {
text-align: center;
padding: 2em 0;
font-size: .8em;
color: #555;
}
.priceTileLoading .ui-icon-loading {
width: 4em;
height: 4em;
display: inline-block;
}
.importPriceTiles {}
.importPriceTiles .tile {
position: relative;
}
.importPriceTiles .tile .cta {
display: block;
font-size: .4em;
}
.importPriceTiles #tile-free.tile .cta {
display: block;
position: absolute;
bottom: 1em;
right: 1em;
}
.importPriceTiles .tile .support {
display: none;
}
.importPriceTiles .tile .tierDetail {
display: none;
}
.importPriceTiles .tiles .tile.is-current {
border: 2px solid #0b6640;
box-shadow: 0 6px 18px rgba(11, 102, 64, 0.10);
}
.importPriceTiles .tiles .tile.is-current .tier-badge {}
.importPriceTiles .tiles .tile.is-current .choose-tier {
display: none !important;
}
.importPriceTiles .tiles .tile.is-recommended {
border: 2px solid #ff9800;
box-shadow: 0 0 0 3px rgba(255, 152, 0, 0.18), 0 10px 22px rgba(0, 0, 0, 0.06);
}
.importPriceTiles .tiles .badge {
position: relative;
right: -.5em;
}
.importPriceTiles .tiles .badge.badge-current {
background: #0b6640;
color: #fff;
margin-left: 8px;
font-size: 1.2em;
cursor: default;
margin-top: .4em;
}
.importPriceTiles .tiles .badge.badge-recommended {
background: #fff3e0;
color: #e65100;
border: 1px solid #ffcc80;
margin-left: 4px;
}
/* Add this to your main CSS file */
.recommended-badge {
position: absolute;
top: 10px;
/* Adjust to align with where .tier-badge usually sits */
right: 10px;
background-color: #ff8c00;
/* Orange pop */
color: #fff;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
padding: 3px 8px;
border-radius: 12px;
z-index: 10;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
/* #endregion */
/*#region PriceTiles Refresh*/
.subscriptionTab .tile.is-current,
.tiles .tile.is-current {
border: 2.5px solid #2e7d32 !important;
background: #f2f9f3 !important;
box-shadow: 0 6px 16px rgba(46, 125, 50, 0.20) !important;
}
.subscriptionTab .tile.is-recommended,
.tiles .tile.is-recommended {
border-color: #FF9800;
}
.subscriptionTab .badge-current,
.tiles .badge-current {
color: #d4aa00 !important;
background: #fffdf0 !important;
border: 1.5px solid #d4aa00 !important;
padding: 4px 9px !important;
border-radius: 8px !important;
font-size: 0.8em !important;
font-weight: 700 !important;
text-transform: none !important;
letter-spacing: 0 !important;
display: inline-block !important;
white-space: nowrap !important;
box-shadow: 0 1px 3px rgba(212, 170, 0, 0.12) !important;
}
.subscriptionTab .badge-recommended {
background: #FF9800;
color: white;
padding: 2px 8px;
border-radius: 4px;
font-size: 0.75em;
margin-left: 8px;
}
/* #endregion */
/* #endregion */
/* #region Address */
#Address {}
form.ShipTo {
height: 40em;
}
#Address .invisible,
#Address .tiny {
display: none;
}
#Address .invisible2 {
visibility: hidden;
}
#Address .ui-content {
max-width: 40em;
}
.WrapAddressField {
margin-bottom: 1em;
margin: 0 auto;
}
.enterAddressFieldLabel {
display: inline-block;
padding-top: 1em;
vertical-align: top;
width: 9em;
}
.enterAddressField {
display: inline-block;
min-width: 18em;
max-width: 25em;
width: 100%;
}
.enterAddressField.short {
min-width: 12em;
max-width: 16em;
}
.enterAddressField select {
font-size: 110%;
padding: 0.3em;
position: relative;
top: 0.5em;
}
.enterAddressFieldError {
color: #d84a38;
display: block;
font-size: 80%;
position: relative;
top: -.2em;
}
.WrapAddressField .tiny {
font-size: 80%;
color: #BBB;
position: relative;
top: -.5em;
}
#Address .WrapStateRegion {
margin-bottom: 1em;
}
.enterAddressFieldError {
width: 35em;
}
#enterAddressStateOrRegionError {
top: .8em;
}
.WrapAddressSubmit {
clear: both;
text-align: left;
margin: 2em 0 1.5em 0em;
}
.WrapAddressSubmit .ui-btn {
position: relative;
}
#Address .require_note {
color: #FBB;
font-size: .9em;
position: relative;
top: -.1em;
}
#Address .save_undo {
margin-left: 0;
}
@media all and (max-width: 37em) {
.enterAddressFieldLabel {
width: 100%;
}
}
/* #endregion */
/*#region AdminSelect */
.userTile {
display: inline-block;
border: 1px solid #35aa47;
margin: .5em .5em .5em 0;
font-size: 1em;
min-width: 8em;
max-width: 12em;
padding: .25em 4em .25em .5em;
position: relative;
text-align: left;
color: #000;
}
.userTile .tile_action {
position: absolute;
top: 0.5em;
right: 0em;
top: .2em;
opacity: .5;
}
.userTile .tile_action:hover {
opacity: 1;
}
.userTile .NAME {
font-size: 1.0em;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.userTile .TITLE {
font-size: .85em;
display: block;
height: 1.5em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.userTile .TITLE.no_title {
color: #aaa;
font-style: italic;
}
.userTile.inactive {
background-color: #ccc;
}
#AdminSelect {
margin-top: 2em;
padding-top: 3em;
padding-bottom: 1em;
}
#AdminSelect .ui-bar-a {
padding: .5em;
position: absolute;
top: 0;
left: 0;
right: 0;
border-color: #35aa47;
}
#AdminSelect ul {
min-width: 20em;
max-height: 40em;
overflow-y: scroll;
}
#AdminSelect .userTile {
max-width: 100%;
padding: 0.3em 3em 0.1em 1em;
}
#AdminSelect ul li.userTile:nth-child(2) {
border-top-left-radius: .5em;
border-top-right-radius: .5em;
}
#AdminSelect ul li.userTile:last-child {
border-bottom-left-radius: .5em;
border-bottom-right-radius: .5em;
}
#AdminSelect .tile_action {
font-size: 1.2em;
top: -.2em;
display: none;
}
#AdminSelect .userTile.assigned {
display: none;
}
#AdminSelect .selected {
display: none;
color: #888;
font-size: 0.8em;
position: absolute;
right: 1em;
text-align: right;
top: 0.7em;
}
/*#endregion */
/*#region Classes */
#Classes .ui-content {
max-width: 50em;
margin-bottom: 2em;
}
h1.contentTitle {}
#Classes .ui-select {
display: inline-block;
width: 14em;
margin-right: 1em;
}
#Classes .ui-filterable {
width: 14em;
display: inline-block;
position: relative;
top: .3em;
}
#Classes .no_class_note {
display: none;
}
#Classes .new_class {
float: right;
margin: 0.3em 0;
}
.not_super #Classes .new_class {
display: none;
}
#Classes li.Class {
padding: 1em 20% 1em 2em;
}
#Classes .ui-li-divider span.parties_alias {
position: absolute;
right: 4em;
}
#Classes .AdminNames {
display: inline;
padding-top: .5em;
}
li.Class .GoEditClass {
position: absolute;
left: 1em;
top: 50%;
width: 2.5em;
height: 2.5em;
margin: -1.25em 0 0 0;
display: none;
text-align: center;
color: var(--blue);
font-weight: normal;
font-size: 90%;
background-color: transparent;
background-image: url("Images/Data-Edit.png");
background-size: contain;
cursor: pointer;
}
li.Class .GoEditClass:hover {
background-image: url("Images/Data-Edit-hover.png");
}
li.Class .GoEditClass:active {
background-image: url("Images/Data-Edit-active.png");
}
li.Class .ClassName {
font-size: 150%;
font-weight: bold;
padding-bottom: .25em;
display: block;
}
li.Class .ClassName a {
color: #35aa47
}
li.Class .GoParties {
position: absolute;
right: .5em;
top: 50%;
height: 48px;
margin-top: -24px;
font-weight: bold;
font-size: 1.2em;
padding: 0 0 0 0.5em;
}
li.Class .GoParties span {
position: relative;
top: -.85em;
left: .5em;
}
/*#endregion */
/*#endregion */
/*#region Class */
#Class h1 {
padding-right: 5em;
}
#Class .GoParties {
position: absolute;
top: 1em;
right: 0.5em;
font-size: .9em;
}
#Class .side {}
#Class .rightside {
float: right;
width: 60%;
}
#Class .leftside {
float: left;
width: 35%
}
#Class .sidecontents {
margin: 0 auto;
text-align: left;
}
#Class .leftside .sidecontents {
max-width: 20em;
}
#Class .rightside .sidecontents {}
#Class .side .wrapInput {
text-align: left;
margin-bottom: 1.5em;
position: relative;
}
#Class .ui-input-text input {
font-weight: bold;
}
#Class textarea.NOTES {
min-height: 5.5em;
}
#Class .wrapDELIVERY_CLASS .input_title {
font-weight: bold;
position: relative;
top: .5em;
}
#Class .wrapDELIVERY_CLASS .note {
clear: both;
margin: .5em 0 0 .5em;
font-size: .8em;
color: #888;
}
/*#region table.class_stats */
#Class table.class_stats {
margin: 3em auto 1em auto;
padding: 0;
border-spacing: 2px;
border-collapse: separate;
width: 14em;
color: #666;
}
#Class table.class_stats caption {
text-align: left;
}
#Class table.class_stats tr td {
text-align: right;
padding: 0em 1em;
background-color: #fff;
}
#Class table.class_stats tr td:nth-child(2) {
font-weight: bold;
}
#Class table.class_stats tr:nth-child(3) td:nth-child(2) {
border-bottom: 1px solid #35aa47;
padding-bottom: .2em;
}
#Class table.class_stats tr:nth-child(4) td:nth-child(2) {
height: .05em;
border-bottom: 1px solid #35aa47;
}
#Class table.class_stats tr:nth-child(5) td:nth-child(2) {
padding-top: .2em;
}
/*#endregion */
/*#region wrapAdmins */
#Class .wrapAdmins {
text-align: left;
display: inline-block;
}
#Class .wrapAdmins .no_admins {
padding: .5em .5em;
font-style: italic;
color: #aaa;
}
#Class .new_admin {
margin: 0 auto;
font-size: .9em;
}
.not_super #Class .tile_action,
.not_super #Class .new_admin {
display: none;
}
/*#endregion */
#Class .save_undo {
font-size: 1.0em;
position: relative;
width: 100%;
text-align: right;
margin-top: 2em;
padding-top: 1.5em;
}
#Class .DeleteClass {
font-weight: normal;
font-size: .8em;
margin: 0em 0em 0 0em;
float: left;
position: relative;
top: 0.7em;
padding: 1.4em;
}
#Class .wrapAdmins .title {
text-align: left;
border-bottom: 1px solid #35AA47;
padding-bottom: .5em;
margin-bottom: .5em;
}
#Class .wrapAdmins .wrapTiles {
padding-left: .5em;
}
#Class .userTile {
border: none;
padding: 0;
margin-right: 1.4em;
margin-bottom: .5em;
}
#Class .userTile .tile_action {
top: 0em;
display: inline-block;
float: none;
position: relative;
height: 1.3em;
width: 1.3em;
margin: 0;
}
#Class .userTile span.NAME {
width: 8.5em;
display: inline-block;
vertical-align: middle
}
@media all and (max-width: 45em) {
#Class .side {
width: 100%;
}
#Class .wrapAdmins {
padding: 2em 0;
}
}
/*#endregion */
/*#region Participants */
#Participants .ui-footer div[data-hash="Participants"] {
display: none;
}
#Participants .head {
padding: 0;
}
#Participants .head-side {
display: inline-block;
}
#Participants .head-left {
float: left;
}
#Participants h1.tally_head_note {
border: none;
padding: 0.3em 0 0 0.3em;
margin: 0;
text-align: left;
}
#Participants .wrap_class_filter {
float: left;
text-align: left;
margin-right: 1em;
color: #35aa46;
display: inline-block;
font-weight: bold;
width: 10em;
}
#Participants select.class_filter {
color: #35aa46;
font-weight: bold;
}
#Participants span.class_filter {
text-align: left;
}
#Participants .ui-select {
margin: 0;
}
#Participants .ui-select .ui-btn {}
#Participants .select_title {
position: absolute;
top: .1em;
left: .4em;
font-size: .8em;
color: #cfc;
font-weight: normal;
display: none;
}
#Participants .head-right {
float: right;
text-align: right;
font-size: .9em;
}
#Participants .head-right button {
float: right;
}
#Participants .new_party {
margin-top: 0em;
margin-bottom: .5em;
}
#Participants .go_config_view {
margin-top: 0;
}
@media all and (max-width: 41em) {
#Participants .head-right {
width: 9em
}
#Participants .head-right button {
float: none
}
#Participants .head-left {
width: 10.5em;
}
#Participants .head,
#Participants .foot {
font-size: .9em;
}
}
#Participants_DataTable_wrapper {
display: none;
}
#Participants_DataTable_filter {
padding: 0 0 .1em 0;
margin: 0 .5em .5em 0;
}
#Participants_DataTable_filter input {
margin: 0;
padding: 0.1em 0 0 1.7em;
width: 10em;
}
#Participants .token-tally img {
width: 100%;
}
#Participants .small-title {
font-size: .7em;
color: #CCC;
}
#Participants td.NAME,
#Participants td.SORT_NAME {
font-size: 1.2em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 10em;
position: relative;
}
#Participants td.NAME a:visited,
#Participants td.SORT_NAME a:visited {
color: #35AA47;
}
#Participants .dt_btn {
text-align: center;
}
#Participants_DataTable .dt_btn .ui-btn {
border-radius: 2em;
font-size: 1.3em;
margin: 0;
padding: 0.4em;
}
#Participants_DataTable .ui-btn.select-btn {
padding: 0em;
}
#Participants_DataTable tbody td {
height: 1.7em;
}
#Participants_DataTable tbody td.CREATED_ON {
font-size: .9em;
}
.wrapChkStatus.ui-flipswitch .ui-btn.ui-flipswitch-on {
text-indent: -4.2em;
}
.wrapChkStatus.ui-flipswitch .ui-flipswitch-off {
text-indent: 0.4em;
}
.wrapChkStatus.ui-flipswitch {
width: 7.2em;
}
.wrapChkStatus.ui-flipswitch.ui-flipswitch-active {
padding-left: 5.2em;
width: 1.9em;
}
#Participants .inactive_note {
display: none;
position: absolute;
top: 37px;
left: 10px;
font-size: .6em;
font-weight: bold;
color: #d84a38;
opacity: .6;
}
#Participants .inactive {
color: #d84a38;
}
#Participants .inactive .inactive_note {
display: block;
}
#Participants .inactive a {
color: #d84a38;
}
#Participants .integer {
text-align: right;
padding-right: 2em;
}
#Participants .wrapTally {
text-align: center;
position: relative;
cursor: pointer;
}
#Participants td.wrapTally {
padding: 0.4em 0;
}
#Participants .tally img {
width: 80%;
position: relative;
top: .2em;
}
#Participants .tally .amount {
color: #5a5a0a;
font-size: 1.6em;
font-weight: bold;
margin-top: -0.75em;
position: absolute;
text-align: center;
top: 55%;
width: 100%;
cursor: pointer;
}
#Participants .foot {
text-align: left;
display: none;
}
#Participants .foot-left {
float: left;
text-align: left;
margin-top: .7em;
width: 18.8em;
}
#Participants .foot-right {
float: right;
text-align: right;
margin-top: .7em;
}
#Participants .foot-right>div {
float: none;
margin: 0;
padding-right: 0;
display: block;
}
/* #Participant selector required dammit! */
#Participants #Participants_DataTable_length {
margin-top: .8em;
}
#Participants .foot-right #Participants_DataTable_info {
text-align: right;
}
#Participants .wrapTallyTotal {
position: relative;
margin: 0.5em 1em 1em 0em;
display: inline-block;
}
#Participants .wrapTallyTotal .amount {
color: #5a5a0a;
font-size: 1.6em;
font-weight: bold;
left: 0;
position: absolute;
text-align: center;
top: 0.5em;
width: 2.6em;
}
#Participants .wrapTallyTotal img {
position: absolute;
top: 0.1em;
left: 0.3em;
width: 3.6em;
}
#Participants .wrapTallyTotal button {
margin-top: 0.7em;
margin-right: 0;
margin-left: 2em;
padding-left: 3em;
min-width: 17em;
}
#Participants .wrapFilterTally {
text-align: right;
margin-top: 0;
font-size: .9em;
}
#Participants svg.help {
position: relative;
top: .5em;
margin-left: .2em;
opacity: .9
}
#Participants svg.help:hover {
opacity: 1;
cursor: pointer;
}
#Participants .cancelTallyMode {
opacity: .5;
font-size: .8em;
float: right;
margin-right: 0;
}
#Participants .wrapBatchOp {
margin: 1em 0em 0 .5em;
font-size: .9em;
}
#Participants .batchOp {
display: none;
margin-right: .1em;
margin-top: 1em;
padding-left: .5em;
}
#Participants .batchOp .save_undo {
text-align: right;
margin: 1em 0 1.5em 0;
}
#Participants .batchOp .save_undo button {
margin-right: 0;
margin-left: .5em;
}
#Participants button.unselected {
opacity: .3;
}
#Participants tr.selectedRow {
background-color: #FF9;
}
#Participants .wrapSelected {
/*margin-top:.5em;
padding:4em .5em .5em .5em;*/
display: none;
text-align: right;
}
#Participants .wrapSelected .selectedLabel {
padding-top: .1em;
font-size: .9em;
font-weight: bold;
}
#Participants .selectedCount {
font-size: 2em;
font-weight: bold;
padding: 0em .3em;
margin: 0 .2em 0 0.1em;
border-radius: .1em;
float: none;
vertical-align: middle;
border: 1px solid #35AA47;
background-color: #FFFF99;
}
#Participants .selectedPartiesList {
padding: .5em 1em;
display: none;
}
#Participants .selectedTotals {
color: #888;
margin-top: 1em;
margin-right: 1em;
font-size: .9em;
}
#Participants .wrapSelected .ui-btn {
font-size: .9em;
}
#Participants .wrapSelected .clearSelection {
margin-right: 0;
}
#Participants .wrapBatchOp .help {
float: left;
}
#Participants .selectedPartiesList {
border: 1px solid #35AA47;
padding: .5em;
border-radius: .5em;
}
#Participants .selectedPartiesListLabel {
font-size: 1em;
font-weight: bold;
margin-bottom: .5em;
}
#Participants .wrapImportParties {
margin-top: .5em;
text-align: center;
}
@media all and (max-width: 41em) {
#Participants_DataTable_wrapper .dataTables_scroll {
margin-left: -1em;
margin-right: -1em;
}
#Participants .foot {
text-align: center;
}
#Participants .foot-left {
float: none;
margin: 0 auto 1em;
}
#Participants .foot-right {
float: none;
text-align: center;
}
#Participants .foot-right div {
float: none;
text-align: center !important;
}
#Participants .wrapTallyTotal {
margin: 1em auto 0 auto;
}
}
/* #endregion */
/*#region ParticipantsView */
#ParticipantsView .save_undo.top {
position: relative;
top: 0;
right: 0;
width: 100%;
}
#ParticipantsView .save_undo button {
margin-right: 0;
}
#ParticipantsView div.tools {
font-size: .9em;
float: right;
position: relative;
top: -0.4em;
}
#ParticipantsView div.tools.bottom {
float: none;
text-align: center;
margin-top: 0;
}
#ParticipantsView svg.help {
position: relative;
margin-left: .5em;
opacity: .7
}
#ParticipantsView svg.help:hover {
opacity: 1;
cursor: pointer;
}
#ParticipantsView div.tools button {
padding: .3em .9em;
margin-right: 0;
}
#ParticipantsView .section_title {
font-size: 1.5em;
font-weight: bold;
}
#ParticipantsView .section_title.center {
font-size: 2em;
}
#ParticipantsView li.ui-field-contain .title {
font-size: 1.2em;
padding-left: .4em;
float: left;
}
#ParticipantsView .more_title {
font-style: italic;
font-size: 1em;
color: #888;
float: right;
margin-left: 1em;
margin-right: 1em;
}
#ParticipantsView .ui-flipswitch {
margin: 0;
}
#ParticipantsView h2 {
margin-bottom: .5em;
}
#ParticipantsView .ui-listview-inset.wrap_column_opts {
margin-top: 0;
}
#ParticipantsView .col_no {
color: #999;
position: absolute;
top: 1.4em;
left: 0.4em;
font-size: .7em;
}
#ParticipantsView .mock_button {
position: absolute;
top: -.2em;
left: 1.1em;
font-size: 1.1em;
}
#ParticipantsView svg.mock_button {
top: .2em;
}
#ParticipantsView .tally {
width: 2.1em;
position: absolute;
top: .2em;
left: 1.1em;
}
@media all and (max-width: 32.5em) {
#ParticipantsView .more_title {
clear: both;
display: block;
float: none;
margin-left: 0.5em;
margin-right: 0;
text-align: right;
position: relative;
top: .3em;
}
#ParticipantsView .column_opt {
min-height: 2.9em;
}
#ParticipantsView .ui-listview>.ui-li-static {
padding: 0.4em 1em;
}
}
/* #endregion */
/*#region Participant */
#Participant .main_title {
float: none;
margin-bottom: 0;
}
#Participant .title_desc {
font-size: 1.1em;
}
#Participant .title_name {
display: block;
color: #555;
font-size: 2em;
font-weight: bold;
padding-bottom: 0.2em;
padding-right: 3.5em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#Participant svg.help {
position: relative;
top: .5em;
margin-left: .2em;
opacity: .7
}
#Participant svg.help:hover {
opacity: 1;
cursor: pointer;
}
#Participant .wrapTopButtons {
max-width: 25em;
text-align: right;
position: absolute;
top: 1em;
right: 1em;
}
#Participant .wrapTopButtons svg {
opacity: .7;
cursor: pointer;
height: 2.4em;
width: 2.4em;
}
#Participant .wrapTopButtons svg:hover {
opacity: 1;
}
@media all and (max-width: 36em) {
#Participant .ui-content {
padding: .5em .2em 15em;
}
#Participant .main_title {
float: none;
font-size: 1.1em;
padding-bottom: 0;
}
#Participant .title_desc {
font-size: 1.1em;
position: relative;
top: .3em;
}
#Participant .title_name {
font-size: 1.8em;
padding: 0.5em 0 0 0;
margin-bottom: 0;
height: 1em;
}
#Participant .wrapTopButtons {
display: none !important;
}
#Participant .party_tabs .tabs {
font-size: .9em;
}
#Participant .party_tabs .tab {
padding: .5em;
}
#Participant .party_tabs .tab:first-child {
margin-left: .5em;
}
}
#Participant .tabs {
margin-top: .3em;
}
#Participant .dataTables_processing {
width: 1.6em;
}
/*#region party tab 0 - General */
#Participant .tablist-content[data-tab="0"] {
padding: 1.5em 1em 0 1em;
font-size: 1.1em;
}
#Participant.new .tablist-content {
padding: 0 1em;
}
#Participant .side {
width: 47%;
}
#Participant .side.leftside {
float: left;
position: relative;
}
#Participant .side.rightside {
float: right;
text-align: center;
}
@media all and (max-width: 48em) {
#Participant .side {
width: 100%;
}
}
@media all and (max-width: 32em) {
#Participant .tablist-content[data-tab="0"] {
font-size: 1.0em;
}
}
/*#region wrapInitDeposit */
#Participant .wrapInitDepositOuter {
display: none;
}
#Participant.new .wrapInitDepositOuter {
display: block;
margin-top: 2em;
}
#Participant.new .wrapInitDepositOuter .ui-flipswitch {
font-size: .9em;
}
#Participant .wrapInitDeposit {
padding-left: .9em;
}
#Participant .wrapInitDeposit .label {
font-size: .9em;
font-weight: bold;
}
#Participant .wrapInitDeposit .wrapTokenAmount {}
#Participant .wrapInitDeposit .wrapTokenAmountInput {
display: inline-block;
width: 5em;
margin-left: .2em;
}
#Participant .wrapInitDeposit .wrapDepositNote {}
#Participant .wrapInitDeposit .maxDeposit {
display: none;
padding-left: .5em;
font-size: .9em;
}
/* #endregion */
#Participant .wrapInput {
margin: 0 auto 1em;
max-width: 26em;
position: relative;
}
#Participant .wrapInput.top {
margin-bottom: 1.2em;
min-height: 5em;
}
#Participant .wrapInput.top .clear {
clear: right;
}
#Participant .wrapInput .ui-input-text {
margin-top: 0.2em;
}
#Participant .input_title {
font-size: .9em;
font-weight: bold;
}
#Participant .wrapSelectStatus {
float: left;
margin-bottom: 1em;
}
#Participant .ui-select {
margin: .2em 0 0 0;
font-size: .9em;
}
#Participant .ui-select .ui-btn {
padding-top: .5em;
padding-bottom: .5em;
}
#Participant .ui-state-disabled {
opacity: .5;
}
/*#region wrapUserCode */
#Participant .wrapUserCode {
position: absolute;
top: 0;
right: 0;
left: 8em;
height: 4em;
}
#Participant old.USER_CODE {
display: inline-block;
margin-top: 0.4em;
min-width: 7em;
padding: 0.5em 4em 0.5em 0.6em;
background-color: #fff;
width: 11em;
}
#Participant .edit_code {
position: absolute;
right: -0.2em;
top: 1.3em;
}
#Participant .code_alerts {
font-size: .9em;
padding: 0 .3em;
position: absolute;
top: 4.5em;
right: 0;
}
#Participant .code_alerts>div {
display: none;
font-weight: normal;
}
#Participant .code_alerts .elap img {
width: 1.3em;
position: relative;
top: .2em;
}
/* #endregion */
#Participant .wrapInput.NAME {
margin-top: .5em;
margin-bottom: 1.5em;
}
/*#region classes_table */
#Participant .classes_table {
width: 100%;
margin: 2em auto .5em auto;
border-spacing: 0;
border-collapse: separate;
position: relative;
}
#Participant .classes_table thead td {
background-color: #35AA47;
color: #fff;
border: 1px solid #35AA47;
padding: .5em 0 .5em .5em;
height: 1.5em;
cursor: pointer;
}
#Participant .classes_table thead td:first-child {
border-top-left-radius: .5em;
}
#Participant .classes_table thead td:last-child {
border-top-right-radius: .5em;
padding: 0;
width: 3em;
}
#Participant .classes_table .class_count {
border-radius: .5em;
background: white;
color: #35AA47;
display: inline-block;
margin-left: 1em;
padding: .1em .6em 0;
}
#Participant .classes_table .toggle_classes {
position: absolute;
top: 0;
right: .8em;
}
#Participant .classes_table.closed thead td:first-child {
border-bottom-left-radius: .5em;
}
#Participant .classes_table.closed thead td.delivery {
color: #35AA47;
}
#Participant .classes_table.closed thead td:last-child {
border-bottom-right-radius: .5em;
padding: 0;
}
#Participant .classes_table.closed tbody,
#Participant .classes_table.closed tfoot {
display: none;
}
#Participant .classes_table .ui-btn {
margin: 0.3em 0;
}
#Participant .classes_table .ui-select {
font-size: .9em;
margin-right: 0em;
}
#Participant .classes_table .ui-select>div {
text-align: left;
}
#Participant .classes_table td.delivery {
text-align: center;
width: 3em;
}
#Participant .classes_table td.delivery .ui-btn,
#Participant .classes_table td.delivery .ui-btn.ui-btn-icon-notext::after {
background-color: #CCC;
}
#Participant .classes_table td.delivery .ui-btn.current,
#Participant .classes_table td.delivery .ui-btn.current.ui-btn-icon-notext::after {
background-color: #35AA47;
}
#Participant .classes_table tbody td:first-child {
padding-left: .5em;
border-left: 1px solid #35AA47;
max-width: 7em;
}
#Participant .classes_table tbody td:last-child {
border-right: 1px solid #35AA47;
}
#Participant .classes_table .no_class {
display: none;
}
#Participant .classes_table .no_class div {
padding: .5em .5em;
font-style: italic;
color: #aaa;
}
#Participant span.select_class {
font-weight: bold;
}
#Participant .wrap_remove_row {
text-align: center;
width: 3em;
}
#Participant .remove_row {}
#Participant .classes_table tfoot td {
padding-left: .5em;
border: 1px solid #35AA47;
border-top: 0;
border-radius: 0 0 .4em .4em;
}
#Participant .classes_table tfoot .delivery {
font-size: .75em;
text-align: center;
padding: 0.5em 1.0em 0.3em 11.0em;
color: #888;
font-style: italic;
}
#Participant .ui-btn.new_class {
font-size: .8em;
padding-top: .5em;
padding-bottom: .5em;
margin-top: .7em;
float: left;
}
#Participant .oneClassRequiredNote {
font-weight: bold;
font-size: .9em;
display: none;
}
#Participant .contactFieldsDisabledNote {
font-size: .9em;
text-align: center;
display: none;
}
/* #endregion */
#Participant .collapsable {
margin: 1.5em auto 1em;
max-width: 26em;
position: relative;
text-align: left;
}
#Participant .collapsable h3 {
font-size: .9em;
}
#Participant .collapsable .ui-collapsible-content {
font-size: 1em;
}
#Participant .collapsable h3 a {
padding-top: .6em;
padding-bottom: .6em;
}
/*#region wrapExtraNames */
#Participant .wrapExtraNames {
text-align: left;
}
#Participant .wrapExtraName {
display: inline-block;
width: 63%;
margin-left: 0;
font-size: 1em;
text-align: left;
float: none;
}
#Participant .wrapExtraName.NICK_NAME {
width: 31%;
margin-right: 4%;
}
#Participant .wrapExtraName .ui-input-text {
margin: 0.2em 0;
}
#Participant .wrapExtraName input {
color: #888;
background-color: #fafafa;
}
#Participant .wrapExtraNames input.edited {
color: #000;
background-color: #FFF;
}
/* #endregion */
#Participant .wrapInput.EMAIL {}
#Participant .invalid,
#Participant .verified {
font-size: .9em;
float: right;
font-weight: bold;
}
/*#region wrapPassword */
#Participant .wrapPassword .ui-state-disabled {
opacity: 1;
}
#Participant .wrapPassword .ui-btn {
position: absolute;
right: 0.4em;
top: 1.3em;
}
#Participant .wrapPassword img.loader {
position: absolute;
right: 0.4em;
bottom: 0.3em;
width: 2em;
display: none;
}
#Participant .wrapPassword .wrapShow .ui-input-text {
margin-bottom: 0;
}
#Participant .LAST_LOGIN {
font-size: .8em;
opacity: .8;
text-align: left;
padding-left: .5em;
}
/* #endregion */
/*#region wrapFollowers */
#Participant .wrapFollowers .followers {
width: 100%;
position: relative;
}
#Participant .wrapFollowers .wrapFollower {
position: relative;
width: 100%;
}
#Participant .wrapFollower div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 2em;
}
#Participant .followerEmail {
font-size: .8em;
}
#Participant .ui-btn.edit_contact {
position: absolute;
right: 0;
top: 0.2em;
margin: 0;
}
#Participant .ui-btn.new_follower {
font-size: .8em;
margin-top: 1.3em;
}
#Participant .follower_count {
border-radius: .5em;
background: white;
color: #35AA47;
display: inline-block;
margin-left: 1em;
padding: .1em .6em 0;
}
/* #endregion */
#Participant .save_undo {
margin: 1.5em 0 2em 0;
}
#Participant .welcome_note {
text-align: center;
padding: 1em;
}
/* #endregion */
/* Used in Tools too*/
.deliveryOptions {
padding-left: 0.5em;
position: relative;
text-align: left;
font-size: .9em;
width: 5em;
}
/*#region party tab 1 - Ledger */
#Participant .tablist-content[data-tab="1"] {
padding: 0;
}
#Participant .dataTables_wrapper .head {
text-align: left;
}
#Participant .ledger_totals {
margin-bottom: .5em;
border-bottom: 1px solid #35AA47;
}
#Participant .ledger_totals .lbl {
padding-right: 0;
color: #35AA47;
}
#Participant .ledger_totals .details {
margin-bottom: 0.5em;
margin-top: 0.4em;
float: right;
font-size: .9em;
text-align: right;
width: auto;
}
#Participant .ledger_totals .details>div {
display: inline-block;
}
#Participant .ledger_totals .details .lbl {
padding: 0 .5em;
}
#Participant .tot_amount {
padding: 0 .5em 0 .3em;
color: #D7B011;
font-size: 1.1em;
}
#Participant .ledger_totals .wrap_balance {
font-size: 1.3em;
padding: .5em;
display: inline-block;
}
#party_ledger_wrapper .wrap_tools {
display: inline-block;
}
#party_ledger_wrapper .wrap_tools .ui-btn {
font-size: .9em;
}
#party_ledger_filter {
float: right;
}
#party_ledger tr td {
padding: 0.3em 0;
padding-left: 1em;
height: 2.6em;
cursor: default;
}
#party_ledger td.DESCRIPTION,
#party_ledger th.DESCRIPTION {
min-width: 8em !important;
}
#party_ledger tr td.DESCRIPTION .tiny {
font-size: .75em;
}
#party_ledger .admin_name {
color: #888;
font-size: .9em;
}
#party_ledger_wrapper .amt_col {
text-align: right;
padding-right: 1.4em;
font-weight: bold;
}
#party_ledger_wrapper tbody .amt_col {
padding-right: 2em;
}
#party_ledger .pending {
font-weight: bold;
font-size: .8em;
}
#global_ledger .can_edit_del,
#party_ledger .can_edit_del {
text-align: left;
padding-left: 0;
position: relative;
}
#global_ledger div.deliveryInfo,
#party_ledger div.deliveryInfo {
padding-left: 0;
font-size: .9em;
display: inline-block;
width: 6.5em
}
#global_ledger .deleteDelivered,
#party_ledger .deleteDelivered {
opacity: .5;
font-size: .7em;
position: absolute;
right: 0;
top: 0;
}
.deliveryOptions .ui-icon-edit {
float: left;
}
.deliveryOptions .ui-icon-delete {
float: right;
font-size: .95em;
opacity: .5;
}
.deliveryOptions .ui-icon-check {
font-size: 1.1em;
}
@media all and (max-width: 36em) {
#Participant .ledger_totals {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.3em 0.2em;
border-bottom: 1.5px solid #35AA47;
}
#Participant .ledger_totals .wrap_balance {
font-size: 1.15em;
padding: 0;
}
#Participant .ledger_totals .details {
float: none;
margin: 0;
font-size: 0.85em;
text-align: right;
display: flex;
gap: 6px;
}
#Participant .ledger_totals .details>div {
display: inline-block;
}
#Participant .ledger_totals .details .lbl {
padding: 0 2px;
}
#Participant .tot_amount {
padding: 0 2px;
}
#party_ledger_wrapper .wrap_tools {
display: inline-flex;
align-items: center;
gap: 4px;
margin: 2px 0;
}
#party_ledger_wrapper .wrap_tools .ui-btn {
font-size: 0.82em;
padding: 0.4em 0.5em 0.4em 2.2em !important;
margin: 0;
}
#party_ledger_filter {
float: right;
margin: 2px 0;
width: 6em;
max-width: 6em;
}
#party_ledger_filter .ui-input-search {
margin: 0;
padding-left: 2em !important;
}
#party_ledger_filter input {
font-size: 0.82em;
padding-left: 2em !important;
}
#party_ledger_wrapper .dataTables_scrollHeadInner,
#party_ledger_wrapper .dataTables_scrollHead table,
#party_ledger_wrapper .dataTables_scrollBody table {
width: 100% !important;
box-sizing: border-box !important;
}
#party_ledger_wrapper .dataTables_scrollHead th {
font-size: .85em;
padding: 4px 2px;
}
#party_ledger tr td {
padding: 4px 2px;
height: auto;
}
#party_ledger tr td.POSTED {
padding-left: .2em;
font-size: 0.8em;
line-height: 1.25;
white-space: normal;
}
#party_ledger tr td.amt_col {
padding-right: 0.4em;
font-size: 0.9em;
text-align: center;
}
#party_ledger .deliveryOptions {
padding-left: 0;
font-size: 0.78em;
line-height: 1.2;
width: auto;
}
}
/* #endregion */
/*#region party tab 2 - Goals */
#party_goals_wrapper td {
padding: 0 .5em;
height: 3.5em;
}
#party_goals_wrapper .head {
padding: 0;
}
#party_goals_wrapper .head-side {
display: inline-block;
}
#party_goals_wrapper .head-right {
float: right;
}
#party_goals_wrapper .new_goal_party {
font-size: .9em;
float: right;
}
#party_goals_wrapper td.GOAL_TITLE {
font-size: 1.1em;
}
#party_goals_wrapper td.GOAL_TITLE .award_title {
font-size: .8em;
color: #d84a38;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#party_goals_DataTable .show_to_link {
font-weight: normal;
color: #35AA47;
}
#party_goals_DataTable .party_name {
font-size: .9em;
}
#party_goals_DataTable .dt_btn {
text-align: center;
}
#party_goals_DataTable .ui-btn {
margin: 0;
font-size: 1.2em;
}
#party_goals_wrapper th.BTN_AWARD {
font-size: .7em;
line-height: 1;
text-align: center;
padding: 0 0.3em 0 0.3em;
color: #CCC;
}
#party_goals_wrapper .dt_btn.BTN_AWARD {
text-align: center;
}
#party_goals_wrapper .dt_btn.BTN_AWARD button {
margin: 0;
font-size: 1.2em;
}
#party_goals_wrapper .inactive {
color: #900;
}
#party_goals_wrapper .integer {
text-align: right;
padding-right: 2em;
}
@media all and (max-width: 30em) {
#party_goals_wrapper .head-right {
float: left;
}
#party_goals_wrapper .dataTables_processing {
left: auto;
right: 1em;
top: 3em;
}
}
/* #endregion */
/*#region party tab 3 - Messages */
#Participant .tablist-content.messages-tab {
padding: 1.5em 1em;
}
@media all and (max-width: 35em) {
#Participant .tablist-content.messages-tab {
padding: 1em 0;
}
}
#party_messages_wrapper .send_message {
font-size: .9em;
float: right;
}
#party_messages_wrapper .dataTables_scrollBody {
height: auto !important;
}
#party_messages_wrapper .wrap_name {
white-space: pre-wrap;
}
#party_messages tr.main_row td {
font-size: .9em;
font-weight: bold;
color: #35aa46;
border-top: 1px solid #c9eed2;
}
#party_messages tr.main_row:first-child td {
border-top: none;
}
#party_messages .message_text {
padding: 0 1.5em 0em 1em;
font-size: 1em;
position: relative;
overflow: hidden;
}
#party_messages .message_text.overflow {
height: 3.7em;
}
#party_messages .show_more {
font-size: .8em;
border: none;
padding: 0.5em 2.5em 0.5em 0.3em;
width: 3.5em;
margin-left: .7em;
}
#party_messages.dataTable tbody td {
padding: 0em;
}
#party_messages.dataTable tbody tr.main_row td {
padding: 0.5em;
}
#party_messages_wrapper .head {
padding: 0;
}
#party_messages_wrapper .head-side {
display: inline-block;
}
#party_messages_wrapper .head-right {
float: right;
}
/* #endregion */
/*#region party tab 4 - Misc */
#Participant .tablist-content[data-tab="4"] {
padding: 1.5em;
}
#Participant .miscTab button {
font-size: .9em;
}
#Participant .miscTools {
float: right;
margin-bottom: 1em;
}
#Participant .wrapDirectShip {
width: 20em;
margin-bottom: 2.5em;
}
#Participant .wrapDirectShip .ui-select {
font-size: .9em;
}
#Participant .wrapDepositLimit {
max-width: 22em;
margin-bottom: 1.5em;
}
#Participant .wrapDepositLimit .ui-flipswitch {
margin: 0;
}
#Participant .wrapDepositLimit table {
display: none;
}
#Participant button.new_note {
font-size: .8em;
}
#Participant .NOTES {
height: 9em;
font-size: .9em;
}
#Participant .CODE {
width: 7em;
letter-spacing: 2px;
font-size: 1.1em;
padding: .25em .5em;
width: 5em;
text-align: center;
border: 1px solid #ddd;
display: inline-block;
}
#Participant .shipAddress {
padding: 1em;
}
/* #endregion */
#Participant.new .title_desc,
#Participant.new .tabs,
#Participant.new .wrapSelectStatus,
#Participant.new .wrapTopButtons,
#Participant.new .wrapFollowers {
display: none;
}
#Participant.new .main_title {
padding-bottom: 1em;
border-bottom: 1px solid #35AA47;
float: none;
}
#Participant.new .wrapInput.NAME {
position: absolute;
top: 0;
left: 0;
right: 0;
}
#Participant.new .wrapUserCode {
left: 0;
right: auto;
width: 17em;
top: 7em;
}
#Participant.new .wrapInput.top {
margin-bottom: 0;
min-height: 13em;
}
#Participant.new .wrapOptional {
margin-top: 2.5em;
}
@media all and (max-width: 48em) {
#Participant.new .wrapOptional {
margin-top: 1em;
}
#Participant .miscTools {
float: none;
}
}
/* #endregion */
/*#region LedgerEntry */
#LedgerEntry .ui-content .main_title {
padding-left: 0;
}
#LedgerEntry .main_title {
margin: .5em 0;
padding-bottom: .5em;
clear: both;
}
#LedgerEntry .main_title .title_name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
font-size: 1.3em;
font-weight: bold;
}
#LedgerEntry .main_title .action_prefix {
color: #35aa47;
font-size: .8em;
}
#LedgerEntry .main_title .student_name {
color: #0f172a;
font-weight: bold;
}
.admin_name {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 6.2em;
color: #64748b;
font-size: 0.85em;
}
#LedgerEntry .title_desc {
font-size: 1.1em;
font-weight: bold;
}
#LedgerEntry .tablist-content {
padding: 0;
}
#LedgerEntry .inputs {
padding: 0;
margin: 0.5em 0 1.5em 0;
font-size: 1.1em;
}
#LedgerEntry .input_title {
font-size: .8em;
font-weight: bold;
color: #333;
}
#LedgerEntry .wrapName {
margin-bottom: 1em;
line-height: 1.1em;
}
#LedgerEntry .input_title.party_alias {
position: relative;
top: .2em;
}
#LedgerEntry .name_email {
float: right;
}
#LedgerEntry .name {
font-weight: bold;
font-size: 1.3em;
}
#LedgerEntry .email {
font-size: .9em;
color: #888;
}
#LedgerEntry .wrapAmount {
margin-bottom: .5em;
position: relative;
}
#LedgerEntry .lblAmount {
position: relative;
top: 1.2em;
}
#LedgerEntry .wrapAmountInput {
float: right;
width: 7em;
font-weight: bold;
}
#LedgerEntry .wrapMaxAmount {
position: absolute;
top: 4.5em;
right: 0;
font-size: .8em;
font-weight: normal;
}
#LedgerEntry .wrapMaxAmount.textRed {
font-weight: bold;
}
#TagScanModal #reader {
width: 100% !important;
min-height: 220px !important;
background: #000 !important;
border-radius: 8px !important;
overflow: hidden !important;
}
#TagScanModal #reader video {
width: 100% !important;
height: auto !important;
max-height: 280px !important;
object-fit: cover !important;
}
#LedgerEntry input {
font-size: 1.2em;
}
#LedgerEntry #txtAmount {}
#LedgerEntry .wrapBalance {
float: right;
}
#LedgerEntry .save_undo {
text-align: right;
padding: 0 1.25em;
height: 2.5em;
}
#LedgerEntry .save_undo .loader {
float: right;
position: relative;
top: 0.5em;
}
#LedgerEntry .afterSaveNote {
text-align: left;
float: left;
padding-top: .6em;
}
#LedgerEntry .afterSaveNote .amount {}
#LedgerEntry .NSF_note {
font-weight: bold;
display: none;
}
#popupAlert-popup .wrapDepositLimits {}
#popupAlert-popup .wrapDepositLimits .details {}
/*#region recent_trans */
#LedgerEntry .wrap_recent_trans {
padding: 0 1em;
margin: 2.5em 0 2em;
font-size: .9em;
}
#LedgerEntry .recent_trans {
width: 100%;
margin: 0 auto;
border-spacing: 0;
border-collapse: separate;
position: relative;
}
#LedgerEntry .recent_trans thead {
cursor: pointer;
}
#LedgerEntry .recent_trans thead td {
background-color: #35AA47;
color: #fff;
border: 1px solid #35AA47;
padding: .5em 1em;
}
#LedgerEntry .recent_trans thead td:first-child {
border-top-left-radius: .4em;
}
#LedgerEntry .recent_trans thead td:last-child {
border-top-right-radius: .4em;
padding: 0;
}
#LedgerEntry .recent_trans_title {
font-size: 1em;
}
#LedgerEntry .recent_trans tbody td:first-child {
padding-left: 1em;
padding-top: .3em;
border-left: 1px solid #35AA47;
}
#LedgerEntry .recent_trans tbody td:last-child {
border-right: 1px solid #35AA47;
}
#LedgerEntry .recent_trans .DESCRIPTION {
font-size: 1.1em;
}
#LedgerEntry .recent_trans .wrap_last_used {
font-size: .8em;
color: #888;
}
#LedgerEntry .recent_trans td.AMOUNT {
font-size: 1.1em;
font-weight: bold;
text-align: right;
padding-right: 1em;
}
#LedgerEntry .recent_trans thead td.AMOUNT {
font-size: 1em;
padding-right: .5em;
}
#LedgerEntry .recent_trans .ui-btn {
margin: 0.3em 0;
}
#LedgerEntry .recent_trans td.select {
text-align: center;
width: 4em;
}
#LedgerEntry .recent_trans tbody td.select .ui-btn,
#LedgerEntry .recent_trans tbody td.select .ui-btn.ui-btn-icon-notext::after {
background-color: #CCC;
}
#LedgerEntry .recent_trans td.select .ui-btn.current,
#LedgerEntry .recent_trans td.select .ui-btn.current.ui-btn-icon-notext::after {
background-color: #35AA47;
}
#LedgerEntry .recent_trans tfoot td {
padding-left: .5em;
border: 1px solid #35AA47;
border-top: 0;
border-radius: 0 0 .4em .4em;
}
#LedgerEntry .show_more {
font-size: .9em;
padding-top: .5em;
padding-bottom: .5em;
}
#LedgerEntry .recent_trans tfoot .select_btn {
font-size: .75em;
text-align: center;
padding: 0.5em 1.0em 0.3em 11.0em;
color: #888;
font-style: italic;
}
/* #endregion */
/* #endregion */
/*#region Compose */
#Compose .message {
min-height: 10em;
}
#Compose .main_title {
font-size: 1em;
line-height: 1.25em;
padding-left: 3em;
min-height: 5.5em;
}
#Compose .main_title svg {
position: absolute;
left: 0.2em;
top: 2.8em;
}
#Compose svg.megaphone {
display: none;
}
#Compose.announce svg.letter {
display: none;
}
#Compose.announce svg.megaphone {
display: block;
}
#Compose .wrapSelectTo {
display: inline-block;
font-size: 1em;
margin-top: 0.3em;
vertical-align: top;
}
#Compose .wrapSelectTo .ui-select {
margin-top: .5em;
}
#Compose .wrapSelectTo .elapSelect {
font-size: 1.1em;
display: none;
}
#Compose .wrapSelectTo .elapSelect img {
vertical-align: middle;
margin-right: .2em;
height: 3em;
}
#Compose .wrapBatch {
margin-right: 3em;
}
#Compose .wrapBatch h3 {
font-size: 1em;
}
#ComposeBatchTable_wrapper .head {
height: 3.5em;
text-align: left !important;
}
#ComposeBatchTable_filter {
padding: 0;
width: 9em;
float: none;
margin-right: .5em;
}
#ComposeBatchTable_filter input {
margin: 0;
padding: 0.1em 0 0 1.7em;
}
#Compose .wrapBatch .wrapSelectTo {
font-size: .9em;
position: relative;
top: -.2em;
}
#ComposeBatchTable_paginate.dataTables_paginate {
display: inline-block;
}
#ComposeBatchTable thead th {
padding-top: 0;
padding-bottom: 0.25em;
}
#ComposeBatchTable .last_column {
text-align: center;
}
#ComposeBatchTable .delete {
margin: 0;
}
#ComposeBatchTable td.NAME {
max-width: 8em;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#ComposeBatchTable td.TITLE,
#ComposeBatchTable_wrapper td.EMAIL {
font-size: .9em;
}
#ComposeBatchTable .wrapEmail {
max-width: 12em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#ComposeBatchTable td.DETAIL {
max-width: 8em;
max-height: 2.8em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: .9em;
}
#ComposeBatchTable .wrapDetail .class_names {
font-size: .9em;
}
#Compose .userTile {
margin-bottom: 0;
width: 10em;
padding-right: 2em;
}
#Compose table.dataTable {
border-bottom: 1px solid #35aa47;
}
#Compose .tab[data-tab="0"] {
margin-left: 2.8em;
}
#Compose .tab0 {
margin: 0 auto;
padding: 2em 3em;
}
#Compose .tab0 .send {
float: right;
margin-right: 0;
}
#Compose .tab0 .send::before {
content: 'Send Message';
}
#Compose .chars_left {
float: right;
color: #35AA47;
font-size: .9em;
position: relative;
right: 0.5em;
top: 1.25em;
}
#Compose .tab0 .undo {
float: left;
}
@media all and (max-width: 42em) {
#Compose .wrapBatch {
margin-right: .5em;
}
#ComposeBatchTable .EMAIL {
display: none;
}
#ComposeBatchTable_wrapper .head {
height: auto;
}
#Compose .tab0 {
padding: 2em 0.5em;
}
#Compose .tab[data-tab="0"] {
margin-left: .5em;
}
#Compose .tab0 .send::before {
content: 'Send';
}
}
@media all and (max-width: 30em) {
#Compose .main_title {
padding-left: .5em;
}
#Compose .main_title svg {
display: none !important;
}
#ComposeBatchTable_filter {
margin-bottom: 0;
}
#ComposeBatchTable_wrapper .wrapSelectTo {}
}
/* #endregion */
/*#region Goals */
#Goals .head {
padding: 0;
}
#Goals .head-side {
display: inline-block;
}
#Goals .head-left {
width: 58%;
float: left;
}
#Goals .head-right {
width: 40%;
float: right;
}
#Goals .new_goal {
font-size: .9em;
float: right;
margin-top: .1em;
}
#Goals .go_config_view {
font-size: .9em;
float: right;
margin-top: .1em;
}
#Goals .wrap_eligibilty_filter {
float: left;
text-align: left;
padding-top: 0;
margin-right: 1em;
color: #35aa46;
display: inline-block;
font-weight: bold;
width: 13em;
}
#Goals select.eligibilty_filter {
color: #35aa46;
font-weight: bold;
}
#Goals span.eligibilty_filter {
text-align: left;
}
#Goals .ui-select {
margin: 0;
}
#Goals .ui-select .ui-btn {
font-size: .9em;
}
#Goals .select_title {
position: absolute;
top: .1em;
left: .4em;
font-size: .8em;
color: #cfc;
font-weight: normal;
display: none;
}
#Goals th.small-title {
color: #ccc;
font-size: 0.7em;
}
#Goals_DataTable_filter {
padding: 0;
margin-right: 1em;
margin-top: 0;
}
#Goals_DataTable_filter input {
margin: 0;
padding: 0.1em 0 0 1.7em;
width: 8em;
}
#Goals_DataTable td {
padding-top: .2em;
padding-bottom: .2em;
}
#Goals_DataTable td.GOAL_TITLE {
padding: .5em;
}
#Goals_DataTable .award_title {
font-size: .9em;
color: #666;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 16.5em;
}
#Goals_DataTable .show_to_link {
font-weight: normal;
color: #35AA47;
}
#Goals_DataTable .party_name {
font-size: .9em;
}
#Goals_DataTable .dt_btn {
text-align: center;
}
#Goals_DataTable .ui-btn {
margin: 0;
font-size: 1.1em;
}
#Goals th.BTN_AWARD {
text-align: center;
padding: 0 0.3em 0 0.3em;
}
#Goals .IMAGE_ID {
background: #FFF;
text-align: center;
}
#Goals .inactive {
color: #d84a38;
}
#Goals .inactive a {
color: #d84a38;
text-decoration: line-through;
}
#Goals .integer {
text-align: right;
padding-right: 2em;
}
@media all and (max-width: 30em) {
#Goals .wrap_eligibilty_filter,
#Goals_DataTable_filter input {
width: 9em;
}
#Goals .new_goal {
margin-right: 0;
}
#Goals .go_config_view {
margin-right: 0;
}
#Goals .dataTables_scroll {
margin-left: -1em;
margin-right: -1em;
}
#Goals .GOAL_TITLE div {
width: 12em;
}
}
/* #endregion */
/*#region GoalsView */
#GoalsView .save_undo.top {
position: relative;
top: 0;
right: 0;
width: 100%;
}
#GoalsView .save_undo button {
margin-right: 0;
}
#GoalsView div.tools {
font-size: .9em;
float: right;
position: relative;
top: -0.4em;
}
#GoalsView div.tools.bottom {
float: none;
text-align: center;
margin-top: 0;
}
#GoalsView div.tools button {
padding: .3em .9em;
margin-right: 0;
}
#GoalsView .section_title {
font-size: 1.5em;
font-weight: bold;
}
#GoalsView .section_title.center {
font-size: 2em;
}
#GoalsView li.ui-field-contain .title {
font-size: 1.2em;
padding-left: .4em;
float: left;
}
#GoalsView .more_title {
font-style: italic;
font-size: 1em;
color: #888;
float: right;
margin-right: 1em;
margin-left: 1em;
margin-top: 0.2em;
text-align: right;
}
#GoalsView .more_title.inactive_note {
float: none;
clear: both;
text-align: center;
margin: .5em 1em 0em 1em;
white-space: normal;
}
#GoalsView .ui-flipswitch {
margin: 0 0 0.4em 0;
}
#GoalsView h2 {
margin-bottom: .5em;
}
#GoalsView .ui-listview-inset.wrap_column_opts {
margin-top: 0;
}
#GoalsView .col_no {
color: #999;
position: absolute;
top: 1.4em;
left: 0.4em;
font-size: .7em;
}
#GoalsView .column_opt svg.mock_button {
position: absolute;
top: 0.3em;
left: 1em;
font-size: 1.1em;
}
@media all and (max-width: 32.5em) {
#GoalsView .more_title {
clear: both;
display: block;
float: none;
margin-left: 0.5em;
}
#GoalsView .column_opt {
min-height: 2.9em;
}
}
/* #endregion */
/*#region Goal and GR_Shared (IHReward) */
.GR_Shared .main_title {
float: left;
margin-bottom: 0;
padding-left: 5em;
position: relative;
}
.GR_Shared .main_title img {
position: absolute;
left: 0;
top: 0;
width: 80px;
}
.GR_Shared.new .main_title {
padding-left: 0;
}
.GR_Shared .ui-flipswitch {
position: relative;
top: -.5em;
}
.GR_Shared .wrapSaveUndo {
text-align: center;
clear: both;
}
.GR_Shared .save_undo {
margin: 2em auto 3em;
display: inline-block;
}
.GR_Shared .note {
font-size: .75em;
text-align: center;
padding: 1em 1.0em 0.3em 1.0em;
color: #888;
font-style: italic;
}
.GR_Shared .wrapCategoryAC {
position: relative;
}
.GR_Shared .CategoryACSwitch {
position: absolute;
right: -.25em;
top: -.35em;
}
.GR_Shared .uncategorized {
color: #dddddd;
font-weight: normal;
}
/*#region goal tab 0 - General */
.GR_Shared .side {
width: 48%;
}
.GR_Shared .side.leftside {
float: left;
position: relative;
}
.GR_Shared .side.rightside {
float: right;
}
.GR_Shared .side-contents {
max-width: 26em;
margin: 0 auto 1em;
position: relative;
}
.GR_Shared .wrapInput {
margin: 0 auto 1em;
max-width: 26em;
position: relative;
}
.GR_Shared .wrapInput .ui-input-text {
margin-top: 0.2em;
}
.GR_Shared .input_title {
font-size: .9em;
font-weight: bold;
position: relative;
top: .2em;
}
.GR_Shared .ui-select {
margin: .2em 0 0 0.5em;
font-size: .9em;
}
.GR_Shared .ui-select .ui-btn {
padding-top: .5em;
padding-bottom: .5em;
}
.GR_Shared .wrapSelectStatus {
margin-bottom: 2em;
display: inline-block;
margin-right: 1em;
vertical-align: top;
}
.GR_Shared .wrapSelectStatus .input_title {
width: 3em;
display: inline-block;
}
.GR_Shared .wrapAmount {
margin: 0.5em 0 .5em 0;
text-align: left;
}
.GR_Shared .wrapAmount .input_title {
vertical-align: sub;
}
.GR_Shared .wrapAmount .ui-input-text {
display: inline-block;
width: 5em;
vertical-align: middle;
text-align: right;
}
.GR_Shared .wrapAmount input {
text-align: left;
}
.GR_Shared .image_options {
display: inline;
margin-top: .5em;
margin-left: .5em;
}
.GR_Shared .image_options button {
margin: 0 0 0 0.3em;
font-size: 1.1em;
}
.GR_Shared .wrapCategory {
margin-bottom: 1em;
}
.GR_Shared .require_note {
display: none;
font-size: .9em;
float: right;
position: relative;
top: .3em;
}
.GR_Shared textarea {
height: 2.5em;
min-height: 2.5em;
}
.GR_Shared .wrapDESCRIPTION {
margin-top: 0.5em;
}
.GR_Shared textarea.DESCRIPTION {
min-height: 5em;
}
/*#region wrapOptional */
#Goal .wrapOptional {
margin: 1.5em auto 0.5em;
max-width: 26em;
position: relative;
}
.GR_Shared h3 {
font-size: .9em;
}
.GR_Shared .wrapOptional .ui-collapsible-content {
font-size: 1em;
}
.GR_Shared .wrapOptional .ui-select {
margin: .5em .2em 0 .2em;
display: inline-block;
}
#Goal .wrapOptional .wrapLimitChkbox {
border-bottom: 1px solid #35AA47;
margin-bottom: 1.3em;
padding-bottom: .5em;
}
#Goal .wrapLimitChkbox.wrapExpires {
margin-top: 1em;
padding-bottom: 1.5em;
}
#Goal .wrapLimitChkbox.wrapProgramLimit {
border: none;
margin-bottom: 0;
}
.GR_Shared .wrapDateDrops {
display: none;
text-align: center;
clear: both;
position: relative;
top: -.5em;
}
.GR_Shared .date-dropdowns {
font-size: .8em;
}
.GR_Shared .wrapOptional .input_title.floatRight {
position: relative;
top: .6em;
}
.GR_Shared .wrapPartyLimit {}
.GR_Shared .wrapProgramLimit .ui-input-text,
.GR_Shared .wrapLimitQty .ui-input-text {
display: inline-block;
width: 4.6em;
float: right;
margin: 0;
}
.GR_Shared .wrapQTY_SOLD .ui-input-text,
.GR_Shared .wrapQTY_SOLD .ui-input-text {
border: none;
}
.GR_Shared .wrapLimitQty .input_title {
position: relative;
top: 1.1em;
}
/* #endregion */
@media all and (max-width: 44em) {
.GR_Shared .side {
width: 100%;
}
.GR_Shared .leftside {
margin-bottom: 1em;
}
}
/* #endregion */
#Goal .wrapAwardTitlePlain {
margin-top: 1.5em;
}
#Goal .wrapSelectImage {
margin-bottom: 1.5em;
}
/*#region goal tab 1 - Assignment */
.GR_Shared .wrapInput.ASSIGNED_TO {
max-width: 28em;
}
.GR_Shared .wrapInput.ASSIGNED_TO .input_title {
font-size: 1em;
position: relative;
top: .2em;
}
.GR_Shared .wrapASSIGNED_TO {
float: right;
}
.GR_Shared .wrapASSIGNED_TO.ui-flipswitch .ui-btn.ui-flipswitch-on {
text-indent: -5.3em;
}
.GR_Shared .wrapASSIGNED_TO.ui-flipswitch .ui-flipswitch-off {
text-indent: 0.8em;
}
.GR_Shared .wrapASSIGNED_TO.ui-flipswitch {
width: 6.875em;
}
.GR_Shared .wrapASSIGNED_TO.ui-flipswitch.ui-flipswitch-active {
padding-left: 6em;
width: 1.875em;
}
@media (min-width: 28em) {
/*Repeated from rule .ui-flipswitch above*/
.GR_Shared .ui-field-contain>label+.wrapASSIGNED_TO.ui-flipswitch {
width: 1.875em;
}
}
.GR_Shared .limited .note {}
.GR_Shared .all_parties {
display: block;
font-size: 1.2em;
font-weight: bold;
margin: 0.5em auto 1em;
text-align: center;
}
.GR_Shared .role_note {
display: none;
text-align: left;
font-size: 0.8em;
margin-top: 0em;
}
.GR_Shared .remove_row,
.GR_Shared .tile_action {
opacity: .5;
}
/*#region classes_table */
.GR_Shared .classes_table {
margin: 0 auto 1em;
border-spacing: 0;
border-collapse: separate;
position: relative;
}
.GR_Shared .classes_table thead tr:first-child td {
background-color: #35AA47;
color: #fff;
border: 1px solid #35AA47;
padding: .5em 1em;
}
.GR_Shared .classes_table thead td {
border-left: 1px solid #35AA47;
border-right: 1px solid #35AA47;
}
.GR_Shared .classes_table thead td:first-child {
border-top-left-radius: .4em;
}
.GR_Shared .classes_table thead td:last-child {
border-top-right-radius: .4em;
padding: 0;
}
.GR_Shared .classes_table .ui-btn {
margin: 0.3em 0;
}
.GR_Shared .classes_table .ui-select {
font-size: .9em;
margin-right: 0;
}
.GR_Shared .classes_table .ui-select>div {
text-align: left;
}
.GR_Shared .classes_table td.assign {
text-align: center;
width: 4em;
}
.GR_Shared .classes_table td.assign .ui-btn,
.GR_Shared .classes_table td.assign .ui-btn.ui-btn-icon-notext::after {
background-color: #CCC;
}
.GR_Shared .classes_table td.assign .ui-btn.current,
.GR_Shared .classes_table td.assign .ui-btn.current.ui-btn-icon-notext::after {
background-color: #35AA47;
}
.GR_Shared .classes_table tbody td:first-child {
padding-left: .5em;
border-left: 1px solid #35AA47;
max-width: 7em;
}
.GR_Shared .classes_table tbody td:last-child {
border-right: 1px solid #35AA47;
}
.GR_Shared .classes_table .no_class {
display: none;
}
.GR_Shared .classes_table .no_class div {
padding: .5em .5em;
font-style: italic;
color: #aaa;
}
.GR_Shared .select_class {
font-weight: bold;
font-size: 1.1em;
}
.GR_Shared .wrap_remove_row {
text-align: center;
width: 3em;
}
.GR_Shared .remove_row {}
.GR_Shared .classes_table tfoot td {
padding: .5em 0 .25em .5em;
border: 1px solid #35AA47;
border-top: 0;
border-radius: 0 0 .4em .4em;
}
.GR_Shared .classes_table .new_class,
.GR_Shared .new_party {
font-size: .9em;
padding-top: .5em;
padding-bottom: .5em;
float: left;
margin-left: .5em;
margin-right: 1em;
}
/* #endregion */
.GR_Shared .parties .sidetitle {
padding: .5em 1em;
font-weight: bold;
font-size: .9em;
height: 1.4em;
}
.GR_Shared .parties .parties_foot {
margin-top: .3em;
}
.GR_Shared .wrapPartyTiles {
padding-top: .5em;
}
.GR_Shared .partyTile {
display: inline-block;
margin: .5em 0.5em 0em 1.1em;
font-size: 1em;
position: relative;
text-align: left;
height: 2em;
}
.GR_Shared .partyTile .tile_action {
position: relative;
top: -.4em;
right: 0em;
margin: 0;
display: inline-block;
}
.GR_Shared .partyTile .NAME {
font-size: 1.0em;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
max-width: 9.5em;
margin-right: .5em;
}
/* #endregion */
/*#region goal tab 2 - Certificate */
#Goal .tablist-content[data-tab="2"] {
padding: 0;
text-align: center;
}
#Goal .tablist-content[data-tab="2"] .save_undo {
margin: 1em auto;
display: inline-block;
}
/*#region wrapCert */
#Goal .wrapCert {
margin-top: 1.5em;
text-align: center;
}
#Goal .wrapCert .tab_title {
margin-bottom: 0;
}
#Goal .wrapCert .wrapSlider {
width: 100%;
max-width: 3.5in;
margin: 0 auto .5em;
font-size: .7em;
color: #888;
line-height: 1em;
}
#Goal .wrapSlider .ui-slider {
position: relative;
top: -1em;
}
#Goal .wrapSlider .ui-slider-track {
margin: 0;
}
#Goal #sliderCertZoom {
display: none;
}
#Goal .wrapCert2 {
display: inline-block;
width: 100%;
max-width: 7.7in;
min-width: 2in;
margin: 0em auto;
border: 1px dashed #000;
}
#Goal .touchOnly {
display: none;
text-align: center;
margin-top: 2em;
}
#Goal .cert .item {
cursor: move;
}
#Goal .cert .item:hover {
border: 1px solid red;
box-shadow: 0 0 5px 0px red, 0 1px 0 0 #eeeeee;
}
#Goal .cert .item.current {
border: 1px solid red;
box-shadow: 0 0 5px 0px red, 0 1px 0 0 #eeeeee;
}
#Goal .ui-resizable-e {
cursor: e-resize;
height: 100%;
right: -5px;
top: 0;
width: 7px;
}
#Goal .ui-resizable-s {
bottom: -5px;
cursor: s-resize;
height: 7px;
left: 0;
width: 100%;
}
#Goal .ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}
#Goal .ui-icon,
.ui-widget-content .ui-icon {
background-image: url("Images/ui-icons_222222_256x240.png");
}
#Goal .ui-icon {
height: 16px;
width: 16px;
background-repeat: no-repeat;
display: block;
overflow: hidden;
text-indent: -99999px;
}
#Goal .ui-resizable-se {
bottom: 1px;
cursor: se-resize;
height: 12px;
right: 1px;
width: 12px;
}
#Goal .ui-resizable-handle {
display: block;
font-size: 0.1px;
position: absolute;
}
/* #endregion */
/*#region .cert shared class */
.cert {
width: 100%;
line-height: 1.3;
position: relative;
font-size: 100%;
text-align: center;
overflow: hidden;
background-size: contain;
background-repeat: no-repeat;
}
#Goal .cert.part.landscape {
padding-bottom: 57.15%;
}
#Goal .cert.part.portrait {
padding-bottom: 175%;
}
#Goal .cert.full.landscape {
padding-bottom: 75.44%;
}
#Goal .cert.full.portrait {
padding-bottom: 133%;
}
.cert>img {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.cert .item {
border: 1px solid transparent;
height: auto !important;
}
.cert .textblock {
position: absolute;
font-size: 50%;
}
.cert .amount {
position: absolute;
font-weight: bold;
text-align: center;
font-size: 150%;
}
.cert .amount .awardAmount {
font-family: Times New Roman;
letter-spacing: -0.03em;
/*text-shadow: 0 .02em .02em #FFFFFF, 0 -.02em .02em #000000;*/
line-height: .8em;
font-size: 100%;
}
.cert .amount .awardAmount.oneShift {
width: 98%
}
.cert .amount .awardAmount.oneShift span:first-child {
letter-spacing: -0.1em;
}
.cert .amount .currency {
font-size: 44%;
width: 100%;
font-size: 20%;
font-weight: normal;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
}
.cert .code {
position: absolute;
font-family: 'Trebuchet MS', monospace;
text-align: center;
line-height: .9em;
}
.cert .code span {
margin: 0em;
letter-spacing: .1em;
}
/* #endregion */
/*#region wrapText */
#Goal .wrapText {
max-width: 7in;
margin: 0em auto 1.5em;
}
#Goal .wrapText .cke_bottom {
display: none;
}
#Goal .wrapText .cke_button__source_label {
display: none;
}
#Goal .wrapText .ui-collapsible-content {
padding: 1px;
min-height: 8em;
}
#cke_AWARD_TITLE {
border: 0 none;
}
#AWARD_TITLE {
display: none;
}
#Goal .enable_editor {
font-size: .9em;
margin: 2.5em 0;
}
#Goal .wrapText .wrapElapsor {
margin-top: 2em;
display: none;
}
#Goal .wrapText .wrapElapsor span {
font-weight: bold;
padding-left: 0.5em;
position: relative;
top: -1.3em;
}
/* #endregion */
#Goal .wrapSelectTemplate {
text-align: left;
margin-bottom: 1em;
}
#Goal .CertSettings {
max-width: 7in;
margin: 0em auto 2em;
}
#Goal .CertSettings .ui-controlgroup-horizontal {
display: inline-block;
margin: 0 1em 0 0em;
}
#Goal .CertSettings .ui-controlgroup-horizontal .ui-checkbox {
text-align: center;
min-width: 2.75em;
}
#Goal .CertSettings .ui-controlgroup-horizontal .ui-checkbox label {
font-family: Times New Roman, Times, serif;
padding: 0.7em 0.5em 0.6em 1em;
}
#Goal .CertSettings .ui-collapsible h3 a.ui-focus,
#Goal .CertSettings .ui-collapsible h3 a:focus {
box-shadow: none;
}
#Goal .CertSettings .ui-collapsible-content {
text-align: left;
}
#Goal .CertSettings .ui-flipswitch {
top: 0;
}
#Goal .CertSettings .tableLayout {
width: 100%;
}
#Goal .CertSettings .tableLayout td:first-child {
width: 5.5em;
}
#Goal .CertSettings input.ui-slider-input {
width: 50px;
}
#Goal .wrapSelectBG .input_title {
width: 4.8em;
display: inline-block;
}
#Goal #cert_text {
padding: 0 .5em .5em 0em;
}
#Goal .TBL.tableLayout td:first-child {
width: 7em;
}
#Goal .TBL .ui-select {
font-size: 0.9em;
margin: 0.3em 0;
}
#Goal .TBL .saveTemplate {
font-size: .85em;
}
#Goal .TBL .deleteTemplate {
font-size: 0.85em;
font-weight: normal;
margin: 0.3em 0 0 0;
padding-bottom: 0.5em;
padding-top: 0.5em;
float: right;
}
#Goal .CertSettings .custom_note {
margin-top: 1em;
font-size: .9em;
}
#Goal .CertSettings .wrapOrientation td {
padding-top: .5em;
}
/*#region popupNewTemplate */
#popupNewTemplate {
width: 25em;
}
#popupNewTemplate .ui-header {
height: auto;
}
#popupNewTemplate .ui-title {
display: block;
padding: 0.5em 0 .5em 1em;
margin: 0;
text-align: left;
}
#popupNewTemplate .footer {
padding-right: 2.3em;
}
/* #endregion */
#Goal .wrapCert.portrait .wrapCert2 {
width: 2in;
font-size: .2in !important;
}
#Goal .wrapCert.portrait .wrapSlider {
display: none;
}
.certificate-tab {
position: relative;
}
.certificate-tab .leftside {
position: relative;
left: 0;
top: 0;
width: 350px;
float: left;
}
.certificate-tab .rightside {
margin-left: 370px;
margin-right: 1em;
margin-top: 0em;
padding-top: 1.5em;
}
.certificate-tab .genCodes {
display: none;
font-size: .9em;
float: left;
width: auto;
margin: 4em 0 0 2em;
}
@media all and (max-width: 48em) {
.certificate-tab .leftside {
position: relative;
margin: 0 auto;
float: none;
}
.certificate-tab .rightside {
margin: 0;
}
.certificate-tab .genCodes {
margin-left: 0;
}
#Goal .wrapCert .wrapSlider {
display: none;
}
}
/* #endregion */
/*#region goal tab 3 - History */
#Goal .dataTables_processing {
top: 1.1em;
}
#Goal .dataTables_wrapper .head {
text-align: left;
}
#Goal .ledger_totals {
margin-bottom: .5em;
border-bottom: 1px solid #35AA47;
}
#Goal .ledger_totals .label {
padding-right: .25em;
color: #35AA47;
}
#Goal .ledger_totals .details {
margin-bottom: 0.5em;
margin-top: 0.4em;
float: right;
font-size: .9em;
text-align: right;
width: 20em;
}
#Goal .ledger_totals .details>div {
display: inline-block;
}
#Goal .ledger_totals .details .label {
padding: 0 .5em;
}
#Goal .tot_amount {
padding: 0 .5em;
color: #D7B011;
font-size: 1.1em;
}
#Goal .ledger_totals .wrap_balance {
font-size: 1.3em;
padding: .5em;
}
#AwardHistory_wrapper .wrap_tools {
display: inline-block;
}
#AwardHistory_wrapper .wrap_tools .ui-btn {
font-size: .9em;
}
#AwardHistory tr td {
padding: 0.3em 0;
padding-left: 1em;
height: 2.6em;
cursor: default;
}
#AwardHistory_wrapper .integer {
text-align: right;
padding-right: 2em;
}
/* #endregion */
.GR_Shared.new .main_title img,
.GR_Shared.new .title_desc,
.GR_Shared.new .tabs,
.GR_Shared.new .rightside,
.GR_Shared.new .wrapSelectStatus {
display: none;
}
.GR_Shared.new .max62em {
max-width: 28em !important;
}
.GR_Shared.new .side {
width: 100%;
}
@media all and (max-width: 30em) {
#Goal .tablist-content {
padding: 1.5em 0.2em;
}
.GR_Shared .ui-content {
padding-bottom: 15em;
}
.GR_Shared .tabs {
margin-left: -1em;
margin-right: -1em;
font-size: .9em;
}
.GR_Shared .tab {
font-size: 1em;
padding: .5em .5em;
}
.GR_Shared .tab:first-child {
margin-left: .5em;
}
.GR_Shared .wrapASSIGNED_TO.ui-flipswitch {
font-size: 0.9em;
}
}
/* #endregion */
/*#region PartySelect */
#PartySelect {
height: 31em;
padding-bottom: .5em;
}
#PartySelect .ui-content {
padding: .25em 1em;
font-size: 1em;
width: 16em;
}
#PartySelect_DataTable_wrapper {
height: 25em;
}
#PartySelect thead {
display: none;
}
#PartySelect .dataTables_filter {
padding-top: 0;
padding-left: 0;
display: block;
margin-right: .5em;
float: none;
}
#PartySelect .dataTables_filter input {
margin-left: 0;
color: #000;
font-weight: normal;
width: 100%;
}
#PartySelect .ui-title {
margin: 0.4em;
padding: 0.3em 1.5em 0.3em 0.5em;
}
#PartySelect_DataTable_info {
position: absolute;
left: 0;
top: auto;
bottom: -2.2em;
}
#PartySelect_DataTable_paginate {
position: absolute;
right: 0.5em;
bottom: -2em;
}
#PartySelect .paginate_button {
padding: .2em .6em;
}
#PartySelect .dataTables_scrollBody {
padding-bottom: 0.5em;
border-bottom: none;
}
#PartySelect td {
padding: 0.4em 0 0.1em 0.3em;
}
#PartySelect .wrapNAME {
height: 1.25em;
overflow: visible;
position: relative;
}
#PartySelect td span.NAME {
position: relative;
font-weight: bold;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 10em;
}
#PartySelect button.action {
opacity: .5;
margin: 0;
position: absolute;
top: 0em;
right: 0;
font-size: 1.1em;
}
#PartySelect div.selected {
opacity: .5;
margin: 0;
position: absolute;
top: 0em;
right: 0;
font-size: .9em;
text-align: right;
}
#PartySelect button.action:hover {
opacity: 1;
}
#PartySelect .cell_liner {
border-bottom: 1px solid #35aa47;
height: 2em;
padding-top: 0.5em;
position: relative;
width: 15em;
}
/* #endregion */
/*#region GrantAward */
#GrantAward-popup {
width: 92% !important;
max-width: 28em !important;
}
#GrantAward {
position: relative;
display: none;
}
#GrantAward .ui-content {
border: none;
font-size: 1.1em;
padding: .5em 1.5em .5em;
margin-bottom: 0;
}
#GrantAward .pageElap {
position: absolute;
top: 4em;
bottom: 0;
background-color: #FFF;
}
#GrantAward .pageElap .wrapElap {
position: absolute;
top: 30%;
width: 100%;
}
#GrantAward .pageElap img {
margin: 0;
}
#GrantAward .ui-content .title {
font-size: .8em;
position: relative;
top: .3em;
font-weight: bold;
}
#GrantAward .party_name {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
#GrantAward .party_names {
font-size: 1em;
margin-bottom: .75em;
margin-top: .5em;
}
#GrantAward .ui-select {
margin-bottom: 1.0em;
width: 100%;
}
#GrantAward .ui-select .ui-btn {
text-align: left;
padding-left: .6em;
}
#GrantAward input {
color: #888;
}
#GrantAward .wrapAmount {
text-align: right;
margin-bottom: .5em;
}
#GrantAward .wrapAmount .ui-input-text {
display: inline-block;
width: 5em;
margin: 0;
vertical-align: middle;
}
#GrantAward .wrapAmount .title {
margin-right: .5em;
vertical-align: super;
}
#GrantAward .footer {
text-align: right;
padding: 0.0em 1.5em 1em;
}
#GrantAward .cancel {
margin-right: 0;
}
#GrantAward .wrapAdminLimitExceeded,
#GrantAward .wrapPartyLimitExceeded,
#GrantAward .wrapPartiesLimitExceeded {
display: none;
text-align: left;
font-size: .8em;
}
#GrantAward .wrapLimitParties {
padding: .5em;
}
#GrantAward .limitParty {
margin-bottom: .5em;
}
/* #endregion */
/*#region AssignClasses */
#AssignClasses-popup {
width: 92% !important;
max-width: 26em !important;
}
#AssignClasses {
position: relative;
display: none;
}
#AssignClasses .ui-content {
border: none;
font-size: 1.1em;
padding: 1em 1.5em;
margin: 0;
}
#AssignClasses .pageElap {
top: 3em;
height: 9em;
background-color: #FFF;
}
#AssignClasses .pageElap .wrapElap {
position: absolute;
top: 30%;
width: 100%;
}
#AssignClasses .pageElap img {
margin: 0;
}
#AssignClasses .ui-select {
width: 100%;
}
#AssignClasses .ui-select .ui-btn {
text-align: left;
}
#AssignClasses .footer {
text-align: right;
padding: 0.0em 1.5em 1em;
}
/* #endregion */
/*#region BatchDeposit */
#BatchDeposit .ui-content .main_title {
margin-left: 0em;
margin-bottom: 0;
padding: 1em 0 0.5em;
}
#BatchDeposit .wrapDefaults {
margin: .5em 0;
font-size: 1.1em;
}
#BatchDeposit .wrapDefaults>div {
display: inline-block;
vertical-align: middle;
}
#BatchDeposit .title {
font-weight: bold;
font-size: .8em;
position: relative;
}
#BatchDeposit .wrapDefaultDescription {
width: 50%;
max-width: 20em;
margin-right: 1em;
}
#BatchDeposit .wrapDefaults .ui-input-text {
display: inline-block;
margin: 0.2em 0.5em 0 0;
width: 100%;
}
#BatchDeposit .wrapDefaultAmount {
width: 6em;
}
#BatchDepositTable_wrapper {
margin-bottom: 0.5em;
}
#BatchDepositTable_wrapper thead th,
#BatchDepositTable_wrapper thead td {
padding: .5em 1.5em .5em .5em;
}
#BatchDepositTable td {
font-size: 1.1em;
padding: 0 0 0 0.7em;
}
#BatchDeposit .same {
color: #888;
}
#BatchDepositTable_wrapper th.AMOUNT {
text-align: center;
}
#BatchDepositTable_wrapper td.AMOUNT {
text-align: right;
padding-right: 2em;
}
#BatchDepositTable td input.BatchDepositAmount {
text-align: left;
}
#BatchDepositTable td.DESCRIPTION {
padding-left: 0;
}
#BatchDepositTable td input {
width: 90%;
text-align: left;
padding: .2em .6em;
}
#BatchDeposit .wrapTotDeposit {
margin-right: 1em;
}
#BatchDeposit .wrapMaxAmount {
font-size: .7em;
font-weight: normal;
}
#BatchDeposit .wrapMaxAmount.textRed {
font-weight: bold;
}
#BatchDeposit .wrapAdminLimitExceeded,
#BatchDeposit .wrapPartyLimitExceeded {
font-size: 0.9em;
margin: 0.5em 1em 0 0;
text-align: right;
font-weight: bold;
}
/* #endregion */
/*#region Tally */
#Tally .ui-content .main_title {
margin-left: 0em;
margin-bottom: 0;
padding: 1em 0 0.5em;
}
#Tally .wrapDefaults {
margin: .5em 0;
font-size: 1.1em;
}
#Tally .wrapDefaults>div {
display: inline-block;
vertical-align: middle;
}
#Tally .title {
font-weight: bold;
font-size: .8em;
position: relative;
}
#Tally .wrapDefaultDescription {
width: 50%;
max-width: 20em;
margin-right: 1em;
}
#Tally .wrapDefaults .ui-input-text {
display: inline-block;
margin: 0.2em 0.5em 0 0;
width: 100%;
}
#Tally .wrapSetTallies .ui-input-text {
display: inline-block;
margin: 0.2em 0.5em 0 0;
width: 6em;
}
#Tally .resetTallies {
font-size: 0.8em;
margin: 0;
padding: 0.4em 0.8em;
position: relative;
top: 0.5em;
vertical-align: top;
}
#Tally .ResetTally,
#Tally .DeleteTally {
font-size: .9em;
}
#TallyTable_wrapper {
margin-bottom: 0.5em;
}
#TallyTable_wrapper thead th,
#TallyTable_wrapper thead td {
padding: .5em 1.5em .5em .5em;
}
#TallyTable_wrapper .delete {
opacity: .7
}
#TallyTable_wrapper .delete.delete_all {
margin: 0 0 0 1px;
font-size: .9em
}
#TallyTable .ui-btn-icon-notext {
font-size: .8em;
margin: 0;
}
#TallyTable td {
font-size: 1.1em;
padding: 0 0 0 0.7em;
}
#TallyTable_wrapper th.AMOUNT {
text-align: center;
}
#TallyTable_wrapper td.AMOUNT {
text-align: right;
padding-right: 2em;
}
#TallyTable td input.tallyAmount {
text-align: left;
}
#TallyTable td.DESCRIPTION {
padding-left: 0;
}
#TallyTable td input {
width: 90%;
text-align: left;
padding: .2em .6em;
}
#TallyTable_wrapper th.OPTIONS {
padding-right: 0.5em;
text-align: center;
border-right: none;
}
#TallyTable_wrapper td.OPTIONS {
text-align: center;
padding-right: 0.5em;
}
#TallyTable .ui-btn-icon-notext.delete.delete_one {
font-size: .8em;
}
#Tally .wrapTotDeposit {
margin-right: 1em;
}
#Tally .wrapMaxAmount {
font-size: .7em;
font-weight: normal;
}
#Tally .wrapMaxAmount.textRed {
font-weight: bold;
}
#Tally .wrapAdminLimitExceeded,
#Tally .wrapPartyLimitExceeded {
font-size: 0.9em;
margin: 0.5em 1em 0 0;
text-align: right;
font-weight: bold;
}
/* #endregion */
/*#region SelectClass */
#SelectClass-popup {
width: 92% !important;
max-width: 26em !important;
}
#SelectClass {
position: relative;
display: none;
}
#SelectClass .ui-content {
border: none;
font-size: 1.1em;
padding: 1em 1.5em;
margin: 0;
}
#SelectClass .pageElap {
top: 3em;
height: 9em;
background-color: #FFF;
}
#SelectClass .pageElap .wrapElap {
position: absolute;
top: 30%;
width: 100%;
}
#SelectClass .pageElap img {
margin: 0;
}
#SelectClass .ui-select {
width: 100%;
}
#SelectClass .ui-select .ui-btn {
text-align: left;
}
#SelectClass .footer {
text-align: right;
padding: 0.0em 1.5em 1em;
}
/* #endregion */
/*#region Rewards */
#Rewards .main.tabs {
border-bottom: 1px solid #35AA47;
margin-top: 0;
}
#Rewards .tab {
display: inline-block;
margin: 0 0 3px;
overflow: visible;
padding: .4em 1em;
position: relative;
top: 4px;
font-family: filson-soft, sans-serif;
font-size: 1.2em;
}
#Rewards .tab:hover {
border-bottom: 1px solid #B6ECBE;
}
#Rewards .tablist-content {
display: none;
vertical-align: top;
padding: 1em 0 0 0;
}
#Rewards .maintab {
padding: 0;
}
#Rewards .tab_title {
font-size: 1.2em;
font-weight: bold;
margin-bottom: 1em;
}
#Rewards .maintab .tabs {
font-size: .9em;
}
#Rewards .maintab .tabs .tab:first-child {
margin-left: 1em;
}
#Rewards .tab.TRLogo {}
@media all and (max-width: 32em) {
#Rewards .tablist-content {
padding-left: 0;
}
#Rewards .tabs {
margin-left: -1em;
margin-right: -1em;
}
#Rewards .tabs .tab {
padding: .5em .5em;
font-size: 1em;
}
#Rewards .tabs .tab:first-child {
margin-left: .5em;
}
}
#Rewards .max62 {
margin: 0 auto;
}
#Rewards .head {
padding: 0;
}
#Rewards .head-side {
display: inline-block;
}
#Rewards .head-left {
width: 58%;
float: left;
}
#Rewards .head-right {
width: 40%;
float: right;
}
#Rewards .new_record {
font-size: .9em;
float: right;
margin-top: .1em;
}
#Rewards .go_config_view {
font-size: .9em;
float: right;
margin-top: .1em;
}
#Rewards .ui-select {
margin: 0;
}
#Rewards .ui-select .ui-btn {
font-size: .9em;
}
#Rewards .select_title {
position: absolute;
top: .1em;
left: .4em;
font-size: .8em;
color: #cfc;
font-weight: normal;
display: none;
}
#Rewards th.small-title {
color: #ccc;
font-size: 0.7em;
}
/*#region RewardsIH data table */
#RewardsIH_wrapper .wrap_eligibilty_filter {
float: left;
text-align: left;
padding-top: 0;
margin-right: 1em;
color: #35aa46;
display: inline-block;
font-weight: bold;
width: 13em;
}
#RewardsIH_wrapper select.eligibilty_filter {
color: #35aa46;
font-weight: bold;
}
#RewardsIH_wrapper span.eligibilty_filter {
text-align: left;
}
#RewardsIH_wrapper .dataTables_empty {
text-align: left;
}
#RewardsIH_filter {
padding: 0;
margin-right: 1em;
margin-top: 0;
}
#RewardsIH_filter input {
margin: 0;
padding: 0.1em 0 0 1.7em;
width: 8em;
}
#RewardsIH td {
padding: 0 .5em;
height: 3.5em;
}
#RewardsIH .award_title {
font-size: .9em;
color: #666;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 16.5em;
}
#RewardsIH .show_to_link {
font-weight: normal;
color: #35AA47;
}
#RewardsIH .party_name {
font-size: .9em;
}
#RewardsIH .dt_btn {
text-align: center;
}
#RewardsIH .ui-btn {
margin: 0;
font-size: 1.1em;
font-weight: bold;
}
#RewardsIH_wrapper .GOAL_TITLE a {
font-weight: bold;
}
#RewardsIH_wrapper a {
font-weight: normal;
}
#RewardsIH_wrapper .TITLE a {
font-weight: bold;
font-size: 1.1em;
}
#RewardsIH_wrapper .IMAGE_URL {
background: #FFF;
}
#RewardsIH_wrapper .inactive {
color: #d84a38;
}
#RewardsIH_wrapper .inactive a {
color: #d84a38;
text-decoration: line-through;
}
#RewardsIH_wrapper .integer {
text-align: right;
padding-right: 2em;
}
#RewardsIH_wrapper .QTY_PENDING {
font-weight: bold;
}
#RewardsIH_wrapper .RAFFLE_ITEM {
font-weight: bold;
text-align: center;
}
#RewardsIH_wrapper .dataTables_scrollBody .UPDATED {
font-size: .8em;
}
#RewardsIH_wrapper .GROUP_QTY,
#RewardsIH_wrapper .AVAILABLE_CNT {
position: relative;
padding-right: 1.5em;
padding-left: 1.5em;
}
#RewardsIH_wrapper .inventoryBtn {
opacity: .75;
cursor: pointer;
display: inline-block;
position: relative;
margin-left: .5em;
width: 25px;
height: 25px;
}
#RewardsIH_wrapper .inventoryBtn:hover {
opacity: 1;
}
@media all and (max-width: 30em) {
#RewardsIH_wrapper .wrap_eligibilty_filter,
#RewardsIH_filter input {
width: 9em;
}
#RewardsIH_wrapper .new_record {
margin-right: 0;
}
#RewardsIH_wrapper .go_config_view {
margin-right: 0;
}
#RewardsIH_wrapper .dataTables_scroll {
margin-left: -1em;
margin-right: -1em;
}
#RewardsIH_wrapper .TITLE div {
width: 10em;
}
}
/* #endregion */
/*#region IH_History data table */
#IH_History .IMAGE_ID {
padding-bottom: 0;
}
#IH_History .DATE_PURCHASED {
font-size: .9em;
}
#IH_History .PARTY_NAME {
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
max-width: 10em;
}
#IH_History .deliveryOptions .ui-icon-edit {
margin-left: .5em;
margin-right: .9em;
}
#IH_History .deliveryOptions .circleCheck {
margin-right: .8em;
}
#IH_History .deliveryInfo {
font-size: .9em;
padding-left: .5em;
}
#IH_History .deliveryInfo .tiny {
font-size: .7em;
color: #aaa;
}
#IH_History .cancelIH {
display: inline-block;
position: relative;
right: 0;
top: 0;
opacity: .6;
}
#IH_History .cancelIH:hover {
opacity: 1;
}
@media all and (max-width: 38em) {
#IH_History_wrapper .IMAGE_ID {
display: none;
}
}
/* #endregion */
#Rewards .wrapTRTabs {
padding-top: .5em;
position: relative;
}
#Rewards .wrapTRTabs .tabsTR {
margin-top: 0;
}
#Rewards .wrapAutoCheckout,
#Rewards .wrapNotAutoCheckout {
padding: .5em 1em;
font-size: 1.1em;
}
#Rewards .ExtraRewardsNote {
font-size: 1.1em;
padding-bottom: 1em;
}
#Rewards .wrapAutoCheckout,
#Rewards .wrapNotAutoCheckout {
margin-bottom: .5em
}
#Rewards .wrapCheckout {
font-weight: bold;
padding-left: 1em;
}
#Rewards .wrapCheckoutItemCount {
font-size: 1.1em;
vertical-align: middle;
margin-right: 1em;
}
#Rewards .go_TR {
position: relative;
top: 0;
right: 0;
}
@media all and (max-width: 44em) {
#Rewards .go_TR {
position: relative;
}
}
#Rewards .wrapDeliveries {
font-weight: bold;
padding-left: 1em;
margin-top: 1em;
}
/*#region TRCatalog */
#TRCatalog tbody td {
padding: 0 .5em;
height: 3.5em;
}
#TRCatalog tbody td.AMOUNT {
text-align: right;
padding-right: 1em;
}
#TRCatalog tbody td.IN_CART_QTY {
text-align: right;
padding-right: 3em;
font-weight: bold;
font-size: 1.1em;
}
#TRCatalog tbody td.CATEGORIES,
#TRCatalog tbody td.DESCRIPTION {
font-size: .9em;
padding-top: .3em;
padding-bottom: .3em;
}
#TRCatalog tbody td.AMOUNT .tokenAmount {
font-size: .8em;
}
#TRCatalog tbody td.WEIGHT_LBS {
text-align: right;
padding-right: 1em;
}
#TRCatalog_wrapper .wrapTRCategories {
float: left;
text-align: left;
padding-top: 0;
margin-right: 1em;
color: #35aa46;
display: inline-block;
font-weight: bold;
width: 10em;
}
#TRCatalog_wrapper select.categoryFilter {
color: #35aa46;
font-weight: bold;
}
#TRCatalog_wrapper span.categoryFilter {
text-align: left;
}
#TRCatalog_filter {
padding: 0;
margin-right: 1em;
margin-top: 0;
}
#TRCatalog_filter input {
margin: 0;
padding: 0.1em 0 0 1.7em;
width: 8em;
}
@media all and (max-width: 30em) {
#TRCatalog_wrapper .wrapTRCategories,
#TRCatalog_filter {
margin-top: 0;
}
#TRCatalog_filter input {
width: 10em;
}
#TRCatalog_wrapper .go_config_view {
margin-right: 0;
}
#TRCatalog_wrapper .dataTables_scroll {
margin-left: -1em;
margin-right: -1em;
}
#TRCatalog_wrapper .NAME div {
width: 11em;
}
}
/* #endregion */
/*#region TR_History */
#Rewards .wrapTR_HistoryStatus {
float: left;
text-align: left;
padding-top: .4em;
margin-right: 1em;
color: #35aa46;
display: inline-block;
font-weight: bold;
width: 14em;
}
#Rewards #TR_History_filter.dataTables_filter input {
width: 11em;
}
.max #TR_History tbody td.ORDERED_BY {
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
max-width: 8em;
}
/* #endregion */
/*#region TRSettings */
#TRSettings svg.help {
position: relative;
top: .4em;
margin-left: .2em;
opacity: .7
}
#TRSettings svg.help:hover {
opacity: 1;
cursor: pointer;
}
#TRSettings {
text-align: center;
}
#TRSettings .main_title {
margin: 1.5em 0 0;
}
#TRSettings .mainContent {
padding: 1em 2em 0 1em;
max-width: 50em;
margin: 0 auto;
text-align: left;
}
#TRSettings .wrapTokenRate {
margin-bottom: 1em;
}
#TRSettings .wrapTokenRate .ui-input-text {
display: inline-block;
vertical-align: middle;
width: 5.5em;
margin-right: .2em;
}
#TRSettings .wrapTokenRate input {
font-size: 1.1em;
}
#TRSettings .wrapCentsPerToken {
color: #888;
display: inline-block;
vertical-align: middle;
}
#TRSettings .ui-flipswitch {
margin: 0 0 0 .2em;
}
#TRSettings .wrapExceptions {
color: #555;
padding-left: .5em;
}
#TRSettings .wrapExceptions .new {
display: none;
}
#TRSettings .wrapDisplayedPR {
margin-bottom: 1.5em;
}
#TRSettings .wrapDisplayedGC {
margin-bottom: 1.5em;
}
#TRSettings h2 {
margin-bottom: .3em;
border-bottom: 1px solid #35AA47;
}
#TRSettings .wrapShipCoverAll {
margin-top: .5em;
margin-bottom: .5em;
padding-left: .5em;
}
#TRSettings table.wrapShipCover {
width: 100%;
margin-top: .5em;
margin-bottom: .3em;
}
#TRSettings table.wrapShipCover td:first-child {
text-align: left;
padding-right: .5em;
width: 8em;
font-weight: bold;
font-size: .9em;
}
#TRSettings input.SHIP_COVER_PERCENT {
font-size: 1.1em;
font-weight: normal;
padding: .4em .2em .4em 0.5em;
text-align: left;
width: 3em;
}
#TRSettings .wrapShipMinAmt {
margin-bottom: .5em;
padding-left: .5em;
}
#TRSettings table.wrapShipMinAmt {
width: 100%;
margin-top: .5em;
margin-bottom: .3em;
}
#TRSettings table.wrapShipMinAmt td:first-child {
text-align: left;
padding-right: .5em;
width: 8em;
font-weight: bold;
font-size: .9em;
}
#TRSettings input.DIRECT_SHIP_MIN_AMT {
font-size: 1.1em;
font-weight: normal;
padding: .4em .2em .4em 0.5em;
text-align: left;
width: 3em;
}
#TRSettings .ui-slider {
margin-top: 0;
}
#TRSettings .ui-slider-track {
margin-left: 5.7em;
top: 0.6em;
}
#TRSettings .save_undo {
text-align: center;
}
@media all and (max-width: 36em) {
#TRSettings .mainContent {
padding: 0;
}
#TRSettings .ui-flipswitch {
display: block;
margin: .5em;
font-size: .9em;
}
#TRSettings .ui-slider-track {
display: none;
}
#TRSettings input.SHIP_COVER_PERCENT {
width: 5em;
}
#TRSettings input.DIRECT_SHIP_MIN_AMT {
width: 5em;
}
#TRSettings .save_undo {
margin-bottom: 15em;
}
}
/* #endregion */
/*#region TR Import */
#Rewards .noShipments {
padding: 1em 3em;
font-size: 1.3em;
}
#Rewards .wrapTR_Shipments .elapsor {
margin-top: 4em;
text-align: center;
font-size: 1.5em;
}
#Rewards .wrapTR_Shipments .elapsor svg {
height: 3em;
width: 3em;
}
#Rewards .recentShipments {
padding: 1em 2em;
}
#Rewards .recentShipments .ui-select {
display: inline-block;
font-size: 1.2em;
width: 16.5em;
}
#Rewards .recentShipments .btnImportAll {
float: right;
margin: 0;
}
#Rewards .recentShipments .dataTables_scrollBody .tdCartTokens {
padding-left: .5em;
}
#Rewards .tblImportStatus {
float: right;
margin: .8em;
}
#Rewards .wrapShipmentTotals {
padding: .5em 0;
float: right;
}
#Rewards td.itemName {
position: relative;
}
#Rewards td.productID {
position: relative;
}
#Rewards td.productID .prevImport {
position: absolute;
top: 2px;
left: 0.9em;
font-size: 0.6em;
line-height: 1em;
}
#Rewards td.importQty {
position: relative;
}
#Rewards .btnEditQty {
position: absolute;
top: .9em;
opacity: .5;
right: 0;
}
#Rewards .btnEditQty.edited {
opacity: 1;
}
#Rewards .btnEditQty:hover {
opacity: 1;
}
#Rewards .recentShipments .shippedQty {
font-size: .7em;
font-weight: bold;
opacity: .5;
}
/* base positioning and layout — no bold by default */
#Rewards .recentShipments .receivedQty {
font-weight: normal;
display: block;
position: absolute;
top: 1.6em;
left: .4em;
}
/* inline Item ID in the Item Name column */
#Rewards .recentShipments .itemName .itemId {
color: #555;
font-size: 0.7em;
font-weight: normal;
position: absolute;
left: .5em;
top: 0;
}
/* bold when processed or edited */
#Rewards .recentShipments .receivedQty.processed,
#Rewards .recentShipments .receivedQty.edited {
font-weight: bold;
}
/* base layout for the edit summary (keeps your positioning) */
#Rewards .editSummary {
display: inline-block;
font-size: .7em;
line-height: 1.1;
padding-left: 2.2em;
}
/* first/main summary line: dark */
#Rewards .editSummary .editSummaryMain {
color: #333;
display: inline;
}
/* subsequent detail lines: red (preserve previous red look) */
#Rewards .editSummary .editSummaryDetail {
color: #c00;
/* or your existing red */
display: block;
margin-top: .12em;
}
#Rewards .recentShipments td.colTokenPrice {
padding-right: 1em;
text-align: right;
}
#Rewards .recentShipments .rowComplete {
font-size: 1.2em;
}
#Rewards td.wrapImportBtn {
text-align: right;
}
#Rewards .wrapItemProcessed {
font-size: .9em;
}
.wrapImportItemHead {
min-height: 3em;
}
.wrapImportDetails {
display: inline-block;
padding-left: 5.5em;
}
.imgImportItem {
width: 5em;
position: absolute;
top: 0;
left: 0;
}
.importItemID {
position: absolute;
top: -1.2em;
left: .5em;
font-size: .8em;
opacity: .6;
}
.importItemName {}
.wrapEditImportQty,
.wrapProcessItem {
position: relative;
}
.wrapEditImportQty table {
margin-left: 2em;
text-align: right;
}
.wrapEditImportQty table td:first-child {
padding-right: .5em;
}
.wrapEditImportQty .ui-select {
display: inline-block;
vertical-align: middle;
}
@media all and (max-width: 44em) {
#Rewards .recentShipments {
padding: .5em 0em;
}
}
/* #endregion */
/* #endregion */
/*#region RewardsIHView */
.grid_view_settings .save_undo {
margin-bottom: 2em;
}
.grid_view_settings .save_undo.top {
position: relative;
top: 0;
right: 0;
width: 100%;
margin-bottom: 0;
}
.grid_view_settings .save_undo button {
margin-right: 0;
}
.grid_view_settings div.tools {
font-size: .9em;
float: right;
position: relative;
top: -0.4em;
}
.grid_view_settings div.tools.bottom {
float: none;
text-align: center;
margin-top: 0;
}
.grid_view_settings div.tools button {
padding: .3em .9em;
margin-right: 0;
}
.grid_view_settings .section_title {
font-size: 1.5em;
font-weight: bold;
}
.grid_view_settings .section_title.center {
font-size: 2em;
}
.grid_view_settings li.ui-field-contain .title {
font-size: 1.2em;
padding-left: .4em;
float: left;
}
.grid_view_settings .more_title {
font-style: italic;
font-size: 1em;
color: #888;
float: right;
margin-right: 1em;
margin-left: 1em;
margin-top: 0.2em;
text-align: right;
}
.grid_view_settings .more_title.inactive_note {
float: none;
clear: both;
text-align: left;
margin: 0.5em 0.5em 0em 0.5em;
white-space: normal;
}
.grid_view_settings .ui-flipswitch {
margin: 0;
}
.grid_view_settings h2 {
margin-bottom: .5em;
}
.grid_view_settings .ui-listview-inset.wrap_column_opts {
margin-top: 0;
}
.grid_view_settings .col_no {
color: #999;
position: absolute;
top: 1.4em;
left: 0.4em;
font-size: .7em;
}
.grid_view_settings .column_opt .mock_button.ui-btn {
position: absolute;
top: 0.2em;
left: 1em;
font-size: 1.1em;
}
@media all and (max-width: 32.5em) {
.grid_view_settings .more_title {
clear: both;
display: block;
float: none;
margin-left: 0.5em;
}
.grid_view_settings .column_opt {
min-height: 2.9em;
}
}
/* #endregion */
/*#region IHReward */
#IHReward .showComplete {
display: none;
}
#IHReward .image_options {
float: right;
}
#IHReward .side.leftside .wrapSaveUndo {
max-width: 26em;
text-align: right;
}
#IHReward .side.rightside .wrapSaveUndo {
max-width: 26em;
text-align: right;
margin-bottom: 1em;
}
#IHReward .save_undo {
margin: 0em auto 1em;
}
#IHReward .wrapID {
display: inline-block;
opacity: .5;
float: right;
display: none;
}
#IHReward .wrapID .input_title {
vertical-align: top;
position: relative;
top: 0.6em;
}
#IHReward .wrapID .ui-input-text {
display: inline-block;
margin: 0;
width: 5em;
}
#IHReward .ui-collapsible h3 a {
padding-top: .6em;
padding-bottom: .6em;
}
#IHReward .wrapDESCRIPTION {
margin-bottom: 1.5em;
}
/*#region wrapOptional */
#IHReward .wrapLimitChkbox {
margin-top: .5em;
}
#IHReward .wrapOptional {
margin-bottom: 1.5em;
}
#IHReward .wrapPartyLimit {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
#IHReward .wrapLimitQty {
position: relative;
padding-bottom: .5em;
border-bottom: 1px solid #35aa46;
margin-bottom: .5em;
display: none;
}
#IHReward .wrapRaffle .wrapLimitQty {
text-align: center;
padding: 0 2em 1em;
font-size: 1em;
}
#IHReward .add_qty_btn {
background-image: url("data:image/svg+xml;utf8,");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
right: 0px;
top: 3px;
opacity: .8;
width: 30px;
height: 30px;
cursor: pointer;
}
#IHReward .edit_qoh_btn {
position: absolute;
right: -10px;
top: 64px;
width: 29px;
height: 29px;
opacity: .8;
cursor: pointer;
}
#IHReward.isRaffle .showRegular {
display: none;
}
#IHReward.isRegular .showRaffle {
display: none;
}
#IHReward .wrapProgramLimit .pending {
color: #d84a38;
}
#IHReward .wrapProgramLimit .wrapLimitQty .ui-input-text {
pointer-events: none;
}
#IHReward.isRegular .wrapProgramLimit .wrapLimitQty .ui-input-text {
border: none;
}
#IHReward .wrapProgramLimit .wrapLimitQty .input_title {
position: relative;
top: 0.6em;
}
/* #endregion */
/*#region wrapSelectImage */
#IHReward .wrapSelectImage {
margin-bottom: 1.5em;
}
#IHReward .wrapSelectImage .ui-collapsible-content {
padding-top: 0;
}
#IHReward .wrapSelectImage .ui-select {
min-width: 8em;
margin: 0.5em 0.5em 0.5em 0;
}
#IHReward .wrapImage {
position: relative;
padding: 1px;
margin: 0.5em auto 0;
border: none;
}
#IHReward .wrapImage.full {
width: 100%;
max-width: 288px;
height: 288px;
}
#IHReward .wrapImage.thumb {
width: 80px;
height: 80px;
}
#IHReward .wrapImage img {
width: 100%;
}
#IHReward .wrapImage.thumb img {
border: none;
}
#IHReward .zoomer {
transform: scale(1.5, 1.5);
opacity: .5;
box-shadow: none !important;
}
/* #endregion */
/*#region wrapNotify */
#IHReward .wrapNotify {
margin: 1.5em auto 1.5em;
max-width: 26em;
position: relative;
}
#IHReward .wrapNotify .ui-collapsible-content {
padding: 0 0.5em;
}
#IHReward .admins_table {
margin: 0 auto .5em;
border-spacing: 0;
border-collapse: separate;
position: relative;
width: 100%
}
#IHReward .wrapNotify .email_col_header {
float: right;
margin-right: .7em;
}
#IHReward .wrapNotify.ui-collapsible-collapsed .email_col_header {
display: none;
}
#IHReward .admins_table .ui-btn {
margin: 0.3em 0;
}
#IHReward .admins_table .ui-select {
font-size: .9em;
margin-right: 0;
}
#IHReward .admins_table .ui-select>div {
text-align: left;
}
#IHReward .admins_table td.buttonCol {
text-align: right;
width: 3em;
}
#IHReward .admins_table td.email .ui-btn,
#IHReward .admins_table td.email .ui-btn.ui-btn-icon-notext::after {
background-color: #CCC;
}
#IHReward .admins_table td.email .ui-btn.current,
#IHReward .admins_table td.email .ui-btn.current.ui-btn-icon-notext::after {
background-color: #35AA47;
}
#IHReward .select_admin {
font-weight: bold;
font-size: 1.1em;
}
#IHReward .new_admin {
font-size: .9em;
padding-top: .5em;
padding-bottom: .5em;
float: left;
margin-left: .5em;
}
/* #endregion */
#IHReward .dataTables_wrapper .dataTables_filter {
font-size: .9em;
}
/*#region Purchase History */
#IHReward .exportHistory {
float: right;
width: 14em;
font-size: .9em;
}
#IHReward .dataTables_wrapper .head {
text-align: left;
}
#RewardHistory_wrapper .deliveryOptions {
width: 6em;
}
#RewardHistory_wrapper .ui-btn.ui-icon-check {
font-size: 0.9em;
margin: 0.2em 1em 0.2em 0;
padding: 0.4em 0.7em 0.4em 2.4em;
}
#RewardHistory_wrapper .ui-btn.ui-icon-delete {
opacity: .5;
margin-left: .8em;
float: none;
}
#RewardHistory tbody td {
height: 2.7em;
}
#RewardHistory tbody td.PARTY_NAME {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
min-width: 10em;
}
/* #endregion */
/*#region Raffle */
#IHReward .RaffleTab {
max-width: 52em;
margin: 0 auto;
}
#IHReward .RaffleTab .noEntries {
font-size: 1.1em;
padding: 1em 3em;
}
#IHReward .wrapEntriesExist {
padding: 0 1em;
}
#IHReward .RaffleTab .summary {
font-size: 1.1em;
float: right;
width: 19em;
}
#IHReward .RaffleTab .summary .amount {
padding-left: .7em;
font-weight: bold;
}
#IHReward .RaffleTab .showNotComplete {
margin-bottom: 4em;
max-width: 20em;
float: left;
}
#IHReward .RaffleTab .showComplete {
display: none;
text-align: center;
max-width: 23em;
float: left;
}
#IHReward .RaffleTab .showComplete h1 {
margin-bottom: .1em;
}
#IHReward .RaffleTab .showComplete .RAFFLE_COMEPLETED {
font-weight: bold;
}
#IHReward.raffleCompleted .showNotComplete {
display: none;
}
#IHReward.raffleCompleted .showComplete {
display: inline-block;
}
#IHReward .RaffleTab .manual .wrapWinners {
margin-top: 1em;
}
#IHReward .RaffleTab .manual .wrapSaveUndo {
clear: none;
text-align: left;
margin-top: 1em;
}
#IHReward .RaffleTab .auto .ui-select {
margin-top: 0;
}
#RaffleParties_wrapper {
width: 21em;
float: right;
margin-left: 0em;
margin-bottom: 1em;
}
@media all and (max-width: 45em) {
#RaffleParties_wrapper {
float: none;
margin: 0 auto 1.5em;
}
#IHReward .RaffleTab .summary {
float: none;
margin: 0 auto;
}
#RaffleParties_wrapper .dataTables_paginate {
float: right;
text-align: right;
margin-top: 0;
}
#RaffleParties_wrapper .dataTables_info {
float: left;
text-align: left;
}
#IHReward .RaffleTab .showNotComplete {
margin: 0 auto 4em;
float: none;
}
#IHReward .RaffleTab .showComplete {
margin: 0 auto 2em;
float: none;
width: 100%;
max-width: 35em;
}
}
#RaffleParties .ENTRIES {
text-align: right;
padding-right: 1.5em;
font-weight: bold;
}
#RaffleParties td {
padding: .3em .5em;
}
#RaffleParties td.NAME,
#RaffleParties td.SORT_NAME {
font-weight: normal;
font-size: 1em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 9em;
}
#RaffleParties.auto .Winner {
display: none;
}
#RaffleParties.auto td.Winner {
padding-right: .5em;
}
#IHReward.raffleCompleted #RaffleParties.auto .Winner {
display: table-cell;
}
#RaffleParties.manual td.Winner {
text-align: left;
}
#RaffleParties .Winner .ui-btn {
margin: 0;
font-size: .9em;
opacity: .25;
}
#RaffleParties .Winner .ui-btn:hover {
opacity: 1;
}
#RaffleParties .Winner .ui-btn.winner {
opacity: 1;
}
#RaffleParties td.Winner .placement {
font-weight: bold;
padding-left: .5em;
}
#RaffleParties .percent_win {
font-size: .7em;
font-weight: normal;
color: #888;
}
#RaffleParties_length.dataTables_length {
margin: .5em 0;
}
#IHReward .RaffleTab .ui-flipswitch {
top: 0;
}
#IHReward .RaffleTab .showNotComplete .manual {
display: none;
}
#IHReward .RaffleTab .showNotComplete .auto {
display: none;
text-align: right;
padding-right: 2em;
}
#IHReward .RaffleTab .wrapRaffleNotes {
display: inline-block;
}
#IHReward .RaffleTab .wrapRaffleNotes .notes {
margin-top: .5em;
}
/* #endregion */
#IHReward .wrapInventoryAdjustments {
font-size: .8em;
}
#IHReward .wrapInventoryAdjustments h3 {
font-size: 1.4em;
}
#IHReward .tablist-content.misc {
padding: 2em;
}
#IHReward .noDeleteNote {
font-size: .9em;
font-style: italic;
max-width: 24em;
float: right;
color: #888;
clear: both;
}
#IHReward .copyReward,
#IHReward .deleteReward {
font-size: .9em;
}
#IHReward svg.help {
position: relative;
top: .65em;
margin-left: .3em;
opacity: .7
}
#IHReward svg.help:hover {
opacity: 1;
cursor: pointer;
}
/* #endregion */
/*#region Graphic */
#Graphic {}
#Graphic .title_desc {
margin-bottom: .2em;
}
#Graphic.onlyOne .title_name {
display: none;
}
#Graphic.onlyOne .title_desc {
font-size: 1.5em;
font-weight: bold;
padding: 0.5em 0;
}
#Graphic .main_title .USED_FOR_NAME {
font-size: .9em;
}
#Graphic .main_title .USED_FOR_NAME::before {
content: 'Used By: ';
}
#Graphic .side {
width: 48%;
position: relative;
}
#Graphic .side.leftside {
float: left;
position: relative;
}
#Graphic .side.rightside {
float: right;
margin-top: 1.2em;
text-align: center;
}
#Graphic .side-contents {
max-width: 26em;
margin: 0 auto 1em;
position: relative;
}
#Graphic .ImageNotes {
width: 16em;
color: #888;
text-align: center;
position: absolute;
top: 3.5em;
left: 50%;
margin-left: -8em;
}
#Graphic #TempImage,
#Graphic canvas {
display: none;
position: absolute;
top: 0;
left: 0;
}
#TempImage2 {
margin: 1em auto 0;
border: 1px dotted #888;
position: relative;
}
#Graphic.Reward #TempImage2 {
width: 288px;
height: 288px;
}
#Graphic.Reward .ImageNotes {
top: 3.5em;
}
#Graphic.Goal #TempImage2 {
width: 128px;
height: 128px;
}
#Graphic.Goal .ImageNotes {
top: 3.5em;
}
#Graphic.Certificate #TempImage2 {
width: 100%;
height: auto;
}
#Graphic.Certificate .ImageNotes {
left: 0;
margin: 0;
position: relative;
top: 0;
width: 100%;
}
#Graphic.onlyOne #TempImage2 {
width: 100%;
max-width: 500px;
margin: 0;
}
#Graphic.onlyOne .ImageNotes {
position: relative;
margin: 2em 0;
width: 100%;
left: 0;
top: 0;
}
#Graphic.onlyOne .wrapShare {
display: none;
}
#Graphic .scaledDown {
margin-top: 1.5em;
font-style: italic;
font-size: .9em;
display: none;
}
#Graphic .wrapFileInput {
width: auto;
display: block;
font-size: .9em;
position: relative;
padding: 0 .5em;
margin-bottom: 2em;
}
#Graphic .clear_file {
position: absolute;
right: 0em;
top: 0.2em;
z-index: 2;
opacity: .5;
display: none;
}
#Graphic .wrapFileInput:hover .dummyGetFile {
border-color: #D4AA00
/*{a-bhover-border}*/
;
text-shadow: 0
/*{a-bhover-shadow-x}*/
0
/*{a-bhover-shadow-y}*/
0
/*{a-bhover-shadow-radius}*/
#f3f3f3
/*{a-bhover-shadow-color}*/
;
-webkit-box-shadow: 0 0 5px #D4AA00
/*{a-active-background-color}*/
;
-moz-box-shadow: 0 0 5px #D4AA00
/*{a-active-background-color}*/
;
box-shadow: 0 0 5px #D4AA00
/*{a-active-background-color}*/
;
}
#Graphic #FileInput {
width: 100%;
height: 3.5em;
opacity: .001;
z-index: 1;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
/*#region File Details */
#Graphic .hideShowDetails {
position: absolute;
top: 3.2em;
border: none;
background-color: transparent;
}
#Graphic .wrapFileInput.showDetails {
height: auto;
}
#Graphic .wrapFileInput.hideDetails {
height: 3.4em;
margin-bottom: 4em;
}
#Graphic .wrapFileInput .hideShowDetails {
right: 0.6em;
}
#Graphic .wrapFileInput .hideShowDetails:hover {
background-color: #6eb97b;
border-color: #d4aa00;
color: #FFF;
}
#Graphic .file_name {
position: relative;
top: .2em;
font-size: 1.2em;
}
#Graphic .file_stats {
border-top: 1px solid #35aa47;
width: 100%;
margin-bottom: .5em;
padding-top: 3em;
}
#Graphic .file_stats th.hideShowDetails .ui-btn {
display: inline;
margin-left: 1.2em;
}
#Graphic .file_stats td {
width: 8.5em;
}
#Graphic .file_stats td:first-child {
text-align: right;
padding-right: 1em;
width: auto;
}
#Graphic .file_stats .ui-slider {
margin-top: 0;
}
#Graphic .file_stats td.quality_note {
text-align: center;
color: #888;
font-style: italic;
display: none;
}
#Graphic .autofit td {
padding-top: .5em;
}
#auto-fit {
margin: 0;
}
#Graphic .converted.pre-con {
color: #CCC;
}
/* #endregion */
#Graphic .wrapNAME {
margin-bottom: 2em;
}
#Graphic .unique_note,
#Graphic .require_note {
display: none;
font-size: .9em;
font-weight: bold;
padding-left: .5em;
}
#Graphic .unique_note {
font-size: 1.1em;
}
#Graphic .wrapAdvanced {
font-size: 1em;
text-align: left;
}
#Graphic .wrapAdvanced.ui-collapsible-collapsed {
float: left;
}
#Graphic .wrapAdvanced h3 {
font-size: .9em;
opacity: .9;
}
#Graphic .wrapAdvanced .inform {
margin-bottom: 0.5em;
}
#Graphic textarea.DATA {
height: 5em;
}
#Graphic input.ui-slider-input {
width: 3.5em;
}
#Graphic .save_undo {
margin: 3em auto 3em;
}
#Graphic .DeleteImage {
float: right;
font-weight: normal;
}
@media all and (max-width: 46em) {
#Graphic .side {
width: 100%;
float: none;
}
#Graphic .wrapAdvanced {
float: none;
margin: 0 auto 4em;
}
}
/* #endregion */
/*#region Tools */
/*#region Overview */
#Tools .ledger_totals {
font-size: 1.1em;
height: 3em;
position: relative;
}
#Tools .chartTab.tablist-content {
padding-top: 0em;
}
#Tools .chartSpinner {
position: absolute;
top: 20%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
text-align: center;
}
#Tools .chartTab .ui-select {
width: 18em;
font-size: .9em;
}
#Tools .chartNote {
font-size: .8em;
color: #888;
position: absolute;
bottom: -.1em;
left: 0.7em;
font-weight: normal;
}
#Tools .noCharts {
padding: 5em;
font-size: 1.3em;
display: none;
}
#Tools .wrapEngagement {
margin-top: .5em;
}
#Tools .wrapEngagement .title {
padding-right: .25em;
color: #35AA47;
font-weight: bold;
font-size: 1.1em;
}
#Tools .wrapEngagement .chartNote {
position: relative;
}
#chartEngaged {
height: 120px;
/* fixed drawing height */
max-height: 180px;
/* optional cap */
width: 100%;
/* responsive width */
display: block;
}
#chartTransactions {
height: 240px;
/* fixed drawing height */
max-height: 360px;
/* optional cap */
width: 100%;
/* responsive width */
display: block;
}
#chartSums {
height: 240px;
/* fixed drawing height */
max-height: 360px;
/* optional cap */
width: 100%;
/* responsive width */
display: block;
}
#Tools .ledger_totals .lbl {
padding-right: .25em;
color: #35AA47;
}
#Tools .ledger_totals .details {
margin-bottom: 0.5em;
margin-top: 0.7em;
float: right;
font-size: .9em;
text-align: right;
width: auto;
}
#Tools .ledger_totals .details>div {
display: inline-block;
margin-right: .9em;
}
#Tools .ledger_totals .details .lbl {
padding: 0 .5em;
}
#Tools .ledger_totals .tot_amount {
color: #D7B011;
font-size: 1.2em;
}
#Tools .ledger_totals .details .tot_amount {
padding: 0 .5em;
font-size: 1.1em;
}
#Tools .ledger_totals .wrap_balance {
font-size: 1em;
padding: .5em;
display: inline-block;
}
@media all and (max-width: 520px) {
#Tools .ledger_totals {
font-size: .9em;
}
}
/* #endregion */
#Tools .dataTables_processing {
width: 1.6em;
}
#Tools .tabs {
margin-top: 0;
}
#Tools .wrapDateRange {
width: 11.5em;
display: inline-block;
font-size: .9em;
}
#Tools .wrapCustomDates {
font-size: 1em;
display: inline-block;
position: relative;
top: -.7em;
}
#Tools .wrapCustomDates input {
padding: .3em .3em;
text-align: center;
width: 5.5em;
margin: 0;
}
@media all and (max-width: 37.5em) {
#Tools .wrapCustomDates {
top: 0;
}
#Tools .tablist-content {
padding-left: 0;
}
#Tools .tabs {
margin-left: -1em;
margin-right: -1em;
}
#Tools .tabs .tab {
padding: .5em .5em;
font-size: 1em;
}
#Tools .tabs .tab:first-child {
margin-left: .5em;
}
#Tools .dataTables_scroll {
margin-left: -1em;
margin-right: -1em;
}
}
/*#region ledgerTab */
#Tools .tablist-content[data-tab="1"] {
padding-top: .5em;
}
#Tools .ledgerTab .ledger_totals {
float: right;
}
#Tools .dataTables_wrapper .head {
text-align: left;
}
#Tools .wrapFilter {
display: inline-block;
}
#global_ledger_wrapper .wrap_tools {
display: inline-block;
width: 100%;
}
#global_ledger_wrapper .wrap_tools .ui-btn {}
#global_ledger_filter {
width: 9em;
}
#global_ledger_filter input {
width: 100%;
}
#global_ledger_filter a.ui-icon-check {
right: 1.6em;
}
#Tools .ledgerTab .wrap_admin_filter {
width: 11.5em;
display: inline-block;
font-size: .9em;
}
@media all and (max-width: 38em) {
#Tools .ledgerTab .ledger_totals {
font-size: 1em;
}
#Tools .ledgerTab .wrap_admin_filter,
#Tools .ledgerTab .wrapDateRange {
width: 10em;
}
#Tools .ledgerTab .details>div {
margin-right: 0em;
}
#Tools .ledgerTab .details .lbl,
#Tools .ledgerTab .details .tot_amount {
padding: 0 .3em;
}
}
#global_ledger_paginate {
color: #35AA47;
}
#global_ledger_wrapper .pageinate_input_box {
width: 3em;
border-radius: 0.3em;
padding: 0.1em 0.5em;
margin: 0.3em;
text-align: center;
font-weight: bold;
}
#global_ledger_wrapper .paginate_button.previous {
margin-right: .2em;
}
#global_ledger_wrapper .paginate_button.next {
margin-left: .2em;
}
#global_ledger tr td {
padding: 0.3em 0 .3em .3em;
height: 2.6em;
cursor: default;
}
#global_ledger tr td.DESCRIPTION .tiny {
font-size: .7em;
}
#global_ledger tr td.POSTED {
font-size: .9em;
}
#global_ledger .admin_name {
color: #333;
font-size: .9em;
}
#global_ledger_wrapper .amt_col {
text-align: right;
padding-right: 1.4em;
font-weight: bold;
}
#global_ledger_wrapper tbody .amt_col {
padding-right: 2em;
}
#global_ledger .pending {
font-weight: bold;
font-size: .8em;
}
#global_ledger .can_edit_del {
text-align: left;
padding-left: 0;
}
#global_ledger_wrapper .export-data-link {
float: left;
font-size: .95em;
font-weight: normal;
margin-left: .5em;
}
/* #endregion */
/*#region leadersTab */
#Tools .tablist-content[data-tab="2"] {
padding-top: .5em;
}
#Tools .leadersTab .wrap_tools {
position: relative;
}
#Tools .leadersTab .wrap_class_filter {
width: 11.5em;
display: inline-block;
font-size: .9em;
}
#Tools .leadersTab .elapsor {
position: relative;
top: -.8em;
display: inline-block;
}
#Tools .leadersTab .elapsor svg {
height: 2.5em;
vertical-align: middle;
}
#Tools .leadersTab .elapsor span {
vertical-align: middle;
}
#Tools .leadersTab .side {
width: 47%;
}
#Tools .leadersTab .leftside {
float: left;
}
#Tools .leadersTab .rightside {
float: right;
}
@media all and (max-width: 48em) {
#Tools .leadersTab .leftside,
#Tools .leadersTab .rightside {
float: none;
width: 100%;
margin-bottom: 1em;
}
#Tools .leadersTab .elapsor {
top: 0;
}
}
#Tools .leadersTab .dataTables_filter {}
#Tools .leadersTab .dataTables_filter input {
margin-left: 0;
width: 13em;
}
#Tools .leadersTab tbody a {
font-weight: normal;
}
#Tools .leadersTab tbody .amount {
text-align: right;
padding-right: 1em;
}
/* #endregion */
#ledgerChart {
margin-top: 3em;
}
/*#region utilitiesTab */
#Tools .utiltiesTab {
text-align: left;
padding: 2em;
}
#Tools .utiltiesTab .globalSignOut {}
#Tools .utiltiesTab .learn_more {}
#Tools .wrapCertCodeLookup {
font-size: 1em;
display: block;
}
#Tools .wrapCertCodeLookup h3 {
font-size: 1em;
}
#Tools .wrapCertCodeLookup .ui-collapsible-content {
min-height: 17em;
}
#Tools .wrapCertCodeLookup.ui-collapsible-collapsed {
display: inline-block;
}
#Tools .wrapCertCodeLookup .ui-input-text {
display: inline-block;
width: 9.3em;
}
#Tools .wrapCertCodeLookup input {
text-transform: uppercase;
}
#Tools .noCode {
display: none;
font-size: 1.1em;
font-weight: bold;
text-align: left;
}
#Tools .wrongProgram {
font-weight: bold;
display: none;
}
#Tools .notActivated,
#Tools .activated,
#Tools .codeDetails {
display: none;
}
#Tools .activateBatch {
margin-left: 1em;
}
/* #endregion */
/* #endregion */
/*#region Checkout */
#Checkout .PageHeader {
position: fixed;
width: 100%;
left: 50%;
transform: translate(-50%);
max-width: 80em;
background-color: #fff;
z-index: 1;
}
#Checkout .ui-content {
overflow: visible;
z-index: 0;
margin-top: 4em;
padding: .5em;
}
.showToolBar #Checkout .ui-content {
margin-top: 6em;
}
#Checkout .checkout_party_select {
padding-top: .5em;
}
#Checkout h1 {
margin: 0;
}
#Checkout h1 svg {
vertical-align: bottom;
margin-right: .2em;
}
/*#region party_select */
#Checkout .head-right {
float: right;
text-align: right;
}
#Checkout .head-right button {
float: right;
font-size: .9em;
margin: 0;
}
#Checkout_Participants_filter {
margin: 0 0 1em 0;
padding: 0 1.5em 0 0;
}
#Checkout_Participants_filter input {
margin-left: 0;
}
#Checkout_Participants tbody td {
border-bottom: 1px solid #d7eeda;
}
#Checkout_Participants .ui-btn {
padding: 0.3em 2.5em 0.1em 1em;
margin: 0;
}
#Checkout_Participants tbody td.NAME,
#Checkout_Participants tbody td.SORT_NAME {
font-weight: bold;
font-size: 1.2em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 10em;
}
#Checkout_Participants tbody td.integer {
font-weight: bold;
text-align: right;
padding-right: 1em;
}
#Checkout_Participants tbody td.GO_REWARDS {
text-align: right;
}
#Checkout_Participants tbody td.PENDING {
color: #d84a38;
}
/* #region LedgerEntry Rewards List */
.ledger-rewards-list {
list-style: none;
padding: 0;
margin: 0;
}
.ledger-rewards-list li.reward-item {
display: flex;
align-items: center;
gap: 10px;
padding: 10px;
border-bottom: 1px solid #e2e8f0;
cursor: pointer;
transition: background-color 0.15s ease;
}
.ledger-rewards-list li.reward-item:last-child {
border-bottom: none;
}
.ledger-rewards-list li.reward-item:hover {
background-color: #f1f5f9;
}
.ledger-rewards-list .item-thumb {
width: 46px;
height: 46px;
object-fit: contain;
border-radius: 6px;
border: 1px solid #cbd5e1;
background: #fff;
padding: 2px;
flex-shrink: 0;
}
.ledger-rewards-list .item-details {
flex: 1;
min-width: 0;
}
.ledger-rewards-list .item-name {
font-weight: bold;
font-size: 0.95rem;
color: #0f172a;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ledger-rewards-list .item-meta {
font-size: 0.8rem;
color: #64748b;
margin-top: 2px;
}
.ledger-rewards-list .item-price {
font-weight: bold;
font-size: 0.92rem;
color: #35aa47;
flex-shrink: 0;
}
.ledger-rewards-list .item-btn {
margin: 0;
padding: 4px 10px;
font-size: 0.85rem;
font-weight: bold;
flex-shrink: 0;
}
/* #endregion */
/*#region checkout_rewards */
#Checkout .checkout_rewards {
position: relative;
}
#Checkout .toparea {
position: fixed;
top: 4em;
z-index: 2;
background: #fff;
padding: 0.5em 0em;
width: 100%;
max-width: 45em;
left: 50%;
transform: translate(-50%);
border-bottom: 1px solid #35AA47;
}
.showToolBar #Checkout .toparea {
top: 6em;
}
#Checkout .toparea-contents {
padding: .5em .5em 0 .5em;
}
#Checkout .superheader {}
#Checkout .checkout_rewards h1 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 6em;
margin-bottom: 0.3em;
}
#Checkout .checkout_rewards .toparea svg {
position: absolute;
top: 1.7em;
left: 0;
}
#Checkout .checkout_rewards h1 a {
font-size: 1.2em;
text-decoration: none;
}
#Checkout .checkout_rewards h1 a:hover {
text-decoration: underline;
}
#Checkout .checkout_rewards .ui-btn {
font-size: .9em;
}
#Checkout .ui-btn.return_party_select {
font-size: 1.1em;
margin: 0em 0 1.2em 0em;
/* border: none; */
/* text-decoration: underline !important; */
font-weight: normal;
padding-top: 0.3em;
padding-bottom: .3em;
position: absolute;
top: 1em;
left: -12.5em;
display: none;
}
@media all and (max-width: 73em) {
#Checkout .ui-btn.return_party_select {
display: none;
}
}
#Checkout .summary {
position: absolute;
top: 1em;
right: 0.5em;
text-align: right;
font-size: 1.0em;
}
#Checkout .summary .tdCartTokens {
font-weight: bold;
font-size: 1.2em;
padding-left: 1em;
padding-right: .5em;
position: relative;
}
#Checkout .summary .tdCartTokens svg.undoFilter,
#Checkout .summary .tdCartTokens svg.setFilter {
display: none;
position: relative;
float: right;
left: 0.3em;
top: 0.2em;
width: 1em;
height: 1em;
cursor: pointer;
}
#Checkout .summary .tdCartTokens.filtered svg.undoFilter {
display: block;
}
#Checkout .summary .tdCartTokens svg.setFilter {
width: .8em;
height: .8em;
top: .3em;
display: block;
}
#Checkout .summary .tdCartTokens.filtered svg.setFilter {
display: none;
}
#Checkout .summary a.pendingTokens {}
#Checkout .summary .submit {
margin: 1em 0 1em;
font-size: .8em;
}
#Checkout .summary .clearCart {
opacity: .7;
display: none;
position: relative;
top: 0em;
}
#Checkout .checkout_rewards .ui-filterable {}
#Checkout .checkout_rewards .ui-input-search {
display: inline-block;
width: 7em;
vertical-align: bottom;
position: relative;
margin: 0;
font-size: 1.1em;
padding-right: 1em;
}
#Checkout .ui-content .ui-listview {
margin: 9em 0 0;
border-bottom: 1px solid #c2e5c8;
z-index: 0;
}
@media all and (max-width: 31em) {
#Checkout .toparea {
padding: .5em
}
#Checkout .summary {
top: .5em;
right: .5em;
}
#Checkout .checkout_party_select {
padding: .5em 0;
}
#Checkout .ui-content .ui-listview {
margin: 9em -.5em 0;
}
#Checkout .BALANCE {
display: none;
}
}
#Checkout .rewards li {
border-top: 1px solid #c2e5c8;
border-bottom: 0;
padding: 0 .5em 0em 5.75em;
height: 5em;
}
#Checkout .rewards li .Image {
z-index: 1;
}
#Checkout .wrapAllDetails {
padding-left: 9.5em;
}
#Checkout .rewards li h3 {
margin: 0.5em 0 0.2em;
}
#Checkout .rewards li .NAME {
font-size: 1.1em;
}
#Checkout .rewards li .wrapPrice {
margin-top: .4em;
}
#Checkout .rewards li .price {
font-weight: bold;
margin-right: .5em;
}
#Checkout .rewards li .availability {
font-size: .9em;
margin-top: 0;
}
#Checkout .rewards li .wrapQty {
margin-right: 1em;
}
#Checkout .rewards li .wrapQty.limitReached {
font-size: 1.2em;
color: #d84a38;
}
#Checkout .rewards li .wrapQty.limitReached .qty {
color: #d84a38;
}
#Checkout .rewards li .groupPending {
font-size: .9em;
}
#Checkout .rewards li .code-id {
font-size: .6em;
color: #fefefe;
position: absolute;
left: -.2em;
bottom: -.2em;
width: 9em;
text-align: center;
}
#Checkout .rewards li.unavailable {
background-color: #efefef;
}
#Checkout .rewards li .wrapRight {
width: 10em;
position: absolute;
top: 0;
height: 100%;
left: 4.8em;
}
#Checkout .rewards li .wrapRight .order .qty {
color: #d84a38;
}
#Checkout .rewards li .order .circleCheck {
position: absolute;
top: 1.8em;
right: 0;
}
#Checkout .rewards li .order .delete {
position: absolute;
top: 2em;
left: .7em;
opacity: .7;
}
#Checkout .rewards li .wrapRight .note {
font-size: .9em;
color: #888;
text-align: center;
width: 100%;
margin: .5em 0 0 0;
}
#Checkout .rewards li .wrapRight .ui-input-text {
position: absolute;
left: 3em;
top: 1.5em;
width: 4em;
}
#Checkout .rewards li .wrapRight input {
font-weight: bold;
text-align: center;
padding: 0;
font-size: 1.5em;
min-height: 0;
}
#Checkout .rewards li .cart .plus1 {
position: absolute;
right: 0;
font-size: 1em;
}
#Checkout .rewards li .cart .minus1 {
position: absolute;
left: 0.7em;
font-size: 1em;
display: none;
}
#Checkout .rewards li .wrapRight .reason {
text-align: center;
height: 100%;
width: 100%;
font-weight: bold;
font-size: .9em;
color: #888;
}
#Checkout .rewards li .wrapRight .reason td {
vertical-align: middle;
}
#Checkout .rewards li .wrapRight .reason td>span {
white-space: normal;
}
#Checkout .noResults {
text-align: center;
padding: 2em 2em 0 2em;
font-size: 1.1em;
display: none;
max-width: 25em;
margin: 0 auto;
}
#Checkout .noResults .noRewards {
text-align: left;
}
#Checkout .checkout_rewards .selectors {
display: inline-block;
font-size: 1em;
margin: 2em 0 1em 0;
}
#Checkout .checkout_rewards .wrapSelect {
margin-bottom: .5em;
}
#Checkout .checkout_rewards .ui-select {
display: inline-block;
margin: 0;
vertical-align: middle;
color: #35AA47
}
#Checkout .checkout_rewards .selectors .label {
display: inline-block;
width: 3em;
}
#Checkout .new_reward.ui-btn {
margin: 2.5em 0;
float: right;
}
#Checkout .wrapSort {
margin: 3em 0;
float: left;
}
#Checkout .wrapSort .label {
vertical-align: middle;
}
#Checkout .wrapSort .ui-select {
vertical-align: middle;
}
#Checkout .partyPurchased {
font-size: .9em;
}
@media all and (max-width: 31em) {
#Checkout .partyPurchased {
display: none;
}
}
/* #endregion */
/* #endregion */