/******************************************/
/* Loader Style Start
/******************************************/
.xiroform-loader {
  width: 50px;
  height: 50px;
  border: 6px solid transparent;
  border-top: 6px solid #7F56D9;
  border-radius: 50%;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
  display: none;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.xiroform-circle {
  width: 30px;
  height: 30px;
  border: 6px solid #ddd;
  border-top: 6px solid #7F56D9;
  border-radius: 50%;
  -webkit-animation: spin-circle 0.8s infinite linear;
          animation: spin-circle 0.8s infinite linear;
  display: none;
}

@-webkit-keyframes spin-circle {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin-circle {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.xiroform-msg {
  display: none;
  display: inline-block;
  padding: 5px 10px;
  margin-top: 10px;
}
.xiroform-msg.success {
  border: 1px solid green;
}
.xiroform-msg.error {
  border: 1px solid red;
}

/******************************************/
/* Loader Style End
/******************************************/
.formit-form.template-basic {
  font-size: 16px;
  line-height: 1.5;
}
.formit-form.template-basic * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.formit-form.template-basic label {
  display: block;
  font-size: 1em;
  margin-bottom: 8px;
}
.formit-form.template-basic input {
  display: block;
  width: 100%;
  font-size: 1em;
  padding: 8px;
  border: 1px solid #333;
  border-radius: 6px;
  margin-bottom: 1rem;
}
.formit-form.template-basic input[type=checkbox], .formit-form.template-basic input[type=radio] {
  display: inline-block;
  width: initial;
}
.formit-form.template-basic input[type=checkbox] + label, .formit-form.template-basic input[type=radio] + label {
  display: inline-block;
  width: initial;
}
.formit-form.template-basic select {
  display: block;
  width: 100%;
  padding: 8px;
  font-size: 1em;
  margin-bottom: 1rem;
}
.formit-form.template-basic input[type=submit], .formit-form.template-basic button[type=submit] {
  padding: 8px 16px;
  font-size: 1em;
  cursor: pointer;
}