:root {
  --colorprimary: #555555;
  --colorprimarydark10: #dc740d;
  --colorprimarydark20: #ca6b0f;
  --colorprimary50: #f7be81;
  --colorsecondary: #3F444C;
  --colorsecondary50: #999999;
  --colorsecondary10: #eaeaea;
  --colortertiary: #90bc32;
}

label {
  line-height: 2.5;
}

input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search-md"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
textarea {
  background-color: transparent;
  border: solid 2px #000000 !important;
  border-radius: 5px !important;
  outline: 0;
  width: 100%;
  font-size: 16px !important;
  box-shadow: none;
  padding: 1.25em 1em !important;
  box-sizing: border-box !important;
  height: 2.5em !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 0 0 100px #FDFFF7 inset !important;
  box-shadow: 0 0 0 100px #FDFFF7 inset !important;
}

input[type="email"]:-webkit-autofill,
input[type="email"]:-webkit-autofill:hover,
input[type="email"]:-webkit-autofill:focus,
input[type="email"]:-webkit-autofill:active,
input[type="password"]:-webkit-autofill,
input[type="password"]:-webkit-autofill:hover,
input[type="password"]:-webkit-autofill:focus,
input[type="password"]:-webkit-autofill:active,
input[type="text"]:-webkit-autofill,
input[type="text"]:-webkit-autofill:hover,
input[type="text"]:-webkit-autofill:focus,
input[type="text"]:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #FDFFF7 inset !important;
  -webkit-text-fill-color: #000000 !important;
  transition: background-color 5000s ease-in-out 0s;
}

input[type="date"]:disabled,
input[type="date"][readonly="readonly"],
input[type="datetime-local"]:disabled,
input[type="datetime-local"][readonly="readonly"],
input[type="email"]:disabled,
input[type="email"][readonly="readonly"],
input[type="number"]:disabled,
input[type="number"][readonly="readonly"],
input[type="password"]:disabled,
input[type="password"][readonly="readonly"],
input[type="search-md"]:disabled,
input[type="search-md"][readonly="readonly"],
input[type="search"]:disabled,
input[type="search"][readonly="readonly"],
input[type="tel"]:disabled,
input[type="tel"][readonly="readonly"],
input[type="text"]:disabled,
input[type="text"][readonly="readonly"],
input[type="time"]:disabled,
input[type="time"][readonly="readonly"],
input[type="url"]:disabled,
input[type="url"][readonly="readonly"],
textarea:disabled,
textarea[readonly="readonly"] {
  color: rgba(0, 0, 0, 0.46);
  border-bottom: 1px dotted rgba(0, 0, 0, 0.46);
  background-color: transparent;
}

input[type="date"]:disabled+label,
input[type="date"][readonly="readonly"]+label,
input[type="datetime-local"]:disabled+label,
input[type="datetime-local"][readonly="readonly"]+label,
input[type="email"]:disabled+label,
input[type="email"][readonly="readonly"]+label,
input[type="number"]:disabled+label,
input[type="number"][readonly="readonly"]+label,
input[type="password"]:disabled+label,
input[type="password"][readonly="readonly"]+label,
input[type="search-md"]:disabled+label,
input[type="search-md"][readonly="readonly"]+label,
input[type="search"]:disabled+label,
input[type="search"][readonly="readonly"]+label,
input[type="tel"]:disabled+label,
input[type="tel"][readonly="readonly"]+label,
input[type="text"]:disabled+label,
input[type="text"][readonly="readonly"]+label,
input[type="time"]:disabled+label,
input[type="time"][readonly="readonly"]+label,
input[type="url"]:disabled+label,
input[type="url"][readonly="readonly"]+label,
textarea:disabled+label,
textarea[readonly="readonly"]+label {
  color: rgba(0, 0, 0, 0.46);
  background-color: transparent;
}

