/*Signupflow*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

@media screen and (max-width: 767px) {

    .umbraco-forms-field-wrapper:has(input[type='checkbox']) {
        margin: 0 !important;
    }

    #verificering .umbraco-forms-field-wrapper:has(.text) {
        margin: 0;
    }
}

@media only screen and (max-width: 479px) {
    .umbraco-forms-field-wrapper:has(.text) {
        margin: 0 30px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .umbraco-forms-field-wrapper:has(.text) {
        margin: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .umbraco-forms-field-wrapper:has(.text) {
        margin: 0;
    }
}

@media only screen and (min-width: 992px) {
    .umbraco-forms-field-wrapper:has(.text) {
        margin: 0;
    }
}

.dataconsent {
    margin-bottom: 0px !important;
}

.dataconsentwithtitle {
    margin-bottom: -30px !important;
}

.produktion.dataconsentwithtitle {
    margin-bottom: 0px !important;
}

.svg-link {
    cursor: pointer;
}

.prev, .edit {
    background: none;
    cursor: pointer;
    background-color: transparent;
}

.custom-checkbox-con {
    position: relative;
}

input.custom-checkbox {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    border: none;
    opacity: 0
}

    input.custom-checkbox:checked + .custom-checkbox-con .dot {
        left: auto;
        right: 0px;
    }

.custom-checkbox-con > div > div {
    width: 50%;
}

.sky-link {
    color: rgba(0, 168, 255, 1);
}

.border-sky {
    --tw-border-opacity: 1;
    border-color: rgba(0, 168, 255, var(--tw-border-opacity));
}

.text-lg .radio label::after {
    top: 8px
}

.gray-dark {
    color: #969BA0;
}

.text-lg .radio input:checked ~ label::before {
    top: 13px
}

input:checked ~ .dot {
    background: #3056D3;
    transform: translateX(100%);
}

input#toggleFour:checked ~ .box, input.toggleConsent:checked ~ .box, input.toggleFour:checked ~ .box {
    --tw-bg-opacity: 1;
    background-color: #00c800;
}

input#toggleFour:checked ~ .dot, input.toggleConsent:checked ~ .dot, input.toggleFour:checked ~ .dot {
    --tw-translate-x: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.theme-scroll:-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #fff;
    border-radius: 10px;
    background-color: #F5F6F8;
}

.theme-scroll::-webkit-scrollbar {
    width: 20px;
    border-radius: 10px;
    background-color: #F5F6F8;
}

.theme-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #00C800;
    background-color: #00C800;
}

.theme-scroll ul {
    padding: 0 15px;
    margin-bottom: 30px;
}

    .theme-scroll ul li {
        list-style-position: outside;
        display: flex;
        align-items: flex-start;
    }

        .theme-scroll ul li::before {
            content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
            color: #00c800; /* Change the color */
            font-weight: bold; /* If you want it to be bold */
            display: inline-block; /* Needed to add space between the bullet and the text */
            width: 1em; /* Also needed for space (tweak if needed) */
            margin-left: -0.85em; /* Also needed for space (tweak if needed) */
            padding-right: 10px
        }


.lg\:bottom-linear-gradient {
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -2px;
    height: 75px;
    background: transparent linear-gradient(0deg, #FFFFFF 0%, #FFFFFFE0 37%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
}

.moving-section {
    display: none
}

    .moving-section.active {
        display: flex
    }



.lg\:w-initial {
    width: initial;
}

.\!pt-10 {
    padding-top: 10px !important
}

.datepickerfield {
    background-image: url(/Assets/images/png/calendar-icon.png);
    background-repeat: no-repeat;
    background-size: 27px 27px;
    background-position: right 20px center;
    height: 60px;
    padding: 27px 20px 7px;
    background-position: right 15px center;
}

.bg-transparent {
    background-color: transparent
}

@media only screen and (max-width:1024px) {
    .xs-p-0 {
        padding: 0px
    }

    .xs-p-10 {
        padding: 10px
    }
}

.field-error {
    color: rgba(255, 101, 113, 1);
    font-size: 14px;
    margin-top: 8px;
    display: block;
}

.prose a {
    display: table;
}

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

    .chkbx a {
        font-size: 0.95rem;
        line-height: 1rem;
    }
}

.chkbx input:checked ~ label a {
    font-weight: 400;
}

.checkmark {
    display: none
}

.toggleBoxes.active .checkmark {
    display: block
}

.toggleBoxes.active .checkmark {
    display: block
}

.toggleBoxes.prod .box {
    border: 0px solid transparent;
}

