/* submit spinner */
.wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: 0.75;
    width: 1.55rem;
    height: 1.55rem;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 1rem;
    position: relative;
    top: 1.75rem;
}

form.submitting .wpcf7-spinner {
	visibility: visible;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

header {
    z-index: 100 !important;
}

  .course-popup .btn {
      position: absolute;
      display: block;
      margin-left: auto !important;
      color: #000;
      padding: 0;
      margin: 0;
      top: 50%;
      right: 1rem;
      line-height: 1.1;
      padding: 0.1rem 0.4rem;
      border: 0.2rem solid #000;
      border-radius: 50%;
      transform: translateY(-50%);
  }
  .course-popup .modal-content {
      max-width: 88rem;
      width:100%;
  }
  .course-popup .btn-default:hover {
      color: #333;
      background-color: transparent;
      border-color: #adadad;
  }
  .course-popup .btn-default:focus {
      color: #333;
      background-color: transparent;
      border-color: #8c8c8c;
  }
  .course-popup .modal-dialog {
      width: 100%;
      margin: 1rem auto;
  }
  .course-popup .modal-body p{
      color:#000;
      margin-bottom:0;
  }
  .course-popup .modal-body {
      position: relative;
      padding: 1.5rem 3rem;
  }
  .course-popup .modal-content {
      background: #fff;
      color:#000;
  }
  @media(max-width:991px){
      .course-popup .modal-content {
          width:90%;
      } .course-popup .modal-body {
          padding: 1.5rem 3.4rem;
      }
      .course-popup .btn {
          top: 0.4rem;
          right:0.4rem;
          transform:none;
      }
  }
  @media(max-width: 767px){
      .container.calendar-wrap-table {
          padding: 2.5rem 2rem 0 !important;
      }
      .course-popup .modal-body {
          position: relative;
          padding: 1.8rem 2rem;
      }
  }