input[type="date"]:focus:not([readonly]),
input[type="datetime-local"]:focus:not([readonly]),
input[type="email"]:focus:not([readonly]),
input[type="number"]:focus:not([readonly]),
input[type="password"]:focus:not([readonly]),
input[type="search-md"]:focus:not([readonly]),
input[type="search"]:focus:not([readonly]),
input[type="tel"]:focus:not([readonly]),
input[type="text"]:focus:not([readonly]),
input[type="time"]:focus:not([readonly]),
input[type="url"]:focus:not([readonly]),
textarea:focus:not([readonly]) {
  /*
    border-bottom: 1px solid #4285f4;
    box-shadow: 0 1px 0 0 #4285f4;
    */
  outline: 1px solid #0e73b1 !important;
  outline-offset: 2px;
  -webkit-box-shadow: 0 0 0 100px #FDFFF7 inset !important;
  box-shadow: 0 0 0 100px #FDFFF7 inset !important;
}

input[type="date"]:focus:not([readonly])+label,
input[type="datetime-local"]:focus:not([readonly])+label,
input[type="email"]:focus:not([readonly])+label,
input[type="number"]:focus:not([readonly])+label,
input[type="password"]:focus:not([readonly])+label,
input[type="search-md"]:focus:not([readonly])+label,
input[type="search"]:focus:not([readonly])+label,
input[type="tel"]:focus:not([readonly])+label,
input[type="text"]:focus:not([readonly])+label,
input[type="time"]:focus:not([readonly])+label,
input[type="url"]:focus:not([readonly])+label,
textarea:focus:not([readonly])+label {
  color: #4285f4;
}

input[type="date"].valid,
input[type="date"]:focus.valid,
input[type="datetime-local"].valid,
input[type="datetime-local"]:focus.valid,
input[type="email"].valid,
input[type="email"]:focus.valid,
input[type="number"].valid,
input[type="number"]:focus.valid,
input[type="password"].valid,
input[type="password"]:focus.valid,
input[type="search-md"].valid,
input[type="search-md"]:focus.valid,
input[type="search"].valid,
input[type="search"]:focus.valid,
input[type="tel"].valid,
input[type="tel"]:focus.valid,
input[type="text"].valid,
input[type="text"]:focus.valid,
input[type="time"].valid,
input[type="time"]:focus.valid,
input[type="url"].valid,
input[type="url"]:focus.valid,
textarea.valid,
textarea:focus.valid {
  border-bottom: 1px solid #00c851;
  box-shadow: 0 1px 0 0 #00c851;
}

input[type="date"].valid+label:after,
input[type="date"]:focus.valid+label:after,
input[type="datetime-local"].valid+label:after,
input[type="datetime-local"]:focus.valid+label:after,
input[type="email"].valid+label:after,
input[type="email"]:focus.valid+label:after,
input[type="number"].valid+label:after,
input[type="number"]:focus.valid+label:after,
input[type="password"].valid+label:after,
input[type="password"]:focus.valid+label:after,
input[type="search-md"].valid+label:after,
input[type="search-md"]:focus.valid+label:after,
input[type="search"].valid+label:after,
input[type="search"]:focus.valid+label:after,
input[type="tel"].valid+label:after,
input[type="tel"]:focus.valid+label:after,
input[type="text"].valid+label:after,
input[type="text"]:focus.valid+label:after,
input[type="time"].valid+label:after,
input[type="time"]:focus.valid+label:after,
input[type="url"].valid+label:after,
input[type="url"]:focus.valid+label:after,
textarea.valid+label:after,
textarea:focus.valid+label:after {
  content: attr(data-success);
  color: #00c851;
  opacity: 1;
}

