toggle.orDivide{ overflow:hidden; color:#fff; font-size:10px; align-items:center; display:flex !important; justify-content:center;}
.orDivide span{ padding:10px 0; position:relative;}
.orDivide span:before{ content:''; position:absolute; top:100%; left:50%; width:1px; height:100%; background:#fff; display:inline-block; }
.orDivide span:after{ content:''; position:absolute; bottom:100%; left:50%; width:1px; height:100%; background:#fff; display:inline-block;  }
.longNoteCell {word-wrap: break-word !important;word-break: break-all !important;}
#assignedCol td.sorting:after {display:none !important;content:"";}
.prompt{cursor: default;}
.cursor_default{cursor:default !important;}
.cursor_pointer{cursor:pointer !important;}
.pusher, body, .pushable > .pusher {
	background:
		linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
		linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
		linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
		linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
		linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
		linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424) !important;
	background-color: #131313 !important;
	background-size: 20px 20px !important;
}
.checkboxZoom2 {
	zoom:2 !important;
	cursor:pointer !important;
}
@keyframes ripple-play {
  0% {
    transform: scale(0);
    opacity: 0.5;
  }
  100% {
    transform: scale(4);
    opacity: 0;
  }
}
  .floating-save {
    position: fixed;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1000;
    max-width: 300px;
    text-align: center;
  }
.ui.button.ripple {
  position: relative;
  overflow: hidden;
  transition: background 0.3s ease, transform 0.2s ease;
}

.ui.button.ripple:hover {
  background-color: #2185d0 !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.fusionChart {min-height: 250px !important;background-image: url(https://jellyimg.com/mg/graphCs3.png);
background-repeat:no-repeat;
background-position: center center;background-color:#fff;}
.automatonHomeIcon {opacity: 0.3 !important;}
.automatonred {background-color: #E57373 !important;}
.automatonblue {background-color: #90CAF9 !important;}
#autoHome a {font-size:80% !important;}
.primary {
	color: #2185d0;
}
#auth-left-menu, #auth-top-menu {
	background-color: #565F64;
}
#auth-top-menu {
	box-shadow: 0px 0px 20px 5px #000;
}
#auth-site_logo {
	width: 75%;
}
.pusher {
	width: 100vw;
}
.avAccordionHead {
	font-weight:bold;
	font-size:24px;
	letter-spacing: -1px;
	color:#0F88BD;
}
#cart_form .ui.vertical.menu {
	width:100% !important;
}
.perProdDiscountIcon {cursor:pointer !important;}
#perProductDiscountModal {text-align:center !important;}

.sublabel {background-color: #cfcfcf !important;}
.print_only {display:none !important;}

/* IE 10/11 Fixes */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#auth-top-menu-left {
		margin-left: 260px !important;
	}
}


@media only screen and (min-width: 933px) {

	.barcodeMobileContainer {
		display:none !important;
	}

	.pushable .pusher {
		width: calc(100vw - 260px);
	}

	.ui.main.container {
		padding-left: 20px;
		padding-right: 20px;
	}
}
.ui.main.container {
	margin-top: 6em;
	padding-bottom: 1%;
}
.ui.header .content {
	display: inline-flex !important;
	vertical-align: text-bottom !important;
}
.ui.header .sub.header {
	clear:left;
}
.ui.table {
	table-layout: fixed;
}
.ui.spacer {
	clear: both;
	padding-top: 2%;
	padding-bottom: 2%;
}
#auth-top-menu-left {
	background-color: #646D74;
}
#auth-top-menu-left .input input, #auth-left-menu .input input {
	background-color: transparent;
	border-radius: 0;
	border: none;
	outline: none;
}
#auth-top-menu-left .input input {
	width: 30vw;
}
#auth-left-menu .item > .input {
	width: auto !important;
}
#auth-top-menu .avatar-name {
	padding-right: .5em;
}
#auth-top-menu .menu.right {
	margin-right: 1%;
}
#auth-left-menu .title {
	display: block;
	padding: 0;
}
#auth-left-menu .fas {
	width: 2em;
}
#auth-left-menu .fa-solid {
	width: 2em;
}
#auth-left-menu .fad {
	width: 2em;
}

#auth-left-menu .fa-duotone {
	width: 2em;
}

#auth-left-menu .dropdown {
	float: right;
}

#report {
	width: 100% !important;
}

/* showing symbiote login */
.ui.yellow.circular.label {
	margin-left: 0 !important;
	margin-right: 0.5em !important;
}

