/*
	******************************************************************************************
	******************************************************************************************
					                   COLOR STYLE SHEET (NORMAL)
					THIS STYLE SHEET IS FOR SETTING COLORS ONLY - NOT FOR CONTROLLING
					POSITION, ETC. DO NOT SET MARGINS, PADDING, STYLES, ETC. 
	******************************************************************************************
	******************************************************************************************

	BACKGROUND-COLOR                                     : #555;
	HEADER/FOOTER COLOR                                  : #6e6e6e;
	YELLOW HIGHLIGHT                                     : #fffb8f;
	DARK-GREY                                            : #444;
	THUMBNAIL BUTTON INSET SHADOW (LIGHT-BLUE)           : #CEE6FF;
	THUMBNAIL HEADER (BLUE-GREY)                         : #8C99AD;
	THUMBNAIL-FOOTER (DIRTY AQUA)                        : #5195BB;
	

*/

 :root {

   --baseHue: 230;
   --secondaryHue: calc(var(--baseHue) - 180);
   --secondaryHue: var(--baseHue);
   --highlightedHue: 32;
   --buttonHoverHue: 210;
   --highlightedButtonHue: 52;

   --backgroundColor: hsl(var(--baseHue), 0%, 20%);
   --sideBarBackgroundColor: hsl(var(--baseHue), 0%, 25%);
   --summaryBodyBackgroundColor: hsl(var(--baseHue), 0%, 18%);
   --imageSelectBackground: hsla(0, 0%, 15%, 1);
   --listBackgroundColor: rgba(0, 0, 0, 0.3);
   --notesGreen: hsl(129 100% 88%);
   --orderPackageItem: hsl(32, 88%, 52%);

   --fulfilledColor: hsl(36, 68%, 61%);
   --fulfilledBorderTopColor: hsl(36, 84%, 75%);
   --fulfilledBorderBottomColor: hsl(36, 69%, 46%);

   --gradientLight: radial-gradient(ellipse at center, hsl(0, 2%, 38%) 0%, hsl(0, 0%, 49%) 100%);
   --gradientDark: radial-gradient(ellipse at center, hsl(0, 0%, 25%) 0%, hsl(0, 0%, 18%) 100%);
   --gradientMain: radial-gradient(ellipse at center, hsl(0, 0%, 35%) 0%, hsl(0, 0%, 27%) 100%);

   --rowBackground: hsla(0, 0%, 75%, 0.7);
   --rowBackgroundOdd: hsla(0, 0%, 65%, 0.7);

   --rowBackgroundAlert: hsla(0, 25%, 75%, 0.7);
   --rowBackgroundAlertOdd: hsla( from var(--rowBackgroundAlert) h, s, 65% / l );

   --selectionManagerSelectedBackgroundColor: #4545a3;
   --selectionManagerSelectedBackgroundColorOdd: rgb(from var(--selectionManagerSelectedBackgroundColor) r g b / 0.75);

   --selectionManagerSelectedBackgroundColorOdd: #3c3c92;
   --selectionManagerSelectedBorderTopColor: hsl(240, 80%, 66%);
   --selectionManagerSelectedBorderBottomColor: hsl(240, 42%, 30%);
   --selectionManagerSelectedBorderBottom: solid 1px var(--selectionManagerSelectedBorderBottomColor);
   --selectionManagerSelectedBorderTop: solid 1px var(--selectionManagerSelectedBorderTopColor);

   --accent-blue: rgb(93, 122, 214);

   --alert-red-background: rgb(230, 121, 121);

   --blue-grey: hsl(217, 39%, 34%);
   --blue-grey-border: hsl(217, 39%, 25%);
   --info-green: hsl(126, 47%, 68%);
   --bright-green: hsl(126, 87%, 61%);
   --bright-green-border: hsl(126, 87%, 45%);
   --mid-green: hsl(115, 45%, 45%);
   --mid-green-border: hsl(115, 45%, 30%);
   --dark-green: hsl(112, 46%, 19%);
   --dark-green-border: hsl(112, 46%, 40%);
   --darker-green: hsl(112, 51%, 20%);
   --dark-orange: hsl(24, 100%, 56%);
   --dark-orange-border: hsl(24, 100%, 40%);
   --dark-red: hsl(0, 98%, 37%);
   --dark-red-border: hsl(0, 98%, 25%);
   --dark-blue: hsl(235, 67%, 23%);
   --dark-blue-border: hsl(235, 67%, 15%);
   --blue: hsl(248, 97%, 57%);
   --blue-border: hsl(248, 97%, 45%);
   --gold: hsl(41, 100%, 50%);
   --gold-border: hsl(60, 100%, 45%);
   --dark-gray: hsl(0, 0%, 50%);
   --dark-gray-border: hsl(0, 0%, 25%);

   --blackborder: solid 1px black;

   --selectableOnHover: hsl(14, 100%, 70%);
   --selectableOnHover: hsl(14, 100%, 70%);
   --warning: #8C0502;
   --warningBorder: #680C0A;
   --mainMenuHoverColor: hsl(27, 97%, 85%);

   --selected: hsl(39, 100%, 70%);
   --highlightedRow: hsl(207, 100%, 78%);
   --highlightedRowOdd: rgb(from var(--highlightedRow) r g b / 0.75);

   --highlightedButton: hsl(56, 84%, 80%);

   --buttonHoverBackground: hsl(var(--buttonHoverHue), 84%, 59%);
   --buttonHoverBorder: hsl(var(--buttonHoverHue), 43%, 40%);
   --noticeMeButton: hsl(135, 100%, 82%);

   --formControlBorderColor: rgba(255, 255, 255, 0.6);

   --textcolor: rgb(0, 0, 0);
   --textcolorlight: rgb(255, 255, 255);

   --summaryLineBackground: rgba(130, 130, 130, 1);
   --summaryLineBackgroundOdd: rgba(100, 100, 100, 1);
   --summaryLineBorder: rgb(130, 130, 130);
   --summaryLineBorderOdd: rgb(85, 85, 85);
   --summaryLineHover: var(--summaryLineBackground);

 }

 html {
   accent-color: var(--themedark);
 }

 * {
   scrollbar-color: rgb(146, 146, 146) rgb(66, 66, 66);
 }

 fieldset {
   border-color: rgba(255, 255, 255, 0.4);
 }

 .dialog {
   border: solid 1px rgba(0, 0, 0, 0.3);
 }

 .dialog div.title {
   transition: background-color 0.25s ease-in;
 }

 .dialog.alert div.title {
   background-color: var(--dark-red);
 }

 body {
   color: white;
   background-color: #555;
 }

 a {
   color: rgb(255, 192, 74);
   font-family: var(--fontFamilyBold);
 }

 a:visited {
   color: orange;
 }

 a:hover {
   text-decoration: underline;
   color: rgb(108, 255, 108);
 }

 i {
   color: white;
 }

 optgroup,
 option {
   color: black;
 }

 div.dialog .close_dialog i {
   color: white;
 }

 #a:hover {
   color: orange;
 }


 button.disabled,
 button.disabled i {
   opacity: .8;
   background: none;
   box-shadow: none;
   border-color: rgba(255, 255, 255, .4);
   color: rgba(255, 255, 255, .4);
 }

 button.warning {
  --iconcolor: white;
 }

 .elementMask {
   background-color: rgba(0, 0, 0, .5);
 }

 .big_message_mask,
 .dialog_mask,
 .mask {
   background-color: #000;
   filter: grayscale(100%);
 }


 :focus.--validation_failed,
 .--validation_failed {
   border-color: red;
 }

 .alert {
   background-color: hsl(0, 100%, 50%);
 }

 .alertMessage-inline {
   background-color: hsl(0, 100%, 84%);
   color: black;
 }

 .allIsWellMessage-inline {
   background-color: var(--notesGreen);
   color: black;
 }

 .note.--playnote {
   background-color: hsl(var(--baseHue), 100%, 84%);
   color: black;
   opacity: 1;
   border: solid 2px hsl(var(--baseHue), 100%, 25%);
 }

 .note.lookAtMe,
 .lookAtMe {
   background-color: #FFAFAF;
   color: black;
   opacity: 1;
   border: solid 2px hsl(0, 100%, 15%);
 }

 .--note.--aside {
   background-color: rgba(67, 185, 107, 0.3);
   border-color: var(--darker-green);
 }

 .collagePreview {
   box-shadow: 0 0 6px 3px rgba(0, 0, 0, .3);
 }

 .collagePreview div.cropStatus i {
   color: red;
 }

 div.collage_navigation_controls div.collagePreview {
   box-shadow: 0 0 4px 2px rgba(0, 0, 0, .3);
 }

 div.collage_navigation_controls div.collagePreview.active {
   box-shadow: 0 0 8px 5px rgba(54, 154, 247, .8);
 }

 div.collage_navigation_controls {
   background-color: rgba(200, 200, 200, .2);
   box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .7);
   border-color: black;
 }

 div.collage_editor.--fullscreen div.previewContainer {
  --previewBackground: black;
 }

 .image_not_found {
   background-image: radial-gradient(ellipse at center, #c40303 0%, #9b0808 100%);
 }

 #package_additem select,
 #package_additem .ui-spinner,
 #package_additem input.price {
   transition-property: background-color, border-color;
   transition-duration: 0.125s;
   transition-timing-function: ease-in;
 }

 #package_additem input.price.alert {
   background-color: rgba(255, 0, 0, 0.25);
 }

 #package_additem .item_sku_list {
   background-color: rgba(0, 0, 0, 0.3);
   border: solid 1px rgba(0, 0, 0, 0.3);
 }


 /* ************************************************ */
 /* ************************************************ */
 /* NAVIGATION & HEADER CONTAINER STYLES */
 /* ************************************************ */
 /* ************************************************ */

 /* HEADER STYLES */


 #header {
   background-color: #6e6e6e;
   border-bottom-color: #686980
 }

 #header-mask {
   background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 34%, rgba(0, 0, 0, 0) 100%);
   /* W3C */
 }

 #header a {
   color: #333;
   text-shadow: -2px -1px 0px rgba(185, 185, 185, .5);
 }

 #header a:hover {
   color: white;
 }




 /* BODY STYLES */

 .background-mask,
 #background-mask,
 #message-mask,
 #body-mask {
   background-color: #000;
 }




 /* FOOTER STYLES */

 #footer {
   background-color: #6e6e6e;
   border-color: #686980;
 }

 .footer-shadow {
   box-shadow: 0px -3px 5px rgba(0, 0, 0, .4);
 }





 /* ************************************************ */
 /* ************************************************ */
 /* HEADER NAVIGATION CONTROLS */
 /* ************************************************ */
 /* ************************************************ */

 #header div.login {
   background: none;
   background-color: #00AA11;
   color: white;
   border-right: solid 1px rgba(0, 0, 0, .3);
 }

 #header div.logout {
   background: none;
   background-color: #BF0000;
   color: white;
   border-right: solid 1px rgba(0, 0, 0, .3);
 }

 #navigation-left div, #navigation-right div {
   color: black;
   border-left-color: #444;
   border-right-color: #999;
 }

 #navigation-left div.logout i {
   color: white;
 }

 #navigation-left div i, #navigation-right div i {
   color: black;
 }

 #navigation-left div.border_right, #navigation-right div.border_right,
 #navigation-left div.border_left, #navigation-right div.border_left {
   border-right: solid 1px black;
 }


 #reviewAndProcess div.imageStore.inprocessing,
 #downloadImageStore div.imageStore.active,
 #viewImages div.viewImagesStoreRow.active,
 #navigation-left div:hover, #navigation-right div:hover {
   background: none;
   background-color: #4096ee;
   color: white;
 }

 #downloadImageStore div.imageStore.processingerror div.processingerror #navigation-left div.logout i,
 #navigation-left div.login i,
 #navigation-left div.staff_option i,
 #navigation-right div.staff_option i,
 #navigation-left div:hover i,
 #navigation-right div:hover i {
   color: white;
 }


 #navigation-right div.staff_option {
   background: none;
   background-color: hsl(29, 89%, 72%);
   color: black;
 }

 #navigation-right>div.staff_option:hover {
   background: linear-gradient(to bottom, #66b2ff 0%, #60abf8 44%, #4096ee 100%);
   color: white;
 }


 #viewImages div.viewImagesSubjectRow h2.subjectTotals-none,
 #viewImages div.viewImagesSubjectRow h2.subjectTotals,
 #downloadImageStore div.sourceColumn div.directory.downloaded div.directoryRow.downloaded,
 #downloadImageStore div.imageStore.downloading div.top {
   background: linear-gradient(to bottom, #6bba70 0%, #6bba70 100%);
   color: white;
 }

 #viewImages div.viewImagesSubjectRow h2.subjectTotals-qualified,
 #downloadImageStore div.imageStore div.top,
 #downloadImageStore div.imageStore.sorted div.top,
 #downloadImageStore div.imageStore.downloaded div.top {
   background: linear-gradient(to bottom, #ffd65e 0%, #febf04 100%);
 }

 #navigation-left>div span:hover {
   color: #fff;
 }

 /* MENU BUTTON FOR DISPLAYING HEADER AND FOOTER CONTROLS */
 .navigation-tab {
   color: black;
   background-color: #6e6e6e;
   transition-property: background-color;
   transition-duration: .5s;
   transition-timing-function: ease;
 }

 .navigation-tab:hover {
   background-color: #fffb8f;
 }


 #navtab-right,
 #navtab-left {
   border-color: #000;
 }


 #navigation-menu-right.highlight, #navigation-footer-left.highlight {
   background-color: #fffb8f;
   transition-property: background-color;
   transition-duration: .5s;
   transition-timing-function: ease;
   color: black;
 }

 /* ************************************************ */
 /* ************************************************ */
 /* DIALOG CONTENT CONTAINER */
 /* ************************************************ */
 /* ************************************************ */


 div.dialog,
 div.selectlist,
 div.message,
 div.confirmation {
   box-shadow: 0 0 16px 0 rgba(0, 0, 0, .6);
   background: var(--gradientMain);
 }

 div.dialog div.title h2,
 div.selectlist div.title h2,
 div.confirmation div.title h2,
 div.message div.title h2 {
   text-shadow:
     -1px -1px 0 rgba(35, 35, 35, .55),
     1px -1px 0 rgba(35, 35, 35, .55),
     1px 1px 0 rgba(35, 35, 35, .55),
     -1px 1px 0 rgba(35, 35, 35, .55);
 }

 .dialog.confirmation div.title {
   background-color: var(--dark-red);
 }



 div.dialog,
 div.selectlist {
   background-color: #666;
 }

 div.order_display {
   border-color: #444;
   background-color: #666;
 }


 div.order_display span.icon {
   text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
 }

 div.order_display div.bottom i {
  color: var(--notesGreen);
 }

 div.order_display div.bottom {
  border-top: solid 1px rgba(0,0,0,0.5);
}


 div.order_display div.bottom .--alert i {
  color: yellow;
 }


 #navigation-footer-left {
   box-shadow: 0px -3px 5px rgba(0, 0, 0, .4);
 }

 div.dialog div.body .section {
   border-bottom-color: #444;
 }





 .clickableSpan {
   cursor: pointer;
   color: #266FB7;
 }

 .clickablSpan:hover {
   text-decoration: underline;
   font-family: var(--fontFamilySemiBold);
 }



 /* ************************************************ */
 /* ************************************************ */
 /* BODY CONTENT STYLES */
 /* ************************************************ */
 /* ************************************************ */


 .header .leftContent button {
   background-color: transparent;
   border-right-color: #848484;
   box-shadow: 1px 0 0 #C4C0C0;
 }

 .header .leftContent button:hover {
   box-shadow: inset 0 0 8px rgba(58, 71, 89, .2),
     inset 0 14px 0 rgba(255, 255, 255, .3),
     inset 0 5px 3px rgba(255, 255, 255, .2),
     inset 0 -5px 5px rgba(61, 80, 104, .2),
     1px 0 0 #C4C0C0;
   border-color: #638299;
 }

 .header .leftContent button:hover {
   background-color: transparent;
   background: none;
 }



 /* ************************************************ */
 /* ************************************************ */
 /* MAIN MENU STYLES */
 /* ************************************************ */
 /* ************************************************ */
 .mainmenu-majorItem, .mainmenu-headingItem {
   color: white;
   text-shadow:
     -1px -1px 0 rgba(35, 35, 35, .55),
     1px -1px 0 rgba(35, 35, 35, .55),
     1px 1px 0 rgba(35, 35, 35, .55),
     -1px 1px 0 rgba(35, 35, 35, .55);
 }

 .mainmenu-majorItem:hover i,
 .mainmenu-majorItem:hover {
   cursor: pointer;
   color: var(--mainMenuHoverColor);
   text-shadow:
     -1px -1px 0 rgba(0, 0, 0, .55),
     1px -1px 0 rgba(0, 0, 0, .55),
     1px 1px 0 rgba(0, 0, 0, .55),
     -1px 1px 0 rgba(0, 0, 0, .55);
 }

 .mainmenu-majorItem:hover h1 {
   text-shadow:
     -1px -1px 0 rgba(0, 0, 0, .55),
     1px -1px 0 rgba(0, 0, 0, .55),
     1px 1px 0 rgba(0, 0, 0, .55),
     -1px 1px 0 rgba(0, 0, 0, .55),
     0 0 5px rgba(0, 0, 0, .35);
 }



 /* ************************************************ */
 /* ************************************************ */
 /* SIDE BAR STYLES */
 /* ************************************************ */
 /* ************************************************ */
 #leftSideBar,
 #leftSideBar div.infoTab {
   box-shadow: 5px 0 15px rgba(0, 0, 0, .6);
 }

 #rightSideBar,
 #rightSideBar div.infoTab {
   box-shadow: -5px 0 15px rgba(0, 0, 0, .6);
 }

 .sideBar {
   background-color: #555;
 }

 .sideBar button i {
   color: black;
 }

 .sideBarMask {
   background-color: #333;
 }

 div.titleTab,
 .sideBar,
 .sideBar div.infoTab {
   border-color: rgba(0, 0, 0, 0.5);
 }

 div.titleTab,
 .sideBar div.infoTab {
   background-color: inherit;
   background: inherit;
 }



 #priceGrid {
   background-color: inherit;
 }

 #priceGrid thead tr {
   background-color: rgba(0, 0, 0, .3);
 }

 #priceGrid tr:nth-child(even) {
   background-color: rgba(0, 0, 0, .1);
 }

 #priceGrid tr:hover {
   background-color: rgba(168, 176, 238, .4);
 }


 #priceGrid td.finishingType:nth-child(-n+4) {
   color: rgba(255, 255, 255, .75);
 }


 /* ************************************************ */
 /* ************************************************ */
 /* CONTENT CONTAINER DISPLAY CONTAINER */
 /* ************************************************ */
 /* ************************************************ */

 div.contentContainer {
   border-bottom-color: white;
 }

 .bodyMessage {
   color: #333;
 }


 /* ************************************************ */
 /* ************************************************ */
 /* DOCUMENT SUMMARY CONTAINER  */
 /* ************************************************ */
 /* ************************************************ */
 div.documentSummary {
   border-bottom-color: white;
   background: var(--gradientDark);
 }

 div.documentSummary .footer {
   border-top: solid 1px black;
 }

 div.documentSummary div.summaryLine.summarylineheader,
 div.documentSummary > .header,
 div.documentSummary .footer {
   background: none;
   background-color: hsl(0, 0%, 9%);
   color: #fff;
 }



 /* ************************************************ */
 /* ************************************************ */
 /* PEEP MESSAGE STYLES */
 /* ************************************************ */
 /* ************************************************ */
 div.peep {
   border-color: rgba(0, 0, 0, .4);
   background-color: #222;
   color: white;
 }

 div.peep.alert {
   color: white;
   font-family: var(--fontFamilySemiBold);
   background-color: var(--dark-red);
 }


 div.peep.notice {
   background-color: var(--dark-blue);
   color: white;
   font-family: var(--fontFamilySemiBold);
 }

 div.peep.help,
 div.peep.success {
   background-color: var(--mid-green);
   color: white;
   font-family: var(--fontFamilySemiBold);
 }

 div.peep table {
   background-color: rgba(0, 0, 0, .3);
 }

 div.peep table td {
   border-bottom-color: rgba(255, 255, 255, .4);
 }


 /* ************************************************ */
 /* ************************************************ */
 /* INPUT CONTROL STYLES */
 /* FORM STYLES */
 /* ************************************************ */
 /* ************************************************ */
 textarea[data-dblclickhandler],
 input[data-dblclickhandler],
 input.double_click {
   background-color: rgba(21, 29, 242, 0.2);
   border-color: rgb(21, 29, 242);
 }


 .ui-spinner:focus-within,
 input:focus,
 textarea:focus,
 .simpleRow input:focus,
 select:focus {
   border: solid 1px rgb(42, 90, 249);
 }

 textarea:focus {
   outline: none;
 }


 div.ui-colorpicker input,
 .ui-widget input {
   color: black;
   border-color: black;
 }

 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
   background: radial-gradient(ellipse at center, #7abcff 0%, #60abf8 44%, #4096ee 100%);
   color: white;
 }

 .ui-spinner:focus-within,
 input:not(.ui-spinner-input):focus,
 textarea:focus,
 select:focus {
   background-color: rgba(0, 0, 0, .3);
   color: rgb(255, 244, 168);
 }

 .ui-widget input:focus,
 input:focus {
   color: rgb(255, 244, 168);
 }

 input:focus:focus-visible {
   outline-style: solid;
   outline-color: rgba(42, 90, 249, 0.25);
 }

 span.ui-spinner.focused input,
 span.ui-spinner.focused input:focus {
   background-color: transparent !important;
 }

 ::-moz-placeholder {
   opacity: 0.7;
 }

 ::-webkit-input-placeholder {
   color: #fff;
   opacity: 0.7;
 }

 input:focus::placeholder {
   opacity: 1;
   color: yellow;
 }

 input.--error:focus,
 input.--error {
   border-color: red;
   background-color: rgba(255, 0, 0, 0.45);
 }



 input[type="button"],
 input[type="submit"],
 button {
   border-color: #222;
 }


 input,
 select,
 textarea {
   color: black;
   border-color: var(--formControlBorderColor);
 }



 span.ui-spinner,
 input,
 textarea,
 select {
   background-color: rgba(220, 220, 220, 0.3);
   color: white;
 }

 .simpleList {
   background-color: var(--listBackgroundColor);
  --textcolor: black;
  --iconcolor: black;
 }

 .simpleList i {
  color: var(--iconcolor);
 }

  .simpleRow button:not(.warning) i {
    --iconcolor: black;
  }

 .simpleRow input,
 .simpleRow select,
 .simpleRow {
   color: var(--textcolor);
 }




 div.dialog.bookOptions.materiallist div.left,
 div.dialog.bookOptions div.productimages,
 div.sideBar.addBook div.productimages,
 div.sideBar.addBook div.booklayouts {
   background-color: rgba(0, 0, 0, .3);
 }


 button:hover,
 button.warning:hover,
 input[type="button"]:hover,
 input[type="submit"]:hover,
 .visible button[data-clickhandler="visibility"],
 .summaryLine.visible button.list_visibility,
 .summaryLine.visible button.visibility,
 .summaryLine.--culled button.cull,
 .summaryLine.--retouched button.retouched,
 .summaryLine.--retouched button.retouched i,
 .summaryLine.watermark button.collection_watermark,
 .summaryLine.active_server_collection button.set_active,
 .summaryLine.accepting_requests button.request_status,
 .summaryLine.active_user button.set_active,
 .summaryLine.requirepassword_reset button.reset_password,
 .summaryLine.requirepassword_reset button.reset_password i,
 .summaryLine.group_totals button.group_totals,
 .summaryLine.product_packages button.product_packages,
 .summaryLine.send_text_messages button.send_text_messages,
 .summaryLine.visible button.collection_visibility,
 .summaryLine.visibleonline button.collection_visibility_onlineserver,
 .summaryLine.visible button[data-clickhandler="visibilitytoggle"],
 .summaryLine.fall_through_collection button.fall_through_collection,
 .summaryLine.screensaver button.screensaver,
 .summaryLine.screensaver button.screensaver i,
 div.imageStoreProcessingStructure>div.left div.toolContentContainer span.config:hover,
 div.imageStoreProcessingStructure>div.left div.toolContentContainer span.driveReview:hover,
 button.active,
 input[type="button"].active {
   background: var(--buttonHoverBackground);
   border-color: var(--buttonHoverBorder);
   color: #fff;
 }


 button:hover i,
 .summaryLine.visible button.list_visibility i,
 .summaryLine.group_totals button.group_totals i,
 .summaryLine.product_packages button.product_packages i,
 .summaryLine.watermark button.collection_watermark i,
 .summaryLine.visible button.collection_visibility i,
 .summaryLine.visibleonline button.collection_visibility_onlineserver i,
 .summaryLine.send_text_messages button.send_text_messages i,
 .summaryLine.accepting_requests button.request_status i,
 .summaryLine.active_server_collection button.set_active i,
 .summaryLine.fall_through_collection button.fall_through_collection i,
 .summaryLine.screensaver button.screensaver i,
 .summaryLine.visible button[data-clickhandler="visibilitytoggle"] i,
 .summaryLine.active_user button.set_active i {
   color: white;
 }

 .visible button[data-clickhandler="visibility"] i,
 div.summaryLine button.warning i,
 .summaryLine i {
   color: white;
 }

 div.summaryLine button i {
   color: black;
 }

 div.summaryLine.active:not(.orderSummary-orderline):not(.requestPaymentSummaryLine):not(.selection_manager_selected),
 div.summaryLine:nth-child(odd):not(.orderSummary-orderline):not(.requestPaymentSummaryLine).active {
  --lastViewedBackgroundColorOdd: rgba(100, 58, 58, 0.452);
   background-color: var(--lastViewedBackgroundColorOdd);
 }

 button.friendly,
 button.friendly i,
 button.warning,
 button.warning i {
   color: white;
 }



 button.warning {
   background-color: var(--warning);
   border-color: var(--warningBorder);
 }

 button.friendly {
   background-color: #6AA45B;
   border-color: #35542E;
 }


 input.disabled,
 select.disabled,
 textarea.disabled {
   opacity: .5;
 }

 button.disabled {
   opacity: .4;
   background: none;
   box-shadow: none;
   border-color: rgba(0, 0, 0, .7);
   color: rgba(0, 0, 0, .7);
 }

 button.disabled:hover {
   box-shadow: none;
   cursor: default;
   background: none;
   border-color: rgba(0, 0, 0, .7);
   color: rgba(0, 0, 0, .7);
 }

 button.cancel:hover {
   color: white;
   border-color: rgba(45, 0, 0, 1);
   box-shadow: 0 0 3px 0 rgba(100, 0, 0, .5);
   background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
 }


 div.dialog_tools span.tool_break {
   border-top: solid 2px rgba(255, 255, 255, .3);
 }

 div.order_display div.dialog_tools,
 .dialog div.dialog_tools {
   background-color: rgba(255, 255, 255, .3);
 }

 div.productionpanel div.dialog_tools {
   background-color: rgba(128, 128, 128, 1);
   border: solid 1px black;
 }


 .toolsPopup button.warning {
   background-color: #E82F2C;
   color: white;
 }

 .toolsPopup button.saveprogress {
   background-color: rgb(159, 249, 162);
 }

 /* ************************************************ */
 /* ************************************************ */
 /* THUMBNAIL DISPLAY CONTAINER */
 /* ************************************************ */
 /* ************************************************ */

 #thumbNailContainer>div.header,
 #thumbNailContainer>div.footer {
   background: none;
   background-color: hsl(0, 0%, 22%);
   box-shadow: 0 -5px 5px 0 rgba(0, 0, 0, .5);
 }

 #thumbNailContainer>div.header {
   border-bottom: solid 1px black;
 }

 #thumbNailContainer,
 #addImageStore {
   border-right-color: rgba(0, 0, 0, .4);
 }

 #thumbHeaderTools .dropMenuButton {
   border-color: rgba(0, 0, 0, 0.75);
 }

 #reviewAndProcess,
 #thumbNailContainer,
 #addImageStore,
 #downloadImageStore {
   border-bottom-color: #fff;
   background-color: #555;
 }


 #thumbNailContainer>div.body {
   background-color: inherit;
 }

 .thumbNail {
   border-color: hsla(0, 0%, 14%, 0.8);
   background-color: hsl(0, 0%, 47%);
 }

 .thumbNail .orange-gradient {
   color: black;
 }

 .thumbNail .header {
   color: rgba(255, 255, 255, .75);
   border-bottom-color: hsl(0, 0%, 20%);
 }

 .thumbNail .header {
   background: none;
   background-color: hsl(0, 0%, 18%);
 }

 .thumbNail .footer {
   background-color: hsl(0, 0%, 11%);
 }

 .thumbNail.lastViewed div.body {
   transition-property: all;
   transition-duration: 1s;
   background-color: hsla(224, 70%, 41%, 0.3);
 }



 /* THUMBNAIL TOOL BUTTONS AND CONTROL PANELS*/

 .thumbNail .body {
   border-color: hsla(0, 0%, 0%, 0.1);
 }

 .thumbNail .body img {
   border-color: hsl(0, 0%, 100%);
   box-shadow: 0 0 2px hsla(0, 0%, 0%, 0.4);

 }

 .thumbNail[data-presentationcropvisible="1"] div.cropped_icon i {
   color: green;
 }

 .thumbNail[data-presentationcropvisible="0"] div.cropped_icon i {
   color: red;
 }

 .thumbNail .body .exif,
 .thumbNail .body .package,
 .thumbNail .body .crop,
 .thumbNail .body .sort {
   background-color: hsla(0, 0%, 100%, 0.3);
   border-color: hsla(0, 0%, 0%, 0.6);
   color: hsla(0, 0%, 0%, 0.6);
 }

 .thumbNail .body .exif:hover,
 .thumbNail .body .package:hover,
 .thumbNail .body .crop:hover,
 .thumbNail .body .sort:hover {
   background-color: hsl(58, 100%, 78%);
   cursor: pointer;
   transition-property: background-color;
   transition-duration: .5s;
   transition-timing-function: ease;
 }

 .thumbNail div.body .printSize {
   color: hsl(0, 0%, 100%);
   -webkit-text-stroke: 1px hsla(0, 0%, 0%, 0.75);
   stroke: 1px hsla(0, 0%, 0%, 0.75);
 }


 .thumbNail:hover div.body .printSize {
   opacity: 0;
 }


 .thumbNailWrapper,
 .largeImageWrapper {
   background-color: hsl(0, 0%, 20%);
 }

 div.largeImageWrapper.cropping,
 .thumbNailWrapper.cropping {
   background-color: hsl(90, 100%, 49%);
 }