input[type="date"].invalid,
input[type="date"]:focus.invalid,
input[type="datetime-local"].invalid,
input[type="datetime-local"]:focus.invalid,
input[type="email"].invalid,
input[type="email"]:focus.invalid,
input[type="number"].invalid,
input[type="number"]:focus.invalid,
input[type="password"].invalid,
input[type="password"]:focus.invalid,
input[type="search-md"].invalid,
input[type="search-md"]:focus.invalid,
input[type="search"].invalid,
input[type="search"]:focus.invalid,
input[type="tel"].invalid,
input[type="tel"]:focus.invalid,
input[type="text"].invalid,
input[type="text"]:focus.invalid,
input[type="time"].invalid,
input[type="time"]:focus.invalid,
input[type="url"].invalid,
input[type="url"]:focus.invalid,
textarea.invalid,
textarea:focus.invalid {
  border: 1px solid #ea281b;
  box-shadow: 0 1px 0 0 #ea281b;
}

input[type="date"].invalid+label:after,
input[type="date"]:focus.invalid+label:after,
input[type="datetime-local"].invalid+label:after,
input[type="datetime-local"]:focus.invalid+label:after,
input[type="email"].invalid+label:after,
input[type="email"]:focus.invalid+label:after,
input[type="number"].invalid+label:after,
input[type="number"]:focus.invalid+label:after,
input[type="password"].invalid+label:after,
input[type="password"]:focus.invalid+label:after,
input[type="search-md"].invalid+label:after,
input[type="search-md"]:focus.invalid+label:after,
input[type="search"].invalid+label:after,
input[type="search"]:focus.invalid+label:after,
input[type="tel"].invalid+label:after,
input[type="tel"]:focus.invalid+label:after,
input[type="text"].invalid+label:after,
input[type="text"]:focus.invalid+label:after,
input[type="time"].invalid+label:after,
input[type="time"]:focus.invalid+label:after,
input[type="url"].invalid+label:after,
input[type="url"]:focus.invalid+label:after,
textarea.invalid+label:after,
textarea:focus.invalid+label:after {
  content: attr(data-error);
  color: #f44336;
  opacity: 1;
}

input[type="date"]+label:after,
input[type="datetime-local"]+label:after,
input[type="email"]+label:after,
input[type="number"]+label:after,
input[type="password"]+label:after,
input[type="search-md"]+label:after,
input[type="search"]+label:after,
input[type="tel"]+label:after,
input[type="text"]+label:after,
input[type="time"]+label:after,
input[type="url"]+label:after,
textarea+label:after {
  display: block;
  content: "";
  position: absolute;
  top: 65px;
  opacity: 0;
  -webkit-transition: 0.2s opacity ease-out, 0.2s color ease-out;
  transition: 0.2s opacity ease-out, 0.2s color ease-out;
}

input[type="date"].input-alternate,
input[type="datetime-local"].input-alternate,
input[type="email"].input-alternate,
input[type="number"].input-alternate,
input[type="password"].input-alternate,
input[type="search-md"].input-alternate,
input[type="search"].input-alternate,
input[type="tel"].input-alternate,
input[type="text"].input-alternate,
input[type="time"].input-alternate,
input[type="url"].input-alternate,
textarea.input-alternate {
  padding: 0 15px;
  height: 2.1rem;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 0.875rem;
  border-bottom: 0;
  -webkit-transition: none !important;
  transition: none !important;
}

input[type="date"].input-alternate:focus,
input[type="date"].input-alternate:hover,
input[type="datetime-local"].input-alternate:focus,
input[type="datetime-local"].input-alternate:hover,
input[type="email"].input-alternate:focus,
input[type="email"].input-alternate:hover,
input[type="number"].input-alternate:focus,
input[type="number"].input-alternate:hover,
input[type="password"].input-alternate:focus,
input[type="password"].input-alternate:hover,
input[type="search-md"].input-alternate:focus,
input[type="search-md"].input-alternate:hover,
input[type="search"].input-alternate:focus,
input[type="search"].input-alternate:hover,
input[type="tel"].input-alternate:focus,
input[type="tel"].input-alternate:hover,
input[type="text"].input-alternate:focus,
input[type="text"].input-alternate:hover,
input[type="time"].input-alternate:focus,
input[type="time"].input-alternate:hover,
input[type="url"].input-alternate:focus,
input[type="url"].input-alternate:hover,
textarea.input-alternate:focus,
textarea.input-alternate:hover {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08) !important;
  border-bottom: 0;
}

