/*General form*/
.form input[type="email"], .form input[type="number"], .form input[type="text"], .form select, .form textarea, .form-control {
border-radius: 17px;
border-color: #b3b3b3 !important;
padding: 12px 10px 10px 14px !important;
}

.form label {
padding-left: 10px;
}

.form input[type='checkbox'] + input + label {
  width: calc(100% - 35px);
}

.form input[type="checkbox"] + input + label:hover {
cursor: pointer;
}

.form textarea {
  border-bottom-right-radius: 0;
}

.form .umbraco-forms-field + .umbraco-forms-field {
    margin-top: 15px;
}

.form span.umbraco-forms-tooltip.help-block {
  display: block;
margin-bottom: 10px;
}

.form input[type='text']:focus, .form textarea:focus {
    border-color: #0048bd;
}

/*checkbox & radiobuttons */
   input[type='checkbox'], input[type='radio'], .umbraco-forms-form .radiobuttonlist input {
     --active: #0048bd;
     --active-inner: #ffffff;
     --focus: 2px
     rgba(39, 94, 254, .3);
     --border: #b3b3b3;
     --border-hover: #0048bd;
     --background: #ffffff;
     --disabled: #f6f8ff;
     --disabled-inner: #e1e6f9;
     -webkit-appearance: none;
     -moz-appearance: none;
     height: 18px;
     outline: none;
     display: inline-block;
     vertical-align: top;
     position: relative;
     margin: 0;
     cursor: pointer;
     border: 1px solid var(--bc, var(--border)) !important;
     background: var(--b, var(--background));
     transition: background 0.2s, border-color 0.2s, box-shadow 0.1s;
     /* padding: 0px 10px; */
  }
   input[type='checkbox']:after, input[type='radio']:after {
     content: '';
     display: block;
     left: 2px;
     top: 2px;
     position: absolute;
     transition: transform var(--d-t, 0.2s) var(--d-t-e, ease), opacity var(--d-o, 0.1s);
  }
   input[type='checkbox']:checked, input[type='radio']:checked {
     --b: var(--active);
     --bc: var(--active);
     --d-o: 0.2s;
     --d-t: 0.5s;
     --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
  }
   input[type='checkbox']:disabled, input[type='radio']:disabled {
     --b: var(--disabled);
     cursor: not-allowed;
     opacity: 0.9;
  }
   input[type='checkbox']:disabled:checked, input[type='radio']:disabled:checked {
     --b: var(--disabled-inner);
     --bc: var(--border);
  }
   input[type='checkbox']:disabled + label, input[type='radio']:disabled + label {
     cursor: not-allowed;
  }
   input[type='checkbox']:hover:not(:checked):not(:disabled), input[type='radio']:hover:not(:checked):not(:disabled) {
     --bc: var(--border-hover);
  }
   input[type='checkbox']:focus, input[type='radio']:focus {
     box-shadow: 0 0 0 var(--focus);
  }
   input[type='checkbox']:not(.switch), input[type='radio']:not(.switch), .umbraco-forms-form .radiobuttonlist input[type='radio']:not(.switch) {
     width: 22px !important;
     border: 1px solid #bccbe5!important;
     height: 22px !important;
     display: inline-block !important;
  }
   input[type='checkbox']:not(.switch):after, input[type='radio']:not(.switch):after {
     opacity: var(--o, 0);
  }
   input[type='checkbox']:not(.switch):checked, input[type='radio']:not(.switch):checked {
     --o: 1;
  }
   input[type='checkbox'] + label, input[type='radio'] + label {
font-size: 14px;
    line-height: 1.5;
    display: inline-block !important;
    vertical-align: top;
    cursor: pointer;
    margin-left: 0;
    width: 90%;
    margin-bottom: 12px;
  }
   input[type='checkbox']:not(.switch) {
     border-radius: 7px;
  }
   input[type='checkbox']:not(.switch):after {
    width: 6px;
    height: 11px;
    border: 2px solid var(--active-inner);
    border-top: 0;
    border-left: 0;
    left: 7px;
    top: 3px;
    transform: rotate(var(--r, 20deg));
  }
   input[type='checkbox']:not(.switch):checked {
     --r: 43deg;
  }

   input[type='radio'] {
     border-radius: 50%;
  }
   input[type='radio']:after {
     width: 16px;
     height: 16px;
     border-radius: 50%;
     background: var(--active-inner);
     opacity: 0;
     transform: scale(var(--s, 0.7));
  }
   input[type='radio']:checked {
     --s: 0.5;
  }

  .umbraco-forms-field.checkbox {
  display: flex;
  flex-direction: row-reverse;
    justify-content: flex-end;
}

  .umbraco-forms-field.checkbox .umbraco-forms-tooltip.help-block {
        font-family: "ProximaNovaRegular";
  }

