
/******* Green ****/
/*
 *	COLORS:
 * #ffffff			Backgrounds
 * #80cb92			Buttons gradient bottom, help/print icons, flow navigation (base color)
 * #30b84f			Buttons gradient top, percent/step navigation for flows, mobile nav control text (darker but brighter)
 * #2aa347			Buttons border, flow navigation (even darker)
 * #289942			Help background color (much darker)
 * #f5fff7			Table header, Dropdown gradient, mobile views top
 * #fffbf7			Invalid controls top (required but empty controls as well)
 * #fffed9			Invalid controls bottom (required but empty controls as well)
 * #9de0ad			Flow NOT READY step, Disabled icons in task list (lighter than base to indicate not ready)
 * #d5f5dc			Selected dropdown option, task in task list  (also a lighter version of base)
 * #f5fff7			Spaces watermark (even lighter version of base)
 * #fafffb			Spaces background (much lighter version of base)
 * #80cb92	    Primary action button color gradient start
 * #30b84f	                    Primary action button color gradient end
 * #2aa347	            Primary Action button border color
 * #ffffff	    Secondary action button color gradient start
 * #fafffb	                    Secondary action button color gradient end
 * #2aa347	            Secondary Action button border color
 * #fafffb                Color set when field is in focus
 * #ffffff			Submit text, Help text, gradient top or bottom.
 * #f2f2f2			Disabled controls top
 *
 * Colors below are fairly standard and are generally not modified
 * #3ca959			Plus (+) icon (add repeat row)
 * #3ca959			Locked by me task icon
 * #d03232			Minus (-) icon (remove repeat row, attachment)
 * #d03232			Locked by someone else task icon
 * #ddeeee			Mobile phone background
 * #ff5b4f			Collapsed section that is invalid (label/icon), must sign, error icon, error msg.
 * #335413			Mobile ui bar text shadow
 * #008500			Mobile ui success message gradient bottom
 * #269926			Mobile ui success message gradient top
 * #a30008			Mobile ui error message gradient bottom
 * #bc2f36			Mobile ui error message gradient top
 * #f15733			Toolbar icon
 * #f8a18c			Toolbar disabled icon
 *
 * Colors below are fairly neutral and are rarely modified
 *
 * #bfbfbf			Disabled controls font
 * #f8f8f8			Message/Trigger bottom (default)
 * #f0f0f0			Message/Trigger top (default)
 * #ade0b9          Control borders, Spaces content border, radio/checkbox border
 * #d5f5dc			Mobile phone border, Dropdown, Table, other ... borders
 * #7b8085			Edit mode palette icons, secondary submit button (e.g. Forgot Password on login page)
 * #464d54			Secondary submit button BG color.
 * #dadee3			Secondary submit gradient bottom
 * #9ea6ad			Secondary submit gradient top
 * #bfffbf			Task list - SUBMITTED
 * #ffdfdf			Task list - ABORTED
 */

/* Fonts */

/* Keep these two fixed whether there is a font size or not */ 
#space-menu {
	font-size: 12px;
}
#topnavbar, #sw-nav-buttons {
	font-size: 16px;
}

#app-top-bar .app-top-name .app-top-navbar-desc,
.ui-title, .ui-message-content,
#wrapper nav ul.ui-list li, #wrapper nav ul.ui-list li a,
#page-space-home, .space-content,
.task-info .task-one-line .state, .task-info .task-one-line .submitter-id,
.task-info .task-one-line .submitted-date, .task-info .task-one-line .pending-for,
.task-info .task-one-line .task-history-msg,
#threecolumn .app-table .a-from .task-from,
#threecolumn .app-table .a-name .task-desc,
.f-form,
#page-form #lbHeader, #page-form #lbContent /* Overriding lightbox.css for use mode forms pretty much */ {
	color:  #333333;
}
.s-edit .s-invisible .space-content {
   color:#aaa;
}

.f-input .input, .f-select1 .input, .f-select1 .textarea, .f-select1 .select,
.f-select .textarea, .f-textarea .textarea, .f-upload .f-upload-file-list a, .f-combobox .input {	
	color: #111111;
}

/* Form background color */
aside, .decorator, .f-select1.Radio .facade, .f-select .facade,
#page-form, #page-form.f-form, #page-form#container,
#page-message.thanks-message, /* Form action message */
#page-form#center, #form-container,
#submissions-container,
.s-saveauth-lightbox .c-wizard { /* Ticket 15069 */
	background-color: #ffffff;
}

.f-switch .h-case.s-selected .f-label {
	background-color: #ffffff; 
}