input[type="date"]:hover,
input[type="datetime-local"]:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="search-md"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="text"]:hover,
input[type="time"]:hover,
input[type="url"]:hover,
textarea:hover {
  border-color: #0e73b1 !important;
}

/* File Upload Styling */
input[type="file"] {
  border: 2px solid #000000 !important;
  border-radius: 4px !important;
  background-color: white !important;
  padding: 0 !important;
  height: auto !important;
  box-shadow: none !important;
  width: 100%;
  box-sizing: border-box !important;
  font-size: 14px !important;
  direction: rtl;
  line-height: 2rem;
  text-align: left;
  padding-left: 1rem !important;
  padding-right: 0.25rem !important;
}

input[type="file"]::file-selector-button {
  background-color: #234f9a !important;
  border: none;
  border-radius: 16px;
  color: white;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  padding: 0 1rem;
  margin: 0.25rem 0;
  margin-left: 1rem;
  transition: all 0.3s;
  direction: ltr;
}

input[type="file"]::file-selector-button:hover {
  background-color: #425c8a !important;
}

input[type="file"]::-webkit-file-upload-button {
  background-color: #234f9a !important;
  border: none;
  border-radius: 16px;
  color: white;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  padding: 0 1rem;
  margin: 0.25rem 0;
  margin-left: 1rem;
  transition: all 0.3s;
  direction: ltr;
}

input[type="file"]::-webkit-file-upload-button:hover {
  background-color: #1a3b75 !important;
}

.form-control {
  padding: 0.5rem 0 0.6rem;
  font-size: 1rem;
  line-height: 1.5;
  background-color: transparent;
  background-image: none;
  border-radius: 0;
}

