/* Please ❤ this if you like it! */
.bg-cover-dog {
  background-image: url("../../media/dog-2.png");
  background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-position: center center;
}

.bg-cover-cat {
  background-image: url("../../media/cat.png");
  background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-position: center center;
}

.bg-cover-cow {
  background-image: url("../../media/cow.png");
  background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-position: center center;
}

.bg-blue-cover{
  background-image: linear-gradient(rgba(0, 86, 147,0.9), rgba(0, 86, 147,0.9));
  z-index: 0;
}

.bg-red-cover{
  background-image: linear-gradient(rgba(168, 29, 42,0.9), rgba(168, 29, 42,0.9));
  z-index: 0;
}

.rounded-end-6{
   border-top-right-radius: 10px !important;
   border-bottom-right-radius: 10px !important;
}

.rounded-start-6{
   border-top-left-radius: 10px !important;
   border-bottom-left-radius: 10px !important;
}

.size-22{
  font-size: 22px;
}

.flip-checkbox[type="checkbox"]:checked,
.flip-checkbox[type="checkbox"]:not(:checked){
  position: absolute;
  left: -9999px;
}
.block-diff {
  display: block;
  mix-blend-mode: difference;
}
.card-3d-wrap {
  max-width: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  perspective: 1000px;
}
.card-3d-wrapper {
  width: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transition: transform 700ms 400ms ease-out; 
}
.card-front, .card-back {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 6px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.card-back {
  transform: rotateY(180deg);
}
.user-register-form:checked ~ .card-3d-wrap .card-3d-wrapper {
  transform: rotateY(180deg);
  transition: transform 700ms 400ms ease-out; 
}
.user-register-form-wrap{
  z-index: 1;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* ORDER VIEW */
.progresses{
	display: flex;
	align-items: center;
}
.line{
	width: 76px;
	height: 9px;
}
.line-muted{
	width: 76px;
	height: 9px;
}
.steps{
	display: flex;
	color: #fff;
	font-size: 18px;
	width: 60px;
	height: 60px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.check1{
	display: flex;
	color: #fff;
	font-size: 21px;
	width: 80px;
	height: 80px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.invoice-link{
	font-size: 15px;
}
.bg-muted{
	background-color:#fafafc;
}

.bg-disabled{
	background-color:#b0aeae;
}

.product-asset{
	
}

.product-asset:hover{
	opacity: 100 !important;
}