.toggleBoxes .border-gray-light, .toggleBoxes.prod .box {
    /* border: 4px solid #00c800;*/
    outline: 4px solid lightgray;
    --tw-shadow: 0 20px 80px -15px rgba(0, 0, 0, 0.15);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.toggleBoxes.active .border-gray-light, .toggleBoxes.prod.active .box {
    /* border: 4px solid #00c800;*/
    outline: 4px solid #00c800;
    --tw-shadow: 0 20px 80px -15px rgba(0, 0, 0, 0.15);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.toggleBoxes .border-gray-light:hover {
    --tw-shadow: 0 0px 60px -15px rgba(0, 0, 0, 0.15);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border: none;
}

.rounded-15 {
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

@keyframes ldio-s7tg6pdo06a {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.ldio-s7tg6pdo06a div {
    left: 95px;
    top: 48px;
    position: absolute;
    animation: ldio-s7tg6pdo06a linear 1.4492753623188404s infinite;
    background: #00c800;
    width: 10px;
    height: 24px;
    border-radius: 1.68px / 1.68px;
    transform-origin: 5px 52px;
}

    .ldio-s7tg6pdo06a div:nth-child(1) {
        transform: rotate(0deg);
        animation-delay: -1.3175230566534912s;
        background: #00c800;
    }

    .ldio-s7tg6pdo06a div:nth-child(2) {
        transform: rotate(32.72727272727273deg);
        animation-delay: -1.185770750988142s;
        background: #00c800;
    }

    .ldio-s7tg6pdo06a div:nth-child(3) {
        transform: rotate(65.45454545454545deg);
        animation-delay: -1.054018445322793s;
        background: #00c800;
    }

    .ldio-s7tg6pdo06a div:nth-child(4) {
        transform: rotate(98.18181818181819deg);
        animation-delay: -0.9222661396574439s;
        background: #00c800;
    }

    .ldio-s7tg6pdo06a div:nth-child(5) {
        transform: rotate(130.9090909090909deg);
        animation-delay: -0.7905138339920947s;
        background: #00c800;
    }

    .ldio-s7tg6pdo06a div:nth-child(6) {
        transform: rotate(163.63636363636363deg);
        animation-delay: -0.6587615283267456s;
        background: #00c800;
    }

    .ldio-s7tg6pdo06a div:nth-child(7) {
        transform: rotate(196.36363636363637deg);
        animation-delay: -0.5270092226613965s;
        background: #00c800;
    }

    .ldio-s7tg6pdo06a div:nth-child(8) {
        transform: rotate(229.0909090909091deg);
        animation-delay: -0.39525691699604737s;
        background: #00c800;
    }

    .ldio-s7tg6pdo06a div:nth-child(9) {
        transform: rotate(261.8181818181818deg);
        animation-delay: -0.26350461133069825s;
        background: #00c800;
    }

    .ldio-s7tg6pdo06a div:nth-child(10) {
        transform: rotate(294.54545454545456deg);
        animation-delay: -0.13175230566534912s;
        background: #00c800;
    }

    .ldio-s7tg6pdo06a div:nth-child(11) {
        transform: rotate(327.27272727272725deg);
        animation-delay: 0s;
        background: #00c800;
    }

.loadingio-spinner-spinner-n4jt92o09tc {
    width: 200px;
    height: 200px;
    display: inline-block;
    overflow: hidden;
    background: none;
}

.ldio-s7tg6pdo06a {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
}

    .ldio-s7tg6pdo06a div {
        box-sizing: content-box;
    }

.pika-label {
    top: 4px
}

/*Month picker*/
.monthpickerfield {
    background-repeat: no-repeat;
    background-size: 27px 27px;
    background-position: right 20px center;
    height: 60px;
    padding: 10px 20px 7px;
    background-position: right 15px center;
}

.boligoplysninger, .htmlcloning {
    margin-bottom: 0px;
}

.onePageTheme .boligoplysninger {
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .onePageTheme .boligoplysninger {
        margin-bottom: 0px;
    }
}

.onePageTheme .form-group:last-child {
    margin-bottom: 0px;
}

.onePageTheme .hiddenlong, .onePageTheme .hidden {
    margin-bottom: 0px
}

.float-none {
    float: none !important;
    float: none !important;
}

@media (min-width: 1024px) {
    .lg\:float-right {
        float: right !important;
    }

    .md\:h5 {
        font-size: 24px;
        line-height: 36px;
    }

    .dataconsentwithtitle:last-child .toggleBox.mb-60 {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .toggleBox .mb-30 {
        margin-bottom: 60px;
    }
}

.energitjek .rounded-b-lg {
    border-radius: 20px;
}

.energitjek .bg-gray-light {
    background-color: transparent;
    border: 2px dashed #CCD0D4;
}

.energitjek {
    margin-top: 50px;
    margin-bottom: 10px !important;
}
/*used for dawa address*/
.error-border {
    border: 1px solid red;
}

.col-mod-right {
    width: 49%;
    display: inline-block;
    padding-left: 30px;
    vertical-align: top;
}

.col-mod-left {
    width: 49%;
    display: inline-block;
    padding-right: 15px;
    vertical-align: top;
}

.kundenr.col-mod-right {
    width: 100%;
    display: block;
    float: none;
    padding-left: 0;
}

@media (max-width: 991px) {
    .col-mod-right {
        width: 100%;
       
        float: none;
        padding-left: 0;
    }

    .col-mod-left {
        width: 100%;
        float: none;
        padding-right: 0;
    }
}

.form-group.kundenr {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .field-validation-error {
        text-align: center;
        margin-bottom: 30px
    }
}

.animate-spin {
    animation: spin 1s linear infinite;
}


@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
.pricedata td, .pricedata td a {
    font-size: 1rem;
}
.pricedata td:nth-child(2) {
    text-align: right;
    padding-right: 0px;
}