/*https://material.io/design/color/the-color-system.html#tools-for-picking-colors*/
.ui.menu .ui.dropdown .menu>.redLinkText {color:#EF5350 !important;}  /* 400 */
.ui.inverted.menu .redLinkText, .ui.inverted.menu .redLinkText>a:not(.ui) {color:#EF9A9A !important;} /* 200 */
.ui.inverted.menu .yellowLinkText, .ui.inverted.menu .yellowLinkText>a:not(.ui) {color:#FFF59D !important;} /* 200 */
.redButton {background-color:#EF5350 !important;text-align: left !important;} /* 400 */
.ui.red.button:not(.basic) {background-color:#EF5350 !important;} /* 400 */
.redButton a {color:#fff;}
.orangeButton {background-color:#FFA726 !important;text-align: left !important;} /* 400 */
.orangeButton a {color:#fff;}
.blueButton {background-color:#29B6F6 !important;text-align: left !important;} /* 400 */
.ui.blue.button:not(.basic) {background-color:#29B6F6 !important;} /* 400 */
.blueButton a {color:#fff;}
.greenButton {background-color:#66BB6A !important;text-align: left !important;} /* 400 */
.ui.green.button:not(.basic) {background-color:#66BB6A !important;} /* 400 */
.greenButton a {color:#fff;}
.copyDataIcon {margin-left:5px;opacity:0.5;color:#263238 !important;}
.dashLabel {background-color:inherit !important;color:inherit !important;}
.dashLabelText {opacity:0.5;}

#searchInput::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
#searchInput::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
#searchInput:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
#searchInput:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}

#searchInput::selection {
  background: #fff;
}

#searchInput::-moz-selection {
  background: #fff;
}

/* deliveries tweaks */
.deliveryHeaderDisplayText {border:2px solid red;}
.supportingBar {
	background-color:#263238 !important;
	font-weight:lighter !important;
	color:#B0BEC5 !important;
	cursor:pointer !important;
}

#supportingLabel {
	font-weight:bold !important;
	color:#78909C !important;
}

.nomarg {
	margin:0px !important;
}

.toppadten {
	padding-top:10px !important;
}

.halfopac {
	opacity:0.5 !important;
}

#policy-text {
	text-align: center !important;
	font-size:10px !important;
}

.nopad {
	padding:0px !important;
}

.fa-search {
	color:#fff !important;
}
/* seriously, the headers scroll but they don't have backgrounds? cmon, semantic! */
.scroll-head {
	background-color:#fff !important;
}

.right-align {
	text-align:right !important;
}

.order-number {
	margin-bottom:0px !important;
}

.order-number-list {
	margin-top:0px !important;
}
.move-down {
	position:relative;
	top:10px !important;
}
.prod-list {
}

.green-text {
	color:#66BB6A !important;
}

/* for dropzone design */
.dropzone.upload .dz-message {
	text-align: center;
}
.jcrop-keymgr {display:none !important;}

.activityGrid {
	background-color:#E0E1E2;
}

.right-text {text-align:right;}

/* Mobile */
@media only screen and (max-width: 767px) {
	[class*="mobile hidden"],
	[class*="tablet only"]:not(.mobile),
	[class*="computer only"]:not(.mobile),
	[class*="large screen only"]:not(.mobile),
	[class*="widescreen only"]:not(.mobile),
	[class*="or lower hidden"] {
		display: none !important;
	}

	.balanceDue .icon {
		display:none !important;
	}
	#exCheck {
		position:static !important;
		top:0px !important;
		padding-top:20px !important;
		padding-bottom:20px !important;
	}
	.balanceDue .content .button, .balanceDue .content .header, .balanceDue .content p {
		width:100% !important;
	}

	#user_recentActivity {
		display:none !important;
	}

	#account-tabs {
		display:none !important;
	}

	.ui.grid .row .column {
		padding-top: 10px !important;
	}

	.ui.container {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	#relatedProductsModal {
		z-index: 9999999 !important;
		width: 100vw !important;
	}

	.ui.steps.unstackable .content {
		display: none !important;
	}

	.ui.stackable.buttons{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.ui.stackable.buttons > .button{
		width: 100%;
	}

	#account_buttons .column {
		width: 50% !important;
	}
}

/* Tablet / iPad Portrait */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  [class*="mobile only"]:not(.tablet),
  [class*="tablet hidden"],
  [class*="computer only"]:not(.tablet),
  [class*="large screen only"]:not(.tablet),
  [class*="widescreen only"]:not(.tablet),
  [class*="or lower hidden"]:not(.mobile) {
    display: none !important;
  }
  .ui.grid .row .column {
  	padding-top: 10px !important;
  }

  	#relatedProductsModal {
		z-index: 9999999 !important;
	}
}

/* Computer / Desktop / iPad Landscape */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  [class*="mobile only"]:not(.computer),
  [class*="tablet only"]:not(.computer),
  [class*="computer hidden"],
  [class*="large screen only"]:not(.computer),
  [class*="widescreen only"]:not(.computer),
  [class*="or lower hidden"]:not(.tablet):not(.mobile) {
    display: none !important;
  }

  #relatedProductsModal {
		z-index: 9999999 !important;
	}
}

/* Large Monitor */
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
  [class*="mobile only"]:not([class*="large screen"]),
  [class*="tablet only"]:not([class*="large screen"]),
  [class*="computer only"]:not([class*="large screen"]),
  [class*="large screen hidden"],
  [class*="widescreen only"]:not([class*="large screen"]),
  [class*="or lower hidden"]:not(.computer):not(.tablet):not(.mobile) {
    display: none !important;
  }
}

/* Widescreen Monitor */
@media only screen and (min-width: 1920px) {
  [class*="mobile only"]:not([class*="widescreen"]),
  [class*="tablet only"]:not([class*="widescreen"]),
  [class*="computer only"]:not([class*="widescreen"]),
  [class*="large screen only"]:not([class*="widescreen"]),
  [class*="widescreen hidden"],
  [class*="widescreen or lower hidden"] {
    display: none !important;
  }
}

@media only screen and (min-width: 933px) {
	#auth-left-menu {
		visibility: visible !important;
		-webkit-transform: translate3d(0,0,0) !important;
		transform: translate3d(0,0,0) !important;
	}
	.pushable .pusher {
		-webkit-transform: translate3d(260px,0,0) !important;
		transform: translate3d(260px,0,0) !important;
	}
}

#saved_grid .column {
	padding-top: 1em !important;
}

#relatedProductsModalClose {
	color: #333;
}
.add_cart {
	margin-top: -.75em !important;
	float: right;
}
.cart_subtotal {
	color: #EF5350;
}
/* override js dropdowns in table */
.ui.table .ui.dropdown {
	min-width: calc(100% - 25%) !important;
	width: auto !important;
	min-height: auto !important;
}
.scroll-head {
	z-index: 99999 !important;
}

/* colors for search */
.swatch {
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	float: left;
	margin-right: 10px;
}

.color .tri-color, .color .color, .color .combo {
	color:#f27676;
	background: -moz-linear-gradient(left,  #f27676 0%, #86ff6b 50%, #7db9e8 100%);
	background: -webkit-linear-gradient(left,  #f27676 0%,#86ff6b 50%,#7db9e8 100%);
	background: linear-gradient(to right,  #f27676 0%,#86ff6b 50%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(
		startColorstr='#f27676',
		endColorstr='#7db9e8',
		GradientType=1
	);
}
.color .photoblack, .color .photo {
	color:#f27676;
	background: #959595;
	background: -moz-linear-gradient(top,  #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
	background: -webkit-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);
	background: linear-gradient(to bottom,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(
		startColorstr='#959595',
		endColorstr='#1b1b1b',
		GradientType=0
	);
}
.color .cyan {
	background-color: #00BCD4;
}
.color .yellow {
	background-color: #FFEB3B;
}
.color .magenta {
	background-color: #AD1457;
}
.color .waste {
	background-color: #795548;
}
.color .black {
	background-color: #000000;
}
.color .orange {
	background-color: #FF5722;
}
.color .red {
	background-color: #F44336;
}
.color .green {
	background-color: #4CAF50;
}
.color .gray {
	background-color: #AAAAAA;
}
.color .drum, .color .fuser, .color .misc, .color .micr, .color .thermal {
	background-color: #B0BEC5;
}

.color .inverted.cyan {
	background-color: transparent !important;
	color: #00BCD4 !important;
	box-shadow: 0 0 0 2px #00BCD4 inset !important;
}
.color .inverted.yellow {
	background-color: transparent !important;
	color: #FFEB3B !important;
	box-shadow: 0 0 0 2px #FFEB3B inset !important;
}
.color .inverted.magenta {
	background-color: transparent !important;
	color: #AD1457 !important;
	box-shadow: 0 0 0 2px #AD1457 inset !important;
}
.color .inverted.waste {
	background-color: transparent !important;
	color: #795548 !important;
	box-shadow: 0 0 0 2px #795548 inset !important;
}
.color .inverted.black {
	background-color: transparent !important;
	color: #000000 !important;
	box-shadow: 0 0 0 2px #000000 inset !important;
}
.color .inverted.orange {
	background-color: transparent !important;
	color: #FF5722 !important;
	box-shadow: 0 0 0 2px #FF5722 inset !important;
}
.color .inverted.red {
	background-color: transparent !important;
	color: #F44336 !important;
	box-shadow: 0 0 0 2px #F44336 inset !important;
}
.color .inverted.green {
	background-color: transparent !important;
	color: #4CAF50 !important;
	box-shadow: 0 0 0 2px #4CAF50 inset !important;
}
.color .inverted.gray {
	background-color: transparent !important;
	color: #AAAAAA !important;
	box-shadow: 0 0 0 2px #AAAAAA inset !important;
}
.color .inverted.drum, .color .inverted.fuser, .color .inverted.misc, .color .inverted.micr, .color .inverted.thermal {
	background-color: transparent !important;
	color: #B0BEC5 !important;
	box-shadow: 0 0 0 2px #B0BEC5 inset !important;
}

/* mobile filtering on search results */
#filter_show, .filter_apply {
	display: none;
}

#filter_container .ui.selection.list>.item {
	padding-top: 4px;
	padding-bottom: 4px;
}

#filter_container h4, #filter_container .ui.selection.list {
	margin: 0 !important;
}

#filter_container h5 {
	margin: 0 !important;
	margin-top: 8px !important;
}

#mobile_bottom_button {
	display: none;
}

