body {
      font-family: Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

input[type="radio"]:checked + label::before {
  background-color: #63acf5;
  box-shadow: inset 0 0 0 .15em hsla(0,0%,100%,.95);
}

h1 {
   font-size: 23px;
 }

.fb-loginknop:hover, .fb-loginknop:active {
  background: #0f6aee !important;
  border-color: #156ceb;
  color: #fff;
}

.fb-loginknop {
  background: #1671f5 !important;
  border-color: #0f6aee;
  color: #fff;
}


.loginknop {
   background: #41c673 !important;
   border-color: #38ba69;
   color: #fff;
}

.loginknop:hover, .login:active {
   background: #38ba69 !important;
   border-color: #41c673;
   color: #fff;
}

.buttongreen {
   background: #365851 !important;
   border-color: #44746a;
   color: #ddd;
}

.buttongreen:hover, .buttongreen:active {
   background: #44746a !important;
   border-color: #365851;
   color: #ddd;
}

.nav-link {
   color:#ddd !important;
}

.navbar {
  background-color:#365851;
  color:#fff;
}

.pointer {cursor: pointer;}

.btn-outline-secondary {
  background-color:#fff !important;
  color:#365851 !important;
  text-align: left !important;
}

.btn-outline-secondary:hover, .btn-outline-secondary:active, .btn-outline-secondary:focus {
    background-color:#fff !important;
    color:#365851 !important;
    text-align: left !important;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) !important;
}

.balkbackground {
  background-color: #e3ebe9;
}

.balkbackgroundplus{
  background-color: #ccdcd7;
}

.containerplus {
  position: relative;
  border: 2px solid #ffffff;
  box-sizing: border-box;
}

.containerplus:after{
  position: absolute;
  width: 20px;
  height: 20px;
  border-top: 0px;
  border-right: 2px;
  border-left: 2px;
  border-bottom: 0px;
  top: 115%;
  left: 55%;
  margin-left: -25px;
  content: '';
  background-color: #ccdcd7;
  transform: rotate(45deg);
  margin-top: -25px;

}



.red-500 {
  color: #F00;
}


/* Login pagina typing url('/assets/images/jeeigenweb-background.png'), */
.gradient-custom-2 {
   background: #d95656;
}

.typewriter {
  display: inline-block;
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid orange; /* The typwriter cursor */
  width: auto;
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  /* letter-spacing: .1em; */ /* Adjust as needed */
  animation:
    typing 3.5s steps(40, end),
    blink-caret .75s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange; }
}

@media (min-width: 768px) {
  .gradient-form {
    height: 100vh !important;
  }
}