.Message aside, .Message .decorator,
.data-column aside, .data-column .decorator,
.data-column .f-select1.Radio .facade, .data-column .f-select .facade {
	background-color: transparent;
}
/* Decorators / Signature icon */
.e-signature-x, .c-signature-name .X,
.s-prepend aside.decorator, .s-append aside.decorator,
.c-signature-facade {
    color: #9de0ad;
}
/* Decorator on Submit button, various lightbox finish buttons */
.f-submit.s-prepend aside.decorator,
.s-finish-button.s-prepend aside.decorator {
    color: #fafffb;
}
.e-signature-line {
	border-bottom: solid 1px #ade0b9;
} 

/* Link decorator */
.s-prepend.Link aside.decorator {
	color: #9de0ad;
}

/* Trigger decorator */
.s-prepend.Trigger aside.decorator {
	color: #9de0ad;
}

/* Upload decorator */
.f-upload a .s-upload:before {
	color: #9de0ad;
}


/* Upload, Auth and Signature lightbox */

.f-upload.s-invalid.s-color-Default > .decorator {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fffbf7) to(#fffed9));
	background-image: -webkit-linear-gradient(top, #fffbf7, #fffed9);
	background-image:    -moz-linear-gradient(top, #fffbf7, #fffed9);
	background-image:     -ms-linear-gradient(#fffbf7, #fffed9);
	background-image:      -o-linear-gradient(top, #fffbf7, #fffed9);
	background-image:         linear-gradient(top, #fffbf7, #fffed9);
	background-color: #fffed9;
}
.s-saveauth-lightbox #f-wizard .c-wizard, .s-upload-lightbox #f-wizard .c-wizard,
.s-signature-lightbox #f-wizard .c-wizard, .s-captcha-lightbox #f-wizard .c-wizard {
	border-color: #ade0b9;
} 
#lightbox.s-saveauth-lightbox, #lightbox.s-upload-lightbox, #lightbox.s-signature-lightbox, #lightbox.s-captcha-lightbox {
	border-color: #ffffff;
}
.s-saveauth-lightbox #f-wizard .buttons a, .s-captcha-lightbox #f-wizard .buttons a,
.s-upload-lightbox #f-wizard .buttons a, .s-signature-lightbox #f-wizard .buttons a {
	border-width: 0;
}
/* Signed sections */


.c-signature {
	border-top-color: #ade0b9;
}
.c-signature .c-signature-name,
.s-signed .c-signature .c-signature-date {
	border-bottom-color: #ade0b9;
}

/* Headers, Task List */
.ui-li-gradient, #lbHeader,
#threecolumn .app-table .type-root .a-name, .task-info .ODD,
.h-table, .f-data-table table.dataTable thead,
#submissions-container table.dataTable thead, #submissions-container header, #submissions-container .dtr-title,
#sessions-container table.dataTable thead,
#sessions-container header,
.h-repeat, .h-panel,
.b-droppable {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff) to(#f5fff7)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #ffffff, #f5fff7); /* Chrome10+,Safari5.1+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #f5fff7); /* FF3.6+ */
	background-image:     -ms-linear-gradient(#ffffff, #f5fff7); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #f5fff7); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ffffff, #f5fff7); /* W3C */
	background-color: #f5fff7;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f5fff7'); /* IE6-9*/ 
}

/* Table Header */

.f-table table thead {
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff) to(#f5fff7)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #ffffff, #f5fff7); /* Chrome10+,Safari5.1+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #f5fff7); /* FF3.6+ */
	background-image:     -ms-linear-gradient(#ffffff, #f5fff7); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #f5fff7); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ffffff, #f5fff7); /* W3C */
	background-color: #f5fff7;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f5fff7'); /* IE6-9*/
}

/* Section Header */
.h-section {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff) to(#f5fff7)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #ffffff, #f5fff7); /* Chrome10+,Safari5.1+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #f5fff7); /* FF3.6+ */
	background-image:     -ms-linear-gradient(#ffffff, #f5fff7); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #f5fff7); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ffffff, #f5fff7); /* W3C */
	background-color: #f5fff7;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f5fff7'); /* IE6-9*/
}

/* Regular controls */
.f-input .decorator,.f-textarea .decorator, .f-select1.Dropdown .decorator,
.f-select .facade,.f-select1 .facade,.f-signature .facade {
	background-color: none;
}
.f-select1 fieldset .input[type="radio"]:focus {
    box-shadow: 0px 0px 6px #289942;
}


/* Invalid controls */
.f-form .f-table .c-table .f-table-status,.f-select1.s-invalid .decorator,.f-select.s-invalid textarea,.f-select1.s-invalid textarea,
.f-input.s-invalid .decorator,.f-textarea.s-invalid .decorator,
.f-select.s-invalid .facade,.f-select1.s-invalid .facade, .data-column .f-select1.s-invalid .facade,.f-signature.s-invalid .facade,.f-combobox.s-invalid .decorator {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fffbf7) to(#fffed9));
	background-image: -webkit-linear-gradient(top, #fffbf7, #fffed9);
	background-image:    -moz-linear-gradient(top, #fffbf7, #fffed9);
	background-image:     -ms-linear-gradient(#fffbf7, #fffed9);
	background-image:      -o-linear-gradient(top, #fffbf7, #fffed9);
	background-image:         linear-gradient(top, #fffbf7, #fffed9);
	background-color: #fffed9;
}
.s-submit-error .f-input.s-invalid, .s-submit-error .f-signature.s-invalid, .s-submit-error .f-select1.s-invalid,
.s-submit-error .f-textarea.s-invalid, .s-submit-error .f-select.s-invalid, .s-submit-error .f-upload.s-invalid,
.s-submit-error .f-section.s-invalid.s-must-sign .c-signature,
.s-submit-error .data-column .f-input.s-invalid .decorator, .s-submit-error .data-column .f-textarea.s-invalid .decorator,
.s-submit-error .data-column .f-select1.s-invalid .facade, .s-submit-error .data-column .f-select.s-invalid .facade,
.s-submit-error .f-combobox.s-invalid {
	background-color: #ffd599;
	background-image: none;
}


.s-collapsed-invalid .h-section .f-label label, .s-collapsed-invalid .h-repeat .f-label label, .lbErrorMsg,
.h-switch .s-unselected-invalid, .h-switch .s-unselected-invalid .f-label label,/* Collapsed sections/repeats/tabs with invalid controls */
.f-textarea.s-error .facade:before, .f-input.s-error .facade:before,	/* Invalid value in control receives s-error class */
.f-form .f-status, .s-saveauth-lightbox .c-wizard-content > span {
	color:#ff5b4f;
}
/* Default buttons (colored buttons/messages are automatically included by frevvo)
   Same color as Section headers etc. except in IE9. */ 
.f-output.LinkedFormViewer.s-color-Default .decorator,
.f-button.s-color-Default .decorator, .f-trigger.s-color-Pre5_2 > .decorator,
.f-data-table .dt-button {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff) to(#f5fff7)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #ffffff, #f5fff7); /* Chrome10+,Safari5.1+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #f5fff7); /* FF3.6+ */
	background-image:     -ms-linear-gradient(#ffffff, #f5fff7); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #f5fff7); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ffffff, #f5fff7); /* W3C */
	background-color: #f5fff7;
}

/* Upload control */

.f-upload.s-color-Default > .decorator {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff) to(#f5fff7)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #ffffff, #f5fff7); /* Chrome10+,Safari5.1+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #f5fff7); /* FF3.6+ */
	background-image:     -ms-linear-gradient(#ffffff, #f5fff7); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #f5fff7); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ffffff, #f5fff7); /* W3C */
	background-color: #f5fff7;
}

/* Trigger control */

.f-trigger.s-color-Default > .decorator {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff) to(#f5fff7)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #ffffff, #f5fff7); /* Chrome10+,Safari5.1+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #f5fff7); /* FF3.6+ */
	background-image:     -ms-linear-gradient(#ffffff, #f5fff7); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #f5fff7); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ffffff, #f5fff7); /* W3C */
	background-color: #f5fff7;
}

/* Link control */

.f-output.Link.s-color-Default .decorator {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff) to(#f5fff7)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #ffffff, #f5fff7); /* Chrome10+,Safari5.1+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #f5fff7); /* FF3.6+ */
	background-image:     -ms-linear-gradient(#ffffff, #f5fff7); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #f5fff7); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ffffff, #f5fff7); /* W3C */
	background-color: #f5fff7;
}

/* Message control */

.f-output.s-color-Default .facade {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff) to(#f5fff7)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #ffffff, #f5fff7); /* Chrome10+,Safari5.1+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #f5fff7); /* FF3.6+ */
	background-image:     -ms-linear-gradient(#ffffff, #f5fff7); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #f5fff7); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ffffff, #f5fff7); /* W3C */
	background-color: #f5fff7;
}

/* Disabled controls */
.f-upload .a-put-file.s-disabled,.f-input.s-disabled .decorator,.f-textarea.s-disabled .decorator,
.f-select.s-disabled .facade,.f-select1.s-disabled .facade,
.f-select1.Radio.s-disabled .facade,  /* IE8, IE9 */
.f-select1.s-disabled .decorator,
.f-select1.s-disabled .f-select-comment,
.f-select.s-disabled .f-select-comment,
.f-signature.s-disabled .facade,
.f-combobox.s-disabled .facade {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff) to(#f2f2f2));
	background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
	background-image:    -moz-linear-gradient(top, #ffffff, #f2f2f2);
	background-image:     -ms-linear-gradient(#ffffff, #f2f2f2);
	background-image:      -o-linear-gradient(top, #ffffff, #f2f2f2);
	background-image:         linear-gradient(top, #ffffff, #f2f2f2);
	background-color: #f2f2f2;
}
/* Submit button */
.s-wizard-button .decorator,
.f-control.s-submit .decorator {
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80cb92), color-stop(100%, #30b84f));
	background-image: -webkit-linear-gradient(#80cb92, #30b84f);
	background-image: -moz-linear-gradient(#80cb92, #30b84f);
	background-image: -o-linear-gradient(#80cb92, #30b84f);
	background-image: linear-gradient(#80cb92, #30b84f);
	background-color: #30b84f;
	border: 1px solid #2aa347;
}
/* Secondary submit ons (cancel, sign section) */
.s-wizard-button.s-secondary .decorator, .save-button .decorator, .reject-button .decorator, .print-button .decorator,
.f-control.s-cancel .decorator, .f-control.s-submit.s-secondary .decorator,
.c-signature-facade {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fafffb));
    background-image: -webkit-linear-gradient(#ffffff, #fafffb);
    background-image: -moz-linear-gradient(#ffffff, #fafffb);
    background-image: -o-linear-gradient(#ffffff, #fafffb);
    background-image: linear-gradient(#ffffff, #fafffb);
    background-color: #fafffb;
    border: 1px solid #2aa347;
}
.ie8 .f-control.s-submit .decorator,
.ie9 .f-control.s-submit .decorator {
	background-color: #30b84f;
}
.s-wizard-button .decorator a,
.s-submit .decorator, .s-submit .decorator input {
	color: #fafffb;
}
.f-control.s-submit.s-secondary .decorator input {
	color: #289942;
}
.f-submit.s-submit.s-disabled .decorator,
.f-submit.s-submit.s-disabled .decorator input,
.f-submit.s-submit.s-invalid .decorator,
.f-submit.s-submit.s-invalid .decorator input {
}
.s-wizard-button.s-secondary .decorator a,
.s-cancel .decorator, .s-cancel .decorator input,
.c-signature-button, .s-signed .c-signature-button, .s-signed .c-signature-facade {
	color:  #2aa347;
}
.s-cancel.s-disabled .decorator,
.s-cancel.s-disabled .decorator input {
	color: #bfbfbf;
}
.ie8 .s-cancel .decorator {
	border: 1px solid #2aa347 !important;
	padding-right: 10px;
}
/* Help, Toolbar icons */
.f-form .f-help:before, .f-form-tb a, .frevvo-app .f-form-tb a {
    color: #80cb92;
    font-weight: normal;
}
/* Upload - file delete icon */
.f-upload-file-list-delete:before {
	color: #d03232;
}
#f-wizard .buttons #captcha-error, #f-wizard .buttons #upload-file-error,
#f-wizard .buttons #captcha-error:before, #f-wizard .buttons #upload-file-error:before {
	color: #ff5b4f;
}
/* Mobile phone */
.h-phone-group {
	background-color: #ddeeee;
	border-bottom: 1px solid #d5f5dc;
}
/*  Help display */
#f-help-display {
	background-color: #289942;
	color: #ffffff;
}
/* Signed sections */
.s-must-sign .c-signature-button, .s-must-sign . {
	color: #ff5b4f;
}
/* Upload/Link button font colors */
.s-add-files {
	color: #80cb92;
}


/* Link button font colors */
.f-link, .f-link a {
	color: #80cb92
}

/* Trigger button font colors */
.f-trigger .input {
	color: #80cb92
}

/* Form Viewer */
.LinkedFormViewer .f-a-form-viewer {
	color: #80cb92;
}

/* Add/remove buttons for table/repeat */
.f-add:before {
	color: #3ca959;
}
.f-remove:before {
	color: #d03232;
}
/* Expand/collapse for section/repeat */
.s-expanded .f-expand:before, .s-collapsed .f-expand:before {
	color: #80cb92;
}
.s-collapsed-invalid .f-expand:before {
	color: #ff5b4f;
}
/* Date picker icon */
.DateTime .f-calendar:before, .Date .f-calendar:before {
	color: #80cb92;
}
/* Radios and checkboxes */
.f-select-item span.radio-checkbox-option, .f-select1 .f-select-item label {
	color: #111111;
}
.Radio icon-circle-blank:before {
	color: #ade0b9;
}
/* Dropdown and ComboBox */
.Dropdown .facade span:before {
    color: #80cb92;
}


.Dropdown ul, .ComboBox ul {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff) to(#f5fff7)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #ffffff, #f5fff7); /* Chrome10+,Safari5.1+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #f5fff7); /* FF3.6+ */
	background-image:     -ms-linear-gradient(#ffffff, #f5fff7); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #f5fff7); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ffffff, #f5fff7); /* W3C */
	background-color: #f5fff7;
	border: 1px solid #d5f5dc; 
}
.Dropdown ul:after, .ComboBox ul:after {
	border-color: #ffffff transparent;
}
.Dropdown ul:before, .ComboBox ul:before {
	border-color: #d5f5dc transparent;
}
.Dropdown ul li a.selected, .Dropdown ul li:hover a, .ComboBox ul li a.selected, .ComboBox ul li:hover a, .ComboBox ul li.s-current a {
	background: #d5f5dc;
}
.Dropdown ul li a, .Dropdown ul li a:hover, .ComboBox ul li a {
	border-bottom:1px solid #d5f5dc;
	color: #111111;
}
/* Borders */
div.HttpWaitNotify,div.EmailWaitNotify,
div.Summary,div.Form, /* Flow designer */
.f-select-comment.textarea, .f-select-item span.radio-checkbox,
.f-control .decorator, .f-control .facade, .Dropdown ul, .ComboBox ul {
	border-color:#ade0b9;
}
.f-select-item span.radio-checkbox i {
	color:#ade0b9;
}
.f-data-table .dt-button {
    border-color:#ade0b9;
    color:#ade0b9;
}
.Dropdown ul li a:before,
.f-select-item.s-checked span.radio-checkbox i {
	color:#289942;
}
.s-prepend.DateTime .facade ~ .facade {
	border-left:1px solid #ade0b9;
}
.f-section {
	border: 1px solid #ade0b9;
}
.h-section {
    border-bottom: 1px solid #ade0b9;
}
.h-repeat, .h-panel {
	border-bottom: 1px solid #ade0b9;
}
.b-droppable {
	border-top: 1px solid #ade0b9;
}
.f-table &gt; .b-droppable, .f-switch &gt; .b-droppable {
	border: 1px solid #ade0b9;
	border-top: 0;
}

.f-switch .h-case {
	border-top: 1px solid #ade0b9;
	border-left: 1px solid #ade0b9;
	border-right: 1px solid #ade0b9;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff) to(#f5fff7)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #ffffff, #f5fff7); /* Chrome10+,Safari5.1+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #f5fff7); /* FF3.6+ */
	background-image:     -ms-linear-gradient(#ffffff, #f5fff7); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #f5fff7); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ffffff, #f5fff7); /* W3C */
	background-color:#f5fff7;
	
}


.c-switch {
	border: 1px solid #ade0b9;
}
.f-table .h-table {
	border: 1px solid #d5f5dc;
}
.f-data-table table.dataTable th {
	border-top: 1px solid #d5f5dc;
	border-bottom: 2px solid #d5f5dc;
}
.f-data-table table.dataTable.row-border tbody td, .f-data-table table.dataTable.cell-border tbody td {
	border-top: 1px solid #d5f5dc;
}
.f-data-table table.dataTable.cell-border tbody td {
	border-right: 1px solid #d5f5dc;
}
.f-data-table .dataTables_wrapper.no-footer .dataTables_scrollBody {
	border-bottom: 2px solid #d5f5dc;
}
.f-table .c-table {
	border-left: 1px solid #d5f5dc;
	border-right: 1px solid #d5f5dc;
	border-top: 1px solid #d5f5dc;
}
.f-table table thead th.first-column, .f-table table tbody .f-table-row td.add-column {
	border-left: none;
}
.f-table table thead .f-table-head th.data-not-column, .f-table table tbody .f-table-row td.add-column,
.f-table table tbody .f-table-row td.remove-column {
	border-bottom: 1px solid #d5f5dc;
}
.f-table table .data-column {
	border-color: #d5f5dc;
	border-style: solid;
}
.f-table table tr {
    border-color: #d5f5dc;  /* Set an inhertiable border color */
}
.f-table-row .f-control .facade,
.f-table-row .f-select1 .facade {
	border-style: none;
}

/********** FOCUS */
/* When a control gets the focus it gets the s-focus CSS class */
.s-focus .facade, .s-focus2 .f-select-comment {
	background: #fafffb !important;  		
}

/******* Flows ****/
#flow-fiv-status {	/* Percent/Step 1 of N flow navigation */
	color: #30b84f;	/* same color as flow button gradient end color */
}
#flow-fiv-state li.RUNNING .s-prepend .facade {
	color: #2aa347;
}
.ie8 #flow-fiv-state li.RUNNING .s-prepend .facade {
	color: #2aa347;
	font-weight: bold;
}
#flow-fiv-state li.CURRENT .s-prepend aside {
	background-color: #80cb92;
	color: #ffffff;
}
#wrapper nav ul.ui-list li a.f-summary-edit,
#flow-fiv-state li.RUNNABLE .s-prepend .decorator {
	color: #2aa347;
}
#wrapper nav ul.ui-list li a.f-summary-edit:focus {
	outline: #2aa347 dotted thin !important;
}
	
}
#flow-fiv-state li.NOTREADY .s-prepend .decorator {
	color: #9de0ad;
}
#flow-fiv-state li .s-prepend.s-disabled .decorator {
	color: #9de0ad;
}
#quick-buttons button,
.flow-button .decorator {
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80cb92), color-stop(100%, #30b84f));
	background-image: -webkit-linear-gradient(#80cb92, #30b84f);
	background-image: -moz-linear-gradient(#80cb92, #30b84f);
	background-image: -o-linear-gradient(#80cb92, #30b84f);
	background-image: linear-gradient(#80cb92, #30b84f);
	background-color: #30b84f;
	border: 1px solid #2aa347;
}
#quick-buttons button,
.flow-button .decorator, .flow-button aside.decorator {
	color: #fafffb;
}
.flow-button.s-disabled .decorator {
}
.save-button .decorator, .print-button .decorator, .reject-button .decorator {
	color: #2aa347;
}

div.Form {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff) to(#f5fff7)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #ffffff, #f5fff7); /* Chrome10+,Safari5.1+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #f5fff7); /* FF3.6+ */
	background-image:     -ms-linear-gradient(#ffffff, #f5fff7); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #f5fff7); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ffffff, #f5fff7); /* W3C */
	background-color: #f5fff7;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f5fff7'); /* IE6-9*/ 
}
div.Form:before {
	color: #30b84f;
}
div.Summary {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff) to(#fafffb)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #ffffff, #fafffb); /* Chrome10+,Safari5.1+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #fafffb); /* FF3.6+ */
	background-image:     -ms-linear-gradient(#ffffff, #fafffb); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #fafffb); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ffffff, #fafffb); /* W3C */
	background-color: #fafffb;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#fafffb'); /* IE6-9*/ 
}
div.Summary:before {
	color: #30b84f;
}
div.HttpWaitNotify, div.EmailWaitNotify {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff) to(#9de0ad)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #ffffff, #9de0ad); /* Chrome10+,Safari5.1+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #9de0ad); /* FF3.6+ */
	background-image:     -ms-linear-gradient(#ffffff, #9de0ad); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #9de0ad); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ffffff, #9de0ad); /* W3C */
	background-color: #9de0ad;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#9de0ad'); /* IE6-9*/ 
}
div.HttpWaitNotify:before, div.EmailWaitNotify:before {
	color: #2aa347;
}

/******* Embedded login page ****/
#page-login,
#page-login #wrapper,
#page-login #wrapper #container {
	background-color: #ffffff;
}
/******* Spaces ****/
#space-watermark {
	color: #f5fff7;
}
#page-space#space-wrapper {
	background: #fafffb;
}
#page-space.phone{
	background: #ffffff;
}
.space-content {
    border: 1px solid #ade0b9;
    background-color: #ffffff;
}
#space-menu ul li {
	background-color: #fafffb;
	border-color: #ade0b9;
}
#space-menu ul ul li:hover,
#space-menu ul ul li.current {
	background-color: #f5fff7;
}
#space-menu ul li,
#space-menu ul li a,
#wrapper #space-menu ul li a:link,
#wrapper #space-menu ul li a:visited,
#wrapper #space-menu ul li a:hover,
#wrapper #space-menu ul li a:active,
#wrapper #space-menu ul li ul li,
#wrapper #space-menu ul li ul li span,
#wrapper #space-menu ul li ul li a:link,
#wrapper #space-menu ul li ul li a:visited,
#wrapper #space-menu ul li ul li a:active {
    color: #2aa347;
}
#space-menu ul ul li {
    background-color: white;
    background-image: none;
    border-color: #ade0b9 #ade0b9;
    border-right: 1px solid #ade0b9;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}
#space-menu ul ul li.first,
#space-menu ul ul ul li.first {
    border-top: 1px solid #ade0b9;
}
.s-edit #bottom-workarea {
    border: 1px solid #ade0b9;
}
#space-header {
    background-color: #ffffff;
}
#space-container,  .s-edit #space-container .s-invisible {
    background-color: #fafffb;
}

/******* Task List ****/
#threecolumn .app-table .task .a-name {
	background: transparent;
}
#threecolumn #task-list-table .task.SUBMITTED,
#threecolumn .app-table .task.SUBMITTED .a-name {
	background: #bfffbf;
}
#threecolumn #task-list-table .task.ABORTED,
#threecolumn .app-table .task.ABORTED .a-name {
	background: #ffdfdf;
}
#threecolumn .app-table .task.s-selected .a-name,
#threecolumn #task-list-table .s-selected {
	background: #9de0ad;
}
#threecolumn #task-list-table.app-table {
	border-bottom-color: #ade0b9;
	border-left-color: #ade0b9;
}
#threecolumn #task-list-table.app-table tbody td {		
	border-right-color: #ade0b9;
	border-top-color: #ade0b9;
}
#threecolumn #task-list-table.app-table tbody tr.lastrow td {
	border-bottom-color: #ade0b9;
}

.task-list-icon {
	color: #80cb92;
}
.icon-play.locked:before {
	color: #d03232;
}
.icon-pencil.disabled:before,
.icon-play.disabled:before {
	color: #d5f5dc;
}
/* Audit trail */
.task-info .EVEN {
	background-color: transparent;
}
nav ul.ui-list li .right-item:before,
.task-info .task-one-line .task-action {
	color: #80cb92;
}

/******* Submissions2, Sessions (should we have a common data grid class?) ****/
#submissions-container .w3-border, #sessions-container .w3-border,
#submissions-container .dtr-title,
#submissionsGrid .child li,
#submissions-container table.dataTable thead th, #submissions-container table.dataTable thead td,
#sessions-container table.dataTable thead th, #sessions-container table.dataTable thead td {
    border-color: #d5f5dc !important;
}
#submissions-container table.dataTable.row-border tbody td, #submissions-container table.dataTable.cell-border tbody td {
    border-top: 1px solid #d5f5dc;
}
#submissions-container table.dataTable.cell-border tbody td {
    border-right: 1px solid #d5f5dc;
}
#submissions-container .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 2px solid #d5f5dc;
}

#submissions-container .dt-button, #submissions-container .paginate_button,
#sessions-container .dt-button, #sessions-container .paginate_button {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff) to(#f5fff7)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #ffffff, #f5fff7); /* Chrome10+,Safari5.1+ */
    background-image:    -moz-linear-gradient(top, #ffffff, #f5fff7); /* FF3.6+ */
    background-image:     -ms-linear-gradient(#ffffff, #f5fff7); /* IE10 */
    background-image:      -o-linear-gradient(top, #ffffff, #f5fff7); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #ffffff, #f5fff7); /* W3C */
    background-color: #f5fff7;
    color: #80cb92 !important;
    border-color:#ade0b9;
}
#submissions-container .dt-button.disabled, #submissions-container .paginate_button.disabled,
#sessions-container .dt-button.disabled, #sessions-container .paginate_button.disabled {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff) to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
    background-image:    -moz-linear-gradient(top, #ffffff, #f2f2f2);
    background-image:     -ms-linear-gradient(#ffffff, #f2f2f2);
    background-image:      -o-linear-gradient(top, #ffffff, #f2f2f2);
    background-image:         linear-gradient(top, #ffffff, #f2f2f2);
    background-color: #f2f2f2;
    color: #bfbfbf !important;
}




/**** Used mainly on mobile ****/
.s-editing nav ul.ui-list li .left-item {
	border-right: 1px solid #d5f5dc;
}
nav ul.ui-list li {
	border-bottom: 1px solid #d5f5dc;
}
#page-tasklist.tablet nav ul.ui-list.rightmenu li,	/* Ticket #15666 - remove when task list is redone */
nav ul.ui-list li .right-item {
	border-left: 1px solid #d5f5dc;
}
.leftmenu {
	border-right: 1px solid #d5f5dc;
}
/* Ticket #15666 - remove when task list is redone */
#page-tasklist.tablet nav ul.ui-list.leftmenu {
	border-right: 0;
}
nav ul.ui-list li a.menu-item::after {
	border-right: 2px solid #30b84f;
	border-top: 2px solid #30b84f;
}
ul.carousel li.carousel-item {
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5), -1px -1px 2px rgba(255,255,255,1);
}
.ui-header-fixed {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff) to(#f5fff7));
	background-image: -webkit-linear-gradient(top, #ffffff, #f5fff7);
	background-image:    -moz-linear-gradient(top, #ffffff, #f5fff7);
	background-image:     -ms-linear-gradient(#ffffff, #f5fff7);
	background-image:      -o-linear-gradient(top, #ffffff, #f5fff7);
	background-image:         linear-gradient(top, #ffffff, #f5fff7); 
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f5fff7'); /* IE6-9*/ 
	border: 1px solid #d5f5dc;
}
.ui-header-menu {
    background-color: #f5fff7;
}
.ui-btn-shadow {
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.36), 0 1px 0 rgba(0,0,0,0.25) inset !important;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.36), 0 1px 0 rgba(0,0,0,0.25) inset !important;
	box-shadow: 0 1px 0 rgba(255,255,255,0.36), 0 1px 0 rgba(0,0,0,0.25) inset !important;
}
.ui-shadow {
	box-shadow: 0.2em 0.2em 0.2em #7b8085;
}
.ui-corner-all {
	border: 1px solid #d5f5dc;
}
.ui-bar.ui-header {
	color: #ffffff;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80cb92), color-stop(100%, #30b84f));
	background-image: -webkit-linear-gradient(#80cb92, #30b84f);
	background-image: -moz-linear-gradient(#80cb92, #30b84f);
	background-image: -o-linear-gradient(#80cb92, #30b84f);
	background-image: linear-gradient(#80cb92, #30b84f);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80cb92', endColorstr='#30b84f'); /* IE6-9*/ 
	border: 1px solid #2aa347;
}
.ui-nav-button {
	color: #ffffff;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80cb92), color-stop(100%, #30b84f));
	background-image: -webkit-linear-gradient(#80cb92, #30b84f);
	background-image: -moz-linear-gradient(#80cb92, #30b84f);
	background-image: -o-linear-gradient(#80cb92, #30b84f);
	background-image: linear-gradient(#80cb92, #30b84f);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80cb92', endColorstr='#30b84f'); /* IE6-9*/ 
	border: 1px solid #2aa347;
}
#sw-nav-next.s-disabled,
#sw-nav-finish a.s-disabled {
}
#sw-nav-back.s-disabled {
	color: #bfbfbf;
}
.ui-bar {
	color: #ffffff;
}	
.ui-bar.ui-message {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#008500), to(#269926)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#008500, #269926); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#008500, #269926); /* FF3.6 */
	background-image:     -ms-linear-gradient(#008500, #269926); /* IE10 */
	background-image:      -o-linear-gradient(#008500, #269926); /* Opera 11.10+ */
	background-image:         linear-gradient(#008500, #269926);		
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#008500', endColorstr='#269926'); /* IE6-9*/ 
	border: 1px solid #269926;
}
.ui-bar.ui-error {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a30008), to(#bc2f36)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#a30008, #bc2f36); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#a30008, #bc2f36); /* FF3.6 */
	background-image:     -ms-linear-gradient(#a30008, #bc2f36); /* IE10 */
	background-image:      -o-linear-gradient(#a30008, #bc2f36); /* Opera 11.10+ */
	background-image:         linear-gradient(#a30008, #bc2f36);		
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#a30008', endColorstr='#bc2f36'); /* IE6-9*/ 
	border: 1px solid #bc2f36;
}
/* Mobile task list */
.s-locked .a-from:before {
	color: #3ca959;
}
.s-locked.s-locked-other .a-from:before {
	color: #d03232;
}
/* Edit mode toolbar icons */
#e-pilcrow-form {
	color: #f8a18c;
}
.s-pilcrow #e-pilcrow-form,
.e-toolbar-icon, .editor-icon {
	color: #f15733 !important;
}
/* Edit mode palette icons */
#page-form-edit.f-palette-item:before {
	color: #7b8085;
}

.frevvo-form-container, .frevvo-form-container .frevvo-form-header, .frevvo-form-container .frevvo-form-cell,
.frevvo-form-container .frevvo-form, .frevvo-form-container td {
    /* This is a table row in the generated table that embeds a frevvo form (generated by Share ...) */
    background-color: #ffffff;
}
#page-form #wrapper {
    background-color: #ffffff;
}
.frevvo-form-popup-body .frevvo-form-container {
	border-color: #ffffff;
}
 		