input:disabled {
	background: #ccc !important;
}

select:disabled {
	background: #ccc !important;
}

.highlight-icon i:hover {
	color: #64b0f2
}

.spinner {
	height: 100%;
	width: 100%;
	background-color: #fff;
	position: fixed;
	z-index: 999999;
	top: 0
}

.spinner .ball-scale {
	left: 50%;
	top: 50%;
	position: absolute;
	height: 50px;
	width: 50px;
	margin: -25px 0 0 -25px
}

.spinner .ball-scale .contain {
	height: 100%;
	width: 100%
}

.spinner .ball-scale .contain .ring {
	display: none
}

.spinner .ball-scale .contain .ring:first-child {
	display: block;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	padding: 10px;
	border: 3px solid transparent;
	border-left-color: #01a9ac;
	border-right-color: #01a9ac;
	-webkit-animation: round-rotate 1.5s ease-in-out infinite;
	animation: round-rotate 1.5s ease-in-out infinite
}

.spinner .ball-scale .contain .ring:first-child .frame {
	height: 100%;
	width: 100%;
	border-radius: 50%;
	border: 3px solid transparent;
	border-left-color: #0ac282;
	border-right-color: #0ac282;
	-webkit-animation: round-rotate 1.5s ease-in-out infinite;
	animation: round-rotate 1.5s ease-in-out infinite
}

a.highlight {
	text-decoration: none;
	color: #01a9ac;
	font-weight: bold;
	border-bottom: 2px solid;
}

a.highlight:hover {
	text-decoration: none;
	color: #007bff;
}

@media only screen and (max-width: 600px) {
	.small-padding-small-devices {
		padding-left: 5px;
		padding-right: 5px;
	}
}

.shadow-buy {
	box-shadow: 0px 0px 10px 3px rgba(17, 240, 36, 0.8);
}

.shadow-sell {
	box-shadow: 0px 0px 10px 3px rgba(252, 18, 18, 0.8);
}

.color-azure {
	background-color: #F0FFFF !important;
}

.color-mint-green {
	background-color: #e0fee0 !important;
}

.color-lavender {
	background-color: #E6E6FA !important;
}

.color-old-lace {
	background-color: #FDF5E6 !important;
}

.color-bg-lightblue {
    background-color: #d7ecfc;
}

.color-bg-lightyellow {
    background-color: #fdf5c9;
}

.color-long {
	color: #1D781D;
}

.color-short {
	color: #CF000F;
}

.color-neutral {
	color: #3455DB;
}

.color-order-status-open {
	color: #8A2BE2;
}

.color-order-status-complete {
	color: #005500;
}

.color-order-status-cancelled {
	color: #4B6A88;
}

.color-order-status-rejected {
	color: #AA2E00;
}

.color-order-status-trigger-pending {
	color: #8A2BE2;
}

.color-order-status-unknown {
	color: #554800;
}

.color-blue {
	color: #0000FF;
}

.color-bondi-blue {
	color: #007986;
}

.color-orange {
	color: #FF6F00;
}

.highlight-text {
    color: #ffdd57; /* Yellow Highlight for Emphasis */
}

.color-read-brown {
	color: #804600;
}

.color-bg-azureish-white {
	background-color: #eef1f5;
}

.color-bg-odd {
	background-color: rgba(0, 0, 0, .05);
}

/* Only affects buttons with this specific class */
.btn-tight-header {
    line-height: 1;
}

.btn-marketwatch {
	padding: 1px 9px;
	font-size: 13px;
}

.btn-oauth-login {
	padding: 4px 13px;
	font-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder
	{
	color: #fff;
}

.color-highlight-low {
	background-color: #FFFBDB !important;
}

li.ui-state-active a {
	font-weight: bold;
}

li.ui-state-active a:hover {
	font-weight: bold;
}

.contrast-green {
	color: #0a4705;
	background-color: #d2fbd0;
}

/* Footer Styles */
footer {
	background-color: #f8f8f8;
	padding: 40px 0;
	color: #333;
	text-align: center;
}

.footer-content {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.company-info, .whitelabel-owner-info {
	margin-bottom: 20px;
}

.whitelabel-owner-info h4 {
	margin-top: 20px;
}

.footer-bottom {
	margin-top: 20px;
	font-size: 14px;
}

.font-weight-600 {
	font-weight: 600 !important;
}

.font-weight-500 {
	font-weight: 500 !important;
}

.swal2-popup {
  font-size: 1em !important;
}

.congrats-message {
    background: linear-gradient(135deg, #6a11cb, #2575fc); /* Purple to Blue Gradient */
    color: white;
    font-weight: bold;
    padding: 16px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    display: inline-block;
}

.congrats-message p {
    margin: 5px 0;
    font-size: 1.2rem;
}

.min-vh-90 {
  min-height: 90vh;
}

/* Different types of flash messages */

/* 1. Default flash message */

@keyframes app-flash {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

.app-flash-message {
  animation: app-flash 1s ease-in-out 3;
}

/* 2. Color flash message */

@keyframes app-color-flash {
  0%, 100% { background-color: #cce5ff; }
  50% { background-color: #007bff; color: white; }
}

.app-color-flash-message {
  animation: app-color-flash 1s ease-in-out 3;
}

/* 3. Shadow flash message */

@keyframes app-shadow-flash {
  0%, 100% { box-shadow: none; }
  50% { box-shadow: 0 0 10px 3px #007bff; }
}

.app-shadow-flash-message {
  animation: app-shadow-flash 1s ease-in-out 3;
}

/* 1. Scale flash message */

@keyframes app-scale-flash {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); }
}

.app-scale-flash-message {
  animation: app-scale-flash 0.5s ease-in-out 3;
}

@keyframes app-border-flash {
  0%, 100% { border: 2px solid transparent; }
  50% { border: 2px solid red; }
}

.app-border-flash-message {
  animation: app-border-flash 1s ease-in-out 3;
}

button:disabled,
button[disabled] {
  opacity: 0.5 !important;         /* Make it look faded */
  cursor: not-allowed !important;  /* Show it's not clickable */
  filter: grayscale(100%) !important;  /* Optional: adds a "dimmed" look */
  box-shadow: none !important;     /* Remove hover-ish shadows */
  border-color: #999 !important;   /* Lighter border (optional) */
}

.nav-tabs .nav-link.active {
  background-color: #f4fcfc; /* ultra light brand tint */
}

@keyframes app-success-flash {
  0%, 100% { box-shadow: none; }
  50% { box-shadow: 0 0 5px 2px #ffae00; } /* Bright amber glow */
}

.app-success-flash-glow {
  animation: app-success-flash 3s infinite;
}