select {
  border: solid 2px #000000 !important;
  border-radius: 5px !important;
  outline: 0;
  width: 100%;
  font-size: 16px !important;
  padding: 0.5em 2.5em 0.5em 1em !important;
  box-sizing: border-box !important;
  height: 2.5em !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #000000 !important;
  background: #FDFFF7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M4 6 L8 10 L12 6' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") no-repeat calc(100% - 0.75rem) center / 16px 16px !important;

  /* Remove default arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select:focus {
  outline: 1px solid #0e73b1 !important;
  outline-offset: 2px;
}

select:disabled,
select[readonly="readonly"] {
  color: rgba(0, 0, 0, 0.46) !important;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.46);
  background-color: transparent;
  opacity: 0.6;
}

select option {
  color: #000000 !important;
  background-color: #FDFFF7;
}

.md-form,
.md-form .btn {
  margin-bottom: 1.5rem;
}

.form-control:focus {
  background: 0 0;
  box-shadow: none;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: transparent;
  border-bottom: 1px solid #bdbdbd;
}

.md-form {
  position: relative;
  margin-top: 2em;
}

.md-form label {
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  color: #757575;
  position: absolute;
  top: 0.8rem;
  left: 0;
  font-size: 1rem;
  cursor: text;
  margin-left: 1em;
}

.md-form label.active {
  -webkit-transform: translateY(-140%);
  -ms-transform: translateY(-140%);
  transform: translateY(-140%);
  font-size: 0.8rem;
  color: #555555 !important;
  color: var(--colorprimary) !important;
  margin-left: 0;
  margin-top: -10px;
}

.md-form .prefix {
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  position: absolute;
  width: 3rem;
  font-size: 2rem;
  padding-top: 0.5rem;
}

.md-form .prefix~input,
.md-form .prefix~textarea {
  margin-left: 3rem;
  width: 92%;
  width: -webkit-calc(100% - 3rem);
  width: calc(100% - 3rem);
}

.md-form .prefix~label {
  margin-left: 3rem;
}

.md-form .prefix.active {
  color: #555555;
  color: var(--colorprimary);
}

@media only screen and (max-width: 992px) {
  .md-form .prefix~input {
    width: 86%;
    width: -webkit-calc(100% - 3rem);
    width: calc(100% - 3rem);
  }
}

@media only screen and (max-width: 600px) {
  .md-form .prefix~input {
    width: 80%;
    width: -webkit-calc(100% - 3rem);
    width: calc(100% - 3rem);
  }
}

.md-form.form-sm input {
  padding-bottom: 0.2rem;
  padding-top: 0.2rem;
  font-size: 0.8rem;
  line-height: 0.5;
}

.md-form.form-sm label {
  font-size: 0.9rem;
}

.md-form.form-sm .prefix {
  font-size: 1.5rem;
  top: 0.4rem;
}

.md-form.form-sm .prefix~input,
.md-form.form-sm .prefix~label,
.md-form.form-sm .prefix~textarea {
  margin-left: 2.2rem;
}

.md-form.input-group {
  padding-left: 1rem;
}

.md-form.input-group:-moz-placeholder {
  color: #999;
  padding-top: 2px;
}

.md-form.input-group::-ms-placeholder {
  color: #999;
  padding-top: 2px;
}

.md-form.input-group::-webkit-input-placeholder {
  color: #999;
  padding-top: 2px;
}

.md-form.input-group::-moz-placeholder {
  color: #999;
  padding-top: 2px;
}

.md-form.input-group:-ms-input-placeholder {
  color: #999;
  padding-top: 2px;
}

.md-form.input-group::placeholder {
  color: #999;
  padding-top: 2px;
}

.form-group {
  display: block;
}

.form-inline fieldset {
  margin-right: 1.5rem;
}

.form-inline .form-group {
  margin-right: 2rem;
}

textarea {
  width: 100%;
  height: 3rem;
  background-color: transparent;
}

textarea {
  overflow-y: hidden;
  padding: 1.6rem 0;
  resize: none;
  min-height: 3rem;
}

.hiddendiv {
  display: none;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  padding-top: 1.2rem;
}

textarea {
  height: 100px !important;
}

/*
.form-check-label::before {
    background-color: #555555;
    background-color: var(--colorprimary);
}
*/

/* This is the default state */
.custom-radio .form-check-label,
.custom-checkbox .form-check-label {
  color: #757575;
}

.custom-radio .form-check-label::before,
.custom-checkbox .form-check-label::before {
  /* background-color: white; */
  border: solid 1px;
  border-color: #555555;
  border-color: var(--colorprimary);

}

.custom-radio .form-check-input:checked~.form-check-label::before,
.custom-radio .form-check-input:checked~.form-check-label::after {
  background-color: #555555;
  background-color: var(--colorprimary);
  border-radius: 50%;
}

.custom-checkbox .form-check-input:checked~.form-check-label::before,
.custom-checkbox .form-check-input:checked~.form-check-label::after {
  background-color: #555555;
  background-color: var(--colorprimary);
  border-radius: 5px;
}

.custom-radio .form-check-input:active~.form-check-label::before,
.custom-checkbox .form-check-input:active~.form-check-label::before {
  color: #fff;
  background-color: #555555;
  background-color: var(--colorprimary);
}

.custom-radio .form-check-input:focus~.form-check-label::before,
.custom-checkbox .form-check-input:focus~.form-check-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(239, 125, 0, 0.25);
}

.privacy-line .form-check-input {
  transform: scaleX(-1);
  background-color: transparent;
  border: 2px solid black;
}

.form-switch .form-check-input {
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-4 -4 8 8"%3e%3ccircle r="3" fill="rgba%280, 0, 0, 1%29"/%3e%3c/svg%3e');
}

.form-switch .form-check-input:checked {
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-4 -4 8 8"%3e%3ccircle r="3" fill="rgba%280, 0, 0, 1%29"/%3e%3c/svg%3e');
}