.bruby-text {
	color:  #c1272d !important;
}

.login-modal {
	min-height:  0vh !important;
}

/* table width */
.width-10perc {
	width:  10%;
}

.width-5perc {
	width:  5%;
}

.width-15perc {
	width:  15%;
}

.width-20perc {
	width:  20%;
}

.width-30perc {
	width:  30%;
}

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

/*dashboard updates */
.stats-icon-smaller {
	font-size:  85px !important;
}

.turbo-progress-bar {
	height: 8px;
	background-color: #c1272d;
}

/*override text decoration links */
a{
	text-decoration:none !important;

}

/*invoice order and contract colors*/
.invoice-light {
	background:  #ffbe76 !important;
}

.invoice-dark {
	background: #d35400 !important;
}

.contract-light {
	background:  #74b9ff !important;
}

.contract-dark {
	background:  #0984e3 !important;
}

.order-light {
	background:  #2bcbba !important;
}

.input-block {
	display:  block;
}

.small-text-10px {
	font-size:  10px !important;
}
.fa-google {
  background: 
    linear-gradient(to bottom left,transparent 49%,#fbbc05 50%) 0 25%/48% 40%,
    linear-gradient(to top    left,transparent 49%,#fbbc05 50%) 0 75%/48% 40%,
  
    linear-gradient(-40deg ,transparent 53%,#ea4335 54%),
    linear-gradient( 45deg ,transparent 46%,#4285f4 48%),
    #34a853;
  background-repeat:no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.login.login-v1 {
	background:  white !important;
}

.form-floating textarea.custom-textarea {
  height: auto; /* Allow textarea to adjust based on content */
  min-height: 200px; /* Minimum height */
  line-height: 1.25; /* Ensure consistent line height */
  padding-top: 1.625rem; /* Adjust padding to accommodate the label */
}

/* Keep label at the top for textarea */
.form-floating textarea.custom-textarea ~ label {
  position: absolute;
  top: 0.5rem;
  left: 0.75rem;
  padding: 0 0.75rem;
  font-size: 1rem;
  color: #6c757d;
  background: #fff; /* Add background color to prevent overlap */
  pointer-events: none; /* Prevent interaction with the label */
  transition: all 0.1s ease-in-out;
}

/* Adjust label when textarea is focused or has content */
.form-floating textarea.custom-textarea:not(:placeholder-shown) ~ label,
.form-floating textarea.custom-textarea:focus ~ label {
  top: 0;
  font-size: 0.75rem;
  color: #495057;
}






@media only screen and (max-width: 1600px) {
  table {
    font-size: 12px !important;
  }
}

@media only screen and (min-width: 1581px) {
	.city-info-height {
		min-height: 184px;
	}

	.fs-1-dynamic {
		font-size: 2.1875rem !important;
	}
}

@media only screen and (max-width: 1580px) {
	.fs-1-dynamic {
		font-size: 1.75rem !important;
	}
}


@media only screen and (min-width: 1200px) and (max-width: 1580px ){
.text-size-075 {
		font-size:  0.75rem !important;
	}

	.city-info-height {
		min-height: 195px;
	}

}