html {

  width: 100%;

}



body {

  overflow-x: hidden !important;

}



/* Hide everything under body tag */

body.show-spinner > *{

  opacity: 0;

}



/* Spinner */

body.show-spinner::before{

  content: " ";

  display: inline-block;

  width: 30px;

  height: 30px;

  border: 2px solid rgba(0, 0, 0, 0.2);

  border-radius: 50%;

  border-top-color: rgba(0, 0, 0, 0.3);

  animation: spin 1s ease-in-out infinite;

  -webkit-animation: spin 1s ease-in-out infinite;

  left: calc(50% - 15px);

  top: calc(50% - 15px);

  position: fixed;

  z-index: 1;

}



@keyframes spin {

  to {

    transform: rotate(360deg);

  }

}



@-webkit-keyframes spin {

  to {

    -webkit-transform: rotate(360deg);

  }

}


.course-alert{
    border-color: red;
    border-width: 1px;
    border-radius: 2px;
    padding: 1px;
    border-style: solid;
}

.course-success{
  border-color: green;
  border-width: 1px;
  border-radius: 2px;
  padding: 1px;
  border-style: solid;
}