/** usage: Standard Origenate icon formatting **/
.text-icon-spacing-right {
    margin-right:30px;
}

/** green **/
span.selected-icon, span.info-success-icon {
	color: #4BCD3E;
}

/** yellow **/
span.info-warn-icon {
	color: #FFC845;
}

/** blue **/
span.info-attention-icon {
	color: #234FAC;
}

/** red **/
span.info-error-icon {
	color: #DE1B36;
}

/* the small icon is 18px, so if we pad the visible we need to pad it 25-18 px */
span.padded-icon-small-hidden {
	padding-right: 25px;
}

span.padded-icon-small {
	padding-right: 7px;
	padding-left: 7px;
}

.field-icon {
	vertical-align:bottom;
	width:16px;
	height:16px;
	border:0;
}

.horizontal-separator {
	color: #012834; 
	display: block; 
	margin-top: 0.0em; 
	margin-bottom: 0.5em; 
	margin-left: auto; 
	margin-right: auto; 
	border-style: inset; 
}

.origenate-icon-view-only {
	cursor: auto;
	color: #012834;
	vertical-align: bottom;
}

.origenate-icon {
	cursor: pointer;
	color: #012834;
	vertical-align: middle;
}

.origenate-icon-disabled {
	color: #012834;
	vertical-align: middle;
}

.origenate-icon-disabled-trade-screen {
	color: #234FAC;
	vertical-align: middle;
}

.origenate-icon-standard-align {
	cursor: pointer;
    color: #012834;
}

span.icon-clickable:hover {
	cursor: pointer;
}

span.white-icon {
	color: white;
}


/* some icons need extra help getting into position, currently this is used in request additional bureau screen  */
.parent-container-position {
	position: relative;
}
.origenate-icon-view-only.child-container-position {
	position: absolute;
	top: -1px
}

.blink {
  animation: blink 1s steps(1, end) infinite;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}