@media only screen and (max-width: 767px) {
	#filter_container, #top_button_main {
		display: none;
	}
	#filter_show {
		display: block;
		text-align: right;
		margin: 1%;
		clear: both;
	}
	/* dropdown height on mobile */
	.ui.selection.dropdown .menu {
		max-height: 50vh;
	}
	#mobile_bottom_button {
		display: block;
		position: absolute;
		bottom: 20px;
		left: 0;
		z-index: 999;
		width: calc(100vw - 2px);
	}

	#product_results {
		height: calc(90vh - 300px);
		overflow-x: hidden;
		overflow-y: auto;
	}
}

@media only screen and (min-width: 768px) {
	#filter_container, #product_results {
		height: 70vh;
		overflow-x: hidden;
		overflow-y: auto;
	}
}

/* product listing */
.product_details {
	background-color: #F6F6F6;
	padding: .5em 0 0 !important;
}

.product_details .main {
	padding-left: 1rem;
	padding-right: 1rem;
}

.product_details .color {
	position: absolute;
	right: 0;
}

.product_details .prodPriceDiv {
	font-size: 1.4em;
	padding: .5em 0;
}

.product_details .description {
	min-height: 3em;
}

.product_details .ui[class*="bottom attached"].buttons .button:first-child {
	border-radius: 0 !important;
}

.product_Qtyx .qtynumber {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.product_Qtyx .qtynumber input,
.product_details .qtynumber input {
	border: none !important;
	background-color: transparent !important;
	color: #333 !important;
	width: 100% !important;
	text-align: center !important;
	font-size: 2em !important;
	pointer-events: auto !important;
}

/* password strength override */
.pass-wrapper {
	position: absolute;
	top: 34px;
	left: 39px;
	width: calc(100% - 40px);
	margin-bottom: 10px;
}

/* set default state for system messages */
#alert_message {
	display: none;
}

/* password eye input */
.toggle_pass, .toggle_pass_confirm, .toggle_pass_vendor{
	font-size:1.6em !important;
	margin-right:7px !important;
	margin-top:-7px !important;
	cursor:pointer !important;
}

.contact_card {
	min-height: 150px;
}

.contact_card p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

input[type='number'] {
    -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.notification_badge, .cart_badge, .message_badge, .time_tracker_badge {
	top: 1em !important;
	left: 80% !important;
}

#time_tracker_media_popup, #message_media_popup, #time_tracker_media_popup {
	padding: 0 !important;
}

#time_tracker_media_popup .ui.list {
	min-height: 25vh !important;
	max-height: 45vh !important;
	overflow: auto !important;
	overflow-x: hidden !important;
}

#time_tracker_media_popup .description {
	text-align: right;
	padding-top: 1%;
	font-style: italic;
}

#time_tracker_media_popup .item {
	padding: 1%;
}

#time_tracker_media_popup .header {
	font-weight: normal !important;
}


#notification_popup .ui.list {
	min-height: 25vh !important;
	max-height: 45vh !important;
	overflow: auto !important;
	overflow-x: hidden !important;
}

#notification_popup .description {
	text-align: right;
	padding-top: 1%;
	font-style: italic;
}

#notification_popup .item {
	padding: 1%;
}

#notification_popup .header {
	font-weight: normal !important;
}

#cart_preview_popup .ui.list {
	min-height: 25vh !important;
	max-height: 45vh !important;
	width: 300px !important;
	overflow: auto !important;
	overflow-x: hidden !important;
}

#cart_preview_popup .description {
	text-align: right;
	padding-top: 1%;
	font-style: italic;
}

#cart_preview_popup .item {
	padding: 1%;
}

#cart_preview_popup .header {
	font-weight: normal !important;
}

#messages_container #message_list .ui.list, #messages_container #message_timeline #message_feed {
	overflow: auto !important;
	overflow-x: hidden !important;
}

#messages_container #message_list {
	background-color: #DFDFDF;
	padding: 0 !important;
}

#messages_container #message_list #message_list_header {
	padding: 1em 1em;
}

@media only screen and (min-width: 600px) {
	#messages_container #message_list .ui.list {
		height: calc(80vh - 6.5em);
	}

	#messages_container #message_list #message_list_header {
		padding-bottom: 0;
		height: 5em;
	}
}


#messages_container #message_list .archive {
	float: right;
	opacity: 0.5;
}

#messages_container #message_list .archive:hover {
	opacity: 1.0;
}

#messages_container #message_timeline {
	padding: 0 !important;
	margin: 0 !important;
}

#messages_container #message_timeline #message_feed {
	height: calc(75vh - 3.5em);
	padding: 1em;
}

#messages_container #message_feed img {
	cursor: pointer;
}

#messages_container #message_timeline #message_input {
	height: 3.5em;
	padding: 0.5em !important;
	margin: 0 !important;
	width: 100% !important;
	background-color: #F4F4F4;
}

#messages_container #message_timeline .message_container {
	clear: both;
	padding: 0.5em 1em !important;
	max-width: 70% !important;
}

#messages_container #message_timeline .message_day_header {
	clear: both;
}

#messages_container #message_timeline .my_message {
	float: right;
}

#messages_container #message_timeline .other_message {
	float: left;
}

#messages_container #message_timeline .ui.message {
	margin: 0 !important;
}

#messages_container #message_timeline .message_meta_info, #messages_container #message_timeline .message_read {
	font-size: 0.75em;
	font-style: italic;
}

#messages_container #message_timeline .my_message .message_meta_info, #messages_container #message_timeline .my_message .message_read {
	text-align: right;
}

#messages_container #message_new_alert {
	display: none;
	position: absolute;
	width: 80%;
	text-align: center;
	left: 10%;
	bottom: 4em;
	cursor: pointer;
}

#messages_container #message_timeline #message_input #message_send {
	cursor: pointer !important;
}

.paymentMethodJsLabel input[type="radio"] {
	float: left !important;
	width: 40px;
	margin-top: 3px;
}

#productNeeded .ui.circular.label, #productNeeded .ui.circular.labels .label {
	min-height: initial !important;
}

#productNeeded td a {
	color: #333 !important;
}

#productNeeded tr.inverted td a {
	color: #FFF !important;
}

.disabled.title {
	cursor: default;
	background-color: #dcddde !important;
	color: rgba(0, 0, 0, 0.4) !important;
	opacity: 0.3 !important;
	background-image: none !important;
	box-shadow: none !important;
	pointer-events: none;
}

.finished.title {
	cursor: pointer !important;
	opacity: 0.3 !important;
	background-image: none !important;
	box-shadow: none !important;
}

.finished.title h2 {
	color: #21ba45 !important;
}

table .product_needed {
	background-color:#FFCDD2 !important;
}

fieldset {
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 3px;
	border: 1px solid #DDD;
}

.greenFlagOne {
	background-color:#A5D6A7 !important;
	color:#1B5E20 !important;
	padding:10px !important;
	font-weight:bold !important;
	border:2px solid #4CAF50 !important;
}

.yellowFlagOne {
	background-color:#E6EE9C !important;
	color:#827717 !important;
	padding:10px !important;
	font-weight:bold !important;
	border:2px solid #CDDC39 !important;
}

.customerFlag {
	background-color:#EEEEEE;
	text-align:center;
	padding-top:10px !important;
	padding-bottom:10px !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:2px solid #E0E0E0;
	color:#333 !important;
	padding:10px !important;
	margin-bottom:10px !important;
	max-width:90%;
	margin-left:auto !important;
	margin-right:auto !important;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) !important;
	font-weight:bold !important;
}

