.cardBackground{
  background-position: center;
  background-image: url('../graphics/etc/ico_more.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}
.swal-button:not([disabled]):hover {
    background-color: #000000 !important;
}
#table-result{
	min-height: 180px;
	height: 180px;
	margin-bottom: 2em;
}

@media (max-width: 1199px){
	#table-result{
		min-height: 260px;
		height: 260px;
	}
}
@media (max-width: 767px){
	#table-result{
		min-height: 320px;
		height: 320px;
	}
}

/* loader --------------------------------- */
.ajax-loader-wrapper-product .load-wrapp {
  position: relative;
}

.ajax-loader-wrapper-product .ring-2 {
  position: relative;
  width: 35px;
  height: 35px;
  margin: 0 auto;
  border: 3px solid #6c757d; /*#0d6efd;*/
  border-radius: 100%;
}

.ajax-loader-wrapper-product .ball-holder {
  position: absolute;
  width: 12px;
  height: 33px;
  left: 10px;
  top: -3px;
  -webkit-animation: loadingE 1.3s linear infinite;
          animation: loadingE 1.3s linear infinite;
}

.ajax-loader-wrapper-product .ball {
  position: absolute;
  top: -5px;
  left: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: white;
}

@-webkit-keyframes loadingE {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes loadingE {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.fs-7{
	font-size: 0.8rem;
}
.lec-numbers{
	color: blue !important;
}
.lec-format{
	color: #00a2e8 !important;
	/*font-weight: bold;*/
}
.bg-kingspan{
	background-color: #004289 !important;
	opacity: 1;
	color: #ffffff !important;
}
.border-kingspan{
	border-color: #004289 !important;
	opacity: 1;
}

/* ------- customize primary button color -------- */   
$mynewcolor:#77cccc;

.btn-primary {
    @include button-variant($mynewcolor, darken($mynewcolor, 7.5%), darken($mynewcolor, 10%), lighten($mynewcolor,5%), lighten($mynewcolor, 10%), darken($mynewcolor,30%));
}

.btn-outline-primary {
    @include button-outline-variant($mynewcolor, #222222, lighten($mynewcolor,5%), $mynewcolor);
}