card/merchant/assets/scss/utilities/_typography.scss

textarea {
	overflow: auto;
	resize: vertical;
}
/*------- Alignments & values-------*/

.text-monospace {
	font-family: Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-justify {
	text-align: justify !important;
}
.text-nowrap {
	white-space: nowrap !important;
}
.text-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.text-start {
	text-align: start !important;
}
.text-end {
	text-align: end !important;
}
.text-center {
	text-align: center !important;
}
@media (min-width: 576px) {
	.text-sm-left {
		text-align: start !important;
	}
	.text-sm-right {
		text-align: end !important;
	}
	.text-sm-center {
		text-align: center !important;
	}
}
@media (min-width: 768px) {
	.text-md-left {
		text-align: start !important;
	}
	.text-md-right {
		text-align: end !important;
	}
	.text-md-center {
		text-align: center !important;
	}
}
@media (min-width: 992px) {
	.text-lg-left {
		text-align: start !important;
	}
	.text-lg-right {
		text-align: end !important;
	}
	.text-lg-center {
		text-align: center !important;
	}
}
@media (min-width: 1280px) {
	.text-xl-left {
		text-align: start !important;
	}
	.text-xl-right {
		text-align: end !important;
	}
	.text-xl-center {
		text-align: center !important;
	}
}
.text-lowercase {
	text-transform: lowercase !important;
}
.text-uppercase {
	text-transform: uppercase !important;
}
.text-capitalize {
	text-transform: capitalize !important;
}
.text-white-transparent {
	color: $white !important;
	opacity: 0.9;
}
.text-white-transparent-1 {
	color: $white !important;
	opacity: 0.5;
}
a.text-primary {
	&:hover, &:focus {
		color: #4e12b6 !important;
	}
}
.text-secondary {
	color: $secondary !important;
}
a.text-secondary {
	&:hover, &:focus {
		color: $secondary !important;
	}
}
.text-success {
	color: $success !important;
}
a.text-success {
	&:hover, &:focus {
		color: #448700 !important;
	}
}
.text-info {
	color: $info !important;
}
a.text-info {
	&:hover, &:focus {
		color: #1594ef !important;
	}
}
.text-warning {
	color: $warning !important;
}
a.text-warning {
	&:hover, &:focus {
		color: #c29d0b !important;
	}
}
.text-danger {
	color: $danger !important;
}
a.text-danger {
	&:hover, &:focus {
		color: #d22827 !important;
	}
}
.text-light {
	color: #ebedef !important;
}
a.text-light {
	&:hover, &:focus {
		color: #dae0e5 !important;
	}
}
.text-dark {
	color: #100f15 !important;
}
a.text-dark {
	&:hover, &:focus {
		color: $primary-1 !important;
	}
}
.text-body {
	color: #495057 !important;
}
.text-muted {
	color: #74829c!important;
}
.text-black-50 {
	color: $black-5 !important;
}
.text-white-50 {
	color: $white-5 !important;
}
.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}
.text-wrap {
	font-size: 14px;
	line-height: 1.66;
	> {
		:first-child {
			margin-block-start: 0;
		}
		:last-child {
			margin-block-end: 0;
		}
		h1, h2, h3, h4, h5, h6 {
			margin-block-start: 1em;
		}
	}
}
/*----- Typography ------*/

.heading-inverse {
	background-color: #333;
	color: $white;
	padding: 5px;
}
.heading-success {
	background-color: #1643A3;
	color: $white;
	padding: 5px;
}
.heading-info {
	background-color: $azure;
	color: $white;
	padding: 5px;
}
.heading-warning {
	background-color: #ecb403;
	color: $white;
	padding: 5px;
}
.heading-danger {
	background-color: #c21a1a;
	color: $white;
	padding: 5px;
}
.text-inherit {
	color: inherit !important;
}
.text-default {
	color: #181c31 !important;
}
.text-muted-dark {
	color: #1c232f !important;
}
.text-fb-blue {
	color: #234684 !important;
}
.text-blue {
	color: #467fcf !important;
}
.text-indigo {
	color: $indigo !important;
}
.text-purple {
	color: #867efc !important;
}
.text-lightpink-red {
	color: #ff7088 !important;
}
.text-lightgreen {
	color: #26eda2 !important;
}
.text-pink {
	color: #ec82ef !important;
}
.text-red {
	color: #c21a1a !important;
}
.text-orange {
	color: $orange !important;
}
.text-yellow {
	color: #ecb403 !important;
}
.text-green {
	color: $green !important;
}
.text-green-1 {
	color: #0dff01 !important;
}
.text-teal {
	color: #2bcbba !important;
}
.text-cyan {
	color: #17a2b8 !important;
}
.text-white {
	color: $white !important;
}
.text-gray {
	color: #969696 !important;
}
.text-gray-dark {
	color: $dark !important;
}
.text-azure {
	color: $azure !important;
}
.text-lime {
	color: $lime !important;
}
textarea[cols] {
	height: auto;
}
.text-end {
	text-align: end;
}
.text-transparent {
	color: #332525;
	opacity: 0.5;
}
.text-facebook {
	color: #3b5998;
}
.text-google-plus {
	color: #dd4b39;
}
.text-twitter {
	color: #1da1f2;
}
.text-pinterest {
	color: #bd081c;
}
textarea.form-control {
	height: auto;
}
.text-primary-gradient {
	text-transform: uppercase;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.text-secondary-gradient {
	text-transform: uppercase;
	background: $secondary-gradient;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	background: linear-gradient(to right, #cd489c 0%, #ce4ba4 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.text-warning-gradient {
	text-transform: uppercase;
	background: $warning-gradient;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.text-info-gradient {
	text-transform: uppercase;
	background: linear-gradient(to right bottom, #1e63c3 0%, #00f2fe 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.text-danger-gradient {
	text-transform: uppercase;
	background: linear-gradient(to right, #FF416C 0%, #FF4B2B 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.text-success-gradient {
	text-transform: uppercase;
	background: $success-gradient;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.text-facebook-gradient {
	text-transform: uppercase;
	background: linear-gradient(to right bottom, #1e3c72 0%, #3d6cbf 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.text-twitter-gradient {
	text-transform: uppercase;
	background: linear-gradient(to right bottom, #1e63c3 0%, #00f2fe 100%);
	-webkit-background-clip: text;
	 background-clip: text;
	-webkit-text-fill-color: transparent;
}
/*--text-shadow--*/

.text-success-shadow {
	text-shadow: 0 5px 10px rgba(19, 191, 166, 0.3) !important;
}
.text-info-shadow {
	text-shadow: 0 5px 10px rgba(7, 116, 248, 0.3) !important;
}
.text-warning-shadow {
	text-shadow: 0 5px 10px rgba(255, 162, 43, 0.3) !important;
}
.text-danger-shadow {
	text-shadow: 0 5px 10px rgba(255, 56, 43, 0.3) !important;
}
.text-pink-shadow {
	text-shadow: 0 5px 10px rgba(213, 109, 252, 0.3) !important;
}
.text-purple-shadow {
	text-shadow: 0 5px 10px rgba(96, 77, 216, 0.3) !important;
}
.text-dark-shadow {
	text-shadow: 0 5px 10px $black-3 !important;
}
.text-white-shadow {
	text-shadow: 0 5px 10px $white-3 !important;
}
.text-secondary-shadow {
	text-shadow: 0 5px 10px rgba(130, 207, 242, 0.3);
}