/*-----Badges-----*/

.btn .badge {
	position: relative;
	inset-block-start: -1px;
  }
  
 
  .badge {
	display: inline-block;
	padding-block-start: 3px !important;
	padding-inline-end: 6px !important;
	padding-block-end: 2px !important;
	padding-inline-start: 6px !important;
	font-size: 11px;
	font-weight: 400;
	line-height: 1.4;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 4px;
  }
  
  .rounded-pill {
	padding-inline-end: 1.2em;
	padding-inline-start: 1.2em;
	border-radius: 10rem;
  }
  
  .badgetext {
	float: $float-right;
  }
  
  .badge-default {
	background: rgb(84, 87, 95);
	color: $white;
  }
  
  .shape {
	border-style: solid;
	border-block-start-width: 0px;
  	border-inline-end-width: 70px;
	border-block-end-width: 40px;
   	border-inline-start-width: 0px;
	float: $float-right;
	height: 0px;
	width: 0px;
	-ms-transform: rotate(360deg);
  
	/* IE 9 */
	-o-transform: rotate(360deg);
  
	/* Opera 10.5 */
	-webkit-transform: rotate(360deg);
  
	/* Safari and Chrome */
	transform: rotate(360deg);
	border-color: rgba(255, 255, 255, 0) #d9534f rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  }
  
  .offer {
	background: $white;
	border: 1px solid #ddd;
	margin: 15px 0;
	overflow: hidden;
  }
  
  .offer-danger {
	border-color: #dc0441;
  
	.shape {
	  border-color: transparent #dc0441 transparent transparent;
	}
  }
  
  .offer-success {
	border-color: #2dce89;
  }
  
  .bg-success-light {
	background-color: rgba(29, 171, 45, 0.15) !important;
	color: #36b37e;
  }
  
  .bg-warning-light {
	background-color: rgba(255, 171, 0, 0.15) !important;
	color: $warning;
  }
  
  .bg-danger-light {
	color: #f94859;
	background-color: rgba(250, 92, 124, 0.15);
  }
  
  .bg-info-light {
	color: #0a7ffb;
	background-color: rgba(3, 85, 208, 0.15);
  }

  .bg-pink-light {
	color: $pink;
	background-color: rgba(236, 130, 239, 0.15);
  }

  .bg-cyan-light {
	color: $cyan;
	background-color: rgba(17, 110, 124, 0.15);
  }

  .bg-purple-light {
	color: $purple;
	background-color: rgba(170, 76, 242, 0.15);
  }

  .offer-success .shape {
	border-color: transparent #2dce89 transparent transparent;
  }
  
  .offer-default {
	border-color: #6b6f80;
  
	.shape {
	  border-color: transparent #6b6f80 transparent transparent;
	}
  }
  
  .offer-info {
	border-color: #45aaf2;
  
	.shape {
	  border-color: transparent #45aaf2 transparent transparent;
	}
  }
  
  .offer-warning {
	border-color: #ecb403;
  
	.shape {
	  border-color: transparent #ecb403 transparent transparent;
	}
  }
  
  .shape-text {
	color: $white;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	inset-inline-end: -47px;
	inset-block-start: 0px;
	white-space: nowrap;
	-ms-transform: rotate(30deg);
	-o-transform: rotate(360deg);
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
  }
  
  .offer-content {
	padding: 20px;
  }
  
  .bg-gradient-success {
	background-image: linear-gradient(to left, #43c47a 0%, #10ae23 100%);
	color: $white;
  }
  
  .bg-gradient-warning {
	background-image: linear-gradient(to left, #f8be8d 0%, #ff9a44 100%);
	color: $white;
  }
  
  .bg-gradient-danger {
	color: $white;
	background-image: linear-gradient(to left, #ff90a0 0%, #fc6076 100%);
  }
  
  .bg-gradient-info {
	color: $white;
	background-image: linear-gradient(to left, #58ebbb 0%, #0fd796 100%);
  }

  /*-----Badges-----*/