#largeImageContainer.--ordertools div.buttonContainer button.order:hover,
#largeImageContainer.--ordertools div.buttonContainer button.order:hover i {
  color: #000;
}



 #collageEditor {
   border-bottom-color: white;
   background: var(--gradientDark);
 }

 #collageEditor div.imagelist.simpleList div.simpleRow div.thumbNailWrapper {
   background-color: inherit;
 }

 /* REVIEWED CROP THUMBNAIL */
 #thumbNailContainer .thumbNail.presentationCrop.cropping .header,
 #thumbNailContainer .thumbNail.crop_reviewed .header {
   background: none;
   background-color: hsl(31, 95%, 57%);
   border-bottom-color: hsl(31, 84%, 37%);
 }

 #thumbNailContainer .thumbNail.presentationCrop.cropping .body,
 #thumbNailContainer .thumbNail.crop_reviewed .body {
   /* ORANGE GRADIENT */
   background: linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%);
   border-color: rgb(175, 98, 15);

 }



 #thumbNailContainer .thumbNail.presentationCrop.cropping .footer,
 #thumbNailContainer .thumbNail.crop_reviewed .footer {
   background: linear-gradient(to bottom, #ea802e 0%, #d86908 100%);
   border-top-color: rgb(175, 98, 15);
 }

 .thumbNail.presentationCrop.cropping .exifPane,
 .thumbNail.crop_reviewed .exifPane {
   background-color: rgba(255, 202, 137, .9);
   color: rgba(0, 0, 0, 1);
 }


 #thumbNailContainer .thumbNail.active .body,
 #thumbNailContainer .thumbNail.active.crop_reviewed .body {
   background: none;
   background-color: #89ED8C;
   border-color: rgb(73, 150, 74);
   transition-duration: .5s;
   transition-property: all;

 }

 #thumbNailContainer .thumbNail.active .header {
   background: none;
   background-color: #478E49;
   border-bottom-color: rgb(73, 150, 74);
 }

 #thumbNailContainer .thumbNail.active .footer {
   /* DARK GREEN GRADIENT */
   background: linear-gradient(to bottom, #3a543b 0%, #2c3f2c 100%);
   border-top-color: rgb(73, 150, 74);
   border-top-color: rgb(73, 150, 74);
   color: white;

 }

 .thumbNail.active .exifPane {
   background-color: rgba(189, 237, 191, .9);
   color: rgba(0, 0, 0, 1);
 }











 /* PAGE CRUMBS */
 div.crumbContainer span.crumb {
   border-color: rgba(255, 255, 255, .3);
   background-color: rgba(255, 255, 255, .1);
 }


 div.crumbContainer span.crumb:hover {
   color: black;
 }

 div.crumbContainer span.crumb.highlight {
   background-color: rgba(215, 215, 215, .8);
   color: black;
   border-color: black;
 }


 /* CROP PANELS */
 #cropReview {
   border-color: rgb(99, 135, 67);
 }



 /* THUMBNAIL EXIF PANE STYLES */

 .exifPane {
   transition: background-color;
   transition-duration: 1s;
   background-color: rgba(128, 128, 128, .9);
 }


 /* THUMBNAIL FOOTER STYLES */

 .thumbNail .footer {
   border-top-color: #555;
 }

 .thumbNail .footer .order button,
 .thumbNail .footer .addToPackage button {
   box-shadow: none;
   box-shadow: inset 0 0 5px rgba(57, 92, 132, .5);
   color: #CEE6FF;
 }

 .thumbNail .footer .order button:hover,
 .thumbNail .footer .addToPackage button:hover {
   color: white;
   box-shadow: inset 0 0 5px rgba(255, 175, 75, .5);
 }

 .collageeditor__ratings .clearRating,
 .ratingsControl .clearRating,
 #thumbHeaderTools.left .clearRating,
 div.buttonContainer .clearRating {
   color: red;
   cursor: pointer;
 }

 .ratingsItem:not(.clearRating) {
   color: #ddd;
 }

 [data-rating="5"] .ratingsItem:nth-child(n+2):nth-child(-n+6),
 [data-rating="4"] .ratingsItem:nth-child(n+2):nth-child(-n+5),
 [data-rating="3"] .ratingsItem:nth-child(n+2):nth-child(-n+4),
 [data-rating="2"] .ratingsItem:nth-child(n+2):nth-child(-n+3),
 [data-rating="1"] .ratingsItem:nth-child(2) {
   color: var(--gold);
 }



 div.dropMenu .ratingsControl .unRated {
   color: hsl(202, 100%, 50%);
 }

 div.dropMenu .ratingsControl .unRated:hover,
 .ratingsControl .unRated:hover,
 .ratingsControl .rated:hover,
 div.buttonContainer .unRated:hover {
   color: var(--selectableOnHover);
   cursor: pointer;
 }

 .ruleOfThirdsContainer span.leftThird,
 .ruleOfThirdsContainer span.rightThird {
   border-right: solid 1px #CECEBF;
 }

 .ruleOfThirdsContainer span.topThird,
 .ruleOfThirdsContainer span.bottomThird {
   border-bottom: solid 1px #CECEBF;
 }

 .ruleOfThirdsContainer span.safeZone {
   border: dashed 2px rgba(255, 128, 0, 0.75);
 }

 /* ************************************************ */
 /* ************************************************ */
 /* 	            LOGIN CONTROLS      				*/
 /* ************************************************ */
 /* ************************************************ */

 .dialog.login .additional_info {
   background-color: rgba(95, 144, 175, 1);
   border-color: rgba(183, 221, 244, 1);
 }

 .dialog.login .clickableSpan {
   color: #FFA64C;
 }



 /* ************************************************ */
 /* ************************************************ */
 /* INFO AND ERROR MESSAGES */
 /* ************************************************ */
 /* ************************************************ */

 /* CUSTOM MESSAGE STYLES */
 div.dialog.message {
   background-color: var(--dark-gray);
 }

 div.dialog.message.--large {
  width: 50%;
  height: 33%;
 }


 div.dialog.message div.title {
   text-shadow: 0 0 2px rgba(0, 0, 0, .5);
   background-color: var(--dark-orange);
 }

 /* CUSTOM ERROR STYLES */
 div.dialog.error {
   border-color: #6D0808;
   background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
 }

 div.dialog.error div.title {
   border-bottom-color: #6D0808;
   text-shadow: 0 0 2px rgba(0, 0, 0, .5)
 }

 div.dialog.error div.buttons {
   border-top-color: #6D0808;
 }

 div.dialog.help {
   background-color: var(--dark-gray);
 }


 /*  STYLES FOR BIG, TEXT ONLY MESSAGE THAT APPEARS CENTERED IN SCREEN */
 .largemessage {
   color: white;
 }





 /* ************************************************ */
 /* ************************************************ */
 /* BACKGROUND GRADIENT STYLES */
 /* ************************************************ */
 /* ************************************************ */

 .red-gradient {
   background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
 }

 .pathControl div.directory:hover,
 #downloadImageStore div.imageStore:hover,
 #downloadImageStore div.directory:hover,
 #downloadImageStore div.imageStore:hover .imageStoreTitle,
 div.packageViewItems div.packageItemContainer div.itemRow tr.originatingitem,
 div.thumbNail.favoriteImage div.header,
 .orange-gradient {
   color: black;
   background: none;
   background-color: hsl(33, 100%, 52%);
 }

 .pathControl div.directory:hover i {
   color: black;
 }

 .orange-gradient-glossy {
   background: linear-gradient(to bottom, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%);
 }

 .light-silver-gradient {
   background: linear-gradient(to bottom, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
 }

 div.packageViewItems div.packageItemContainer div.itemRow tr.collageitem,
 .pathControl div.directory.goup,
 #downloadImageStore div.directory.goup,
 .simple-gray-gradient {
   background: none;
   background-color: hsl(0, 0%, 67%);
 }


 div.packageViewItems div.packageItemContainer div.itemRow tr.collageimagereprint,
 .simple-blue-gradient {
   background: linear-gradient(to bottom, #4f85bb 0%, #4f85bb 100%);
   color: white;
   border-color: rgba(26, 81, 158, 1);
 }

 div.dropMenu div.dropMenuItem.--activePackage,
 div.dropMenu div.dropMenuItem.--activePackage:hover,
 div.dropMenu div.dropMenuItem.--activeAlbum,
 div.dropMenu div.dropMenuItem.--activeAlbum:hover {
   border: solid 1px #B26201;
   border-left: none;
   border-right: none;
   box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .4);
   cursor: default;
 }

 div.dropMenu div.dropMenuItem.selected,
 .dialog.select_useralbum div.body div.active,
 div.dropMenu div.dropMenuItem.--activeAlbum {
   background: none;
   background-color: rgb(255, 170, 64);
   color: black;
 }

 .dialog.select_useralbum div.body div:hover,
 div.dropMenu div.dropMenuItem.--activeAlbum:hover {
   cursor: pointer;
 }

 div.dropMenu div.dropMenuItem:hover {
   cursor: pointer;
 }

 .simple-blue-gray-gradient {
   background: linear-gradient(to bottom, #8c99ad 0%, #828ca0 100%);
 }

 .simple-header-button-gradient {
   background: linear-gradient(to bottom, rgba(195, 195, 195, 1) 0%, rgba(171, 171, 171, 1) 100%);
 }


 .directory,
 #reviewAndProcess div.imageStore,
 #downloadImageStore div.imageStore,
 .verticalMidGrey {
   background-color: rgb(127, 127, 127);
 }

 div.selectlist,
 div.message,
 div.confirmation,
 #addImageStore>div.body,
 #downloadImageStore>div.body,
 #reviewAndProcess,
 .radialGrey {
   background-color: #7A94A8;
   background: radial-gradient(ellipse at center, rgba(71, 71, 71, 1) 0%, rgba(43, 43, 43, 1) 100%);
 }


 div.dialog div.message {
   background-color: none;
   background: none;
   box-shadow: none;
 }

 .radialLightGrey {
   background: radial-gradient(ellipse at center, rgba(135, 135, 135, 1) 0%, rgba(124, 124, 124, 1) 100%);
 }

 .radialMidLightGrey {
   background: linear-gradient(to bottom, rgba(127, 127, 127, 1) 0%, rgba(119, 119, 119, 1) 100%);
 }

 .radialMidGrey {
   background: radial-gradient(ellipse at center, rgba(89, 89, 89, 1) 0%, rgba(68, 68, 68, 1) 100%);
 }


 #cropReview,
 #reviewAndProcess div.imageStore.inprocessing.local,
 .simpleGreen {
   background: radial-gradient(ellipse at center, #a9db80 0%, #84a55e 100%);
 }

 /* NICE GREEN VERTICAL GRADIENT */
 div.packageViewItems div.packageItemContainer div.itemRow tr.imagepackage,
 div.packageViewItems div.packageItemContainer div.itemRow tr.singleprint {
   background: linear-gradient(to bottom, #78bf7f 0%, #6cb273 100%);
 }



 /* ************************************************ */
 /* ************************************************ */
 /* REQUESTS */
 /* ************************************************ */
 /* ************************************************ */

 #requestSummaryContainer div.body div.right {

   border-left: solid 1px black;
   border-top: solid 1px black;

 }

 div.requestPaymentSummaryLine div.rowbody tr:nth-child(2n + 1):not(tr.scheduleHeader) {
   background-color: rgba(0, 0, 0, 0.35);
 }

 div.requestPaymentSummaryLine tr.scheduleHeader {
   background-color: rgba(0, 0, 0, 0.6);
   color: white;
 }


 table.imageStoreAssignments {
   border-top: solid 1px white;
 }

 div.photographerSchedule {
   border-left-color: #9E9E9E;
   border-top-color: #9E9E9E;
   border-right-color: #2E2E2E;
   border-bottom-color: #2E2E2E;
 }

 div.photographerSchedule-print {
   background-color: rgba(255, 255, 255, 1);
   color: rgba(0, 0, 0, 1);
 }

 div.requestAssignmentSummaryLine {
   border-top: solid 1px #8BC2F9;
   border-bottom: solid 1px #305B87;
 }

 div.requestAssignmentHelper.warning {
   background-color: red;
   color: white;
 }

 div.requestAssignmentSummaryLine.assignedRequest,
 div.requestAssignmentSummaryLine.assignedPhotographer {
   border-top: solid 1px #9EEDA6;
   border-bottom: solid 1px #44824B;
 }

 div.requestAssignmentSummaryLine.photographedreadyforpickup,
 div.requestAssignmentSummaryLine.photographed {
   border-top: solid 1px #7B89AA;
   border-bottom: solid 1px #2B3651;
 }

 div.orderSummary-orderline,
 div.bookSummary-bookline,
 div.packageSummary-packageline,
 div.collageSummary-collageline,
 div.requestAssignmentSummaryLine {
   background: linear-gradient(to bottom, rgba(130, 130, 130, 1) 0%, rgba(114, 114, 114, 1) 100%);
 }

 div.packageSummary-packageline:nth-child(odd) {
   background: linear-gradient(to bottom, rgba(95, 95, 95, 1) 0%, rgba(75, 75, 75, 1) 100%);
 }

 div.requestAssignmentSummaryLine div.rowheader {
   background: linear-gradient(to bottom, rgba(79, 133, 187, 1) 0%, rgba(79, 133, 187, 1) 100%);
   box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
   color: white;
 }


 div.requestAssignmentSummaryLine.assignedRequest div.rowheader,
 div.requestAssignmentSummaryLine.assignedPhotographer div.rowheader {
   background: radial-gradient(ellipse at center, rgba(120, 191, 127, 1) 0%, rgba(108, 178, 115, 1) 100%);
 }

 div.requestAssignmentSummaryLine.request_full div.rowheader {
   background-image: repeating-linear-gradient(-45deg, rgb(86, 19, 107), rgb(86, 19, 107) 2.5%, rgb(155, 13, 198) 2.5%, rgb(155, 13, 198) 5%);
   background-color: red;
   color: white;
 }

 div.requestAssignmentSummaryLine.photographed.request_full div.rowheader {
   background-image: repeating-linear-gradient(-45deg, rgba(86, 19, 107, .1), rgba(86, 19, 107, .1) 2.5%, rgba(155, 13, 198, .1) 2.5%, rgba(155, 13, 198, .1) 5%);
 }



 div.requestAssignmentSummaryLine.photographedreadyforpickup div.rowheader,
 div.requestAssignmentSummaryLine.photographed div.rowheader {
   background: rgb(96, 108, 136);
 }


 div.requestAssignmentSummaryLine.help_requested {
   border-top-color: rgb(181, 24, 21);
 }

 div.requestAssignmentSummaryLine.help_requested div.rowheader {
   background-image: repeating-linear-gradient(-45deg, rgb(109, 24, 23), rgb(109, 24, 23) 2.5%, rgb(181, 24, 21) 2.5%, rgb(181, 24, 21) 5%);
 }


 div.requestAssignmentSummaryLine.requestFree,
 div.requestAssignmentSummaryLine.requestStaff {
   border-top: solid 1px #F7A191;
   border-bottom: solid 1px #2e2e2e;
 }

 div.requestAssignmentSummaryLine.requestFree div.rowheader {
   background: none;
   background-color: rgba(248, 80, 50, 1);
 }

 div.requestAssignmentSummaryLine.assignedRequest.hover,
 div.requestAssignmentSummaryLine.assignedPhotographer.hover {
   background: none;
   background-color: rgb(248, 118, 11);
 }

 div.requestAssignmentSummaryLine.assignedRequest.hover,
 div.requestAssignmentSummaryLine.assignedPhotographer.hover {
   border-top: solid 1px #FFA65E;
   border-bottom: solid 1px #2e2e2e;
 }

 div.requestDataConflict {
   background: linear-gradient(to bottom, rgba(204, 0, 0, 1) 0%, rgba(204, 0, 0, 1) 100%);
 }

 div.requestAssignmentSummaryLine.highPriority div.highPriority {
   background-color: yellow;
   color: black;
 }

 div.requestAssignmentSummaryLine.--subjecthover div.rowheader {
   background: none;
   background-color: rgb(62, 226, 255);
   color: black;
 }

 div.requestAssignmentSummaryLine.assignedPhotographer.--subjecthover,
 div.requestAssignmentSummaryLine.--subjecthover {
   border-top: solid 1px rgb(118, 234, 255);
   border-bottom: solid 1px rgb(46, 164, 185);
 }

 div.scheduleRow.okToDrop .schedulePlaceHolder,
 div.requestAssignmentSummaryLine.okToDrop .schedulePlaceHolder {
   background: linear-gradient(to bottom, rgba(255, 180, 119, 1) 1%, rgba(219, 147, 92, 1) 100%);
   color: black;
 }

 div.scheduleRow.okToDrop.hover {
   background: linear-gradient(to bottom, rgba(255, 116, 0, 1) 0%, rgba(221, 99, 0, 1) 100%);
   color: white;
   box-shadow: inset 0 2px 3px rgba(0, 0, 0, .3);
 }

 div.scheduleRow.preferredMatch {
   background: linear-gradient(to bottom, rgba(255, 214, 94, 1) 0%, rgba(254, 191, 4, 1) 100%);
   color: black;
 }


 div.scheduleRow.preferredSet {
   background: none;
   background-color: yellow;
   color: black;
 }


 div.photographerSchedule .hoverInvalid {
   background: linear-gradient(to bottom, rgba(169, 3, 41, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%);
   box-shadow: inset 0 2px 3px rgba(0, 0, 0, .3);
 }

 div.requestAssignmentHelper {
   background-color: white;
   color: black;
   border: solid 1px black;
   border-radius: 4px;
   box-shadow: 0 0 5px rgba(0, 0, 0, .6);
   padding: 1em;
   opacity: .8;
 }

 div.sideBar div.content.assignmentSummary div.options fieldset {
   border-color: white;
 }


 #requestInvoice {
   background-color: rgba(255, 255, 255, 1);
   color: rgba(0, 0, 0, 1);
 }

 #requestInvoice,
 #requestInvoice div.body table,
 #requestInvoice div.body table tr.divider {
   border-color: rgba(0, 0, 0, 1);
 }


 #requestInvoice div.body table td.reminder, #requestInvoice div.body table td.header {
   background-color: #aaa;
 }


 #photographerSchedule {
   background-color: rgba(255, 255, 255, 1);
   color: rgba(0, 0, 0, 1);
 }

 #photographerSchedule .schedulePlaceHolder {
   background-color: #bbb;
 }

 #photographerSchedule .requestAssignmentSummaryPrintLine table.contact {
   border-top-color: #555;
   border-bottom-color: #555;
 }


 #photographerSchedule .requestAssignmentSummaryPrintLine tr.body td.left,
 #photographerSchedule .requestAssignmentSummaryPrintLine tr.body td.right {
   border-right-color: rgba(0, 0, 0, 1);
 }

 #photographerSchedule .requestAssignmentSummaryPrintLine table.notes {
   border-top-color: #888;
 }


 #photographerSchedule .requestAssignmentSummaryPrintLine table.notes td.label {
   background-color: white;
 }


 #photographerSchedule .schedulePlaceHolder {
   border-top-color: #888;
 }

 #photographerSchedule .requestAssignmentSummaryPrintLine {
   border-color: black;
 }


 #requestListPrint {
   background-color: white;
   color: black;
 }


 #requestListPrint td {
   border-bottom-color: rgba(0, 0, 0, 1);
 }

 div.selectlist,
 div.sideBar {
   background: var(--gradientDark);
 }

 div.summaryRows.simpleList {
  background-color: transparent;
 }

 #actionableReport>div>div.rowheader {
   background: linear-gradient(to bottom, #606060 0%, #515151 100%);
   border-top: solid 1px #777777;
   border-bottom: solid 1px #3F3F3F;
 }

 #actionableReport>div>div.rowbody {
   background: inherit;
   border-left: solid 1px #555;
   border-right: solid 1px #222;
 }

 div.requestForm button.lookupSchedule {
   background-color: var(--noticeMeButton)
 }

 div.requestForm button.lookupSchedule:hover {
   background-color: var(--buttonHoverBackground);
   border-color: var(--buttonHoverBorder);
 }


 div.requestForm button.lookupSchedule.disabled {
   background-color: transparent;
 }







 #viewImages {
   border-color: rgba(0, 0, 0, 1);
 }

 #viewImages div.header {
   border-bottom-color: rgba(0, 0, 0, 0.3);
 }

 #viewImages div.viewImagesStoreRow {
   border-bottom-color: rgba(0, 0, 0, .3);
 }

 div.dropMenu div.dropMenuItem div.preview img,
 #viewImages div.viewImagesStoreRow div.row.thumbNails img.previewThumbNail {
   border-color: rgba(255, 255, 255, 1);
 }

 h1.accordion {
   background-color: hsl(0, 0%, 65%);
   border-style: solid;
   border-width: 1px;
   border-top: solid 1px hsl(235, 0%, 60%);
   border-left: solid 1px hsl(236, 0%, 60%);
   border-bottom: solid 1px hsl(236, 0%, 50%);
   border-right: solid 1px hsl(236, 0%, 50%);
   color: rgb(29, 29, 29);
   box-shadow: 0 3px 5px rgba(0, 0, 0, .125);
 }

 #viewImages .body {
   background-color: hsl(0, 0%, 25%);
 }


 .accordion {
   background: hsl(0, 0%, 25%);
   color: rgba(255, 255, 255, .9);
   border-bottom-color: rgba(0, 0, 0, .85);
   border-right-color: rgba(0, 0, 0, .5);
   border-top-color: rgba(0, 0, 0, .2);
   border-left-color: rgba(0, 0, 0, .2);
   border-radius: 0;
 }

 #viewImages div.viewImagesSubjectRow h1.viewImages.open {
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.55);
 }


 #viewImages div.viewImagesSubjectRow {
   background: hsl(0, 0%, 38%);
 }

 #viewImages div.viewImagesSubjectRow h2.subjectTotals-qualified i,
 #viewImages div.viewImagesSubjectRow h2.subjectTotals-qualified {
   color: black;
 }

 #viewImages div.header {
   border-bottom-color: rgba(0, 0, 0, .3);
   background-color: rgba(0, 0, 0, .4);
 }



 /* ************************************************ */
 /* ************************************************ */
 /* TAGS */
 /* ************************************************ */
 /* ************************************************ */
 #tag-addSubjectDialog {
   background-color: inherit;
   border-color: rgba(255, 255, 255, 1);
 }






 #userSummaryRows div.summaryLine div.rowbody>table thead td {
   background-color: var(--accent-blue);
 }

 .dialog.lookup_user_list div.search_results div.rowbody {
   box-shadow: inset 0 3px 3px rgba(0, 0, 0, .3);
   background-color: rgba(0, 0, 0, 0.2);
 }

 .dialog.lookup_user_list div.search_results div.simpleRow thead td {
   border-bottom-color: rgba(255, 255, 255, .2);
 }


 div.dialog.user_switcher select {
   border-color: black;
 }

 div.dialog.user_switcher div.user_list,
 .dialog.list_manager div.list_container,
 .dialog.lookup_user_list div.search_results {
   box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
   border-color: rgba(0, 0, 0, .4);
   background-color: rgba(0, 0, 0, .2);

 }

 .dialog.user_tools .empty_cart i,
 .dialog.user_tools .empty_trash i,
 .dialog.user_tools .empty_wishlist i,
 .dialog.user_tools .empty_request i {
   color: rgba(128, 0, 0);
 }




 /* ************************************************ */
 /* ************************************************ */
 /* TEXT STYLES */
 /* ************************************************ */
 /* ************************************************ */
 .blackStroke {
   text-shadow:
     -1px -1px 0 rgba(35, 35, 35, .55),
     1px -1px 0 rgba(35, 35, 35, .55),
     1px 1px 0 rgba(35, 35, 35, .55),
     -1px 1px 0 rgba(35, 35, 35, .55);
 }

 .darkBlueStroke {
   text-shadow:
     -1px -1px 0 rgba(33, 60, 79, .55),
     1px -1px 0 rgba(33, 60, 79, .55),
     1px 1px 0 rgba(33, 60, 79, .55),
     -1px 1px 0 rgba(33, 60, 79, .55);
 }

 .blackStrokeWithShadow {
   text-shadow:
     -1px -1px 0 rgba(35, 35, 35, .55),
     1px -1px 0 rgba(35, 35, 35, .55),
     1px 1px 0 rgba(35, 35, 35, .55),
     -1px 1px 0 rgba(35, 35, 35, .55),
     0 0 6px rgba(0, 0, 0, .5);
 }

 /* ************************************************ */
 /* ************************************************ */
 /* TOOL BAR BUTTON STYLES */
 /* ************************************************ */
 /* ************************************************ */


 div.dropMenuButton.as_button,
 .toolBarButton.as_button {
   color: #ccc;
   background: #777777;
   border-color: #444;
 }

 div.dropMenuButton.as_button:hover,
 div.dropMenuButton.as_button.showing,
 .toolBarButton.as_button:hover,
 .toolBarButton.as_button.showing {
   background-color: #9CACB7;
   color: yellow;
 }

 div.dropMenuButton.as_button:hover,
 div.dropMenuButton.as_button.showing {
   background-color: #8489EE;
   color: yellow;
 }

 div.dropMenuButton.as_button {
   color: #B7DCFF;
   color: #ddd;
   border-color: rgba(0, 0, 0, .5);
 }

 /* ************************************************ */
 /* ************************************************ */
 /* LARGE IMAGE STYLES */
 /* ************************************************ */
 /* ************************************************ */

 #largeImageContainer {
   background-color: #444;
 }

 div.largeImageWrapper {
   border-color: white;
   box-shadow: 0 0 12px 0 rgba(0, 0, 0, .8);
   background-color: #333;
 }

 #largeImageContainer div.buttonContainer,
 #largeImageContainer div.bulletContainer {
   background-color: #777;
 }

 #largeImageContainer div.bulletContainer ul li:hover {
   color: #6269EA;
 }

 #largeImageContainer div.buttonContainer button.orderImage {
   background-color: #708CA5;
   background-image: none;
 }

 #largeImageContainer div.buttonContainer button.orderImage:hover {
   background-color: #ccc;
   background-image: none;
   box-shadow: none;
   border-color: #222;
 }

 #largeImageContainer div.bulletContainer ul li:hover {
   color: #6269EA;
 }

 #largeImageContainer div.bulletContainer ul li.selected {
   color: #FF8800;
   opacity: 1;
 }

 #largeImageContainer div.buttonContainer button.disabled:hover {
   background-color: transparent;
 }

 .toolsPopup {
   background-color: #777;
 }

 #largeImageContainer div.bulletContainer ul li {
   color: rgba(0, 0, 0, 255);
 }

 .highResolutionPreviewContainer {
   border-color: rgba(255, 255, 255, 1);
   background-color: rgb(0, 0, 0);
 }

 div.highResolutionPreviewContainer div.reticle {
   background-color: red;
 }

 img.largeImage {
   border-color: white;
 }



 /* ************************************************ */
 /* ************************************************ */
 /* IMAGE GALLERY */
 /* ************************************************ */
 /* ************************************************ */

 div.gallery_image_overlay {
   background-color: rgba(0, 0, 0, .7);
 }



 /* ************************************************ */
 /* ************************************************ */
 /* LIST ITEM CONTAINER */
 /* ************************************************ */
 /* ************************************************ */

 div.dropMenuItem.breakItem,
 div.dropMenuItem.breakItem:hover {
   background: none;
   background-color: #333;
 }


 div.dropMenu {
   background-color: #666;
   color: white;
   border: solid 1px #333;
 }

 div.dropMenu div.header {
   color: white;
   font-family: var(--fontFamilyBold);
   opacity: .8;
 }

 div.dropMenu .--activeAlbum,
 div.dropMenu .--activePackage,
 div.dropMenu .--activeAlbum:hover,
 div.dropMenu .--activePackage:hover {
   background-color: #F28500 !important;
 }

 div.dropMenuItem i {
   color: var(--textcolorlight);
 }

 div.dropMenuItem {
   background: none;
   background-color: #888;
   border-color: #222;
   color: var(--textcolorlight);
 }


 div.dropMenuItem:hover {
   background-color: var(--highlightedRow);
   color: black;
 }

 div.dropMenuItem.noClick:hover {
   cursor: default;
   color: inherit;
   background-color: none;
 }

 div.dropMenu>div.header {
   font-family: var(--fontFamilyBold);
   border-bottom-color: rgba(0, 0, 0, .5);
   background-color: rgba(0, 0, 0, .1);
   color: white;
   opacity: 0.8;
 }

 div.dropMenu>div.footer {
   border-top-color: rgba(0, 0, 0, .5);
   background-color: rgba(0, 0, 0, .1);
   color: black;
 }

 div.dropMenuItem {
   border-bottom-color: rgba(0, 0, 0, 1);
 }

 /* ************************************************ */
 /* ************************************************ */
 /* IMAGE TAGGING CONTROLS */
 /* ************************************************ */
 /* ************************************************ */

 div.imageTagContainer.--noActiveImage {
   filter: grayscale(100%);
 }

 div.imageTagContainer div.tagContainer {
   border-top-color: rgba(255, 255, 255, .3);
 }

 div.imageTagContainer>div.footer {
   border-top-color: rgba(255, 255, 255, .3);
 }

 span.tag.highlight {
   background-color: rgb(252, 168, 78);
   border-color: rgb(173, 118, 58);
 }

 span.tag {
   background-color: rgba(255, 255, 255, .2);
   border-color: rgba(255, 255, 255, .5);
 }

 div.tag_overlay span.tag {
   color: black;
   background-color: rgba(255, 255, 255, .5);
 }

 .thumbNail div.tag_overlay {
   background-color: rgba(255, 255, 255, .2);
   border-top-color: rgba(255, 255, 255, .7);
 }


 div.imageTagContainer div.tagContainer span.showremainder:hover,
 div.imageTagContainer div.tagContainer span.hideremainder:hover {
   color: yellow;
 }

 div.tagContainer span.tag:hover,
 div.tagContainer.meta span.tag:hover {
   background-color: rgb(224, 153, 80);
   border-color: rgba(128, 128, 255, 1);
 }

 div.tagContainer span.tag.active,
 div.tagContainer.meta span.tag.active {
   background-color: rgba(255, 128, 0, .4);
   border-color: rgba(128, 128, 255, 1);
 }


 div.tagContainer.meta span.tag.highlight,
 div.tagContainer span.tag.highlight {
   background-color: rgba(255, 178, 71, 1);
   border-color: rgba(102, 65, 13, 1);
 }

 div.requestForm.container {
   border-color: rgba(0, 0, 0, .4);
 }

 div.imageTagContainer {
   border-color: hsl(0, 0%, 6%);
   background-color: hsl(0, 0%, 25%);
 }

 div.orderImageControls.--addedtoorder {
   border-color: hsl(128, 51%, 59%);
   background-color: hsl(128, 35%, 45%);
 }


 div.orderImageControls button,
 div.orderImageControls button i {
   color: black;
 }

 div.orderImageControls button:hover,
 div.orderImageControls button:hover i {
   color: white;
 }


 /* ************************************************ */
 /* ************************************************ */
 /* ADD IMAGE STORE STYLES */
 /* GENERAL SIZE AND POSITIONING SHARED WITH	
			THUMBCONTAINER ABOVE */
 /* ************************************************ */
 /* ************************************************ */

 /* INSET LIST STYLES */
 #reviewAndProcess div.imageStoreContainer,
 #reviewAndProcess div.processControls div.processingStatusContainer,
 #downloadImageStore div.imageStoreList,
 #downloadImageStore div.controlContainer div.sourceColumn div.directoryList,
 #downloadImageStore div.controlContainer div.destinationColumn div.directoryList {
   background-color: rgba(0, 0, 0, .2);
   border-color: rgba(0, 0, 0, .4);
 }


 #reviewAndProcess div.imageStore.sorteddonotprocess2,
 #reviewAndProcess div.imageStore.readyforreview div.top {
   background: linear-gradient(to bottom, #7f04cc 0%, #6d09a3 100%);
 }

 #downloadImageStore div.imageStore.processingerror div.top,
 #reviewAndProcess div.imageStore.processingerror div.top {
   background: linear-gradient(to bottom, rgba(255, 48, 25, 1) 0%, rgba(207, 4, 4, 1) 100%);
   color: white;
 }

 #downloadImageStore div.imageStore.processingerror .bottom .processingerror,
 #reviewAndProcess div.imageStore.processingerror .bottom .processingerror {
   border-top: solid 1px rgba(255, 255, 255, 0.3);
   color: white;
 }


 #addImageStore fieldset {
   border-color: rgba(255, 255, 255, .3);
 }

 #addImageStore div.addImageStoreBody span.buttonRow {
   border-top-color: rgba(255, 255, 255, .2);
 }

 #addImageStore div.requestContent {
   border-color: rgba(0, 0, 0, .2);
 }


 #addImageStore table.addByRequest thead tr {
   background-color: rgba(45, 45, 45, 1);
 }

 #addImageStore table.addByRequest tr.odd {
   background-color: rgba(0, 0, 0, .2);
 }

 #addImageStore table.addByRequest tr.subject_missing {
   background-color: rgba(100, 0, 0, .3);
 }

 #addImageStore table.addByRequest tr.odd.subject_missing {
   background-color: rgba(200, 0, 0, .3);
 }

 #addImageStore table.addByRequest tr.subject_missing button {
   pointer-events: none;
   opacity: .3;
 }


 #addImageStore table.addByRequest thead tr {
   border-color: rgba(0, 0, 0, 1);
 }


 div.pathControl div.directoryList {
   border-color: rgba(0, 0, 0, .5);
 }


 .pathControl div.directory,
 #reviewAndProcess div.imageStore,
 #downloadImageStore div.imageStore,
 #downloadImageStore div.directory,
 #downloadImageStore div.imageStoreList {
   border-color: rgba(0, 0, 0, .3);
 }

 #reviewAndProcess div.imageStore div.top,
 #downloadImageStore div.imageStore div.top {
   border-color: rgba(0, 0, 0, .5);
   color: rgba(0, 0, 0, 1);
 }

 .dialog.compile_images div.directory {
   border-bottom-color: rgba(255, 255, 255, .2);
 }

 .dialog.pathControl input.pathControl {
   background-color: transparent;
 }


 div.dialog.selectImageControl div.body div.right div.directory img,
 .dialog.selectImageControl div.body div.right div.directory img {
   border: solid 4px white;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, .5);
 }

 #downloadImageStore div.topControls {
   border-bottom-color: rgba(0, 0, 0, 0.8);
 }

 #downloadImageStore div.leftColumn {
   border-right-color: rgba(0, 0, 0, 0.8);
 }

 #downloadImageStore div.sourceColumn div.directory div.directoryRow.downloaded {
   border-color: rgba(0, 0, 0, 0.1);
 }

 #reviewAndProcess div.imageStore p,
 #downloadImageStore div.imageStore p {
   border-bottom-color: rgba(255, 255, 255, 0.6);
 }

 #downloadImageStore div.sourceColumn div.directory.downloaded,
 #downloadImageStore div.destinationColumn div.directory.downloaded {
   background: linear-gradient(to bottom, #3f4c6b 0%, #3f4c6b 100%);
 }


 #downloadControlMask div.progressContainer,
 #downloadImageStore div.noImageStoreMask {
   background-color: rgba(128, 128, 128, 1);
 }

 #downloadImageStore div.controlContainer div.moveControls {
   background-color: #555;
 }

 #downloadControlMask.paused {
   background-color: rgba(75, 0, 0, 1);
 }

 #reviewAndProcess div.processControls div.processingStatusContainer span.progressBar,
 #downloadControlMask div.progressBar {
   background-color: rgba(255, 0, 0, 1);
 }

 #reviewAndProcess div.reviewColumn {
   border-color: rgba(0, 0, 0, .3);
 }

 #reviewAndProcess div.processControls div.processingStatusContainer div.downloadProgressItem {
   background-color: #333;
 }


 #cropReview div.progressContainer div.progressBar {
   background-color: blue;
 }

 #cropReview div.progressContainer div.progressBar span.progressIndicator {
   background-color: yellow;
 }

 #cropReview span.collageIcon img {
   border-color: rgba(255, 255, 255, 1);
 }


 /* ************************************************ */
 /* ************************************************ */
 /* ALBUM MANAGER */
 /* ************************************************ */
 /* ************************************************ */

 .albumManager {
   border: solid 1px black;
   padding: 1rem;
 }

 .albumContainer {
   padding: 1rem;
   background-color: var(--rowBackground);
 }

 .albumContainer .albumPreview img {
   border-color: white;
 }

 /* DISPLAY THE VIEW ALBUM BUTTON ONLY FOR THE ACTIVE ALBUM */
 .albumContainer.activeAlbum button[name="view"] {
   display: block;
 }

 /* HIDE THE SET-ACTIVE BUTTON FOR THE ACTIVE ALBUM */
 .albumContainer.activeAlbum button[name="setactive"] {
   display: none;
 }

 .albumContainer.activeAlbum {
   background-color: var(--selected);
   color: var(--textcolor);
 }

 .albumContainer.activeAlbum select,
 .albumContainer.activeAlbum input,
 .albumContainer.activeAlbum input:focus {
   color: var(--textcolor);
 }

 .albumContainer.activeAlbum input:not(.ui-spinner-input):focus,
 .albumContainer.activeAlbum select:focus {
   background-color: rgba(153, 154, 241, 0.3);
 }

 .albumContainer.activeAlbum input:focus:focus-visible {
   outline-style: solid;
   outline-color: rgba(42, 90, 249, 0.25);
 }

 .albumContainer.activeAlbum button.disabled {
   color: rgba(0, 0, 0, 0.4);
   border-color: rgba(0, 0, 0, 0.4);
 }

 div.addAlbumButtonContainer {
   background-color: rgba(0, 0, 0, 0.2);
   border-color: rgba(255, 255, 255, 0.5);
 }





 /* ************************************************ */
 /* ************************************************ */
 /* COLLAGE LOOKS EDITOR */
 /* ************************************************ */
 /* ************************************************ */
 #collageEditor div.previewContainer {
   border-right-style: solid;
   border-right-color: #000;
   border-right-width: 1px;
 }

 #collageEditor div.controlsContainer div.elementControls,
 #collageEditor div.controlsContainer div.processingStylesContainer,
 #collageEditor div.controlsContainer div.sizesContainer,
 #collageEditor div.controlsContainer div.elementsContainer,
 #collageEditor div.controlsContainer div.looksContainer {
   border-bottom-color: #000;
 }

 #collageEditor div.controlsContainer div.title {
   background-color: #666;
   border-top-color: #555;
   border-bottom-color: #333;
 }

 div.simpleRow:hover:not(.noSelect),
 div.simpleRow:hover:not(.noSelect):not(.active) {
  --iconcolor: white;
   background-color: var(--highlightedRow);
 }

 div.simpleRow.noSelect:hover {
   background: var(--rowBackground);
 }

 div.sideBar .list,
 #collageEditor div.controlsContainer div.elementsContainer div.list,
 #collageEditor div.controlsContainer div.looksContainer div.list,
 div.imageResourceSelect div.imageResourceSelectRow,
 div.sideBar .list div.lookRow,
 div.simpleRow:not(.active),
 #collageEditor div.controlsContainer div.list div.lookRow {
   border-color: rgba(0, 0, 0, .3);
 }