.customerFlag a {color:#333 !important;}
.customerFlag a:hover {color:#111 !important;}

.blueFlagOne {
	background-color:#9BD0FF !important;
	color:#000000 !important;
	padding:10px !important;
	font-weight:bold !important;
	border:2px solid #0000FF !important;
}

.greenFlagOne {
	background-color:#A5D6A7 !important;
	color:#1B5E20 !important;
	padding:10px !important;
	font-weight:bold !important;
	border:2px solid #4CAF50 !important;
}

.redFlagOne {
	background-color:#B71C1C !important;
	color:#EF9A9A !important;
	padding:10px !important;
	font-weight:bold !important;
	border:2px solid #F44336 !important;
}

.visibilityEmph {
	font-weight:bold !important;
}

.icon_type .fas {
	float: left;
	padding-right: 5px;
}
.icon_type .fa-solid {
	float: left;
	padding-right: 5px;
}
.icon_type .fad {
	float: left;
	padding-right: 5px;
}

#checkout_container {
	min-height: 50em;
}

@media only screen and (max-width: 600px) {
	#checkout_container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

.darkStandout {
	background-color:#40464a !important;
}

.hidden_field {
	display: none;
}

.modalLink {
	border-bottom:1px dotted #4183c4 !important;
	cursor:pointer !important;
}

.unresponsedMissions {
	background-color:#2F2F2F;
	background-image:url('../img/ecran.gif');
	padding-top:10px;
	padding-bottom:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:2px solid #424141;
	color:#fff;
}
.glitch {
  position: relative;
  margin: 0 auto;
  color: #fff;
  font-size: 80px;
  font-family: "Exo", sans-serif;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
.glitch::before, .glitch::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  background: #333;
  color: #fff;
  clip: rect(0, 900px, 0, 0);
}
.glitch::before {
  left: 7px;
  text-shadow: 1px 0 green;
  animation: glitch-effect 3s infinite linear alternate-reverse;
}
.glitch::after {
  left: 3px;
  text-shadow: -1px 0 red;
  animation: glitch-effect 2s infinite linear alternate-reverse;
}

@-webkit-keyframes glitch-effect {
  0% {
    clip: rect(16px, 9999px, 43px, 0);
  }
  5% {
    clip: rect(42px, 9999px, 12px, 0);
  }
  10% {
    clip: rect(18px, 9999px, 99px, 0);
  }
  15% {
    clip: rect(94px, 9999px, 53px, 0);
  }
  20% {
    clip: rect(54px, 9999px, 54px, 0);
  }
  25% {
    clip: rect(39px, 9999px, 68px, 0);
  }
  30% {
    clip: rect(84px, 9999px, 3px, 0);
  }
  35% {
    clip: rect(10px, 9999px, 52px, 0);
  }
  40% {
    clip: rect(57px, 9999px, 98px, 0);
  }
  45% {
    clip: rect(1px, 9999px, 12px, 0);
  }
  50% {
    clip: rect(84px, 9999px, 29px, 0);
  }
  55% {
    clip: rect(6px, 9999px, 33px, 0);
  }
  60% {
    clip: rect(4px, 9999px, 22px, 0);
  }
  65% {
    clip: rect(8px, 9999px, 89px, 0);
  }
  70% {
    clip: rect(84px, 9999px, 57px, 0);
  }
  75% {
    clip: rect(90px, 9999px, 28px, 0);
  }
  80% {
    clip: rect(9px, 9999px, 25px, 0);
  }
  85% {
    clip: rect(91px, 9999px, 85px, 0);
  }
  90% {
    clip: rect(31px, 9999px, 81px, 0);
  }
  95% {
    clip: rect(54px, 9999px, 45px, 0);
  }
  100% {
    clip: rect(55px, 9999px, 94px, 0);
  }
}

@keyframes glitch-effect {
  0% {
    clip: rect(16px, 9999px, 43px, 0);
  }
  5% {
    clip: rect(42px, 9999px, 12px, 0);
  }
  10% {
    clip: rect(18px, 9999px, 99px, 0);
  }
  15% {
    clip: rect(94px, 9999px, 53px, 0);
  }
  20% {
    clip: rect(54px, 9999px, 54px, 0);
  }
  25% {
    clip: rect(39px, 9999px, 68px, 0);
  }
  30% {
    clip: rect(84px, 9999px, 3px, 0);
  }
  35% {
    clip: rect(10px, 9999px, 52px, 0);
  }
  40% {
    clip: rect(57px, 9999px, 98px, 0);
  }
  45% {
    clip: rect(1px, 9999px, 12px, 0);
  }
  50% {
    clip: rect(84px, 9999px, 29px, 0);
  }
  55% {
    clip: rect(6px, 9999px, 33px, 0);
  }
  60% {
    clip: rect(4px, 9999px, 22px, 0);
  }
  65% {
    clip: rect(8px, 9999px, 89px, 0);
  }
  70% {
    clip: rect(84px, 9999px, 57px, 0);
  }
  75% {
    clip: rect(90px, 9999px, 28px, 0);
  }
  80% {
    clip: rect(9px, 9999px, 25px, 0);
  }
  85% {
    clip: rect(91px, 9999px, 85px, 0);
  }
  90% {
    clip: rect(31px, 9999px, 81px, 0);
  }
  95% {
    clip: rect(54px, 9999px, 45px, 0);
  }
  100% {
    clip: rect(55px, 9999px, 94px, 0);
  }
}


.cell {
  margin: 0 auto;
  max-width: 900px;
}

.row {
  /*overflow: hidden;
  padding: 1.5rem;*/
}

.row--b {
  background-color: black;
}

.row--c {
  background-color: #ef4a32;
}

.row--d {
  background-color: #333;
}

.row--d h1 {
	color:#ffe84a;
}

.ui.list h5, .ui.list h4, .ui.list h3, .ui.list h2 {
	margin: 0;
}

.logo {
  display: block;
  color: #ffe84a;
  font-family: "Open Sans", sans-serif;
  font-size: 500%;
  font-style: italic;
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 0.9;
  text-align: center;
  text-shadow: 0 0 0 transparent, -1px -1px 0 #ce5331, 0px -1px 0 #ce5331, 1px -1px 0 #ce5331, -1px 0px 0 #ce5331, 0px 0px 0 #ce5331, 1px 0px 0 #ce5331, -1px 1px 0 #ce5331, 0px 1px 0 #ce5331, 1px 1px 0 #ce5331, 0px 0px #ce5331, 1px 1px #ce5331, 2px 2px #ce5331, 3px 3px #ce5331;
  text-transform: uppercase;
}

.dialogue {
  background-color: white;
  border: 2px solid #222;
  border-radius: 50px;
  display: inline-block;
  font-family: "Comic Sans MS", sans-serif;
  padding: 0.75rem;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 15rem;
}
.dialogue::before {
  content: "";
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 22px solid black;
  height: 0;
  position: absolute;
  right: 48px;
  top: 100%;
  width: 0;
}
.dialogue::after {
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 20px solid white;
  height: 0;
  position: absolute;
  right: 50px;
  top: 100%;
  width: 0;
}

.dialogue--narrow {
  width: 9rem;
}

.dialogue--wide {
  width: 18rem;
}

.dialogue--continued {
  margin-right: 0.375rem;
  vertical-align: top;
}
.dialogue--continued::before {
  background-color: white;
  content: "";
  border: 2px solid black;
  border-left: 0;
  border-right: 0;
  height: 0.75rem;
  margin-left: -0.375rem;
  margin-top: -0.375rem;
  position: absolute;
  left: 100%;
  top: 50%;
  width: 1.875rem;
  z-index: 1;
}
.dialogue--continued::after {
  content: none;
}

.bumper {
  background-color: #fdf298;
  border: 2px solid #222;
  display: inline-block;
  font-family: "Comic Sans MS", sans-serif;
  font-style: italic;
  font-weight: 700;
  padding: 0 0.75rem;
  position: relative;
  text-transform: uppercase;
}
.bumper::before {
  background-color: #e32132;
  border: 1px solid #222;
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  bottom: -5px;
  left: 5px;
  right: -5px;
  z-index: -1;
}

.narration {
  display: inline-block;
  font-family: "Comic Sans MS", sans-serif;
  line-height: 1.25;
  padding: 0.75rem;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 15rem;
}
.narration::first-letter {
  text-shadow: 0 0 0 transparent, -1px -1px 0 #222, 0px -1px 0 #222, 1px -1px 0 #222, -1px 0px 0 #222, 0px 0px 0 #222, 1px 0px 0 #222, -1px 1px 0 #222, 0px 1px 0 #222, 1px 1px 0 #222;
  color: #e61c2a;
  display: inline-block;
  line-height: 0.75;
  font-size: 250%;
  font-weight: 700;
  position: relative;
  top: -0.5em;
}
.narration::after {
  background-color: #fdf392;
  border: 2px solid #222;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 1rem;
  z-index: -1;
}

.narration--wide {
  width: 18rem;
}

.sound {
  display: inline-block;
  color: #f460a6;
  font-family: sans-serif;
  font-size: 300%;
  font-weight: 700;
  text-shadow: 0 0 0 transparent, -1px -1px 0 black, 0px -1px 0 black, 1px -1px 0 black, -1px 0px 0 black, 0px 0px 0 black, 1px 0px 0 black, -1px 1px 0 black, 0px 1px 0 black, 1px 1px 0 black;
  text-transform: uppercase;
  transform: rotate(-10deg);
}
.sound span[class^='char'] {
  display: inline-block;
  position: relative;
}
.sound span[class^='char']:nth-of-type(even) {
  top: 0.15em;
}
.sound span[class^='char']:nth-of-type(4n) {
  top: 0.2em;
}
.sound span[class^='char']:nth-of-type(3n+1) {
  transform: rotate(5deg);
}

.color_label{
  border:1px solid #000;
  text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;  
  color:#fff !important;
  background: red !important; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, cyan, magenta, yellow) !important; /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, cyan, magenta, yellow) !important; /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, cyan, magenta, yellow) !important; /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, cyan, magenta, yellow) !important; /* Standard syntax (must be last) */
}

