@charset "utf-8";
.bg-erumo{
  background-color: #8487c1;
}
.bg-erumo, .badge-erumo{
  background-color: #8487c1;
  color: white;
}
.alert-erumo{
  color: #8487c1;
  border-color: #8487c1;
  background-color: #dee0fc;
}
.text-erumo{
  color: #8487c1;
}
.table-erumo{
  background-color: #8487c1;
}
.border.border-erumo, .border-erumo{ border-color: #8487c1 !important;}
.border-left.border-erumo, .border-left-erumo{ border-left-color: #8487c1 !important;}
.border-right.border-erumo, .border-right-erumo{ border-right-color: #8487c1 !important;}
.border-bottom.border-erumo, .border-bottom-erumo{ border-bottom-color: #8487c1 !important;}
.border-top.border-erumo, .border-top-erumo{ border-top-color: #8487c1 !important;}

.arrow_box {
	position: relative;
  border-radius: 6px;
}

@media screen and (min-width: 576px){
  .arrow_box:after {
  	right: 100%;
  	top: 50%;
  	border: solid transparent;
  	content: "";
  	height: 0;
  	width: 0;
  	position: absolute;
  	pointer-events: none;
  	border-color: rgba(0, 187, 230, 0);
  	border-right-color: #8487c1;
  	border-width: 8px;
  	margin-top: -8px;
  }
}

@media screen and (max-width: 575.99999px){
  .arrow_box:after {
  	bottom: 100%;
  	left: 50%;
  	border: solid transparent;
  	content: "";
  	height: 0;
  	width: 0;
  	position: absolute;
  	pointer-events: none;
  	border-color: rgba(0, 187, 230, 0);
  	border-bottom-color: #8487c1;
  	border-width: 12px;
  	margin-left: -12px;
  }
}

.order-arrow {
	position: relative;
  margin-bottom: 1.5rem;
}
.order-arrow:after {
	top: 105%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #bbb;
	border-width: 15px;
	margin-left: -15px;
}