.lds-hourglass {
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  padding-bottom: 10px;
}

.lds-hourglass:after {
  background-color: #2b4251;
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 8px;
  box-sizing: border-box;
  border: 15px solid #05985a;
  border-color: #fff transparent #fff transparent;
  animation: lds-hourglass 1.2s infinite;
}

@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  100% {
    transform: rotate(1800deg);
  }
}


.klc-small-content {
  padding: 0px;
  max-width: 50%;
}

#klp-frm .header {
  color: #fff;
  background-color: #2b4251;
  padding: 5px;
}

#klp-frm .content {
  padding-top: 10px;
}

#klp-frm .CodeMirror {
  padding-top: 20px;
  height: 500px;
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
  #klp-frm .CodeMirror {
      height: 250px;
  }
}

/* ----------- Retina Screens ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {}

#klp-frm form {
  padding-top: 20px;
}

#klp-frm .validator.errors {
  color: red;
}

#klp-frm .validator.correct {
  color: green;
}