.littlebitch {
	padding-top:20px;
	color:#000;
}
.strongman {
	padding-top:20px;
	color:#000;
}

.glitch2 {
  position: relative;
  margin: 0 auto;
  background: #4242e6;
}

.glitch2::before,
.glitch2::after {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  animation-direction: alternate-reverse;
  overflow: hidden;
  position: absolute;
  top: 0;
  clip: rect(0, 900px, 0, 0);
  content: attr(data-text);
}

.glitch2::after {
  -webkit-animation-name: glitch-animation;
          animation-name: glitch-animation;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  left: 4px;
  text-shadow: -1px 0 #ffa800;
  background: #4242e6;
}

.glitch2::before {
  -webkit-animation-name: glitch-animation-2;
          animation-name: glitch-animation-2;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  left: -4px;
  text-shadow: 1px 0 #00d8ff;
  background: #4242e6;
}

/* Expanded Animations */
@-webkit-keyframes glitch-animation {
  0% {
    clip: rect(42px, 9999px, 44px, 0);
  }
  5% {
    clip: rect(12px, 9999px, 59px, 0);
  }
  10% {
    clip: rect(48px, 9999px, 29px, 0);
  }
  15.0% {
    clip: rect(42px, 9999px, 73px, 0);
  }
  20% {
    clip: rect(63px, 9999px, 27px, 0);
  }
  25% {
    clip: rect(34px, 9999px, 55px, 0);
  }
  30.0% {
    clip: rect(86px, 9999px, 73px, 0);
  }
  35% {
    clip: rect(20px, 9999px, 20px, 0);
  }
  40% {
    clip: rect(26px, 9999px, 60px, 0);
  }
  45% {
    clip: rect(25px, 9999px, 66px, 0);
  }
  50% {
    clip: rect(57px, 9999px, 98px, 0);
  }
  55.0% {
    clip: rect(5px, 9999px, 46px, 0);
  }
  60.0% {
    clip: rect(82px, 9999px, 31px, 0);
  }
  65% {
    clip: rect(54px, 9999px, 27px, 0);
  }
  70% {
    clip: rect(28px, 9999px, 99px, 0);
  }
  75% {
    clip: rect(45px, 9999px, 69px, 0);
  }
  80% {
    clip: rect(23px, 9999px, 85px, 0);
  }
  85.0% {
    clip: rect(54px, 9999px, 84px, 0);
  }
  90% {
    clip: rect(45px, 9999px, 47px, 0);
  }
  95% {
    clip: rect(37px, 9999px, 20px, 0);
  }
  100% {
    clip: rect(4px, 9999px, 91px, 0);
  }
}
@keyframes glitch-animation {
  0% {
    clip: rect(42px, 9999px, 44px, 0);
  }
  5% {
    clip: rect(12px, 9999px, 59px, 0);
  }
  10% {
    clip: rect(48px, 9999px, 29px, 0);
  }
  15.0% {
    clip: rect(42px, 9999px, 73px, 0);
  }
  20% {
    clip: rect(63px, 9999px, 27px, 0);
  }
  25% {
    clip: rect(34px, 9999px, 55px, 0);
  }
  30.0% {
    clip: rect(86px, 9999px, 73px, 0);
  }
  35% {
    clip: rect(20px, 9999px, 20px, 0);
  }
  40% {
    clip: rect(26px, 9999px, 60px, 0);
  }
  45% {
    clip: rect(25px, 9999px, 66px, 0);
  }
  50% {
    clip: rect(57px, 9999px, 98px, 0);
  }
  55.0% {
    clip: rect(5px, 9999px, 46px, 0);
  }
  60.0% {
    clip: rect(82px, 9999px, 31px, 0);
  }
  65% {
    clip: rect(54px, 9999px, 27px, 0);
  }
  70% {
    clip: rect(28px, 9999px, 99px, 0);
  }
  75% {
    clip: rect(45px, 9999px, 69px, 0);
  }
  80% {
    clip: rect(23px, 9999px, 85px, 0);
  }
  85.0% {
    clip: rect(54px, 9999px, 84px, 0);
  }
  90% {
    clip: rect(45px, 9999px, 47px, 0);
  }
  95% {
    clip: rect(37px, 9999px, 20px, 0);
  }
  100% {
    clip: rect(4px, 9999px, 91px, 0);
  }
}
@-webkit-keyframes glitch-animation-2 {
  0% {
    clip: rect(65px, 9999px, 100px, 0);
  }
  5% {
    clip: rect(52px, 9999px, 74px, 0);
  }
  10% {
    clip: rect(79px, 9999px, 85px, 0);
  }
  15.0% {
    clip: rect(75px, 9999px, 5px, 0);
  }
  20% {
    clip: rect(67px, 9999px, 61px, 0);
  }
  25% {
    clip: rect(14px, 9999px, 79px, 0);
  }
  30.0% {
    clip: rect(1px, 9999px, 66px, 0);
  }
  35% {
    clip: rect(86px, 9999px, 30px, 0);
  }
  40% {
    clip: rect(23px, 9999px, 98px, 0);
  }
  45% {
    clip: rect(85px, 9999px, 72px, 0);
  }
  50% {
    clip: rect(71px, 9999px, 75px, 0);
  }
  55.0% {
    clip: rect(2px, 9999px, 48px, 0);
  }
  60.0% {
    clip: rect(30px, 9999px, 16px, 0);
  }
  65% {
    clip: rect(59px, 9999px, 50px, 0);
  }
  70% {
    clip: rect(41px, 9999px, 62px, 0);
  }
  75% {
    clip: rect(2px, 9999px, 82px, 0);
  }
  80% {
    clip: rect(47px, 9999px, 73px, 0);
  }
  85.0% {
    clip: rect(3px, 9999px, 27px, 0);
  }
  90% {
    clip: rect(26px, 9999px, 55px, 0);
  }
  95% {
    clip: rect(42px, 9999px, 97px, 0);
  }
  100% {
    clip: rect(38px, 9999px, 49px, 0);
  }
}
@keyframes glitch-animation-2 {
  0% {
    clip: rect(65px, 9999px, 100px, 0);
  }
  5% {
    clip: rect(52px, 9999px, 74px, 0);
  }
  10% {
    clip: rect(79px, 9999px, 85px, 0);
  }
  15.0% {
    clip: rect(75px, 9999px, 5px, 0);
  }
  20% {
    clip: rect(67px, 9999px, 61px, 0);
  }
  25% {
    clip: rect(14px, 9999px, 79px, 0);
  }
  30.0% {
    clip: rect(1px, 9999px, 66px, 0);
  }
  35% {
    clip: rect(86px, 9999px, 30px, 0);
  }
  40% {
    clip: rect(23px, 9999px, 98px, 0);
  }
  45% {
    clip: rect(85px, 9999px, 72px, 0);
  }
  50% {
    clip: rect(71px, 9999px, 75px, 0);
  }
  55.0% {
    clip: rect(2px, 9999px, 48px, 0);
  }
  60.0% {
    clip: rect(30px, 9999px, 16px, 0);
  }
  65% {
    clip: rect(59px, 9999px, 50px, 0);
  }
  70% {
    clip: rect(41px, 9999px, 62px, 0);
  }
  75% {
    clip: rect(2px, 9999px, 82px, 0);
  }
  80% {
    clip: rect(47px, 9999px, 73px, 0);
  }
  85.0% {
    clip: rect(3px, 9999px, 27px, 0);
  }
  90% {
    clip: rect(26px, 9999px, 55px, 0);
  }
  95% {
    clip: rect(42px, 9999px, 97px, 0);
  }
  100% {
    clip: rect(38px, 9999px, 49px, 0);
  }
}