.umbraco-forms-form span.field-validation-error span {
  font-family: 'ProximaNovaRegular';
    font-size: 0.9em;
}

  .checkbox .umbraco-forms-tooltip.help-block {
  margin-left: 14px
  }

  .umbraco-forms-page select {
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari and Chrome */
  appearance:none;
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='angle-down' class='svg-inline--fa fa-angle-down fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23b3b3b3' d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z'%3E%3C/path%3E%3C/svg%3E");
  -webkit-appearance: none;
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: 97% 50%;
}

body .umbraco-forms-form .checkbox input {
width: 22px !important;
    border: 1px solid rgb(188, 203, 229) !important;
    height: 22px !important;
    display: inline-block !important;
    padding: 10px;
}



body .wide-form__form {
    max-width: 640px;
}


.umbraco-forms-form.homechargebestilling {
      padding: 20px 40px;
    background: #f8f8f8;
}

body .umbraco-forms-form input.text, body .umbraco-forms-form textarea {
  max-width:  640px !important;
  width: 100% !important;
}

.umbraco-forms-form fieldset {
  padding-right: 0 !important;
}

.farvepåladeboks .radiobuttonlist {
      display: flex;
    padding-top: 80px;}

.farvepåladeboks .radiobuttonlist input:before {
    content: "";
    display: block;
    width: 70px;
    height: 70px;
    position: absolute;
    top: -80px;
    background-position: center;
    background-size: cover;
    left: 0;
}

#\30 9ff71fc-de10-40d4-e941-4a1471e74f12_0:before {
          background-image: url(/media/ht1pn4lu/black-front_mod.png);
}

#\30 9ff71fc-de10-40d4-e941-4a1471e74f12_1:before {
    background-image: url(/media/54clqfa1/white-front_mod.png)
}

#\30 9ff71fc-de10-40d4-e941-4a1471e74f12_2:before {
  background-image: url(/media/4ghfcre5/antracit-front_mod.png)
}

#\30 9ff71fc-de10-40d4-e941-4a1471e74f12_3:before {
    background-image: url(/media/h1cblqds/blue-front_mod.png)
}

#\30 9ff71fc-de10-40d4-e941-4a1471e74f12_4:before {
      background-image: url(/media/5zipy2fm/red-front_mod.png)
}

input[type='checkbox']:not(.switch), input[type='radio']:not(.switch), .umbraco-forms-form .radiobuttonlist input[type='radio']:not(.switch) {
padding: 10px;
}

.umbraco-forms-form .checkboxlist label {
  float:  unset !important;
      font-family: "ProximaNovaRegular";
}

body .umbraco-forms-form .checkboxlist input {
    border: 1px solid #bccbe5!important;
    display: inline-block !important;
}

body .dataconsent .error {
    color: red;
    display: inline-block !important;
    width: 91%;
}

body .form label.error {
  display: inline-block !important;
  color: red;
}

body .umbraco-forms-field div label {
  display: inline-block;
}

span.checkboxlist {
  width: 100%;
  padding-left: 0 !important;
}

.umbraco-forms-page input.btn:disabled {
  background-image: url("https://dktv.dk/media/e4mcv5si/spinner.gif") !important;
  background-position: center;
  background-size: 35px;
  background-repeat: no-repeat;
  color: rgba(0, 0, 0, 0.0) !important;;
  background-color: #da2f65;
  pointer-events: none;
}

.umbraco-forms-page input.btn:disabled:hover {
  background-color: #da2f65 !important;
}

@media screen and (min-width: 600px) {
#\30 9ff71fc-de10-40d4-e941-4a1471e74f12 > label:nth-child(2), #\30 9ff71fc-de10-40d4-e941-4a1471e74f12 > label:nth-child(5) {
  width: 60%
}
}

@media screen and (max-width: 768px) {
.umbraco-forms-form.homechargebestilling {
      padding: 10px 15px;
}
}

@media screen and (max-width: 600px) {
.farvepåladeboks .radiobuttonlist {
  flex-wrap: wrap
}

#\30 9ff71fc-de10-40d4-e941-4a1471e74f12 > label:nth-child(2), #\30 9ff71fc-de10-40d4-e941-4a1471e74f12 > label:nth-child(8) {
  padding-bottom:  100px;
}
  
  .farvepåladeboks .radiobuttonlist label{
    width: 20%;
  }
}

@media screen and (max-width: 510px) {
  .farvepåladeboks .radiobuttonlist label{
    width: 27%;
  }
}


@media screen and (min-width: 450px) {

.umbraco-forms-form.homechargebestilling .umbraco-forms-field.postnr {
    max-width: calc(30% - 15px);
    min-width: 100px;
    display: inline-block;
    margin-right: 10px;
}
.umbraco-forms-form.homechargebestilling .umbraco-forms-field.by {
max-width: 70%;
    display: inline-block;
    width: 100%;
}
}

@media screen and (max-width: 416px) {
  .farvepåladeboks .radiobuttonlist label{
    width: 26%;
  }
}


@media screen and (max-width: 386px) {
  .farvepåladeboks .radiobuttonlist label{
    width: 40%;
  }
  
}