.loader {
	position: relative;
	display: flex;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: 'transperent';
	z-index: 2;
	cursor: progress;
}

.linear-activity {
  overflow: hidden;
  width: 50%;
  height: 4px;
  background-color: #B3E5FC;
  margin: 20px auto;
}

.indeterminate {
  position: relative;
  width: 100%;
  height: 100%;
}

.indeterminate:before {
  content: '';
  position: absolute;
  height: 100%;
  background-color: #03A9F4;
  animation: indeterminate_first 1.5s infinite ease-out;
}

.indeterminate:after {
  content: '';
  position: absolute;
  height: 100%;
  background-color: #4FC3F7;
  animation: indeterminate_second 1.5s infinite ease-in;
}

@keyframes indeterminate_first {
  0% {
      left: -100%;
      width: 100%;
  }
  100% {
      left: 100%;
      width: 10%;
  }
}

@keyframes indeterminate_second {
  0% {
      left: -150%;
      width: 100%;
  }
  100% {
      left: 100%;
      width: 10%;
  }
}

.label-primary {
  color: #ffffff;
  background-color: #1B606F;
  border-color: #1B606F;
}

.label-secondary {
  color: #ffffff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.label-success {
  color: #ffffff;
  background-color: #4caf50;
  border-color: #4caf50;
}

.label-info {
  color: #ffffff;
  background-color: #00bcd4;
  border-color: #00bcd4;
}

.label-warning {
  color: #212529;
  background-color: #ffeb3b;
  border-color: #ffeb3b;
}

.label-danger {
  color: #ffffff;
  background-color: #f44336;
  border-color: #f44336;
}

.label-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.label-dark {
  color: #ffffff;
  background-color: #343a40;
  border-color: #343a40;
}




.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}