/*salesDash*/

	.salesLight {padding-top:0px !important;padding-bottom:0px !important;margin-top:0px !important;margin-bottom:0px !important;font-weight:lighter !important;opacity:0.8;}
	.salesLightInverted {padding-top:0px !important;padding-bottom:0px !important;margin-top:0px !important;margin-bottom:0px !important;font-weight:lighter !important;opacity:0.8;color:#fff !important;}
	.salesLabel {font-weight:bold;letter-spacing: -1px !important;opacity:0.5;margin-bottom:0px !important;}
	.salesProgressLabel {}
	.salesIconLightBlue {color:#47A1FB !important;}
	.salesIconLightGreen {color:#90d128 !important;}
	.salesIconRed {color:#EF5350 !important;}
	.salesIconLightRed {color:#FF7514 !important;}
	.salesIconLightTeal {color:#9bdbde !important;}
	.salesIconLightPink {color:#cfc0ed !important;}
	.salesIconLightYellow {color:#F8C73E !important;}
	.salesIconLightOrange {color:#FF8C1B !important;}
	.salesFinancialMacro {background-color:#66BB6A !important;color:#fff !important;}
	.salesFinancialMacro .salesLabel {opacity:0.8;}
	.salesFinancialMacro .salesLight {color:#fff !important;}
	.salesPerformanceMacro {background-color:#78909C !important;color:#fff !important;}
	.salesPerformanceMacro .salesLabel {opacity:0.8;}
	.salesPerformanceMacro .salesLight {color:#fff !important;}
	.salesIconPerformanceBad {color:#D50000 !important;}
	.salesIconPerformanceGood {color:#43A047 !important;}
	.salesIconBad {color:#D50000 !important;}
	.salesIconGood {color:#00C853 !important;}
	.salesIconNormal {color:#78909C !important;}
	.salesIconPerformanceNew {background-color:#CEAA35 !important;color:#fff !important;}
	@media only screen and (max-width: 732px) {
		#salesPipelineTabs .label {width:98% !important;}


		#softwareUsage_filterForm {width:98% !important;}
		#softwareUsage_table {width:98% !important;}
		#softwareUsage_table thead {display:none !important;}
		#softwareUsage_table tfoot td label {width:98% !important;text-align:center !important;}
		
		#mobileNoteHeader {display:none !important;}
	}

	.pipeLineContainer .dragulaCol {
		border: 10px solid white;
		background-color: #EFEFEF;
	}
	@media print {

		.prod-list thead {
			font-size:10px !important;
		}

		#orderNotePrintImage {
			display:none !important;
		}

		#orderNotePrint {
			opacity:1 !important;
			color:#000 !important;
		}
		.customerFlag {display: none !important;}
	}

	/* order manager/chart adjustments for mobile */
	@media only screen and (max-width: 1224px) {
		#om_container {width:98% !important;}
		#chart_container {width:98% !important;}
		.chartVertDivider {display:none;}
	}
		
	@media only screen and (max-width: 980px) {
		#menuSearchButton {display:none !important;}
	}

	/* mobile/tablet scroll snapping for the pipelines */
	@media only screen and (max-width: 932px) {
		
		.pipeLineContainer {
			--n: 1;
			display: flex;
			align-items: center;
			overflow-y: hidden;
			width: 100%;
			width: calc(var(--n)*100%);
			min-height: 100vh !important;
			transform: translate(calc(var(--i, 0)/var(--n)*-100%));
		}

		.pipeLineContainer .dragulaCol {
			width: 100% !important;
			width: calc(100%/var(--n)) !important;
			user-select: none;
			border-right: none;
		}
	}

	/* computer scrolling of the pipeline */
	@media only screen and (min-width: 932px) {
		.pipeLineContainer {
			overflow-x: auto !important;
			overflow-y: auto !important;
			flex-wrap: nowrap !important;
		}

		.pipeLineContainer .dragulaCol {
			min-width: 20rem;
			padding-left: 0 !important;
			padding-right: 0 !important;
		}

		.pipeLineContainer .dragulaCol .dragulaColumnTitle {
			padding: 0 10px;
		}

		.pipeLineContainer .dragulaCol .dragulaMinBox {
			height: 75vh !important;
			overflow-y: auto !important;
			overflow-x: hidden !important;
			padding: 0 10px;
		}
	}

	/* DRAGULAAA */
	.dragulaDitch {cursor:pointer !important;}
	.dragulaWitch {color:#EF5350 !important;}
	.dragulaWheel {margin:10px !important;}
	.dragula_UserContainer {border-bottom:5px solid #fff;border-right:0px solid #F1E3DE;margin-bottom:5px;}
	.dragula_UserName {font-weight:bolder;cursor:pointer !important;}
	.dragula_UserNote {font-size:10px;font-weight:lighter;}
	.dragula_actionDate {font-size:10px;font-weight:lighter;}
	.dragula_UserDeal {font-size:13px;font-weight:lighter;display:none;}
	.dragulaMinBox {min-height:100px !important;}
	.ex-over {background-color:#F1E3DE !important;}
	.container .ex-moved {background-color: #ffff99;}
	.container.ex-over {background-color: rgba(255, 255, 255, 0.3);}
	.dragulaDivider {margin:0.5rem 0 !important;}
	.dragula_Needed {margin-top:5px !important;cursor:pointer !important;}
	.activityModalLabel {text-align:center !important;}
	.dragula_UserStatusNoteFeedIcon {opacity:0.2 !important;cursor:pointer !important;}
	.pipelineNav {margin-right:10px !important;}
	.dragulaRed {color:#DB2828 !important;}
	.dragulaGreen {color:#21BA45 !important;}
	.dragulaGrey {color:#767676 !important;}
	.whitebg {background-color: #fff !important;}
	/* End of DRAGULA */

	.visible_OrderNote {
		background-color:#FFF8DC !important;
		cursor:help !important;
	}

	.ui.form textarea.retentionTextarea {
		padding:0px !important;
	}

	.ui.form textarea.cwFormTextarea,
	.ui.form input.cwFormTextarea {
		border-left:none;
		border-top:none;
		border-right:none;
		border-radius:0;
		border-bottom:1px solid #000;
		padding:0 0 0 5px;
		resize:none;
	}

	.ui.form label.cwFormLabel{
		margin-top:20px;
		margin-bottom:10px;
	}

	.ui.form label.cwFormCheckboxLabel{
		font-size:1.2em;
		font-style:italic;
		margin-right:40px;
		padding-left:25px;
	}

	.ui.form label.cwFormCheckboxAgreeLabel{
		font-size:1.15em;
	}

	.ui.form div.cwFormCheckboxGroupParent{
		margin-bottom:35px !important;
	}

	.ui.form div.cwFormCheckboxGroup{
		margin-top:10px !important;
	}

	#dynamicEmail html,
  #dynamicEmail body,
  #dynamicEmail table,
  #dynamicEmail tbody,
  #dynamicEmail tr,
  #dynamicEmail td,
  #dynamicEmail div,
  #dynamicEmail p,
  #dynamicEmail ul,
  #dynamicEmail ol,
  #dynamicEmail li,
  #dynamicEmail h1,
  #dynamicEmail h2,
  #dynamicEmail h3,
  #dynamicEmail h4,
  #dynamicEmail h5,
  #dynamicEmail h6 {
    margin: 0;
    padding: 0;
  }

  #dynamicEmail body {
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
  }

  #dynamicEmail table {
    border-spacing: 0;
    mso-table-lspace: 0pt;
    mso-table-rspace: 0pt;
  }

  #dynamicEmail table td {
    border-collapse: collapse;
    border-radius: 10px;
  }

  #dynamicEmail img {
    -ms-interpolation-mode: bicubic;
  }

  #dynamicEmail h1,
  #dynamicEmail h2,
  #dynamicEmail h3,
  #dynamicEmail h4,
  #dynamicEmail h5,
  #dynamicEmail h6 {
    font-family: Arial;
  }

  #dynamicEmail h1 {
    font-size: 28px;
    font-weight:normal;
    line-height: 32px;
    padding-top: 10px;
    padding-bottom: 24px;
  }


  #dynamicEmail h2 {
    font-size: 24px;
    line-height: 28px;
    padding-top: 10px;
    padding-bottom: 20px;
  }

  #dynamicEmail h3 {
    font-size: 20px;
    line-height: 24px;
    padding-top: 10px;
    padding-bottom: 16px;
  }

  #dynamicEmail h4 {
    font-size: 18px;
    line-height: 21px;
    padding-top: 10px;
    padding-bottom: 12px;
  }

  #dynamicEmail h5 {
    font-size: 16px;
    line-height: 21px;
    padding-top: 10px;
    padding-bottom: 8px;
  }

  #dynamicEmail h6 {
    font-size: 14px;
    line-height: 21px;
    padding-top: 10px;
    padding-bottom: 8px;
  }

  #dynamicEmail td, #dynamicEmail p {
    font-size: 16px;
    line-height: 20px;
    font-family: Arial;
    padding:2px;
  }

  #dynamicEmail a {
    font-size: 16px;
    line-height: 20px;
    font-family: Arial;
    color:#3FA6CB;
    font-weight:bold;
  }

  #dynamicEmail .emailButton {
    background-color:#3FA6CB;
    color:#fff !important;
    display:block;
    padding:20px;
    border-radius: 5px;
    width:500px;
    text-decoration: none;
    font-family: Arial;
    margin-top:20px;
    letter-spacing: -1px;
    border:2px solid #000;
    text-align:center;
    font-size:2em;
  }

  @media all and (max-width: 599px) {
    #dynamicEmail .container600 {
      width: 100%;
    }
  }

@keyframes lds-flickr-opacity {
  0% {
    -webkit-transform: translate(0 0);
    transform: translate(0 0);
    opacity: 1;
  }
  49.99% {
    opacity: 1;
    -webkit-transform: translate(80px, 0);
    transform: translate(80px, 0);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(80px, 0);
    transform: translate(80px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-webkit-keyframes lds-flickr-opacity {
  0% {
    -webkit-transform: translate(0 0);
    transform: translate(0 0);
    opacity: 1;
  }
  49.99% {
    opacity: 1;
    -webkit-transform: translate(80px, 0);
    transform: translate(80px, 0);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(80px, 0);
    transform: translate(80px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes lds-flickr {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(80px, 0);
    transform: translate(80px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-webkit-keyframes lds-flickr {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(80px, 0);
    transform: translate(80px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.lds-flickr {
  position: relative;
}
.lds-flickr div {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  top: 60px;
  left: 20px;
}
.lds-flickr div:nth-child(1) {
  background: #0b1d27;
  -webkit-animation: lds-flickr 1s linear infinite;
  animation: lds-flickr 1s linear infinite;
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.lds-flickr div:nth-child(2) {
  background: #72cbfd;
  -webkit-animation: lds-flickr 1s linear infinite;
  animation: lds-flickr 1s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.lds-flickr div:nth-child(3) {
  background: #0b1d27;
  -webkit-animation: lds-flickr-opacity 1s linear infinite;
  animation: lds-flickr-opacity 1s linear infinite;
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.lds-flickr {
  width: 50px !important;
  height: 50px !important;
  -webkit-transform: translate(-25px, -25px) scale(0.25) translate(25px, 25px);
  transform: translate(-25px, -25px) scale(0.25) translate(25px, 25px);
}

.checkBoxOpacity {
	opacity:0.7;
}

.left-aligned {
	text-align: left !important;
}

.ui.fluid.vertical.buttons,
.ui.fluid.vertical.buttons > .button {
	justify-content: center;
}

.gradPurpz {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4486a1+0,553d92+100 */
background: #4486a1 !important; /* Old browsers */
background: -moz-linear-gradient(left, #4486a1 0%, #553d92 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(left, #4486a1 0%,#553d92 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #4486a1 0%,#553d92 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4486a1', endColorstr='#553d92',GradientType=0 ) !important; /* IE6-9 */
color:#eee !important;
}

.pointerHover:hover {cursor:pointer !important;-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */}

.errorCell {background-color:#B00020 !important;color:#fff !important;opacity:0.1 !important;}

.smallGuy {display:block !important;font-size:10px;font-weight:normal;}

#searchInput {color:#fff !important;}

.background-2 { 
background: #092756;
 background: -moz-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%),-moz-linear-gradient(top, rgba(57,173,219,.25) 0%, rgba(42,60,87,.4) 100%), -moz-linear-gradient(-45deg, #670d10 0%, #092756 100%);
 background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -webkit-linear-gradient(top, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -webkit-linear-gradient(-45deg, #670d10 0%,#092756 100%);
 background: -o-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -o-linear-gradient(top, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -o-linear-gradient(-45deg, #670d10 0%,#092756 100%);
 background: -ms-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -ms-linear-gradient(top, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -ms-linear-gradient(-45deg, #670d10 0%,#092756 100%);
 background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), linear-gradient(to bottom, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), linear-gradient(135deg, #670d10 0%,#092756 100%);
 }
.externalLink {text-decoration: underline !important;}
.frmb-control .icon-autocomplete, .frmb-control .icon-button, .frmb-control .icon-file, .frmb-control .icon-hidden, .frmb-control .icon-hidden {
	display: none;
}
.dropdown-label {color:#F5F5F5 !important;}
.timeTracker_text {color:#000 !important;font-size:16px !important;display:block !important;}
.tinyTimeTracker_text {color:#000 !important;font-size:12px !important;display:block !important;}
.blink_me {
  animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.timeTrackerNoteContainer {color:#000 !important;}

.dashboardLink {
	background-color:#263238 !important;
}
.crmLinkEnable {
	background-color:#689F38 !important;
}
.crmLinkDisable {
	background-color:#00796B !important;
}
@media only screen and (max-width: 932px) {
	#timeLogText {display:none !important;}
	.email_editor {
		height: 60vh !important;
	}
	.small_editor {
		min-height: 200px !important;
	}
}
@media only screen and (min-width: 933px) {
	.email_editor {
		height: 40vh !important;
	}
	.small_editor {
		min-height: 200px !important;
	}
}
.masonry.grid {
  display: block;
}
@media only screen and (min-width: 768px) {
	.masonry.grid {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;
	}
	.ui.doubling.masonry.grid[class*="two column"] > .column {
		width: 100% !important;
	}
}
.pac-container, .pac-item{
	z-index: 2147483647 !important;
}
.hover:hover {
  background: #E0E0E0;
  cursor: pointer;
}
tr.active {
  background: #E0E0F0;
}
td.error a {color: #9F3A38;}
/*.ui.main.container {margin-top:  3.5em !important; }*/
.niceCleanPink {color: #ec407a !important;}
.niceCleanPurple {color: #7E57C2 !important;}
.niceCleanBlue {color: #5C6BC0 !important;}
.niceCleanGreen {color: #66BB6A !important;}
.niceCleanLghtGreen {color: #9CCC65 !important;}
.niceCleanOrange {color: #FF9800 !important;}
.description {text-align: center;}
.description p.mid {padding-top: 5px;}
.ui.button.normalPinkButton {background-color: #ec407a;color: #eee !important;}
.ui.button.normalPurpleButton {background-color: #7E57C2;color: #eee !important;}
.ui.button.normalBlueButton {background-color: #5C6BC0;color: #eee !important;}
.ui.button.normalGreenButton {background-color: #66BB6A;color: #eee !important;}
.ui.button.normallghtGreenButton {background-color: #9CCC65;color: #eee !important;}
.ui.button.normalOrangeButton {background-color: #E65100;color: #eee !important;}
.purplePair {background-color: #7E57C2;color: #eee !important;}
.pinkPair {background-color: #ec407a;color: #eee !important;}
.indigoPair {background-color: #5C6BC0;color: #eee !important;}
.greenPair {background-color: #66BB6A;color: #eee !important;}
.lghtgreenPair {background-color: #9CCC65;color: #eee !important;}
.orangePair {background-color: #FF9800;color: #333 !important;}
.description h1 {margin-bottom: 0px;padding-bottom: 0px;}
.metricDue {font-weight: bold;padding: 5px;background-color: #9F3A38;color: #FFF6F6;border-radius: 5px;}
.purpleBad {font-weight: bold;padding: 5px;background-color: #512DA8;color: #eee;border-radius: 5px;}
.indigoBad {font-weight: bold;padding: 5px;background-color: #303F9F;color: #eee;border-radius: 5px;}
.greenBad {font-weight: bold;padding: 5px;background-color: #388E3C;color: #eee;border-radius: 5px;}
.lghtgreenBad {font-weight: bold;padding: 5px;background-color: #689F38;color: #eee;border-radius: 5px;}
.orangeBad {font-weight: bold;padding: 5px;background-color: #FF9800;color: #eee;border-radius: 5px;}
.triggerRevenueModal {cursor: pointer;color: #4183C4; border-bottom: 1px dotted #4183C4;}

.triageSelect{
	cursor: pointer;
    word-wrap: break-word;
    line-height: 1em;
    white-space: normal;
    outline: 0;
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
    min-width: 14em;
    height:20px !important;
    background: #fff;
    display: inline-block;
    padding: 0.78571429em 2.1em 0.78571429em 1em;
    color: rgba(0,0,0,.87);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(34,36,38,.15);
    border-radius: 0.28571429rem;
    -webkit-transition: width .1s ease,-webkit-box-shadow .1s ease;
    transition: width .1s ease,-webkit-box-shadow .1s ease;
    transition: box-shadow .1s ease,width .1s ease;
    transition: box-shadow .1s ease,width .1s ease,-webkit-box-shadow .1s ease;
}

/*only accept signatures in landscape mode*/
@media only screen and (max-width: 991px) {
	#signature-pad {display: block;}
	#signature-name {display: block;}
	#signature-button {display: block;}
	.modals.dimmer .ui.scrolling.modal {
		margin: 0 !important;
	}
	.signature-pad canvas {
		width: 100%;
		height: calc(100vh - 220px);
	}
}
@media only screen and (min-width: 992px) {
	#signature-pad {display: block;}
	#signature-name {display: block;}
	#signature-button {display: block;}
	.signature-pad canvas {
		height: 300px;
		width: 100%;
	}
	.signature-pad {
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 780px) {
	.noteIcon{
		display:none;
	}
}
.signature-pad {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
		  flex-direction: column;
  font-size: 10px;
  width: 100%;
  height: 100%;
  border: 1px solid #e8e8e8;
  background-color: #fff;
  border-radius: 4px;
  padding: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
}
.signature-pad::before,
.signature-pad::after {
  position: absolute;
  z-index: -1;
  content: "";
  width: 40%;
  height: 10px;
  bottom: 10px;
  background: transparent;
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
}
.signature-pad::before {
  left: 20px;
  -webkit-transform: skew(-3deg) rotate(-3deg);
		  transform: skew(-3deg) rotate(-3deg);
}
.signature-pad::after {
  right: 20px;
  -webkit-transform: skew(3deg) rotate(3deg);
		  transform: skew(3deg) rotate(3deg);
}
.signature-pad--body {
  position: relative;
  -webkit-box-flex: 1;
	  -ms-flex: 1;
		  flex: 1;
  border: 1px solid #f4f4f4;
}
.signature-pad--footer {
  color: #C3C3C3;
  text-align: center;
  font-size: 1.2em;
  margin-top: 8px;
}
.signature-pad--actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
	  -ms-flex-pack: justify;
		  justify-content: space-between;
  margin-top: 8px;
}
.hideWrapTopMenuLink {
	display:none !important;
}