div.lookRow,
div.simpleRow,
div.simpleRow.nohover:hover {
  background-color: var(--rowBackground);
}

div.lookRow:nth-child(odd),
div.simpleRow:nth-child(odd),
div.simpleRow.nohover:nth-child(odd):hover {
  background-color: var(--rowBackgroundOdd);
}

div.lookRow.active:nth-child(odd),
div.simpleRow.active:nth-child(odd),
div.simpleRow.active.nohover:nth-child(odd):hover {
  background-color: var(--selectionManagerSelectedBackgroundColorOdd);
}

div.simpleRow.--alert,
div.simpleRow.--alert.nohover:hover {
  --rowBackground: var(--rowBackgroundAlert);
}
  
div.simpleRow:nth-child(odd).--alert,
div.simpleRow.nohover:nth-child(odd).--alert:hover {
  --rowBackgroundOdd: var(--rowBackgroundAlertOdd)
}

 div.lookRow.active:nth-child(odd),
 div.simpleRow.active:nth-child(odd),
 div.simpleRow.active.nohover:nth-child(odd):hover {
   background-color: var(--selectionManagerSelectedBackgroundColorOdd);
 }

 div.simpleRow.--attached:nth-child(2n+1) {
   background-color: var(--notesGreen);
   color: black;
 }

 div.imageResourceSelect div.imageResourceSelectRow.nohover:hover,
 div.imageResourceSelect div.imageResourceSelectRow {
   --rowBackground: var(--imageSelectBackground);
   border-color: rgb(0, 0, 0);
 }


 /* :not(.--noZebra) div.simpleRow.nohover:nth-child(odd):hover {
   --rowBackground: rgba(214, 214, 214, 0.5);
 } */

 .active.nohover:hover,
 :not(.--noZebra) div.simpleRow.active.nohover:nth-child(odd):hover {
   background-color: var(--selectionManagerSelectedBackgroundColor);
 }



 #price_editor div.simpleRow:hover {
   background-color: #888;
   cursor: default;
 }




 h1.accordion:hover,
 div.sideBar .list div.lookRow:hover,
 #collageEditor div.controlsContainer div.list div.lookRow:hover {
   color: black;
   background-color: var(--highlightedRow);
 }


 div.imageResourceSelect div.imageResourceSelectRow:hover i,
 div.sideBar .list div.lookRow:hover i,
 #collageEditor div.controlsContainer div.list div.lookRow:hover i,
 div.lookup_user_form div.summaryLine.simpleRow:hover,
 div.imageResourceSelect div.imageResourceSelectRow.active:hover,
 div.sideBar .list div.lookRow.active:hover,
 div.simpleRow.active:hover:not(.noSelect),
 #collageEditor div.controlsContainer div.list div.lookRow.active:hover {
   color: rgb(7, 37, 65);
 }

 div.simpleRow.active:hover:not(.noSelect) {
   color: hsl(49, 100%, 97%);
 }

 div.simpleRow.simplelist_separator,
 div.simpleRow.simplelist_separator:hover {
   background-color: hsl(0, 0%, 30%);
   cursor: default;
 }


 div.imageResourceSelect div.imageResourceSelectRow.active,
 div.sideBar .list div.lookRow.active,
 div.simpleRow.active,
 div.simpleRow.inCollage {
  --textcolor: white;
  --rowBackground: var(--selectionManagerSelectedBackgroundColor);
  --rowBackgroundOdd: var(--selectionManagerSelectedBackgroundColor);
   border-bottom-color: var(--rowBackgroundOdd);
 }

 div.imageResourceSelect div.imageResourceSelectRow.active i,
 div.sideBar .list div.lookRow.active i,
 div.imageStoreSummary-line.visible button.visibility i,
 div.imageStoreSummary-line.--culled button.cull i,
 div.simpleRow.active:not(.selection_manager_selected) i,
 div.simpleRow.inCollage i,
 #collageEditor div.controlsContainer div.list div.lookRow.active i {
   color: var(--iconcolor);
 }

 div.simpleRow.active:not(.selection_manager_selected) i {
  --iconcolor: white;
 }

 div.summaryLine.shipping_info_needed button.edit_shipping i,
 div.summaryLine.request_info_needed button.edit_request i,
 div.summaryLine.contact_info_needed button.edit_contact i {
   color: red;
 }

 #collageEditor div.controlsContainer div.list div.lookRow.unsaved_overrides.active {
   background-color: rgba(254, 116, 41, .45);
 }

 #collageEditor div.controlsContainer div.list div.lookRow.unsaved_overrides {
   background-color: rgba(254, 116, 41, .25);
 }

 #collageEditor div.controlsContainer div.elementsContainer div.lookRow.notVisibleInCollage {
   opacity: .5;
 }

 #collageEditor div.controlsContainer div.elementsContainer div.lookRow.notVisibleInCollage span.resetOverrides {
   display: none;
 }

 div.sideBar .list div.lookRow.locked,
 #collageEditor div.controlsContainer div.list div.lookRow.locked {
   background-color: rgb(88, 127, 85);
 }


 #collageEditor div.controlsContainer table thead td {
   background-color: rgba(255, 255, 255, .2);
   border-color: rgba(255, 255, 255, .2);
 }


 #collageEditor div.simpleRow div.imageMarker {
   color: rgb(255, 211, 147);
 }

 .collagePreview.cropping div.image div.tools i.crop,
 .collageElement.ui-resizable.aspectratio-unlocked i.aspectratio,
 #collageEditor.cropping>div.header span.crop i,
 #collageEditor.swapping>div.header span.swap i,
 #collageEditor div.collagePreview.alignelement div.draggable:hover i.alignleft,
 #collageEditor div.collagePreview.alignelement div.draggable:hover i.aligntop,
 #collageEditor div.collagePreview.alignelement div.draggable:hover i.alignbottom,
 #collageEditor div.collagePreview.alignelement div.draggable:hover i.alignright {
   color: #76F287;
 }

 #collageEditor div.image img.image:hover div.tools:hover i.fa.delete:hover,
 #collageEditor div.image:hover div.tools:hover i.fa.delete:hover {
   color: red;
 }

 #collageEditor div.image div.tools:hover i.fa:hover,
 #collageEditor div.image:hover div.tools:hover i.fa:hover #collageEditor.collage_sku_editor div.image img.image:hover div.tools:hover i.fa:hover,
 #collageEditor.collage_sku_editor div.image:hover div.tools:hover i.fa:hover {
   color: yellow;
 }

 #collageEditor div.image.item_notes div.tools i.notes {
   color: var(--notesGreen);
 }

 .thumbNail .icon_container,
 .thumbNail .body .cropTools,
 #collageEditor div.image div.tools.vertical,
 #collageEditor div.image div.tools {
   color: rgba(0, 0, 0, .75);
   box-shadow: 0 0 12px rgba(0, 0, 0, .5);
   border-color: rgba(0, 0, 0, .75);
   background-color: rgba(255, 255, 255, .5);
 }

 .thumbNail .icon_container i {
   color: black;
 }

 #collageEditor div.image.editable div.elementMarker {
   color: white;
 }

 #collageEditor div.elementControls div.layoutElementContents>span.break,
 #collageEditor div.elementControls div.layoutElementContents>span.header {
   border-top-color: rgba(255, 255, 255, .2);
   background: none;
   background-color: transparent;
 }


 #collageEditor div.elementControls div.layoutElementContents div.list {
   background-color: #555;
 }



 div.lookRow span.icon img {
   border-color: rgba(0, 0, 0, .3);
 }

 #looksEditorReadout {
   background-color: rgba(255, 255, 255, .2);
   color: white;
 }



 #collageEditor div.simpleRow div.assignmentFooter span.imageCrumb {
   border-color: rgba(0, 0, 0, .4);
   background-color: #2b82c5;
 }

 #collageEditor div.simpleRow div.assignmentFooter span.imageCrumb.inCollage,
 #collageEditor div.simpleRow div.assignmentFooter span.imageCrumb:hover {
   background-color: #2bc53d;
 }


 /* ADD COLOR BACKGROUND/CHANGE TEXT COLOR ON HOVER TO MAKE SELECTING TEXT ELEMENTS EASIER */
 #collageEditor div.collagePreview div.collageElement.text:hover {
   background-color: rgba(255, 240, 178, .3);
   color: hsl(119, 100%, 85%) !important;
 }



 div.thumbNailWrapper {
   border-color: white;
 }

 #collageEditor .thumbNailWrapper {
   box-shadow: 0 0 4px rgba(0, 0, 0, .5);
 }


 div.collage_navigation_controls div.thumbnail.package_item span.package_item {
   background-color: rgb(239, 110, 4);
 }


 div.dialog.package_selector_additional_items div.collage_icon div.collagePreview {
   border-color: rgba(255, 255, 255, .5);
 }

 div.selectlist.bookEditor.addlayout div.add_page_row {
   border-bottom-color: rgba(255, 255, 255, .3);
 }

 div.dialog.addcollage div.add_collage_row h1,
 .dialog.addlayout div.add_page_row h1 {
   color: white;
 }


 /* ************************************************ */
 /* ************************************************ */
 /* SELECT SKU/PRODUCT LIST */
 /* ************************************************ */
 /* ************************************************ */


 div.simpleList .simpleListIcon .row_icon img {
   box-shadow: 0 0 4px rgba(0, 0, 0, .5);
 }


 /* ************************************************ */
 /* ************************************************ */
 /* PAYMENTS DISPLAY CONTAINER */
 /* ************************************************ */
 /* ************************************************ */

 div[name="paymentDisplay"] form[name="paymentHistory"] table td {
   border-color: rgba(255, 255, 255, .5);
 }


 div.sideBar.editCollageSizes table.editCollageSize thead tr.header td {
   background-color: rgba(0, 0, 0, .4);
 }

 div.sideBar.editCollageSizes form.editCollageSize tbody tr.zebra td {
   background-color: rgba(0, 0, 0, .1);
 }

 div.sideBar.editCollageSizes form.editCollageSize tbody tr.finishesRow td {
   border-bottom-color: rgba(0, 0, 0, .2);
 }

 div.sideBar.editCollageSizes form.editCollageSize tbody tr:last-child td {
   background-color: inherit;
 }




 div.imageResourceSelect div.top {
   border-right-color: rgba(255, 255, 255, .3);
 }

 div.imageResourceSelect div.top div.list,
 div.imageResourceSelect div.bottom div.list {
   background-color: rgba(50, 50, 50, 1);
 }


 /* PRODUCT DISPLAY STYLES */

 div.sideBar.products div.content div.productList:nth-child(n+2) {
   border-top-color: rgba(255, 255, 255, .1);
 }


 div.sideBar.products div.content div.productList.products-enlargements img {
   border-color: white;
 }

 div.sideBar.products div.skuList {
   background-color: rgba(0, 0, 0, .2);
   border-color: rgba(0, 0, 0, .4);
 }

 div.sideBar.products div.content h1,
 div.sideBar.products div.content h1:hover {
   border-bottom-color: rgba(0, 0, 0, .1);
 }

 div.sideBar.products div.content div.productList {
   border-bottom-color: rgba(0, 0, 0, .1);
 }

 div.sideBar.products div.productListItem {
   border-top-color: rgba(255, 255, 255, .1);
   border-bottom-color: rgba(0, 0, 0, .1);
 }








 /* ************************************************ */
 /* ************************************************ */
 /* PACKAGE ADDING STYLES */
 /* ************************************************ */
 /* ************************************************ */




 div.sideBar div.sideBarItemContainer div.itemRow.collage {
   border-bottom: solid 2px rgba(0, 0, 0, .2);
 }

 div.sideBar div.sideBarItemContainer div.itemRow.collage {
   box-shadow: 0 0 16px -8px rgba(0, 0, 0, .8);
 }


 div.sideBar div.sideBarItemContainer div.itemRow.collage table:first-child {
   box-shadow: 0 0 8px 0 rgba(0, 0, 0, .6);
 }


 div.sideBar div.sideBarItemContainer {
   border: solid 1px black;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, .18);
 }

 div.sideBar div.sideBarItemContainer div.body {
   background-color: #555555;
   box-shadow: inset 0 0 100px 0 rgba(0, 0, 0, .15);
 }

 div.sideBar div.sideBarItemContainer div.itemRow,
 div.sideBar div.sideBarItemContainer div.itemRow table {
   border-bottom: solid 1px rgba(0, 0, 0, .15);
 }


 div.sideBar div.sideBarItemContainer table.collageprint {
   background-color: rgba(0, 0, 0, .2);
 }

 div.sideBar div.sideBarItemContainer div.header {
   border-bottom: solid 1px black;
 }

 div.sideBar div.sideBarItemContainer div.footer {
   border-top: solid 1px black;
 }

 div.sideBar div.sideBarItemContainer div.header,
 div.sideBar div.sideBarItemContainer div.footer {
   background-color: #333;
   box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, .25);
 }


 div.selectlist.addPackageItem div.skulist,
 div.selectlist.addPackageItem div.right div.bottom div.imagesourcelist {
   background-color: rgb(85, 85, 85);
   border: solid 1px black;
 }


 div.dialog.bookOptions div.productimages,
 div.sideBar.addBook div.booklayouts,
 div.sideBar.addBook div.productimages {
   border-color: #222;
   box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, .5);
 }


 div.dialog.bookOptions.edit table.cover_description,
 div.dialog.bookOptions.edit table.extra_description {
   border-right: solid 2px rgba(255, 255, 255, .2);
 }

 div.dialog.bookOptions tr.descriptions {
   border-top: solid 2px rgba(255, 255, 255, .2);
 }

 div.dialog.bookOptions.covertypes.edit div.buttons,
 div.dialog.bookOptions.pagetypes.edit div.buttons {
   border-top: solid 2px rgba(255, 255, 255, .2);
 }

 div.simpleList[data-propertyname="layouts"] {
   background-color: rgba(0, 0, 0, 0.1);
   border-color: rgba(0, 0, 0, 1);
 }



 .dialog div.title,
 div.selectlist div.title {
   text-shadow: -1px -1px 0 rgba(35, 35, 35, .55),
     1px -1px 0 rgba(35, 35, 35, .55),
     1px 1px 0 rgba(35, 35, 35, .55),
     -1px 1px 0 rgba(35, 35, 35, .55),
     0 0 5px rgb(0, 0, 0);
   background-color: rgb(0, 0, 0);
   z-index: 0;
   box-shadow: 0 0 16px 0 rgba(0, 0, 0, .3);
 }

 .dialog div.title {
   border: solid 1px rgb(55, 55, 55);
   border-bottom: none;
 }


 .dialog.status div.title {
   background-color: rgb(0, 53, 224);
 }

 .dialog.blue div.title {
   background-color: var(--blue, rgb(0, 0, 0));
   border-color: var(--blue-border);
 }

 .dialog.darkblue div.title {
   background-color: var(--dark-blue, rgb(0, 0, 0));
   border-color: var(--dark-blue-border);
 }

 .dialog.darkgreen div.title {
   background-color: var(--dark-green, rgb(0, 0, 0));
   border-color: var(--dark-green-border);
 }

 .dialog.orange div.title {
   background-color: var(--dark-orange, rgb(0, 0, 0));
   border-color: var(--dark-orange-border);
 }

 .dialog.red div.title {
   background-color: var(--dark-red, rgb(0, 0, 0));
   border-color: var(--dark-red-border);
 }

 .dialog.addtemplate div.title {
   background-color: var(--dark-orange, rgb(0, 0, 0));
   border-color: var(--dark-orange-border);
 }

 .dialog.composemessage div.title {
   background-color: var(--dark-orange, rgb(0, 0, 0));
   border-color: var(--dark-orange-border);
 }

 .dialog.yellow div.title {
   background-color: var(--gold, rgb(0, 0, 0));
   border-color: var(--gold-border);
 }



 div.cropArea {
   border-color: rgba(77, 178, 255, .65);
 }

 #chTopLeft {
   border-right-color: aqua;
   border-bottom-color: aqua;
 }

 #chBottomRight {
   border-top-color: aqua;
   border-left-color: aqua;
 }








 /* ORDER DISPLAY */
 div.order_display {
   box-shadow:
     0 256px 256px 128px rgba(0, 0, 0, .05),
     0 128px 128px 64px rgba(0, 0, 0, .1),
     0 32px 32px 16px rgba(0, 0, 0, .2);
 }

 div.order_display .order_item button:not(.warning) {
   background-color: rgba(255, 255, 255, 0.65);
   border-color: rgba(0, 0, 0, .45);
 }

 .order_display.selection_active .select_items i {
   color: #5ca4ed;
 }

 div.order_display div.left {
   border-right-color: rgba(0, 0, 0, .3);
 }

 div.order_display div.left>div {
   border-bottom-color: rgba(0, 0, 0, .3);
 }

 div.order_display.cancelled div.left>div.totals thead td,
 div.order_display.trash div.left>div.totals thead td {
   background-color: rgba(56, 5, 5, .6);
 }

 div.order_display div.left>div.totals thead td {
   background-color: rgba(0, 128, 0, .2);
 }

 div.order_display div.left tr.total {
   border-top-color: rgba(255, 255, 255, .2);
 }

 div.order_display div.right {
   box-shadow: inset 5px 0 5px 0 rgba(0, 0, 0, .3);
 }

 div.order_display div.order_item {
   border-bottom-color: rgba(0, 0, 0, .4);
 }

 div.order_display div.order_item div.edit_row {
   background-color: rgba(0, 0, 0, .1);
   box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .2);
 }

 div.order_display div.order_item.collage div.icon_container div.collagePreview {
   box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5), 0 0 4px 0 rgba(0, 0, 0, .3);
 }

 div.order_display div.cannot_submit_controls,
 div.order_display div.submit_controls {
   background-color: rgba(37, 156, 247, 1);
   box-shadow: 0 0 8px 0 rgba(0, 0, 0, 1);
 }

 div.order_display div.order_item.alert,
 div.order_display div.order_item.cannot_submit,
 div.order_display div.packages div.order_item.package_item.cannot_submit,
 div.order_display div.packages div.order_item.package_item:not(.originating_item).cannot_submit,
 .dialog.merge_order div.message p,
 div.order_display div.cannot_submit_controls {
   background-color: rgba(128, 0, 0, .85);
 }


 div.order_display button i {
   color: black;
 }

 div.order_display button:hover i {
   color: white;
 }

 div.order_display button.warning i {
   color: white;
 }

 .dialog.order_totals_summary tr.break {
   border-top-color: rgba(255, 255, 255, .3);
 }



 div.order_display div.order_item.book table.book_extras,
 div.order_display div.order_item.book table.book_sizes {
   border: solid 1px white;
 }

 div.order_display div.order_item.book table.book_sizes thead tr,
 div.order_display div.order_item.book table.book_extras thead tr {
   border-bottom-color: rgba(255, 255, 255, .4);
   background-color: rgba(255, 255, 255, 0.4);
   color: black;
 }

 div.order_display div.order_item.collage table.collage_size_table thead tr,
 div.order_display div.order_item.collage table.collage_style_table thead tr {
   border-bottom-color: rgba(255, 255, 255, .4);
 }

 div.order_display span.display_discounts:hover i {
   color: rgb(160, 249, 157);
 }

 div.order_display span.display_fees:hover i {
   color: rgb(249, 157, 157);
 }

 div.order_display div.dialog_tools {
   background-color: rgba(255, 255, 255, .3);
 }


 #d.trash div.dialog_tools {
   background-color: rgba(255, 128, 128, .4);
 }


 .dialog.bookoptions_covertype div.prices {
   border-top-color: rgba(255, 255, 255, .4);
 }


 .dialog.select_useralbum div.dropMenuItem img {
   border-color: white;
 }

 .dialog.select_useralbum div.set_album_active {
   background-color: var(--rowBackground);
 }

 .dialog.select_useralbum div.set_album_active,
 .dialog.select_useralbum div.body div.dropMenuItem {
   border-bottom-color: rgba(0, 0, 0, .4);
 }

 .dialog.select_useralbum div.body div.album_list {
   border-color: black;
 }


 .dialog.bookoptions_covertype div.simpleRow.active div.prices {
   border-top-color: rgba(0, 0, 0, .4);
 }

 .dialog.select_useralbum div.set_album_active:last-child {
   box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .5);
 }

 .dialog.select_useralbum div.set_album_active .image_preview {
   box-shadow: 0 0 4px rgba(0, 0, 0, .4);
 }


 .dialog.bookoptions_covertype div.right span.material_name {
   color: white;
 }

 .dialog.bookoptions_addextra div.material_list {
   background-color: rgba(0, 0, 0, .2);
 }

 .dialog.bookoptions_addextra span.image img,
 .dialog.bookoptions_componenttype div.body div.image img.image {
   border-color: white;
 }

 .dialog.bookoptions_addextra div.right span.material_name,
 .dialog.bookoptions_componenttype div.right span.material_name {
   color: white;
 }

 .dialog.bookoptions_addextra div.right .active span.material_name,
 .dialog.bookoptions_componenttype div.right .active span.material_name {
   color: black;
 }

 .dialog.bookoptions_addextra div.right div.simpleRow:hover span.material_name,
 .dialog.bookoptions_componenttype div.right div.simpleRow:hover span.material_name {
   color: black;
 }


 .dialog.bookoptions_addextra span.material_color,
 .dialog.bookoptions_componenttype div.right span.material_color {
   border-color: rgba(255, 255, 255, .75);
 }

 div.order_display div.order_item.missing_image div.icon_container {
   background-color: rgba(128, 0, 0, .2);
 }

 div.order_display div.order_item.missing_image div.icon_container {
   border-color: rgba(255, 0, 0, 1);
 }

 .dialog.notes_editor div.notes_preview_item {
   border-color: rgba(255, 255, 255, 1);
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .5), 0 0 4px 0 rgba(0, 0, 0, .3);
 }

 div.order_display div.packages {
   background-color: rgb(128, 128, 128);
 }

 div.order_display div.right div.item_container h1 {
   background-color: rgba(0, 0, 0, .5);
   box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
   border-bottom-color: rgba(0, 0, 0, .5);
 }

 div.order_display div.right div.item_container.packages h1 {
   background-color: rgba(100, 51, 6, 1);
 }

 div.order_display div.package {
   background-color: var(--orderPackageItem);
 }

 div.order_display div.packages div.order_item.originating_item {
   box-shadow: 0 6px 6px rgba(0, 0, 0, .4), 0 -6px 6px rgba(0, 0, 0, .3);
   border-color: rgba(255, 255, 255, .4);
 }

 div.order_display.compile_images div.order_item:not(.package):hover {
   cursor: pointer;
 }

 div.order_display.rush_processing span.dialog_tool.toggle_rush i {
   color: rgba(255, 76, 76, .7);
 }


 div.order_display.nontaxable span.dialog_tool.toggle_sales_tax i {
   color: rgba(255, 76, 76, .7);
 }

 div.order_display.zero_total span.dialog_tool.toggle_zero_total i {
   color: rgba(255, 76, 76, .7);
 }

 div.order_display span.process_creditcard i,
 div.order_display span.add_payments i {
   color: rgb(64, 256, 64);
 }


 .dialog.add_payment td.show_printable,
 .dialog.add_payment div.payment_header {
   border-top-color: rgba(255, 255, 255, .3);
 }


 .dialog.add_payment tr.message td,
 .dialog.compile_images_forprocessing div.no_items_message {
   background-color: rgba(128, 0, 0, .5);

 }

 div.order_display div.packages div.order_item.package_item:not(.originating_item):not(.selection_manager_selected),
 .dialog.view_adjustment div.body div.adjustment_list,
 .pathControl div.directoryList {
   background-color: rgba(0, 0, 0, .2);
 }


 .dialog .--inset,
 .dialog .inset_control_group,
 .dialog.display_requests div.body div.credit_list,
 .dialog.display_payments div.payment_list,
 .dialog.view_adjustment div.body div.adjustment_list {
   border-color: rgba(0, 0, 0, .5);
 }


 div.order_display.credits div.totals td.data.credits:hover,
 div.order_display.fee div.totals td.data.servicefees:hover,
 div.order_display.discount div.totals td.data.discounts:hover,
 div.order_display.payments div.totals td.data.payments:hover {
   color: rgb(160, 249, 157);
 }




 div.order_display.cancelled {
   background-color: rgba(128, 64, 64, 1);
   border-color: rgb(64, 0, 0);
 }



 div.draw_box.box {
   border-color: rgba(0, 255, 0, .7);
   box-shadow: 0 0 12px rgba(0, 0, 0, .6);
 }


 .dialog.notes_editor div.right div.note_list {
   border-color: rgba(255, 255, 255, .4);
 }

 .dialog.notes_editor div.right div.note_list,
 .dialog.notes_editor div.right textarea {
   background-color: rgba(255, 255, 255, .3);
 }

 div.order_display.notes span.dialog_tool.notes i {
   color: var(--notesGreen);
 }

 div.order_display div.order_item.item_added,
 div.order_display div.order_item.item_notes button.item_notes,
 div.order_display div.order_item.edit button.edit {
   transition: background-color 2s, color 2s;
   background-color: var(--notesGreen);
   color: rgb(0, 0, 0);
 }

 .collection_edit table.section_break thead td {
   background-color: rgba(255, 255, 255, 0.1);
   padding: 0.5rem;
 }

 .collection_error_display p {
   background-color: rgb(150, 75, 75);
   border-color: red;
 }

 /* ************************************************ */
 /* ************************************************ */
 /* COLOR OVERRIDES */
 /* ************************************************ */
 /* ************************************************ */

 button.highlighted,
 #thumbNailContainer>div.footer div.crumbContainer span.crumb:hover,
 #largeImageContainer div.buttonContainer button.highlighted:hover,
 #largeImageContainer button.highlight,
 #largeImageContainer button.--highlight,
 #largeImageContainer.--ordertools button.order,
 #largeImageContainer.--taggingtools button.tag,
 div.itemRow.default button.default,
 div.booksku__itemrow.default button.default {
   background-color: var(--highlightedButton);
 }

 button.uncropped {
   background-color: rgba(255, 145, 145, .7);
 }


 option {
   background: rgba(255, 255, 255, .2);
 }


 #largeWarning {
   border-color: white;
   box-shadow: 0 0 6px 3px rgba(0, 0, 0, .3);
 }

 #thumbNailContainer.filtered_by_tags div.thumbNail div.icon_container div.tag_clear_icon i {
   color: red;
 }


 /* ************************************************ */
 /* ************************************************ */
 /* NO SCRIPT STYLES */
 /* ************************************************ */
 /* ************************************************ */
 #noscript-background {
   background-color: rgba(0, 0, 0, 1);
 }

 #noscript-message {
   color: white;
   background-color: #333;
   border-color: #888;
 }



 /* ************************************************ */
 /* ************************************************ */
 /* THUMBNAIL WARNING STYLES */
 /* ************************************************ */
 /* ************************************************ */
 /* THESE NEED TO OVERRIDE ALL OTHER STYLES REGARDLESS OF MODE, ETC. ... HENCE THE UNFORTUNATE USE OF !IMPORTANT */

 #thumbNailContainer .thumbNail.warning .header {
   background: none !important;
   background-color: rgb(183, 38, 38) !important;
   border-bottom-color: rgb(137, 27, 27) !important;
 }

 #thumbNailContainer .thumbNail.warning .body {
   background: radial-gradient(ellipse at center, #cc1818 0%, #ad0000 100%) !important;
   border-color: rgb(198, 95, 95) !important;
 }

 #thumbNailContainer .thumbNail.warning .footer {
   background: none !important;
   background-color: rgb(183, 38, 38) !important;
   border-top-color: rgb(137, 27, 27) !important;
 }

 #thumbNailContainer .thumbNail.warning .body .exif,
 .thumbNail.warning .exifPane {
   background-color: rgba(237, 130, 130, 0.95) !important;
 }

 /* ************************************************ */
 /* ************************************************ */
 /* LARGE IMAGE WARNING STYLES */
 /* ************************************************ */
 /* ************************************************ */
 /* THESE NEED TO OVERRIDE ALL OTHER STYLES REGARDLESS OF MODE, ETC. ... HENCE THE UNFORTUNATE USE OF !IMPORTANT */


 #largeImageContainer.warning .largeImageWrapper {
   border-color: red;
   transition: border-color 0.25s ease-in;
 }

 #largeImageContainer.maximum_print_size .image_badge,
 #largeImageContainer.maximum_print_size .image_badge i,
 #largeImageContainer.warning .image_badge,
 #largeImageContainer.warning .image_badge i {
   opacity: 1;
   transition: color 0.25s ease-in, opacity 0.25s ease-in;
   color: red;
 }



 /* ******************************************** */
 /*              SLIDESHOW STYLES                */
 /* ******************************************** */

 .slideshow_container {
   background: radial-gradient(ellipse at center, rgba(71, 71, 71, 1) 0%, rgba(43, 43, 43, 1) 100%);
   /* W3C */
 }

 .slideshow_container .slideshow_image {
   box-shadow: 0 0 12px rgba(0, 0, 0, 1);
   background-color: black;
 }

 .slideshow_container .slide_overlay {
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.74) 100%);
 }




 #displaySchedules .bottom {
   border-top: solid 1px rgba(255, 255, 255, 0.2);
 }

 #displaySchedules .bottom .left {
   border-right: solid 1px rgba(255, 255, 255, 0.2);
 }

 #displaySchedules .subjectList,
 #displaySchedules .scheduleList {
   background-color: rgba(0, 0, 0, 0.3);
   border: solid 1px rgba(0, 0, 0, 0.4);
 }

 #importSubjects div.left {
   border-right: solid 1px rgba(255, 255, 255, 0.2);
 }

 #importSubjects div.right {
   border-left: solid 1px rgba(255, 255, 255, 0.2);
 }

 #importSubjects div.bottom {
   border-top: solid 1px rgba(255, 255, 255, 0.2);
 }

 #importSubjects .clubList,
 #importSubjects .tagContainer,
 #importSubjects .subjectList {
   background-color: rgba(0, 0, 0, 0.3);
   border: solid 1px rgba(0, 0, 0, 0.4);
 }





 #assignSchedules .subject_not_found select,
 #assignSchedules .subject_not_found input,
 #assignSchedules .preferred_day_wave select,
 #assignSchedules .preferred_day_wave input,
 #assignSchedules .schedule_not_found select,
 #assignSchedules .schedule_not_found input {
   border-color: rgb(85, 5, 5);
   background-color: rgba(255, 113, 113, 0.5);
 }

 #assignSchedules div.assignScheduleRow.reviewed {
   background-color: #7BCE76;
 }

 #assignSchedules .subject_not_found.reviewed select,
 #assignSchedules .subject_not_found.reviewed input,
 #assignSchedules .preferred_day_wave.reviewed select,
 #assignSchedules .preferred_day_wave.reviewed input,
 #assignSchedules .schedule_not_found.reviewed select,
 #assignSchedules .schedule_not_found.reviewed input {
   color: #fff;
   border-color: rgb(13, 47, 10);
   background-color: rgba(19, 108, 20, 0.5);
 }


 #assignSchedules .row_container {
   background-color: #28569c;
   color: white;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
 }


 .dialog.productionpanel {
   border-right: solid 1px black;
 }




 /* ******************************************** */
 /*              IMAGESTORE EDITOR               */
 /* ******************************************** */
 .sideBar table.collectionContainer tr.removeCollection:nth-child(even) {
   background-color: rgba(255, 255, 255, 0.1);
   border-top: solid 1px rgba(255, 255, 255, 0.5);
 }



 /* ******************************************** */
 /*           COMPILE ITEMS FOR PRINTING         */
 /* ******************************************** */

 .productioncompileitems__outputpath input.pathControl {
   background-color: transparent;
 }

 .productioncompileitems__labs {
   border: solid 1px rgba(0, 0, 0, .6);
   background-color: rgba(0, 0, 0, .1);
 }



 /* ******************************************** */
 /*           SHIPMENT TRACKING DIALOGS          */
 /* ******************************************** */

 .displaytracking_row.--borderbottom {
   border-bottom: solid 1px rgba(255, 255, 255, 0.3);
 }

 .savetracking_list {
   border: solid 1px rgba(0, 0, 0, 0.5);
 }



 /* ************************************************ */
 /* ************************************************ */
 /* COURT MAPS  */
 /* ************************************************ */
 /* ************************************************ */

 .courtMap .space .tools .deletespaces i {
   color: red;
 }

 .courtMap .space {
   box-shadow: 0 0 8px 4px rgba(0, 0, 0, .3);
   background-color: rgba(64, 64, 64, 1);
 }

 .courtMap .court_container {
   border-color: rgba(0, 0, 0, .3);
 }

 .courtMap .middleContent.photographer_filter_filtered .photographer.active,
 .courtMap .court.selection_manager_selected p,
 .courtMap .court.unassigned_requests p,
 .courtMap .court.unassigned_requests .tool,
 .courtMap .space.has_background .court,
 .courtMap .court.placeholder p,
 .courtMap .tools i,
 .courtMap .court {
   color: white;
 }

 .courtMap.edit_schedule .space.has_background.background_hidden .court,
 .courtMap .space.has_background.background_hidden .court,
 .courtMap.edit_schedule .court,
 .courtMap .court .tool i,
 .courtMap .court {
   color: black;
 }

 .courtMap .court {
   background-color: rgba(255, 255, 255, 0.3);
 }

 .courtMap .space .court.unassigned_requests {
   box-shadow: 0 0 3px 2px rgba(255, 0, 0, 1);
 }

 .courtMap .court.courtFiltered {
   box-shadow: 0 0 6px 4px rgb(122, 206, 255) !important;
 }

 .courtMap .court.highlighted {
   box-shadow: 0 0 6px 4px rgba(255, 255, 0, 1) !important;
 }

 .courtMap .space .court.unassigned_requests .unassigned_overlay {
   background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5) 5%, rgba(255, 0, 0, 0) 5%, rgba(255, 0, 0, 0) 10%);
 }

 .courtMap .space.has_background .court:not(.selection_manager_selected) {
   border-color: rgba(255, 0, 0, 1);
   background-color: rgba(0, 0, 0, .8);
 }

 .courtMap .space.has_background.background_hidden .court:not(.selection_manager_selected) {
   border-color: rgba(255, 255, 255, .3);
   background-color: rgba(255, 255, 255, .7);
 }


 .courtMap .space.has_background.background_hidden .court:not(.selection_manager_selected),
 .colorCode {
   border-color: black;
 }

 .courtMap .space.has_background.background_hidden .court.assigned_requests {
   border-color: white;
   border-width: 2px;
 }

 .courtMap .space.has_background.background_hidden .court.placeholder,
 .courtMap.edit_schedule .court.placeholder,
 .courtMap .court.placeholder {
   border-color: rgba(169, 187, 252, 1);
   background-color: rgba(70, 77, 102, .5);
   box-shadow: 0 0 6px rgba(169, 187, 252, .6);
 }


 .courtMap.edit_schedule .space.has_background.background_hidden .court.assigned_before,
 .courtMap.edit_schedule .space.has_background.background_hidden .court.assigned_after {
   box-shadow: 0 0 6px rgba(0, 0, 0, .75);
 }


 #displaySchedules .courtMap .court.highlighted {
   background-color: yellow;
   box-shadow: none !important;
 }



 /* ************************************************ */
 /* ************************************************ */
 /* PHOTOGRAPHER GRID  */
 /* ************************************************ */
 /* ************************************************ */
 #photographerGrid-dialog {
   height: 235px;
 }

 .photographerGrid {
   font-size: .9em;
   margin-bottom: 1em;
 }

 #photographerGrid-dialog td {
   text-align: center;
 }


 #photographerGrid-dialog td.photographer_name {
   text-align: left;
 }


 #photographerGrid-dialog table {
   width: 100%;
   height: calc(100% - 1em);
 }

 .photographerGrid th,
 .photographerGrid td {
   border-bottom: solid 1px rgba(0, 0, 0, .7);
   border-right: solid 1px rgba(0, 0, 0, .7);
   border-bottom: solid 1px rgba(0, 0, 0, .7);
 }


 .status_display {
   background-color: rgba(255, 255, 255, .3);
 }

 .photographerGrid tbody td.location {
   background-color: rgb(162, 249, 165);
   color: black;
 }

 .photographerGrid tr.battery td.battery,
 .photographerGrid tr.water td.water,
 .photographerGrid tr.coffee td.coffee,
 .photographerGrid tr.snack td.snack,
 .photographerGrid tr.cards td.cards,
 .photographerGrid tr.envelopes td.envelopes,
 .photographerGrid tr.pen td.pen,
 .photographerGrid tr.pickup td.pickup {
   background: repeating-linear-gradient(-45deg, rgba(44, 109, 47, .2), rgba(44, 109, 47, .2) 5%, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0) 10%);
   background-color: rgb(162, 249, 165);
 }

 .photographerGrid tr.battery td.battery:hover,
 .photographerGrid tr.water td.water:hover,
 .photographerGrid tr.coffee td.coffee:hover,
 .photographerGrid tr.snack td.snack:hover,
 .photographerGrid tr.cards td.cards:hover,
 .photographerGrid tr.envelopes td.envelopes:hover,
 .photographerGrid tr.pen td.pen:hover,
 .photographerGrid tr.pickup td.pickup:hover {
   cursor: pointer;
 }



 /* ******************************************** */
 /*      COMPILE_FOR_PROCESSING DIALOGS          */
 /* ******************************************** */


 .dialog.compile_images_forprocessing div.messages p {
   background-color: rgba(128, 0, 0, .5);
 }

 .dialog.compile_images_forprocessing div.directoryList,
 .dialog.compile_images_forprocessing div.right div.directoryList {
   background-color: rgba(0, 0, 0, .2);
 }



 .composemessage__proof.--textitem {
   background-color: rgba(0, 0, 0, 0.2);
   border: solid 1px rgba(255, 255, 255, 0.15);
 }




 /* ******************************************** */
 /*              PROGRESS BAR STYLES             */
 /* ******************************************** */

 .progress_bar__progresscontainer {
   background-color: rgb(128, 128, 128);
 }

 .progress_bar__progress--green {
   background-color: rgb(70, 242, 87);
 }

 .progress_bar__progress--red {
   background-color: rgb(234, 2, 2);
 }

 .progress_bar__progress--blue {
   background-color: rgb(66, 37, 252);
 }

 .progress_bar__progress--yellow {
   background-color: rgb(255, 255, 102);
 }

 .progress_bar__progress--orange {
   background-color: rgb(255, 120, 30);
 }






 /* ... COLOR DEFINITIONS ... */

 .progress_bar__progresscontainer {
   background-color: rgb(128, 128, 128);
 }

 .progress_bar__progress--green {
   background-color: var(--dark-green);
 }

 .progress_bar__progress--red {
   background-color: var(--dark-red);
 }

 .progress_bar__progress--blue {
   background-color: var(--dark-blue);
 }

 .progress_bar__progress--yellow {
   background-color: var(--gold);
 }

 .progress_bar__progress--orange {
   background-color: var(--dark-orange);
 }



 /* COLOR PICKER OVERRIDES */

 .ui-colorpicker input[type="number"] {
   width: 4em;
 }

 .ui-widget-content {
   color: white;
   background: none;
   border-color: black;
   font-size: 0.9rem;
 }

 .ui-colorpicker {
   background-color: rgb(64, 64, 64);
   background-image: none;
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
 }

 button.ui-button {
   padding: 0.25rem 0.5rem;
 }

 .ui-dialog .ui-dialog-buttonpane button {
   margin: 0.25rem 0;
 }

 .ui-widget-content .ui-dialog-buttonpane {
   border: none;
 }

 .ui-colorpicker-border {
   border: none;
 }




 div.requestForm.container {
   background-color: var(--sideBarBackgroundColor);
 }

 div.requestPaymentSummaryLine.fulfilled {
   border-top: solid 1px;
   border-bottom: solid 1px;
 }

 body {
   color: white;
 }

 button i {
   color: black;
 }

 button i.warning {
   color: white;
 }

 option {
   color: black;
 }

 #collageEditor div.tools i.alignleft,
 #collageEditor div.tools i.distribute {
   margin-top: .75em;
 }





 /* ************************************************ */
 /* ************************************************ */
 /* STAFF LOGGED IN COLORS */
 /* ************************************************ */
 /* ************************************************ */

 span.ui-spinner,
 input,
 select,
 option,
 textarea {
   font-family: var(--fontFamily);
 }

 select option {
   color: black;
 }

 div.ui-colorpicker input,
 .ui-widget input {
   color: white;
   border-color: white;
 }

 div.requestAssignmentHelper span[name="sameCourt"] {
   background-color: hsl(120, 100%, 75%);
 }

 .bodyMessage {
   color: hsl(234, 48%, 60%);
 }

 #downloadImageStore div.controlContainer div.moveControls {
   background-color: transparent;
 }




 /* ************************************************ */
 /* ************************************************ */
 /* DOCUMENT SUMMARY */
 /* ************************************************ */
 /* ************************************************ */

 div.contentContainer div.thumbNail.crop_reviewed div.header {
   color: rgba(0, 0, 0, .7);
 }


 div.summaryLine ~ div.orderSummary-orderlinefooter:hover,
 div.orderSummary-orderlinefooter:hover,
 div.summaryLine.summarylineheader,
 .summarylineheader:hover,
 div.orderSummary-orderlinefooter{
   border: none;
 }
 
 .production .summaryLine {
   color: #eee;
 }

 .summaryLine {
   color: white;
 }

 .summarylineheader {
   background-color: black;
 }

 .requestPaymentSummaryLine.unpaid {
   background-color: #333;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color: rgba(0, 0, 0, .5);
 }

 .requestPaymentSummaryLine.unpaid.open {
   border-bottom-color: rgba(0, 0, 0, .5);
 }

 #orderSummaryContainer div.body,
 #orderSummaryRows {
   background-color: inherit;
 }

 .requestPaymentSummaryLine.fulfilled,
 div.orderSummary-orderline.fulfilled {
   border-bottom-color: hsl(41, 76%, 21%);
 }

 .requestAssignmentSummaryLine .rowbody tr:nth-child(odd) {
   background-color: rgba(0, 0, 0, 0.1);
 }

 .requestAssignmentSummaryLine .rowbody tr.buttonRow,
 .requestAssignmentSummaryLine .rowbody tr.rowlabel,
 .requestAssignmentSummaryLine .rowbody tr.rowvalue {
   background-color: inherit;
 }

 .requestAssignmentSummaryLine .rowbody tr.buttonRow {
   border-top: solid 1px rgba(255, 255, 255, 0.5);
 }

 .requestAssignmentSummaryLine .needswants_tag,
 .requestPaymentSummaryLine .needswants_tag {
   background-color: hsla(0, 100%, 50%, 0.302);
   border: solid 1px hsl(0, 100%, 50%);
 }

 .requestAssignmentSummaryLine .status_tag,
 .requestPaymentSummaryLine .status_tag {
   background-color: hsla(120, 100%, 50%, 0.3);
   border: solid 1px hsl(120, 100%, 25%);
 }

 .note.--playnote {
   background-color: hsl(var(--baseHue), 100%, 84%);
   color: black;
   opacity: 1;
   border: solid 2px hsl(var(--baseHue), 100%, 25%);
 }

 .note.lookAtMe,
 .lookAtMe {
   background-color: #FFAFAF;
   color: black;
   opacity: 1;
   border: solid 2px hsl(0, 100%, 15%);
 }

