/**** Custom **/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap');


.select2-container--bootstrap .select2-selection--single{
   height: 80px!important;
    line-height: 1.42857143;
}

label{
    font-weight:bold!important;
}


.sw>.progress>.progress-bar,
.sw-theme-round>.nav .nav-link.active{
    background-color: #266141!important;
    
}

.sw-theme-round>.nav .nav-link.done{
    color:#266141!important;
    background-color: #DAD3C5!important;
}
body{color: #000;overflow-x: hidden;height: 100%;background-image: url("../img/Background_GreenNautilus.jpg");background-repeat: no-repeat;background-size: cover;background-color:#dad2c5!important}

a{
    color:darkgreen!important;
}


.error{
    font-weight: normal;
    margin-top:4px;
    color:red;
}

.spinner{
  height: 50px;
  width: 50px;
  margin:0 auto;
}

.spinner .ball{
  width: 38px;
  height: 38px;
  position: absolute;
  transform: rotate(225deg);
  opacity: 0;
  animation-name: rotate;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}


.spinner .ball::after{
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: green;
  border-radius: 50%;
}


@keyframes rotate {
  0%{
    opacity: 1;
    transform: rotate(225deg);
    animation-timing-function: ease-out;
  }
 7%{
    transform: rotate(345deg);
    animation-timing-function: linear;
  }
  30%{
    transform: rotate(455deg);
    animation-timing-function: ease-in-out;
  }

  39%{
    transform: rotate(690deg);
    opacity: 1;
    animation-timing-function: linear;
  }

  70%{
    transform: rotate(815deg);
    animation-timing-function: ease-out;
  }

  75%{
    transform: rotate(945deg);
  }

  76%{
    transform: rotate(945deg);
    opacity: 0;
  }
  100%{
    transform: rotate(945deg);
    opacity: 0;
  }
}


.spinner .ball:nth-child(2){
  animation-delay: 240ms;
}
.spinner .ball:nth-child(3){
  animation-delay: 480ms;
}

.spinner .ball:nth-child(4){
  animation-delay: 720ms;
}
.spinner .ball:nth-child(5){
  animation-delay: 960ms;
}


.h3_loader{
  font-weight: 300;
  color:green;
  text-align:center;
    
}

.h3_loader_small{
    font-size: 12pt;
    margin-top: 5px;
}
#overlay {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255,255,255,0.85);
  z-index: 2;
  border-radius: 15px;
}


#nonMember{
    margin:10px;
    border:solid darkgreen 1px;
    width:99%;
    padding:12px;
    
    
}

/***********************************************/

/* Style the form */
#register {
  background-color: #ffffff;
  padding: 40px;

}

.card-registration {
	 border:solid gray 1px!important;
	  box-shadow: 3px 3px 8px #888888;
}

/* Style the input fields */
input {
  padding: 10px;
  width: 100%;
  font-size: 17px;
  font-family: Raleway;
  border: 1px solid #aaaaaa;
}

/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}

/* Hide all steps by default: */
.tab {
  display: none;
}

/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

/* Mark the active step: */
.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #04AA6D;
}

.progress-bar{
    background-color: #266141!important;
}

.progress{
    background-color:#DAD3C5!important
}