div.documentSummary div.summaryLine {
  border-color: var(--summaryLineBorder);  
}

div.summaryLine ~ div.summaryLine:hover {
   border-color: var(--summaryLineBorder);  
 }

div.documentSummary div.summaryLine {
  background-color: var(--summaryLineBackground);
}

div.documentSummary div.summaryLine:first-child {
  border-top-color: var(--summaryLineBorder);
}

div.documentSummary div.summaryLine:nth-child(odd) {
  background-color: var(--summaryLineBackgroundOdd);
}

div.documentSummary div.summaryLine:not(.summarylineheader):hover {
  background-color: var(--summaryLineHover);
}

 .simpleList,
 div.selectlist .simpleList,
 div.selectlist .simpleList i {
   color: var(--fontColor);
 }

 .production_reports div.simpleList.--noZebra div.simpleRow:nth-child(odd):not(.simplelist_separator) {
   background-color: rgba(192, 192, 192, 0.7);
 }

 div.documentSummary.production {
   background: none;
   background-color: rgb(27, 27, 27)
 }

 #orderSummaryContainer {
   background-color: #333;
 }



 div.requestPaymentSummaryLine {
   font-size: .8em;
 }

 div.summaryLine {
  background: none;
 }

 div.orderSummaryLegend div.legend,
 div.orderSummary-orderline.unpaid,
 div.requestPaymentSummaryLine.unpaid div.rowheader,
 div.paymentSummaryLegend div.legend {
   color: white;
 }

 div.requestPaymentSummaryLine.unpaid div.rowheader {
   border-bottom: none;
 }

 div.legend {
   background-color: var(--summaryLineBackground);
 }

 
 div.orderSummary-orderline.paid,
 div.requestPaymentSummaryLine.paid div.rowheader {
   background: none;
 }

 div.requestPaymentSummaryLine.paid {
   border-bottom: solid 1px hsl(126, 31%, 42%);
 }

 .production div.orderSummary-orderline.cancelled:nth-child(odd),
 .production div.orderSummary-orderline.cancelled,
 .production div.orderSummary-orderline.unpaid:nth-child(odd),
 .production div.orderSummary-orderline.unpaid,
 .production div.orderSummary-orderline.paid:nth-child(odd),
 .production div.orderSummary-orderline.paid {
  --summaryLineBackground: rgb(85, 85, 85);
  --summaryLineBackgroundOdd: rgb(55, 55, 55);
   background: none;
   border: none;
 }

 div.summaryLine:nth-child(odd):not(.orderSummary-orderline):not(.requestPaymentSummaryLine).selection_manager_selected,
 .production div.orderSummary-orderline.selection_manager_selected {
   color: white !important;
   border-bottom-color: var(--selectionManagerSelectedBackgroundColor) !important;
   border-top-color: var(--selectionManagerSelectedBackgroundColor) !important;
   background-color: var(--selectionManagerSelectedBackgroundColorOdd) !important;
 }

 .production div.orderSummary-orderline.selection_manager_selected {
   border-bottom: none;
   border-top: none;
 }

 .production_report_mode div.orderSummary-orderline.paid {
   border: none;
 }

 #orderSummaryContainer div.orderSummaryLegend div.legend.fulfilled,
 div.requestPaymentSummaryLine.fulfilled div.rowheader,
 div.paymentSummaryLegend div.legend.fulfilled {
   background: none;
   background-color: var(--fulfilledColor);
   color: black;
 }

 div.requestPaymentSummaryLine.fulfilled {
   border-top: solid 1px var(--fulfilledBorderTopColor);
   border-bottom: solid 1px var(--fulfilledBorderBottomColor);
 }

 div.requestPaymentSummaryLine div.rowbody {
   border-left: solid 1px black;
   border-right: solid 1px black;
 }

 #orderSummaryContainer div.orderSummaryLegend div.legend.awaitingprocessing,
 div.requestPaymentSummaryLine.awaitingprocessing div.rowheader,
 div.paymentSummaryLegend div.legend.awaitingprocessing {
   background: none;
   background-color: hsl(183 56% 47%);
   color: black;
 }

 div.requestPaymentSummaryLine.awaitingprocessing {
   border-top: solid 1px hsl(182 76% 57%);
   border-bottom: solid 1px #AAAAAA;
 }

 div.requestPaymentSummaryLine.photographednotreviewed div.rowheader,
 div.paymentSummaryLegend div.legend.photographednotreviewed {
   background: linear-gradient(to bottom, hsl(218 100% 88%) 0%, hsl(218 66% 82%) 41%, hsl(218 46% 72%) 100%);
   color: black;
 }

 div.requestPaymentSummaryLine.photographednotreviewed {
   border-top: solid 1px hsl(222 100% 93%);
   border-bottom: solid 1px #AAAAAA;
 }

 div.orderSummaryLegend div.legend.cancelled,
 div.orderSummary-orderline.cancelled,
 div.requestPaymentSummaryLine.cancelled div.rowheader,
 div.paymentSummaryLegend div.cancelled {
   background: none;
   background-color: hsl(1 41% 61%);
 }

 div.requestPaymentSummaryLine.cancelled span[name="payment"] {
   text-decoration: line-through;
   opacity: .5;
 }

 div.orderSummaryLegend div.legend.custom {
   background: none;
   background-color: hsl(329 99% 47%);
 }

 div.orderSummaryLegend div.legend,
 div.orderSummaryLegend div.legend.unpaid,
 div.orderSummaryLegend div.legend.cancelled,
 div.orderSummaryLegend div.legend.paid,
 div.orderSummaryLegend div.legend.rush,
 div.orderSummaryLegend div.legend.fulfilled,
 div.orderSummaryLegend div.legend.custom,

 div.paymentSummaryLegend div.legend,
 div.paymentSummaryLegend div.legend.unpaid,
 div.paymentSummaryLegend div.legend.cancelled,
 div.paymentSummaryLegend div.legend.photographednotreviewed,
 div.paymentSummaryLegend div.legend.awaitingprocessing,
 div.paymentSummaryLegend div.legend.paid,
 div.paymentSummaryLegend div.legend.fulfilled {
   box-shadow: none;
   box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .7);
   border: solid 1px black;
 }

 div.productionpanel.--evaluate_output .dialog_tool.toggle_evaluate_output i,
 div.productionpanel.--large_preview .dialog_tool.toggle_large_preview i,
 div.productionpanel.production_report_mode .dialog_tool.toggle_report_mode i,
 div.dialog.selection_active .dialog_tool.toggle_selection_mode i,
 div.documentSummary>div.header span.header_control.highlighted i,
 .courtMap .tool.highlighted i,
 .courtMap .selection_active .selectcourts i,
 #orderSummaryContainer.production span.production i {
   color: hsl(210 80% 65%);
 }

 #orderSummaryRows div.footer,
 #orderSummaryRows div.orderSummary-orderlinefooter.summaryLine {
   background: none;
   background-color: hsl(0 0% 9%);
 }

  #orderSummaryRows div.orderSummary-orderlinefooter.summaryLine {
    margin-bottom: 3rem;
  }

 #orderSummaryContainer div.summaryLine.paid.active {
   --summaryLineBackground: hsl(30 100% 58% / 0.25);
   --summaryLineBackgroundOdd: hsl(30 100% 58% / 0.25);
   --summaryLineBorder: hsl(30 100% 73% / 0.5);
 }

 div.order_display div.order_item.compile_images,
 div.order_display div.packages div.order_item.package_item.compile_images,
 #orderSummaryContainer div.orderSummary-orderline.compile_images {
   background: none;
   background-color: hsl(210 80% 65%);
   border-top-color: hsl(210 80% 74%);
   border-bottom-color: hsl(210, 83%, 47%);
 }


 div[name="paymentDisplay"] {
   background-color: hsl(114 9% 57%);
   border: 1px solid hsl(114 9% 40%);
 }

 div[name="paymentDisplay"].cancelled>div[name="body"] table td {
   border: solid 1px hsl(0 47% 77%);
 }


 div[name="paymentDisplay"].cancelled {
   background-color: hsl(0 19% 44%);
   border: solid 1px hsl(0 0% 0%);
   border-radius: 4px;
 }




 /* ************************************************ */
 /* ************************************************ */
 /* PRODUCTIONPANEL STYLES  */
 /* ************************************************ */
 /* ************************************************ */

 div.productionpanel.--not_ok_to_output div.title {
   background-color: hsl(0 78% 33%);
 }

 div.production_row {
   border-top-color: rgba(255, 255, 255, 0.1);
   background-color: rgba(0, 0, 0, 0.1);
 }

 div.production_row__header {
   background-color: rgba(0, 0, 0, 0.5);
 }

 div.production_row__item:nth-child(even):not(.selected) {
   background-color: rgba(0, 0, 0, .25);
 }


 div.production_row__item {
   background-color: rgba(0, 0, 0, .125);
   border-top: solid 1px rgba(0, 0, 0, 0.4);
   border-left: solid 4px red;
 }

  div.production_row__item.--is_fulfilled {
    border-left-color: transparent;
  }

 .production_row__item:nth-child(odd).selected,
 div.production_row__item.selected {
   border-top: solid 1px rgba(0, 0, 0, 0.4);
 }

 div.production_row__item:nth-child(even):not(.selected) {
   background-color: rgba(0, 0, 0, .25);
 }

 div.productionpanel__preview--book,
 div.productionpanel__preview--imagepackage {
   background-color: #222;
 }

 div.productionpanel__previewimage:before,
 div.productionpanel__previewimage--no_preview:before {
   color: rgba(255, 255, 255, 1);
   -webkit-text-stroke: 0.75px black;
 }

 div.productionpanel__preview--imagepackage,
 div.productionpanel__previewimage--no_preview {
   background-color: rgba(255, 255, 255, .25);
   border-color: white;
 }

 div.production_row__item i {
   color: white;
 }

 /* PRODUCTION REPORT - IMAGES SOLD SUMMARY */


 div.dialog.photographer_income_summary_report table {
   background-color: rgb(0, 0, 0, 0.08);
   border: solid 1px rgba(0, 0, 0, 0.5);
 }

 div.dialog.photographer_income_summary_report tbody,
 div.dialog.photographer_summary_report tbody {
   background-color: rgb(192, 192, 192);
   color: black;
 }


 div.dialog.photographer_income_summary_report tbody tr:nth-child(odd),
 div.dialog.photographer_summary_report tbody tr:nth-child(odd) {
   background-color: rgba(255, 255, 255, .3);
 }


 .photographersummary_section thead tr.column_headers,
 div.dialog.photographer_income_summary_report thead tr,
 div.dialog.photographer_income_summary_report tbody tr.footer,
 div.dialog.photographer_income_summary_report tbody tr.photographerincomesummary-totalrow {
   background-color: rgba(0, 0, 0, 0.5);
   color: white;
 }

 div.dialog.photographer_income_summary_report td:nth-child(1) {
   padding-left: 1em;
 }

 div.dialog.photographer_income_summary_report td:last-child {
   padding-right: 1em;
 }

 .thumbNail.culled .image_badge.culled i {
   color: red;
 }

 .image_badge.group_sample i {
   color: limegreen;
 }

 .thumbNail.imagePackages .body {
   background-color: var(--themeaccent);
 }


 /* ************************************************ */
 /* ************************************************ */
 /* THUMBNAIL PRINTING STYLES  */
 /* ************************************************ */
 /* ************************************************ */
 div.printThumbnailscontainer {
   font-family: var(--fontFamily);
   color: black;
   background-color: white;
   width: 100%;
   height: 100%;
 }


 div.printThumbnailscontainer div.thumbNail {
   font-family: var(--fontFamilyBold);
   float: left;
   border: solid 1px black;
   border-radius: 0;
   margin-right: .1in;
   margin-bottom: .1in;
   text-align: center;
   page-break-inside: avoid;
   height: 2.325in;
   width: 2.325in;

 }

 div.printThumbnailscontainer.medium div.thumbNail {
   height: 3.125in;
   width: 3.125in;
 }

 div.printThumbnailscontainer.large div.thumbNail {
   height: 4.5in;
   width: 3.5in;
   margin-top: .25in;
 }


 div.printThumbnailscontainer.extralarge div.thumbNail {
   height: 7.5in;
   width: 7.5in;
   margin-top: 1in;
 }



 div.printThumbnailscontainer div.thumbNail div.positionReset {
   position: relative;
   width: 100%;
   height: 100%;
 }

 div.printThumbnailscontainer div.thumbNailWrapper {
   position: relative;
   overflow: hidden;
   border: solid 1px black;
   margin: 2.5% auto;
   box-sizing: content-box;
 }


 div.printThumbnailscontainer div.thumbNail div.header {
   font-size: .7em;
   text-align: center;
   height: .15in;
   border-bottom: none;
 }

 div.printThumbnailscontainer div.thumbNail div.body {
   top: .15in;
   height: calc(100% - .15in);
   border: none;
   overflow: hidden;
 }

 div.printThumbnailscontainer div.thumbNail div.footer {
   display: none;
 }

 div.printThumbnailscontainer div.thumbNail,
 div.printThumbnailscontainer div.thumbNail div.body,
 div.printThumbnailscontainer div.thumbNail div.header,
 div.printThumbnailscontainer div.thumbNail div.footer {
   color: black;
   background: none;
   background-color: white;
 }

 div.printThumbnailscontainer div.thumbNail .thumb_print_watermark {
   position: absolute;
   top: calc(40% - 1.25em);
   width: 100%;
   z-index: 100;
   text-align: center;
   font-size: 3em;
   color: rgba(255, 255, 255, .60);
   transform: rotate(-45deg);
 }

 div.printThumbnailscontainer.medium div.thumbNail .thumb_print_watermark {
   font-size: 4em;
   top: calc(40% - 1em);
 }

 div.printThumbnailscontainer.large div.thumbNail .thumb_print_watermark {
   font-size: 6em;
   top: calc(40% - 1em);
 }


 div.printThumbnailscontainer.extralarge div.thumbNail .thumb_print_watermark {
   font-size: 9em;
   top: calc(40% - 1em);
 }



 /* ************************************************ */
 /* ************************************************ */
 /* COLLAGE PREVIEW CONTAINER PRINTING STYLES  */
 /* ************************************************ */
 /* ************************************************ */
 div.collagePreviewContainer {
   font-family: var(--fontFamily);
   color: black;
   background-color: white;
   width: 100%;
   height: 100%;
 }



 /* ************************************************ */
 /* ************************************************ */
 /* REQUEST ASSIGNMENT SUMMARY LINES  */
 /* ************************************************ */
 /* ************************************************ */
 .raspl__body__row:hover {
   background-color: hsl(127 93% 82%);
 }




 /* ******************************************** */
 /*          COMMUNICATIONS DIALOGS              */
 /* ******************************************** */

 .managemessage .sendmessagebody__messagedetails,
 .managemessage .sendmessagebody__messageattachments,
 .managemessage .sendmessagebody__messagelist,

 .composemessage .composemessage__messagedetails,
 .composemessage .composemessage__attachmentlist,
 .composemessage .composemessage__templates,
 .composemessage .composemessage__source,
 .messagetemplate .messagetemplate__messagetype,
 .messagetemplate .messagetemplate__documenttype,
 .messagetemplate .messagetemplate__template {
   transition: border-color 0.5s ease-in;
   background-color: rgba(255, 255, 255, 0.1);
   border-radius: 3px;
   border: solid 1px black;
 }


 .composemessage .composemessage__attachmentlist.--dragover,
 .composemessage.--preview_active .composemessage__subject input,
 .composemessage.--preview_active .composemessage__message textarea {
   background-color: hsla(120 100% 25% / 0.1);
 }


 .composemessage .composemessage__attachmentlist.--dragover,
 .composemessage .composemessage__source.--alert {
   border-color: hsl(0 100% 50%);
 }

 .composemessage .composemessage__source.--alert div.simpleRow:nth-child(2n+1).active,
 .composemessage .composemessage__source.--alert div.simpleRow.active {
   background: none;
   background-color: hsl(0 100% 50%);
   border-color: hsl(0 59% 23%);
 }

 .composemessage .composemessage__source.--alert div.simpleRow:nth-child(2n+1).active {
   background-color: hsl(0 92% 38%);
 }

 .composemessage .toggle_preview.--alert {
   background-color: hsl(0 100% 59%);
   color: white;
 }

 .production_row__item:nth-child(odd).selected {
   background-color: var(--selected) !important;
 }

 div.production_row__item.selected {
   background-color: var(--selected) !important;
 }

 .production_row__item:nth-child(odd).selected,
 .production_row__item.selected,
 .production_row__item.selected i {
   color: black
 }




 div.dialog div.directory:hover.highlighted,
 div.dialog div.directory.highlighted,
 .dialog div.directory:hover.highlighted,
 .dialog div.directory.highlighted,
 div.requestPaymentSummaryLine.selection_manager_selected div.rowheader,
 div.orderSummary-orderline.unpaid.selection_manager_selected,
 div.orderSummary-orderline.paid.selection_manager_selected,
 div.orderSummary-orderline.cancelled.selection_manager_selected,
 div.documentSummary div.summaryLine.selection_manager_selected,
 div.documentSummary div.summaryLine.selection_manager_selected,
 .selection_manager_selected,
 .courtMap .court.selection_manager_selected,
 #collageEditor div.controlsContainer div.list div.lookRow.active {
   color: white;
   background: none;
   background-color: var(--selectionManagerSelectedBackgroundColor);
   border-top-color: var(--selectionManagerSelectedBorderTopColor);
   border-bottom-color: var(--selectionManagerSelectedBorderBottomColor);
 }


 div.requestPaymentSummaryLine.fulfilled.selection_manager_selected,
 div.orderSummary-orderline.unpaid.selection_manager_selected,
 div.orderSummary-orderline.paid.selection_manager_selected,
 div.orderSummary-orderline.cancelled.selection_manager_selected {
   border-top-color: var(--selectionManagerSelectedBorderTopColor);
   border-bottom-color: var(--selectionManagerSelectedBorderBottomColor);
 }

 .courtMap .court.selection_manager_selected {
   border-color: hsl(240 42% 30%);
 }


 #requestSummaryContainer.edit_configuration .header_control.configuration i,
 #requestSummaryContainer .space div.tools span.highlighted i {
   color: #5555c8;
 }

 div.orderSummary-orderline.selection_manager_selected button:not(.warning) i {
   color: black;
 }

 .court.selection_manager_selected i,
 div.orderSummary-orderline.selection_manager_selected i,
 div.summaryLine.selection_manager_selected .warning i {
   color: white;
 }


 .--warning {
  background-color: var(--dark-red);
}