/* Minification failed. Returning unminified contents.
(60,27): run-time error CSS1030: Expected identifier, found '.'
(60,50): run-time error CSS1031: Expected selector, found ')'
(60,50): run-time error CSS1025: Expected comma or open brace, found ')'
(64,27): run-time error CSS1030: Expected identifier, found '.'
(64,33): run-time error CSS1031: Expected selector, found ')'
(64,33): run-time error CSS1025: Expected comma or open brace, found ')'
(175,38): run-time error CSS1046: Expect comma, found '56'
(175,44): run-time error CSS1046: Expect comma, found '/'
(184,39): run-time error CSS1046: Expect comma, found '56'
(184,45): run-time error CSS1046: Expect comma, found '/'
(1025,42): run-time error CSS1046: Expect comma, found '113'
(1025,50): run-time error CSS1046: Expect comma, found '/'
(1031,46): run-time error CSS1046: Expect comma, found '113'
(1031,54): run-time error CSS1046: Expect comma, found '/'
(6789,27): run-time error CSS1030: Expected identifier, found '.'
(6789,28): run-time error CSS1030: Expected identifier, found 'form-control'
(6789,58): run-time error CSS1031: Expected selector, found ')'
(6789,58): run-time error CSS1025: Expected comma or open brace, found ')'
(6813,36): run-time error CSS1046: Expect comma, found '56'
(6813,42): run-time error CSS1046: Expect comma, found '/'
(7573,22): run-time error CSS1030: Expected identifier, found ':'
(7573,23): run-time error CSS1031: Expected selector, found 'nth-of-type('
(7573,23): run-time error CSS1025: Expected comma or open brace, found 'nth-of-type('
 */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* style.css */

@layer base {
    html {
        @apply scroll-smooth;
    }
    
    body {
        @apply text-base text-tertiary pt-14;
        font-family: 'Poppins',"Helvetica Neue",Helvetica,Arial,sans-serif !important;
    }    

    footer {
        @apply bg-secondary-100 pb-[27px] pt-4 md:pt-[70px];
    }
}

/* faq */
.faq-list li:before {
    content: "\f078";
    font-family: 'Icomoon';
    transform: rotate( -90deg );
    transition: transform .5s ease-in-out;
}

/* check */
.check-list li:before {
    content: "\f00c";
    font-family: 'icomoon';
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
    margin-right: 10px;
    font-size: 1.1rem;
    height: 20px;
    float: left;
    color: #578759;
    position: relative;
    top: -3px;
}

/*usp*/
.usps .usp:before {
    content: "\f00c";
    font-family: 'icomoon';
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
    margin-right: 10px;
    font-size: 1.1rem;
    height: 20px;
    float: left;
    color: #76a777;
    position: relative;
    top: -2px;
}

#postnummer-container:has(.input-validation-error) {
    border: 2px solid #d06363;
}

#postnummer-container:has(.valid) {
    border: 2px solid #76b378;
}

#Postnummer:focus-visible {
    outline: none;
}

.faq-list li.expanded:before {
    content: "\f078";
    transform: rotate( 0deg );
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    border-radius: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.12);
    border-radius: 12px;
}

.badge-recommend {
    background: #83B17D;
    padding: 1px 6px;
    color: #fff;
    font-size: 9px;
    border-radius: 10px;
    display: initial;
    position: absolute;
    top: 57px;
    right: 33px;
    z-index: 4;
    font-weight: 400;
}

.animsition {
    -webkit-animation: fade-in-left 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in-left 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-6-7 23:21:12
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-left
 * ----------------------------------------
 */

@-webkit-keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fade-text-in {
    0% {
        transform: translateY(15px);
        opacity: 0;
    }
}

@keyframes fade-text-out {
    0% {
        transform: translateY(15px);
        opacity: 0;
    }
}

#fade-in-text.show :is(h1, h2, p, li) {
    animation: fade-text-in .7s;
}

#fade-in-text:not(.show) :is(h1, h2, p, li) {
    animation: fade-text-out .7s;
}

.highlighted.border-recommend, .complete-field {
    border: 2px #83B17D solid !important;
    transition: 0.2s;
}

.spotprice-card {
    box-shadow: 0 3px 7px 3px rgb(32 56 91 / 15%);
    transition: 0.3s;
}

.cursor-pointer {
    cursor: pointer;
}

.spotprice-card:hover {
    box-shadow: 0 4px 10px 4px rgb(32 56 91 / 20%);
}

.badge-spotprice {
    display: block;
    padding: 10px;
    font-size: 17px;
    color: #fff;
    text-align: center;
}

.badge-blue {
    background-color: #578759 !important;
}

.badge-green {
    background-color: #76b378 !important;
}

.badge-green-dark {
    background-color: #428244 !important;
}

.badge-red {
    background-color: #ff2200c4 !important;
}

.badge-pink {
    background-color: #e5017ea8 !important;
}

.badge-dark-blue {
    background-color: #00355c !important;
}

.badge-light {
    background-color: #f8f9fa !important;
    color: #212529 !important;
}

.elmarknad-badge {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: .75em;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 50rem !important;
    margin-left: 8px;
}

.default-background {
    background-color: #f4f4f4 !important;
}

.form-control {
    border-radius: 5px;
    font-size: 15px;
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 15px;
}

/* home */
.package-selection {
    margin-top: 80px;
}

    .package-selection.jumbotron {
        line-height: normal;
        font-size: inherit;
        color: #496876;
        margin-bottom: 0 !important;
        background-size: cover;
        background-repeat: no-repeat;
    }

.initial {
    background: url(/Images/start.webp);
    background: linear-gradient(135deg, rgba(255,255,255,0.9) 45%, rgba(0,212,255,0) 75%),url(/Images/start.webp);
}

.initial-b2b {
    background: url(/Images/start.webp);
    background: linear-gradient(135deg, rgba(255,255,255,0.9) 45%, rgba(0,212,255,0) 75%),url(/Images/b2b.webp);
}

.clear-hero {
    background: url(/Images/start.webp);
    background: linear-gradient(90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 50%), url(/Images/start.webp);
    background-position-x: right;
}

.company {
    background: url(../Images/jamfor-elbolag-wide-desktop.webp) 50% 0;
}

.prices {
    background: url(../Images/jamfor-elpriser-wide-desktop.webp) 50% 0;
}

.agreements {
    background: url(../Images/jamfor-elavtal-wide-desktop.webp) 50% 0;
}

.spot-prices {
    background: url(../Images/jamfor-elpriser-wide-desktop.webp) 49% 0;
}

.initial {
    background: linear-gradient(135deg, rgba(255,255,255,0.9) 20%, rgba(0,85,82,0) 100%),url(/Images/b2b.webp) !important;
    background-size: cover !important;
}

@media(max-width: 500px) {
    .badge-spotprice {
        display: initial;
        padding: 5px 10px;
        border-radius: 10px;
    }

    .package-selection.jumbotron {
        padding-left: 0px;
        padding-right: 0px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .initial-b2b {
        background: linear-gradient(135deg, rgba(255,255,255,0.9) 70%, rgba(0,212,255,0) 100%),url(/Images/b2b.webp);
        background-size: cover !important;
    }

    .clear-hero {
        background: url(/Images/start-mobile.webp);
        background: linear-gradient(90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 50%), url(/Images/start.webp);
        background-position-x: right;
    }

    .company {
        background: url(../Images/jamfor-elbolag-new-mobile.webp);
    }

    .prices {
        background: url(../Images/jamfor-elpriser-new-mobile.webp);
    }

    .agreements {
        background: url(../Images/jamfor-elavtal-new-mobile.webp);
    }

    .solar-cells {
        background: url(../Images/jamfor-solceller-new-mobile.webp);
    }

    .package-selection p {
        font-size: 17px;
        width: 100%;
    }

    .package-selection h1, .template-header {
        font-weight: 600;
        font-size: 27px;
    }

    .medium {
        font-size: 30px;
    }

    .search-results .result .result-data .setting-time {
        float: left;
        position: relative;
        padding: 0px 10px;
        width: 100%;
    }
}

@media (min-width: 501px) and (max-width: 800px) {
    .initial {
        background-size: cover !important;
        background: linear-gradient(135deg, rgba(255,255,255,0.9) 30%, rgba(0,212,255,0) 75%),url(/Images/start.webp);
    }

    .initial-b2b {
        background-size: cover !important;
        background: linear-gradient(135deg, rgba(255,255,255,0.9) 30%, rgba(0,212,255,0) 75%),url(/Images/b2b.webp);
    }

    .clear-hero {
        background: url(/Images/start.webp);
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .hide-on-pad {
        display: none !important;
    }
}

.price-bold {
    font-weight: 600 !important;
}

.price-light {
    font-weight: 500 !important;
}

.text.price-light {
    margin-top: 5px;
}

.display-spec {
    cursor: pointer;
    color: #578759;
}

    .display-spec:hover {
        text-decoration: underline;
    }

@media (max-width: 800px) {
    .checkmark.draw:after {
        animation-duration: 800ms;
        animation-timing-function: ease;
        animation-name: checkmark;
        transform: scaleX(-1) rotate( 135deg );
    }

    .error-page {
        min-height: 100vh !important;
    }

    .checkmark:after {
        opacity: 1;
        height: 1.75em !important;
        width: 0.95em !important;
        transform-origin: left top;
        border-right: 3px solid #578759;
        border-top: 3px solid #578759;
        content: "";
        left: 0.75em !important;
        top: 1.6em !important;
        position: absolute;
    }

    .circle-loader {
        margin-bottom: 3.5em;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-left-color: #578759;
        animation: loader-spin 1.2s infinite linear;
        position: relative;
        display: inline-block;
        vertical-align: top;
        border-radius: 50%;
        width: 3.5em !important;
        height: 3.5em !important;
    }


    .error-page .sub-heading {
        text-align: center !important;
        font-size: 24px !important;
    }

    .error-page p {
        font-weight: normal !important;
        text-align: center;
        font-size: 13px !important;
    }

    .refine-search {
        margin: 10px 0px !important;
        padding: 0px !important;
        border: none !important;
    }

        .refine-search .search-fields {
            padding: 20px !important;
        }

        .refine-search .search-field-title {
            width: 47% !important;
        }

        .refine-search .search-field {
            width: 53% !important;
        }


        .refine-search .navigation-bar,
        .refine-search .custom-progress-bar,
        .refine-search .btn-next {
            display: block !important;
        }

    .search-preferences .preference-section {
        margin: 0px 10px 30px 10px !important;
        width: calc(100% - 20px) !important;
    }
}

/* media queries */
@media (min-width: 801px) and (max-width: 1100px) and (max-height: 600px) {
    .initial {
        background: url(../Images/start.webp) 0rem;
        background-size: cover !important;
        background: linear-gradient(135deg, rgba(255,255,255,0.9) 30%, rgba(0,212,255,0) 75%),url(/Images/start.webp);
    }

    .initial-b2b {
        background: url(../Images/start.webp) 0rem;
        background-size: cover !important;
        background: linear-gradient(135deg, rgba(255,255,255,0.9) 30%, rgba(0,212,255,0) 75%),url(/Images/b2b.webp);
    }

    .clear-hero {
        background: url(/Images/start.webp);
    }
}

@media (min-width: 801px) and (max-width: 1100px) and (max-height: 1180) {
    .initial-b2b {
        background: url(../Images/start.webp) 0rem;
        background-size: cover !important;
        background: linear-gradient(135deg, rgba(255,255,255,0.9) 30%, rgba(0,212,255,0) 75%),url(/Images/b2b.webp);
    }

    .clear-hero {
        background: url(/Images/start.webp);
    }
}

@media (min-width: 801px) and (max-width: 1100px) {
    .initial-b2b {
        background: url(../Images/start.webp) 0rem;
        background-size: cover !important;
        background: linear-gradient(135deg, rgba(255,255,255,0.9) 30%, rgba(0,212,255,0) 75%),url(/Images/b2b.webp);
    }

    .clear-hero {
        background: url(/Images/start.webp);
    }
}

@media (min-width: 1101px) and (max-width: 1180px) {
    .initial-b2b {
        background: url(../Images/start.webp) 0rem;
        background-size: cover !important;
        background: linear-gradient(135deg, rgba(255,255,255,0.9) 30%, rgba(0,212,255,0) 75%),url(/Images/b2b.webp);
    }

    .clear-hero {
        background: url(/Images/start.webp);
    }
}

@media (min-width: 1181px) and (max-width: 1300px) {
    .initial-b2b {
        background: url(../Images/start.webp) 0rem;
        background-size: cover !important;
        background: linear-gradient(135deg, rgba(255,255,255,0.9) 30%, rgba(0,212,255,0) 75%),url(/Images/b2b.webp);
    }

    .clear-hero {
        background: url(/Images/start.webp);
    }
}

@media (min-width: 1181px) and (max-width: 1300px) and (max-height: 800px) {
    .initial-b2b {
        background: url(../Images/start.webp) 0rem;
        background-size: cover !important;
        background: linear-gradient(135deg, rgba(255,255,255,0.9) 30%, rgba(0,212,255,0) 75%),url(/Images/b2b.webp);
    }

    .clear-hero {
        background: url(/Images/start.webp);
    }
}

@media (max-width: 600px) {
    .spot-prices {
        background: url(../Images/jamfor-elpriser-new-mobile.webp) 29%;
    }

    .jumbotron .container {
        max-width: 100%;
    }
}

.align-jumb-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.solar-cells {
    background: url(../Images/jamfor-solceller-wide-desktop.webp) 50% 0;
}

.icons-list p {
    margin-bottom: 0;
}

.icons-list svg {
    width: 20px;
    height: 20px;
    margin-right: 7px;
    margin-bottom: 1px;
    display: inline-block;
}

    .icons-list svg path {
        fill: #578759;
    }

@media screen and (min-width: 1200px) {
    .package-selection p {
        font-size: 18px;
        padding-top: 0px;
    }
}

.package-selection p {
    font-size: 18px;
    padding-top: 0px;
}

.package-selection #package-selection-housing .form-group {
    float: left;
    width: 100%;
}

.jumbotron.transparent {
    background: #fff;
    color: inherit;
}

.jumbotron.dark {
    background: #f5fafb;
}

.jumbotron.light {
    background: #fff;
}

.package-selection .consumption-level .level .title {
    float: left;
    position: relative;
    font-weight: normal;
    font-size: 14px;
    padding: 0px 0px 0px 3px;
    position: relative;
    margin-top: -1px;
    color: #1e5072;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 0px !important;
    margin-bottom: 15px !important;
}

.package-selection .consumption-level .level {
    font-size: 14px;
    float: left;
    width: 46%;
    padding: 15px 10px 10px 15px;
    background: #F0F0F0;
    margin-right: 2%;
    border-radius: 5px;
}

    .package-selection .consumption-level .level.selected {
        background-color: #01263f;
        color: #fff;
    }

        .package-selection .consumption-level .level.selected .title {
            color: #fff;
        }

.package-selection .consumption-level .text-input {
    float: left;
    width: 94%;
    border: solid 1px #00355c;
    padding: 6px;
    border-radius: 5px;
    position: relative;
    margin: 20px 0px 10px 0px;
}

    .package-selection .consumption-level .text-input .title {
        position: absolute;
        top: -11px;
        left: 10px;
        /* float: left; */
        background: transparent;
        padding: 0px 5px;
        font-size: 13px;
        font-weight: 400;
    }

        .package-selection .consumption-level .text-input .title:after {
        }

    .package-selection .consumption-level .text-input input[type="text"] {
        float: left;
        width: 100%;
        border: none;
        text-decoration: none;
        font-size: 17px;
        padding: 5px 10px;
        outline: none;
        background: transparent;
        color: #fff;
    }

.consumption-level-manual,
.consumption-level-calculate {
    display: none;
}

    .consumption-level-manual.active,
    .consumption-level-calculate.active {
        display: block;
    }

.package-selection .consumption-level .warming-types {
    padding: 10px 0px;
    float: left;
}

    .package-selection .consumption-level .warming-types li {
        list-style: none;
        float: left;
        width: 100%;
        background: #F0F0F0;
        margin: 2px 0px;
        padding: 10px 10px;
    }

    .package-selection .consumption-level .warming-types .option-caption {
        font-size: 14px;
        float: left;
        position: relative;
        margin-left: 3px;
        color: #201c47;
    }

    .package-selection .consumption-level .warming-types li:first-of-type {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .package-selection .consumption-level .warming-types li:last-of-type {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .package-selection .consumption-level .warming-types li.selected {
        background-color: #01253f;
    }

        .package-selection .consumption-level .warming-types li.selected .option-caption {
            color: #fff;
        }

.company-name {
    opacity: .8;
    font-weight: 600;
    margin: auto;
}


.partner-tooltip + .tooltip > .tooltip-inner {
    background-color: #11355c !important;
}



/*.companies li {
    list-style: none;
    float: left;
    position: relative;
    width: 16%;
    display: flex;
}*/
     

/* testimonials */


.testimonials-list {
    float: left;
    padding: 20px 0px;
}

    .testimonials-list li {
        list-style: none;
        padding: 20px 15px;
        font-weight: bold;
        float: left;
        width: 100%;
        margin: 4px 0px;
        font-size: 17px;
    }

        .testimonials-list li .score {
            /* border: solid 1px #DAE1EF; */
            margin: 0px;
            float: left;
            padding: 5px 25px;
            min-height: 200px;
            width: 200px;
            color: #80858F;
            float: none;
            margin: 0 auto;
        }

            .testimonials-list li .score img {
                width: 120px;
                height: 120px;
                float: none;
                margin: 0 auto 10px auto;
                display: block;
            }

            .testimonials-list li .score .glyphicon-star {
                color: #FAC917;
                font-size: 26px;
            }

        .testimonials-list li .remarks {
            float: left;
            position: relative;
            margin-top: 45px;
            color: #D0D0D0;
            font-size: 16px;
            font-weight: normal;
        }

            .testimonials-list li .remarks:before {
                font-size: 120px;
                color: #D0D0D0;
                content: ",,";
                position: absolute;
                top: -146px;
                left: 0px;
                letter-spacing: -8px;
            }

        .testimonials-list li .remarker {
            width: 100%;
            float: left;
            margin-top: 20px;
            color: #555;
        }

            .testimonials-list li .remarker .name {
                font-size: 17px;
                font-weight: bold;
                width: 100%;
                float: left;
                color: #D0D0D0;
            }

            .testimonials-list li .remarker .title {
                font-size: 13px;
                color: #D0D0D0;
            }

/* services */

.services-list {
    float: left;
    padding: 20px 0px;
    list-style: none;
}

    .services-list li {
        float: left;
        width: 100%;
        padding: 8px 0px;
    }

        .services-list li .title {
            width: calc(100% - 120px);
            float: left;
            padding-left: 10px;
            font-size: 20px;
            font-weight: bold;
        }

        .services-list li img {
            float: left;
            width: 80px;
            height: 80px;
        }

        .services-list li .details {
            padding-left: 10px;
            width: calc(100% - 120px);
            float: left;
        }

.blogs-list {
    float: left;
    padding: 20px 0px;
    list-style: none;
}

    .blogs-list .main-title {
        font-size: 21px;
        font-weight: bold;
    }

    .blogs-list li {
        float: left;
        width: 100%;
        padding: 8px 0px;
    }

        .blogs-list li .title {
            width: calc(100% - 120px);
            float: left;
            padding-left: 10px;
            font-size: 15px;
            font-weight: bold;
        }

        .blogs-list li img {
            float: left;
            width: 110px;
            height: 90px;
        }

        .blogs-list li .details {
            padding-left: 10px;
            width: calc(100% - 120px);
            float: left;
        }

.home-details a {
    color: #62bdd0 !important;
}

/* | home */
/* About */
.about-image {
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
/* | About*/

/* search container */

/* | search container */

/* search result */

    .search-results .main-heading {
        font-size: 35px;
        font-weight: bold;
        float: left;
        width: 100%;
        padding-bottom: 5px;
    }

    .search-results .filteredby {
        position: relative;
        width: 100%;
        font-size: 20px;
        margin-bottom: 15px;
    }

    @media (max-width: 768px) {
        .search-results .filteredby,
        .search-results .filteredby p {
            margin-bottom: 8px;
        }
    }
  
    .search-results .filteredby > p b {
        font-weight: 600;
    }

    .search-results .highlight-text {
        font-size: 1.05rem;
        font-weight: 500;
        padding: 4px 15px;
        margin: 3px 0;
        display: inline-block;
        white-space: nowrap;
        color: #009897;
        border-radius: 25px;
        background-color: #fff;
    }

    @media (max-width: 768px) {
        .search-results .highlight-text {
            font-size: 1rem;
            padding: 3px 13px;
        }
    }

        .search-results .filteredby ul {
            float: left;
            position: relative;
            list-style: none;
            padding: 0px 3px;
        }

            .search-results .filteredby ul li {
                float: left;
                position: relative;
                padding-right: 3px;
            }

                .search-results .filteredby ul li a {
                    text-decoration: underline;
                    color: #7cb3b1;
                }



    .search-results .result {
        float: left;
        width: 100%;
        padding: 20px 28px;
        background-color: #fff;
        box-shadow: 0 3px 5px 2px rgb(77 113 157 / 15%);
        border-radius: 25px;
        margin-bottom: 20px;
    }

        .search-results .result:hover {
            box-shadow: 0 3px 8px 3px rgb(77 113 157 / 20%);
        }

        .search-results .result p {
            padding: 5px 0px;
        }

        .search-results .result .features {
            float: left;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            margin-bottom: 15px;
        }

.mobile-term {
    display: none;
}

@media screen and (max-width: 768px) {
    .search-results .result .features {
        height: fit-content;
        font-size: 11px;
    }

    .mobile-term {
        display: inline-block;
    }
}

.search-results .result .features .feature {
    padding: 5px 10px;
    margin: 0px 5px;
    border-radius: 20px;
}

    .search-results .result .features .feature.red {
        background-color: #fff;
        color: #e5017e;
        box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
    }

    .search-results .result .features .feature.orange {
        background-color: #fff;
        color: #ff0000;
        box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
    }

    .search-results .result .features .feature.dark-blue {
        background-color: #fff;
        color: #605bae;
        box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
    }

    .search-results .result .features .feature.blue {
        background-color: #fff;
        color: #76b378;
        box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
    }

    .search-results .result .features .feature.grey {
        background-color: #fff;
        color: #3ac1b2;
        box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
    }

    .search-results .result .features .feature.green {
        background-color: #fff;
        color: #3ac1b2;
        box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
    }

.search-results .result .result-data {
    float: left;
    position: relative;
    width: 100%;
    display: flex;
    gap: 15px 8px;
    flex-wrap: wrap;
    padding: 8px 0;
    align-items: center;
    justify-content: center;
}

@media (max-width: 768px) {
    .search-results .result-data .col-company-logo {
        order: -2;
    }
    .search-results .result-data [class*="col-month-rate"] {
        order: -1;
    }
}

    .search-results .result .result-data .ski {
        float: left;
        position: relative;
        min-width: 65px;
    }

        .search-results .result .result-data .ski .text {
            float: left;
            width: 100%;
            text-align: center;
            font-weight: 600;
        }

            .search-results .result .result-data .ski .text:after {
                content: "\e085";
                font-family: 'Glyphicons Halflings';
                -webkit-font-smoothing: antialiased;
                font-weight: normal;
                height: 20px;
                float: left;
                margin-top: -1px;
                float: right;
                margin-left: -10px;
                font-size: 17px;
                font-weight: 100;
            }

        .search-results .result .result-data .ski .value {
            font-size: 17px;
            text-align: center;
            width: 100%;
            float: left;
            margin-top: 5px;
        }

    .search-results .result .result-data .setting-time {
        float: left;
        position: relative;
        padding: 0px 10px;
    }

        .search-results .result .result-data .setting-time .text {
            float: left;
            width: 100%;
            text-align: center;
            font-weight: 600;
        }

        .search-results .result .result-data .setting-time .value {
            font-size: 17px;
            text-align: center;
            width: 100%;
            float: left;
            margin-top: 5px;
        }

    .search-results .result .result-data .month-rate {
        float: left;
        position: relative;
        padding: 0px 13px 0px 0px;
        margin-top: -5px;
    }

        .search-results .result .result-data .month-rate .value {
            float: left;
            width: 100%;
            text-align: center;
            font-weight: 600;
            font-size: 32px;
        }

        .search-results .result .result-data .month-rate .kwh {
            float: left;
            width: 100%;
            text-align: center;
        }

    .search-results .result .result-data .btn-go {
        font-size: 17px !important;
        color: #fff;
        font-weight: 600;
        margin-left: auto;
    }

    @media (min-width: 768px) {
        .search-results .result .result-data .btn-go-box {
            margin-left: 20px;
        }
    }

    @media (max-width: 768px) {
        .search-results .result .result-data .btn-go-box {
            margin: 12px 0 15px;
        }

        .search-results .result .result-data .btn-go {
            padding: 5px 15px;
            margin-bottom: 12px;
        }
    }

    @media (max-width: 480px) {
        .search-results .result-data .col-ski-setting-time {
            display: none;
        }
    }

.search-results .result .more-info {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
}

    .search-results .result .more-info .expand-collapse {
        font-weight: 600;
        cursor: pointer;
    }

        .search-results .result .more-info .expand-collapse:after {
            content: "\f078";
            font-family: 'Icomoon';
            -webkit-font-smoothing: antialiased;
            font-weight: normal;
            margin-left: 10px;
            height: 20px;
            float: left;
            /* color: #32AC42; */
            margin-top: -2px;
            float: right;
            font-size: 17px;
            font-weight: 100;
        }

        .search-results .result .more-info .expand-collapse.expanded {
            font-weight: 600;
            cursor: pointer;
        }

            .search-results .result .more-info .expand-collapse.expanded:after {
                content: "\f077";
                font-family: 'Icomoon';
                -webkit-font-smoothing: antialiased;
                font-weight: normal;
                margin-left: 10px;
                height: 20px;
                float: left;
                /* color: #32AC42; */
                margin-top: -2px;
                float: right;
                font-size: 17px;
                font-weight: 100;
            }

.search-results .result .details {
    display: none;
    float: left;
    width: 100%;
}

    .search-results .result .details .title {
        font-size: 18px;
        font-weight: bold;
    }

    .search-results .result .details .notes {
        padding-top: 12px;
        float: left;
        position: relative;
        width: 100%;
        border-top: solid 1px #f5f2f2;
        margin-top: 15px;
        position: relative;
        display: block;
    }

.search-results .result .result-data .setting-time {
    float: left;
    position: relative;
    padding: 0px 10px;
}


.search-results .result .details .terms {
    float: left;
    width: 100%;
    position: relative;
    padding: 0px;
}

    .search-results .result .details .term a {
        color: #20385b;
    }

    .search-results .result .details .terms .term {
        float: left;
        width: 100%;
        position: relative;
    }

        .search-results .result .details .terms .term .text {
            float: left;
            width: 60%;
            text-align: center;
            font-weight: 600;
            text-align: left;
            font-size: 15px;
        }


        .search-results .result .details .terms .term .value {
            font-size: 16px;
            text-align: center;
            width: 40%;
            float: left;
            text-align: right;
        }

    .search-results .result .details .heading {
        font-size: 18px;
        font-weight: bold;
    }

    .search-results .result .details .extra-info ul {
        background-color: white;
        border-radius: 12px;
        margin-bottom: 8px;
    }

    .search-results .result .details .price-section .price {
        padding: 7px 15px;
        float: left;
        position: relative;
        border-radius: 12px;
        width: 100%;
    }

        .search-results .result .details .price-section .price .text {
            float: left;
            width: 70%;
            margin-top: 0;
            text-align: center;
            font-weight: 700;
            float: left;
            position: relative;
            text-align: left;
        }

        .search-results .result .details .price-section .price .details {
            float: left;
            width: 100%;
            text-align: left;
            display: block;
            font-size: 12px;
        }

        .search-results .result .details .price-section .price .value {
            font-size: 16px;
            text-align: right;
            width: 30%;
            float: left;
        }

    .search-results .result .details .price-section .total {
        float: left;
        position: relative;
        position: relative;
        display: block;
    }

        .search-results .result .details .price-section .total .total-price {
            float: right;
            font-weight: bold;
            text-align: right;
        }

        .search-results .result .details .price-section .total .total-text {
            float: left;
            width: 100%;
            text-align: left;
            display: block;
            text-align: right;
            position: relative;
        }

/* | search result */

/* search filters */
.search-filters {
    float: left;
    width: 100%;
}

.search-filters { 
    display: flex;
    flex-wrap: wrap;
    row-gap: 5px;
    justify-content: space-between;
}

@media (max-width: 768px) {
    .search-filters { 
        padding: 0 5px;
        margin-top: 5px;
        margin-bottom: 0.85rem;
    }
    .search-filters .toggle-button-group {
        margin-left: auto;
    }
    .search-filters .invisible { 
        display: none;
    }
}

.search-filters > .main-title, .main-title {
    font-size: 30px;
    font-weight: bold;
    float: left;
    width: 100%;
    padding-bottom: 10px;
    color: #00355c;
}

.search-filters > .sub-title {
    font-size: 20px;
    font-weight: bold;
    float: left;
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 10px;
}


#filter-search, #filter-sokning, #search-sokning-close {
    width: 220px;
    max-width: 100%;
    font-size: 15px;
}

@media screen and (min-width: 768px) {
    .filter-bck {
        clear: both;
        background-color: #fff;
        padding: 0.75rem;
        opacity: .8;
    }

        .filter-bck .all-filters {
            display: inline-block;
        }
}

@media screen and (max-width: 767px) {
    .filter-bck {
        clear: both;
        background-color: #f0f1f1 !important;
        padding: 0.75rem;
        transition: all 0.3s ease-in-out;
    }

    .fade-in-bck {
        /*background-color: #fcfcfcd6 !important;*/
        transition: all 0.3s ease-in-out;
    }

    #filter-search {
        width: 100%
    }

    .filter-bck .all-filters {
        display: none;
    }
}

.filter-bck > .sub-title {
    font-size: 24px;
    font-weight: bold;
    float: left;
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 10px;
}

.filter-bck .title {
    font-size: 18px;
    font-weight: 500;
    color: #00355c;
}

.search-filters .fitlers-toggle {
    cursor: pointer;
    float: right;
}

    .search-filters .fitlers-toggle:after {
        content: "\e902";
        font-family: 'Icomoon';
        -webkit-font-smoothing: antialiased;
        font-weight: normal;
        margin-left: 10px;
        height: 30px;
        margin-top: -1px;
        float: right;
        font-size: 24px;
        font-weight: bolder;
        transition: content .5s ease-in-out;
    }

    .search-filters .fitlers-toggle.collapse-filters:after {
        content: "\f00d";
        transition: content .5s ease-in-out;
    }

.filter-bck {
    clear: both;
    background-color: transparent;
    padding: 0.75rem;
    opacity: .8;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.search-filters > .all-filters > .section {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 8px;
}

    .search-filters > .all-filters > .section .title {
        font-size: 1.1rem;
        float: left;
        width: 100%;
        /* border-top: solid 1px #FDFDFD; */
        padding-bottom: 10px;
        font-weight: 100;
    }

    .search-filters > .all-filters > .section .full-row-filter {
        font-size: 14px;
        float: left;
        width: 100%;
        border-bottom: solid 1px #e0e0e0;
        padding: 5px 0px 5px 10px;
    }

        .search-filters > .all-filters > .section .full-row-filter:last-child {
            border: none;
        }

    .search-filters > .all-filters > .section .half-row-filter {
        font-size: 14px;
        float: left;
        width: 45%;
        margin: 0px 0px 0px 10px;
    }


        .search-filters > .all-filters > .section .half-row-filter .filter-title,
        .search-filters > .all-filters > .section .full-row-filter .filter-title {
            float: left;
            position: relative;
            font-weight: normal;
            font-size: 13px;
            padding: 0px 0px 0px 3px;
            position: relative;
            margin-top: -1px;
        }

.search-filters .search-button {
    font-size: 15px;
    border-radius: 5px;
    padding: 5px 55px;
    float: none;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
}

/* | search filters */

.container.search {
    margin: 70px auto 0;
}

@media (max-width: 768px) {
    .container.search {
        margin: 55px auto 0;
    }

    .container.search .main-heading {
        margin-bottom: 8px !important;
    }
}

/* agreement */

.agreement {
    float: left;
    position: relative;
    margin-top: 0%;
    padding: 30px 0%;
    width: 100%;
}

.agreement .company-info {
    float: right;
    margin-top: 100px;
    position: relative;
    background-color: #F9F9F9;
    padding: 10px 40px;
    border: solid 1px #f1f1f1;
}

    .agreement .company-info .logo {
        text-align: center;
        padding: 20px;
    }

        .agreement .company-info .logo img {
            width: auto;
            height: 100%;
            border: solid 1px #f1f1f1;
        }

    .agreement .company-info .vat-no {
        float: left;
        width: 100%;
        text-align: center;
        font-size: 26px;
        font-weight: bold;
    }

    .agreement .company-info .agreement-type {
        float: left;
        width: 100%;
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        margin-top: 15px;
    }

    .agreement .company-info .info-caption {
        float: left;
        width: 100%;
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        margin-top: 15px;
    }
        .agreement .company-info .info ul {
            border-top: solid 1px #C0C0C0;
            float: left;
            width: 100%;
            margin-top: 20px;
            list-style: none;
            /* box-sizing: border-box; */
            padding-top: 20px;
            padding-left: 0px;
            padding-right: 0px;
        }

            .agreement .company-info .info ul li {
                float: left;
                width: 100%;
                text-align: left;
                font-size: 15px;
            }

.agreement .agreement-form {
    margin-top: 28px;
}

        .agreement .agreement-form .form-section .heading {
            width: 100%;
            display: block;
            color: black;
            font-weight: 600;
            padding: 0;
            margin-bottom: 8px;
        }

        @media (max-width: 768px) {
            .agreement .agreement-form .form-section .heading { 
                font-size: 22px;
            }
        }


    .agreement .agreement-form .start-date {
        background-color: #F9F9F9;
        padding: 20px;
        margin-top: 50px;
        border: solid 1px #f1f1f1;
    }

        .agreement .agreement-form .start-date .heading {
            float: left;
            width: 100%;
            text-align: center;
            font-size: 18px;
            font-weight: 700;
            margin-top: 15px;
        }

        .agreement .agreement-form .start-date p {
            padding: 10px 0px;
        }

    .agreement .agreement-form .form-section .check-box {
        float: left;
        width: 100%;
        padding: 2px 0px;
    }

    .agreement .agreement-form .form-section .check-title {
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 0;
    }

    .agreement .agreement-form .form-section .btn-primary {
        margin-top: 12px;
        width: 100%;
        padding: 10px;
        font-size: 15px;
    }
/* | agreement */
#package-selection > li {
    width: 50%
}

    #package-selection > li > a {
        font-size: 15px;
        line-height: 1.3;
        padding: 8px 16px;
        font-weight: 500;
        color: #a7b5c1;
        border-radius: 1rem 1rem 0 0;
        background-color: #0e3b5a;
        margin: 0px;
        min-width: 170px;
        text-align: center;
        /* text-decoration: none; */
        /* outline: none; */
        border: none;
        font-weight: 300;
    }

    #package-selection > li.active > a {
        color: #fff;
        background-color: #1e5072 !important;
        border: none;
        font-weight: 500;
    }

.btn-get-started {
    min-width: 200px;
    padding: 10px 20px;
    font-weight: bold;
    font-size: 18px;
}

.btn-large {
    min-width: 400px;
    padding: 10px 20px;
    font-weight: bold;
    font-size: 14px;
}

/* | home */





/* UI Kit CSS */



/* grid */


/* | grid */




/* fonts */

.large {
    font-weight: bold;
    font-size: 67px;
}

    .large.normal {
        font-weight: bold;
        font-size: 52px;
    }


    .medium-bold.blue, .regular.blue {
        color: #01253F
    }

.medium-normal {
    font-size: 35px;
    font-weight: 900;
}

.light {
    color: #4d5054;
}

.regular {
    font-size: 27px;
}

.regular-bg {
    font-size: 35px;
    font-weight: 100;
    line-height: 50px;
}

.regular.medium {
    font-size: 24px;
}

.ptb-31 {
    padding: 30px 0px 10px 0px;
}

.small {
    font-size: 21px;
    font-weight: normal;
}

    .small.bold {
        font-weight: bold;
    }

.x-small {
    font-size: 17px;
}

    .x-small.bold {
        font-weight: bold;
    }

/* | fonts */




/* colors */


/* | colors */



/* buttons */

/*primary button */
.btn-primary {
    background-color: #76b378;
    border-color: #76b378;
    font-weight: 600;
}

.btn-primary:not(.text-lower) {
    text-transform: uppercase;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open
    .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #76b378;
        border-color: #76b378;
    }

#btn-postnumber, .btn-solarcells {
    font-size: 17px;
    margin-top: 20px;
    display: block;
    clear: both;
    width: 50%;
    color: #fff;
    font-weight: 600;
}

.flow-btn {
    height: 46px;
    font-size: 22px !important;
    color: #fff;
    font-weight: 600;
}

    #btn-postnumber::after, .flow-btn::after, .btn-solarcells::after {
        content: "\ea3c";
        font-family: 'Icomoon';
        -webkit-font-smoothing: antialiased;
        position: absolute;
        right: 10%;
    }

@media screen and (max-width: 600px) {
    #btn-postnumber, .btn-solarcells {
        margin-top: 5%;
        display: block;
        width: 100%
    }

    .search-results .filteredby {
        font-size: 16px;
    }
}
/* success button */
.btn-success {
    color: #fff;
    border-color: #578759;
    background-color: #578759;
}

    .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #039c9a;
        border-color: #039c9a;
    }

/* | buttons */


/* inputs */

/* round checkbox */


.round-checkbox {
    float: left;
    width: 20px;
    position: relative;
    margin-top: 3px;
}

    .round-checkbox label {
        background-color: #fff;
        border: 1px solid #7cb3b1;
        border-radius: 2px;
        cursor: pointer;
        height: 16px;
        left: 0;
        position: absolute;
        top: 0;
        width: 16px;
        background: transparent;
    }

        .round-checkbox label:after {
            border: 2px solid #fff;
            border-top: none;
            border-right: none;
            content: "";
            height: 6px;
            left: 1px;
            opacity: 0;
            position: absolute;
            top: 3px;
            transform: rotate(-45deg);
            width: 12px;
            /* font-size: 8px; */
        }

    .round-checkbox input[type="checkbox"] {
        visibility: hidden;
    }

        .round-checkbox input[type="checkbox"]:checked + label {
            background-color: #7cb3b1;
            border-color: #7cb3b1;
        }

            .round-checkbox input[type="checkbox"]:checked + label:after {
                opacity: 1;
            }



/* | round checkbox */

/* square checkbox */

.square-checkbox {
    float: left;
    width: 20px;
    position: relative;
    margin-top: 3px;
}

    .square-checkbox label {
        background-color: #fff;
        border: 1px solid #7cb3b1;
        border-radius: 2px;
        cursor: pointer;
        height: 16px;
        left: 0;
        position: absolute;
        top: 0;
        width: 16px;
        background: transparent;
    }

        .square-checkbox label:after {
            border: 2px solid #fff;
            border-top: none;
            border-right: none;
            content: "";
            height: 6px;
            left: 1px;
            opacity: 0;
            position: absolute;
            top: 3px;
            transform: rotate(-45deg);
            width: 12px;
        }

    .square-checkbox input[type="checkbox"] {
        visibility: hidden;
    }

        .square-checkbox input[type="checkbox"]:checked + label {
            background-color: #7cb3b1;
            border-color: #7cb3b1;
        }

            .square-checkbox input[type="checkbox"]:checked + label:after {
                opacity: 1;
            }

.option input {
    display: none;
}

.option label {
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
}

    .option label::after {
        content: "";
        position: absolute;
        right: 20px;
        width: 16px;
        height: 16px;
        border: 1px solid #7cb3b1;
        border-radius: 50%;
    }

    .option label::before {
        content: "";
        position: absolute;
        transform: translateY(-50%);
        background-color: #7cb3b1;
        border-radius: 50%;
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
        opacity: 0;
        transition: opacity 0.4s;
        right: 20px;
        width: 16px;
        height: 16px;
        top: 10px;
    }

.option {
    position: relative;
}

    .option input[type=radio]:checked + label::before {
        opacity: 1;
    }

/* round radio */


.round-radio {
    float: left;
    width: 20px;
    position: relative;
}

    .round-radio label {
        background-color: #fff;
        border: 1px solid #999;
        border-radius: 50%;
        cursor: pointer;
        height: 16px;
        left: 0;
        position: absolute;
        top: 0;
        width: 16px;
        background: transparent;
    }

        .round-radio label:after {
            border-top: none;
            border-right: none;
            content: "";
            height: 10px;
            left: 2px;
            opacity: 0;
            position: absolute;
            top: 2px;
            width: 10px;
            background: #578759;
            border-radius: 50%;
        }

    .round-radio input[type="radio"] {
        visibility: hidden;
    }

        .round-radio input[type="radio"]:checked + label {
            background-color: #fff;
            border-color: #fff;
        }

            .round-radio input[type="radio"]:checked + label:after {
                opacity: 1;
            }

.round-text {
    border-radius: 22px;
}

.light-text {
    color: #80858F;
}

.flex-align-vertical {
    display: flex;
    align-items: center;
}

.flex-center {
    align-items: center;
    justify-content: center;
    display: flex;
}

.no-top-padding {
    padding-top: 0px !important;
}

.no-right-padding {
    padding-right: 0px !important;
}

.no-bottom-padding {
    padding-bottom: 0px !important;
}

.no-left-padding {
    padding-left: 0px !important;
}

.container.transparent {
    background-color: transparent !important;
}

.align-center {
    float: none;
    margin: 0 auto;
}

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

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

/* media queries */
/* home */
.card-vertical-align {
    margin-top: 5rem;
}

@media screen and (max-width: 1200px) {
    .card-vertical-align {
        margin-top: 0rem;
    }
}

@media screen and (max-width: 1100px) {
    .package-selection.jumbotron {
        padding-left: 5%;
        padding-right: 5%;
    }

    .filter-box {
        width: 85px !important;
    }

    .filter-font-size {
        font-size: 19px !important;
    }

    /*.margin-top-filter {
            margin-top: 0.2rem !important;
        }*/
}


.package-selection.jumbotron {
    padding: 110px 5%;
}

@media(min-width: 768px) {

    .search-filters > .all-filters {
        display: block !important;
    }
    /* by default search filters visisable on all devices except mobile phone*/

}

@media screen and (min-width: 768px) {
    .jumbotron .h1, .jumbotron h1, .template-header {
        font-size: 37px !important;
        font-weight: 600 !important;
    }
}

.jumbotron .h1, .jumbotron h1, .template-header, .package-selection p {
    color: #16385e;
}

.jumbotron p.font-bold {
    font-weight: 500;
}

.info-sign-deal {
    background-color: #ebebeb;
    border-radius: 10px;
    font-weight: 300;
    padding: 10px;
    font-size: 17px;
}

@media(max-width: 768px) {
    .info-sign-deal {
        background-color: #ebebeb;
        border-radius: 10px;
        font-weight: 300;
        padding: 10px;
        font-size: 13px;
    }

    .package-selection {
        margin-top: 0px;
    }

        .package-selection.jumbotron {
            padding-left: 5%;
            padding-right: 5%;
            padding-top: 48px !important;
            padding-bottom: 48px;
        }

    .search-filters > .main-title, .main-title {
        font-size: 27px;
        font-weight: bold;
        padding-left: 3%;
        float: left;
        width: 100%;
        padding-bottom: 10px;
        color: #00355c;
        margin-top: 50px;
    }

    .search-filters > .sub-title {
        font-weight: bold;
        padding-left: 3%;
        float: left;
        width: 100%;
        padding-bottom: 10px;
        color: #00355c;
    }

    .bg-bixia_logo {
        width: 832px;
        height: 191px;
        background: url('css_sprites.webp') -8389px -1374px;
    }


    .bg-eon_logo {
        width: 2560px;
        height: 746px;
        background: url('css_sprites.webp') -4330px -2342px;
    }


    .bg-fortum_logo {
        width: 1280px;
        height: 302px;
        background: url('css_sprites.webp') -7666px -1052px;
    }


    .bg-goteborg_energi_logo {
        width: 1200px;
        height: 191px;
        background: url('css_sprites.webp') -7666px -1950px;
    }


    .bg-hafslund_logo {
        width: 5000px;
        height: 1022px;
        background: url('css_sprites.webp') -4330px -10px;
    }


    .bg-vattenfall_logo {
        width: 1200px;
        height: 185px;
        background: url('css_sprites.webp') -6910px -2342px;
    }


    .bg-map_min {
        width: 4300px;
        height: 4844px;
        background: url('css_sprites.webp') -10px -10px;
    }


    .bg-homepage_1 {
        width: 703px;
        height: 556px;
        background: url('css_sprites.webp') -7666px -1374px;
    }


    .bg-homepage_3 {
        width: 1634px;
        height: 1184px;
        background: url('css_sprites.webp') -6012px -1052px;
    }


    .bg-homepage_2 {
        width: 1662px;
        height: 1270px;
        background: url('css_sprites.webp') -4330px -1052px;
    }


    .bg-Changebestelectricitycontract_300x300 {
        width: 300px;
        height: 300px;
        background: url('css_sprites.webp') -8966px -1052px;
    }


    .bg-Compareelectricityprices_300x300 {
        width: 300px;
        height: 300px;
        background: url('css_sprites.webp') -8389px -1585px;
    }


    .bg-Fillinform_300x300 {
        width: 300px;
        height: 300px;
        background: url('css_sprites.webp') -8709px -1585px;
    }

    .search-filters > .all-filters {
        float: left;
        width: 100%;
        padding: 3%;
        margin-bottom: 50px;
        display: none;
    }
    /* search filters hidden on mobile phone*/

    .search-filters .search-button {
        float: left;
    }

    .col-company-logo,
    .col-ski-setting-time,
    .col-month-rate,
    .col-btn-go {
        margin-bottom: 15px;
    }

    .agreement .agreement-form {
        padding: 0px 0px;
    }

        .agreement .agreement-form .form-section {
            max-width: 100% !important;
        }

    .section.jumbotron {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #package-selection > li {
        width: 100%;
    }
}



/* jQuery UI overrides */

.ui-widget {
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif !important;
    color: #3A3A3A !important;
    font-size: 1em;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #fff !important;
    color: #3A3A3A;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none;
    background: #fff;
    text-align: center;
    border-radius: 50% !important;
    width: 30px;
    height: 30px;
    padding-top: 5px;
    color: #000;
}

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
        background: #029795 !important;
        color: #fff !important;
    }

.ui-widget-header {
    border: none;
    background: #fff;
    color: #333;
    font-weight: bold;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    background-image: none;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
    cursor: pointer;
    background: transparent !important;
    border: solid 1px #fff;
    border: none;
}



    .ui-datepicker .ui-datepicker-next:before {
        content: ">";
        color: #2b2b2b;
        font-size: 26px;
        font-weight: 400;
        position: absolute;
        right: 10px;
        top: -4px;
    }

    .ui-datepicker .ui-datepicker-prev:before {
        content: "<";
        color: #2b2b2b;
        font-size: 26px;
        font-weight: 400;
        position: absolute;
        left: 10px;
        top: -4px;
    }

.ui-widget.ui-widget-content {
    width: 358px;
}

.ui-widget-content .ui-state-hover {
    background: #029795 !important;
    color: #fff;
}

.ui-datepicker th {
    color: #797979;
}

/* | jQuery UI overrides */

#cookieConsent {
    z-index: 999;
    min-height: 20px;
    font-family: OpenSans, arial, "sans-serif";
    padding: 10px 20px;
    background: rgba(0,0,0,0.6);
    overflow: hidden;
    position: fixed;
    color: #FFF;
    bottom: 0px;
    right: 10px;
    display: none;
    left: 0;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

    #cookieConsent div {
        padding: 5px 0 0;
    }

    #cookieConsent a {
        color: #039c9a;
        display: inline-block;
        padding: 0 10px;
    }

        #cookieConsent a:hover {
            color: #039c9a;
        }

        #cookieConsent a#cookieButton {
            display: inline-block;
            color: #fff;
            font-size: 1.1em;
            background: #039c9a;
            text-decoration: none;
            cursor: pointer;
            padding: 5px 20px;
            float: right;
            border-radius: 5px;
        }

            #cookieConsent a#cookieButton:hover {
                background: #039c9a;
                color: #000;
            }

/* Error page*/
    .error-page .main-heading {
        font-size: 93px;
        font-weight: bold;
        width: 300px;
        padding-bottom: 10px;
        color: #00355c;
    }

    .error-page .sub-heading {
        font-size: 30px;
        font-weight: bold;
        float: left;
        width: 100%;
        padding-bottom: 10px;
        color: #00355c;
        text-align: left;
    }

/* | Error page */


/* Login page CSS */
.container.login {
    line-height: normal;
    font-size: inherit;
    background-color: #01253F;
    color: #FFF;
    min-height: 480px;
    margin-bottom: 0px !important;
    padding: 100px 14%;
    margin-top: 80px;
    width: 100%;
}

    .container.login .content {
        padding: 50px 0px 0px 20px;
        float: left;
        position: relative;
        width: 100%;
        /* border: solid 1px #6e6e6e; */
    }

        .container.login .content .row {
            padding: 12px 0px 0px 0px;
        }

            .container.login .content .row .large-text {
                font-size: 20px;
                font-weight: 100;
            }

        .container.login .content .panel {
            float: left;
            border: solid 1px #297278;
            width: 100%;
            background: #01253f;
            margin-top: 50px;
        }

            .container.login .content .panel .panel-heading {
                background-color: #369190;
                border: solid 1px #369190;
                color: #CADFDE;
                padding: 20px 10px;
                float: left;
                width: 100%;
                position: relative;
            }

                .container.login .content .panel .panel-heading .panel-title {
                    width: 50%;
                }

                    .container.login .content .panel .panel-heading .panel-title.right {
                        position: absolute;
                        top: 18px;
                        right: 14px;
                        text-align: right;
                    }

            .container.login .content .panel .panel-body {
                float: left;
                width: 100%;
                padding: 10px 50px;
            }

                .container.login .content .panel .panel-body > .section {
                    padding-top: 40px;
                    float: left;
                    width: 100%;
                }

                .container.login .content .panel .panel-body .section > .heading {
                    padding-bottom: 5px;
                    font-size: 30px;
                    font-weight: 900;
                    width: 100%;
                    float: left;
                    border-bottom: solid 1px #7C8B99;
                }

                .container.login .content .panel .panel-body .section > .body {
                }

                .container.login .content .panel .panel-body .section .section1 {
                    font-size: 14px;
                    font-weight: 100;
                    font-size: 14px;
                    font-weight: 100;
                    padding-top: 10px;
                    float: left;
                    width: 100%;
                }

                    .container.login .content .panel .panel-body .section .section1 .sub-heading {
                        font-weight: bold;
                        font-size: 14px;
                        min-width: 169px;
                        float: left;
                    }

                .container.login .content .panel .panel-body .section .section2 {
                    font-size: 14px;
                    font-weight: 100;
                    padding-top: 10px;
                    float: left;
                    width: 100%;
                }

                    .container.login .content .panel .panel-body .section .section2 .sub-heading {
                        font-weight: bold;
                        font-size: 14px;
                        min-width: 169px;
                        float: left;
                        min-width: 200px;
                    }

                    .container.login .content .panel .panel-body .section .section2 .address-text {
                        float: left;
                        position: relative;
                        min-width: 200px;
                    }

                        .container.login .content .panel .panel-body .section .section2 .address-text b {
                            margin-right: 10px;
                            min-width: 55px;
                            float: left;
                        }

                .container.login .content .panel .panel-body .section .section3 {
                    font-size: 14px;
                    font-weight: 100;
                    padding-top: 10px;
                    float: left;
                    width: 100%;
                    text-align: right;
                }

                    .container.login .content .panel .panel-body .section .section3 .sub-heading {
                        font-weight: bold;
                        font-size: 14px;
                        min-width: 137px !important;
                        float: left;
                        color: #fff;
                        /* min-width:200px; */
                        text-align: left;
                    }

                    .container.login .content .panel .panel-body .section .section3 .at-left {
                        float: left;
                        text-align: left;
                    }

                    .container.login .content .panel .panel-body .section .section3 hr {
                        margin: 10px 0px;
                        border-color: #263e54;
                    }

    .container.login .btn-success {
        padding: 10px 20px;
        font-size: 20px;
    }


/* | Login page CSS */


/* Thankyou page */
.container.thankyou {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    color: #01253F !important;
    padding: 50px 6% !important;
}

    .container.thankyou > .page-heading {
        margin-bottom: 50px;
    }

        .container.thankyou > .page-heading .colored-part {
            color: #2CA6A1 !important;
        }

    .container.thankyou a {
        color: #2CA6A1 !important;
        text-decoration: underline;
    }



    .container.thankyou .sub-heading {
        color: #01253F !important;
    }

        .container.thankyou .sub-heading.auto-width {
            padding-right: 5px;
            min-width: auto !important;
        }

    .container.thankyou p {
        color: #01253F;
        padding: 5px 0px;
    }

    .container.thankyou .content {
        padding: 30px 0px 0px 0px !important;
    }

        .container.thankyou .content .panel {
            border: none;
            background: none;
            margin-top: 0px !important;
        }

            .container.thankyou .content .panel .panel-body {
                padding: 10px 0px !important;
            }

/* | Thankyou page */


/* Wordlist page*/

.container.wordlist {
    line-height: normal;
    font-size: inherit;
    background-color: #01253F;
    color: #0D0D0D;
    margin-bottom: 0px !important;
    padding-top: 80px;
    width: 100%;
}

.wordlist .seach-letters {
    text-align: center;
    padding: 30px 10px;
}

    .wordlist .seach-letters a {
        font-size: 18px;
        font-weight: bold;
        color: #01253F;
    }

.wordlist .words-index .letter {
    font-size: 20px;
    font-weight: bold;
    color: #123164;
    width: 100%;
    float: left;
    margin-top: 30px;
}

.wordlist .words-index .word {
    font-size: 16px;
    font-weight: bold;
    color: #2B2B2B;
    width: 100%;
    float: left;
    padding: 15px 0px;
}



/* | Wordlist page*/

/* Contact Us page*/


.contact-us .main-heading {
    margin-top: 50px !important;
    color: #11355C;
}

    .contact-us .contact-times .times-heading {
        color: #11355C;
        font-size: 18px;
        font-weight: 600;
        border-left: solid 4px #578759;
        padding: 0px 5px;
        float: left;
        width: 100%;
        margin-top: 50px;
    }

    .contact-us .contact-times ul {
        list-style: none;
        padding: 10px 0px !important;
        float: left;
        margin-bottom: 50px;
    }

        .contact-us .contact-times ul li {
            width: 300px;
            float: left;
            border-bottom: solid 1px #e0d8d8;
            padding: 4px 0px;
        }

            .contact-us .contact-times ul li:last-child {
                border-bottom: none;
            }

    .contact-us .contact-times .contact-day {
        width: 50%;
        text-align: left;
        float: left;
        font-size: 13px;
        font-weight: 600;
    }

    .contact-us .contact-times .contact-time {
        width: 50%;
        text-align: right;
        float: left;
        font-size: 13px;
        font-weight: 600;
    }

        .contact-us .contact-times .contact-day.highlighted,
        .contact-us .contact-times .contact-time.highlighted {
            color: #578759;
        }

.contact-us .contact-us-form {
    margin: 60px 0px 50px 0px;
    width: 400px;
}

    .contact-us .contact-us-form label {
        font-size: 14px;
    }

    .contact-us .contact-us-form .form-control {
        border-top: none;
        border-right: none;
        border-left: none;
        border-radius: 0px;
        box-shadow: none;
        padding: 0px;
        min-height: 15px !important;
        height: 30px;
        margin-bottom: 10px;
    }


    .contact-us .contact-us-form .form-group {
        margin: 0px !important;
    }

/* | Contact Us page*/


/* FAQ page*/

.faq .header-section {
    padding: 50px 20px 20px 20px;
}

.faq .footer-section {
    padding: 50px 20px 20px 20px;
}

    .faq .footer-section > .footer-header {
        margin-bottom: 80px !important;
    }

    .faq .footer-section .btn {
        min-width: 200px;
        margin: 30px 0px;
    }



.faq .header-section.colored-background {
    background-color: #F5F6F8;
}

.faq .main-heading {
    color: #11355C;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
}

.faq .header-section p {
    width: 100%;
    padding: 10px;
    text-align: center;
    font-size: 15px;
}

.faq .faq-section {
    width: 100%;
    float: left;
}

    .faq .faq-section .faq-header {
        font-size: 22px;
        font-weight: bold;
        width: 100%;
        text-align: center;
        padding: 35px 0px;
        float: left;
    }

    .faq .faq-section ul {
        list-style: none;
    }

        .faq .faq-section ul li {
            float: left;
            width: 100%;
            position: relative;
            cursor: pointer;
        }

            .faq .faq-section ul li .faq {
                font-size: 15px;
                font-weight: 600;
                color: #578759;
                border-top: solid 1px #F1F1F1;
                border-bottom: solid 1px #F1F1F1;
                padding: 15px 0px;
                width: 100%;
                float: left;
            }

                .faq .faq-section ul li .faq:before {
                    font: normal normal normal 14px/1 icomoon;
                    content: "\f077";
                    color: #578759;
                    font-weight: normal;
                    margin-top: 2px;
                    font-size: 14px;
                    margin-right: 5px;
                    float: left;
                    width: 15px;
                    transform: rotate( 90deg );
                }

            .faq .faq-section ul li.expanded .faq:before {
                font: normal normal normal 14px/1 icomoon;
                content: "\f078";
                color: #578759;
                font-weight: normal;
                margin-top: 2px;
                font-size: 14px;
                margin-right: 5px;
                float: left;
                width: 15px;
                transform: rotate( 0deg );
            }

            .faq .faq-section ul li p {
                float: left;
                width: 100%;
                position: relative;
                padding: 10px 3px;
                display: none;
            }


/* | FAQ page*/


/* Blog Category page */

.container .blog-category {
}

.blog-category .header-section {
    padding: 50px 10px 20px 10px;
    text-align: center;
}


.blog-category .latest-articles {
    float: left;
    font-size: 16px;
    font-weight: bold;
}

.blog-category .subject {
    float: right;
    font-size: 14px;
    font-weight: bold;
}

.blog-category .date {
    float: right;
    font-size: 14px;
    font-weight: bold;
    margin-left: 40px;
}

    .blog-category .subject .fa,
    .blog-category .date .fa {
        margin-right: 10px;
    }

.blog-category .subject .fa {
    transform: rotate(135deg)
}

.blog-list {
    width: 100%;
}

.blog-list .blog {
    margin-bottom: 30px;
    float: left;
    width: 100%;
    padding: 10px;
}

    .blog-list .blog img {
        height: 230px;
        float: left;
        width: 100%;
        border-radius: 15px 15px 0 0;
    }

    .blog-list .blog .blog-content {
        float: left;
        width: 100%;
        margin-top: -80px;
        background: #08314F;
        box-shadow: 0px 0px 10px -5px #111;
        border-radius: 0 0 15px 15px;
        padding: 20px 20px;
        min-height: 280px;
        color: white;
    }

    .blog-list .blog .blog-title {
        color: inherit;
        font-size: 20px;
        font-weight: 700;
        line-height: 26px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .blog-list .blog .blog-content p {
        font-size: 14px;
        font-weight: bold;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden !important;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
    }


    .blog-list .blog .read-time {
        float: left;
        width: 100%;
        font-size: 12px;
        font-weight: 400;
        padding: 5px 0px 3px 0px;
    }

    .blog-list .blog .tags {
        float: left;
        width: 100%;
        font-size: 12px;
        font-weight: 400;
    }

        .blog-list .blog .read-time .fa,
        .blog-list .blog .tags .fa {
            margin-right: 10px;
        }

        .blog-list .blog .tags .fa {
            transform: rotate(135deg)
        }

.blog-category .subscribe {
    line-height: normal;
    font-size: inherit;
    width: 100%;
    padding: 40px 10% 10px 10% !important;
    color: #FFF;
    margin-bottom: 0px;
    margin: 40px 0px;
}

    .blog-category .subscribe .x-small {
        color: #b7b7b7;
    }

    .blog-category .subscribe p {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        line-height: 29px;
        padding: 20px 0px;
        max-width: 500px;
        float: none;
        margin: 0 auto;
    }

        .blog-category .subscribe p .form-control {
            background: transparent;
            border-top: none;
            border-left: none;
            border-right: none;
            border-radius: 0px;
            box-shadow: none;
            border-color: #33455E;
            color: #acacad;
        }

        .blog-category .subscribe p .btn-success {
            min-width: 100px;
            border-radius: 25px;
        }

/* | Blog Category page */


/* | Blog Details page */

.container .blog-details {
    padding-bottom: 50px;
    float: left;
    width: 100%;
}

    .container .blog-details .header-section {
        float: left;
        width: 100%;
        background-color: #09253F;
        color: #fff;
        padding: 80px 50px 40px 50px;
    }

        .container .blog-details .header-section .date-time {
            width: 100%;
            float: left;
            margin-bottom: 10px;
        }

        .container .blog-details .header-section .tags {
            width: 100%;
            float: left;
            margin-bottom: 30px;
            font-size: 13px;
        }

        .container .blog-details .header-section .blog-title {
            font-size: 35px;
            font-weight: 800;
            line-height: 26px;
            float: left;
            width: 100%;
            line-height: 42px;
        }


    .container .blog-details .content {
    }

.blog-details .blog-content .back-to-blogs {
    font-size: 13px;
    padding: 20px 0px;
    float: left;
    font-weight: 600;
    cursor: pointer;
}

    .blog-details .blog-content .back-to-blogs .fa {
        float: left;
        margin-right: 5px;
        font-size: 9px !important;
        margin-top: 5px;
    }

.blog-details .blog-content .heading {
    font-size: 22px;
    font-weight: bold;
    line-height: 28px;
}

.blog-details .blog-content p {
    padding: 5px 0px;
}

.blog-details .related-articles {
    border-top: solid 1px #33455E;
    padding: 20px 0px;
}



/* | Partners page */
/* Refine search */
.refine-search {
    border: solid 1px #D1D5DD;
    margin: 20px;
    border-radius: 10px;
    padding: 20px;
}

.truncate {
    max-height: 15rem;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 7;
}

.truncate-header {
    max-height: 8rem;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}

.refine-search .col-1 {
    margin-top: 35px;
}

.refine-search .help {
    float: right;
    margin-right: 5px;
    color: #c2c3c5;
    font-size: 20px;
    cursor: pointer;
}

.refine-search .step_no {
    background-color: #E1EFF3;
    padding: 1px 11px;
    border-radius: 50px;
    font-size: 21px;
    font-weight: bold;
    float: left;
    width: 35px;
    height: 35px;
    margin: -5px 10px 0px 0px;
}

.refine-search .search-fields, #consumption-calc-container {
    border: solid 1px #D1D5DD;
    border-radius: 10px;
    background-color: #F7F9F9;
    float: left;
    padding: 20px 25px;
    margin: 10px 0px;
}

.refine-search .search-field-title {
    float: left;
    width: 50%;
    font-size: 15px;
    font-weight: 600;
    padding: 14px 0px;
}

    .refine-search .search-field-title .sub-title {
        float: right;
        padding-right: 5px;
        font-size: 15px;
        font-weight: normal;
    }

.refine-search .search-field {
    float: left;
    width: 50%;
    margin-bottom: 30px;
}

    .refine-search .search-field select {
        color: #9ED39C;
    }

.refine-search .bottom-title-1 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    float: left;
}

.refine-search .bottom-title-2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    float: left;
}

.refine-search .bottom-title-3 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    float: left;
}

.refine-search .toggle-button-section,
.search-preferences .preference-section .toggle-button-section {
    float: right;
    padding-right: 8px;
}

    .refine-search .toggle-button-section *,
    .search-preferences .preference-section .section-option * {
        float: left;
    }

    .refine-search .toggle-button-section .fa-toggle-on,
    .search-preferences .preference-section .fa-toggle-on {
        color: #6ACE66;
        font-size: 35px;
        cursor: pointer;
    }

    .refine-search .toggle-button-section .off,
    .search-preferences .preference-section .off {
        color: #cacaca;
        transform: rotate( 180deg );
        color: #c2c3c5;
        cursor: pointer;
    }

    .refine-search .toggle-button-section .button-text {
        margin: 4px 0px 0px 15px;
        float: right;
    }


.refine-search .navigation-bar,
.search-preferences .navigation-bar {
    float: left;
    width: 107%;
    background-color: #F5F9F9;
    margin: -9px 0px 0px -15px;
    padding: 5px 0px 5px 45px;
    display: none;
}

.search-preferences .navigation-bar, 
.search-preferences .navigation-steps {
    display: block !important;
    margin: 0px;
    background: linear-gradient(90deg, rgba(234,245,245,1) 0%, rgba(234,240,245,1) 35%, rgba(234,245,240,1) 100%);
}

    .refine-search .navigation-bar .step,
    .search-preferences .navigation-bar .step {
        width: 25%;
        float: left;
    }


        .refine-search .navigation-bar .step .status,
        .search-preferences .navigation-bar .step .status {
            height: 25px;
            width: 25px;
            background: #fff;
            border-radius: 50px;
            border: solid 1px #D4D8DF;
            float: left;
            margin-right: 5px;
        }

            .refine-search .navigation-bar .step .status.done,
            .search-preferences .navigation-bar .step .status.done {
                background-color: #319796;
                border-color: #319796;
            }

        .refine-search .navigation-bar .step .title,
        .search-preferences .navigation-bar .step .title {
            padding-top: 3px;
            float: left;
            font-size: 13px;
            font-weight: bold;
        }

.refine-search .custom-progress-bar {
    width: 80%;
    float: left;
    margin: 20px 10% 0px 10%;
    border: solid 1px #eaeaea;
    padding: 2px;
    height: 30px;
    border-radius: 50px;
    background: transparent;
    position: relative;
    display: none;
}

    .refine-search .custom-progress-bar .progress-text {
        width: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
        text-align: center;
        font-size: 13px;
        font-weight: bold;
        padding-top: 4px;
    }

    .refine-search .custom-progress-bar .progress {
        background-color: #F1CD00;
        position: relative;
        height: 24px;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
    }

        .refine-search .custom-progress-bar .progress.p-20 {
            width: 20%;
        }

        .refine-search .custom-progress-bar .progress.p-40 {
            width: 40%;
        }

        .refine-search .custom-progress-bar .progress.p-60 {
            width: 60%;
        }

        .refine-search .custom-progress-bar .progress.p-80 {
            width: 80%;
        }

        .refine-search .custom-progress-bar .progress.p-100 {
            width: 100%;
            border-radius: 25px !important;
        }

.refine-search .btn-next {
    float: left;
    width: 100%;
    margin: 20px 0px;
    height: 50px;
    display: none;
    font-size: 17px;
}

/* | Refine search*/

.popover {
    border-radius: 12px;
}

.popover-content {
    padding: 13px 14px;
}

.popover-content p:last-of-type {
    margin-bottom: 0;
}

/* Search Preferences page*/
    .search-preferences .main-heading {
        color: #11355C;
        padding: 30px 0px;
        font-weight: 900;
        font-size: 32px;
        float: left;
        text-align: center;
        width: 100%;
        margin-top: 50px !important;
    }

    .search-preferences .preference-section {
        background-color: #fff;
        padding: 30px 25px;
        border-radius: 17px;
        margin-bottom: 30px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);
    }

        .search-preferences .preference-section.transparent-bg {
            background: none !important;
            padding: 0px 0px;
        }

        .search-preferences .preference-section .help {
            position: absolute;
            float: right;
            margin-right: 5px;
            color: #c2c3c5;
            font-size: 20px;
            cursor: pointer;
            right: 5px;
            top: 8px;
        }

        .search-preferences .preference-section .title {
            float: left;
            width: 100%;
            margin-bottom: 10px;
        }

            .search-preferences .preference-section .title .section-number {
                background-color: #E1EFF3;
                padding: 2px 11px;
                border-radius: 50px;
                font-size: 21px;
                font-weight: bold;
                float: left;
                width: 35px;
                height: 35px;
                line-height: 1.5;
                text-align: center;
                margin: -3px 10px 0px 0px;
            }

            .search-preferences .preference-section .title > .heading {
                font-size: 20px;
                font-weight: bold;
            }

        .search-preferences .preference-section p {
            font-size: 14px;
            color: #000;
            padding-left: 4px;
        }

        .search-preferences .preference-section .section-option {
            float: left;
            width: 100%;
            padding: 10px 15px;
            border: solid 2px #D5D9DF;
            border-radius: 11px;
        }

        .search-preferences .preference-section .section-option:not(:last-of-type) {
            margin-bottom: 10px;
        }

            .search-preferences .preference-section .section-option.highlighted {
                background-color: #F8FDF7;
            }

            .search-preferences .preference-section .section-option .image-icon {
                height: 25px;
                float: left;
                width: auto;
            }

            .search-preferences .preference-section .section-option .icon-round {
                width: 30px;
                height: 30px;
                background: #FFFFFF;
                border-radius: 50px;
                color: #339A97;
                border: solid 1px #339A97;
                text-align: center;
                font-size: 16px;
                font-weight: 100;
                display: inline-flex;
                align-items: center;
                justify-content: center;
            }

                .search-preferences .preference-section .section-option .icon-round.currency {
                    transform: rotate( 90deg );
                }

                .search-preferences .preference-section .section-option .icon-round .dot {
                    width: 10px;
                    height: 10px;
                    background: #fff;
                    border-radius: 50px;
                    margin-top: 7px;
                    margin-left: 7px;
                }


            .search-preferences .preference-section .section-option .section-title {
                float: left;
                position: relative;
                margin: 3px 0px 0px 8px;
                font-size: 15px;
                font-weight: 600;
            }

            .search-preferences .preference-section .section-option .input-text {
                float: left;
                width: 100%;
            }

                .search-preferences .preference-section .section-option .input-text .unit {
                    float: left;
                    position: relative;
                    font-size: 16px;
                    font-weight: 500;
                    margin: 6px 0px 0px 3px;
                }

                .search-preferences .preference-section .section-option .input-text .form-control {
                    width: 83%;
                    float: left;
                    padding: 0px;
                    min-height: 35px;
                    border: none;
                    box-shadow: none;
                }

        .search-preferences .preference-section .button-text {
            margin: 7px 0px 0px 15px;
            float: right;
        }

    .search-preferences > .refine-search {
        border: none;
    }

        .search-preferences > .refine-search > .custom-progress-bar {
            display: block;
        }

@media screen and (max-width: 1200px) {
    body {
        background-color: #fff !important;
    }

    .search-preferences .preference-section .section-option .section-title {
        font-size: 14px;
    }
    /*.scrolled-down {
        transform: translateY(-100%);
        transition: all 0.3s ease-in-out;
        transition-delay: .8s !important;
    }

    .scrolled-up {
        transform: translateY(0);
        transition: all 0.3s ease-in-out;
        transition-delay: .8s !important;
    }

    .progress-top-initial {
        top: 80px;
        transition: top 0.3s ease-in-out;
        transition-delay: .8s !important;
    }
    .progress-top {
        top: 0;
        transition: top 0.3s ease-in-out;
        transition-delay: .8s !important;
    }*/
}

@media screen and (max-width: 364px) {
    .search-preferences .preference-section .section-option .section-title {
        font-size: .85rem;
    }
}
/* | Search Preferences page*/
.validation-positive {
    position: absolute;
    right: 3rem;
    display: none;
    color: green;
    height: 0%;
    margin-left: 15%;
    margin-top: -16px;
    align-items: flex-end;
    transition: display 0.8s ease-in-out;
}

.validation-negative {
    position: absolute;
    right: 3rem;
    display: none;
    color: #a94442;
    height: 0%;
    margin-left: 15%;
    margin-top: -16px;
    align-items: flex-end;
    transition: display 0.8s ease-in-out;
}

.validation-positive.align,
.validation-negative.align {
    right: 1.8rem;
}

/*input[aria-invalid="false"] ~ .validation-positive, select[aria-invalid="false"] ~ .validation-positive {
    display: flex !important;
    transition: display 0.8s ease-in-out;
}

input[aria-invalid="true"] ~ .validation-negative {
    display: flex !important;
    transition: display 0.8s ease-in-out;
}

input[aria-invalid="false"] {
    border: 2px solid #76b378 !important;*/
    /*    -webkit-box-shadow: 0px 0px 1px 1px #76b378 !important;
    box-shadow: 0px 0px 1px 1px #76b378 !important;
    -webkit-transition: 0.5s !important;*/
    /*transition: 0.5s !important;
}

input[aria-invalid="false"].main-input {
    border: 2px solid rgba(35, 68, 114, .7) !important;
}

input[aria-invalid="true"] {
    border: 2px solid #df8a8a !important;*/
    /* -webkit-box-shadow: 0px 0px 1px 1px #a94442 !important;
        box-shadow: 0px 0px 1px 1px #a94442 !important;
        -webkit-transition: 0.5s !important;*/
    /*transition: 0.5s !important;
}

input[aria-invalid="false"]:focus {*/
    /*border: initial !important;*/
    /*-webkit-box-shadow: none !important;
    box-shadow: none !important;
}

input[aria-invalid="true"]:focus {*/
    /*     border: initial !important;*/
    /*-webkit-box-shadow: none !important;
    box-shadow: none !important;
}

input[aria-invalid="true"] ~ .pmd-checkbox-label::before {
    border-color: #d06363 !important;
}

input[aria-invalid="true"] ~ .check-title {
    color: #d06363 !important;
}

input[aria-invalid="true"] ~ .check-title a {
    color: #d06363 !important;
    text-decoration: underline;
}*/

@media screen and (max-width: 600px) {
    .validation-positive {
        position: absolute;
        right: 1rem;
        display: none;
        color: green;
        height: 0%;
        margin-left: 15%;
        margin-top: -4%;
        align-items: flex-end;
    }

    .validation-negative {
        position: absolute;
        right: 1rem;
        display: none;
        color: #a94442;
        height: 0%;
        margin-left: 15%;
        margin-top: -4%;
        align-items: flex-end;
    }
}

.help-info {
    color: #319796;
    opacity: .8;
    margin-left: 2%;
}

.help-info-small {
    color: #319796;
    opacity: .8;
    margin-left: 5px;
}

.large-paragraphs {
    padding-top: 2rem;
    padding-right: 1rem;
}

    .large-paragraphs p, .large-paragraphs ul {
        font-size: 20px;
    }

    .large-paragraphs h1 {
        font-size: 30px;
    }

    .large-paragraphs h3 {
        font-size: 26px;
    }
/* ONE */

#toggle-nav.is-active .line:nth-child(3) {
    opacity: 0;
}

#toggle-nav.is-active .line:nth-child(2) {
    -webkit-transform: translateY(13px) rotate(45deg);
    -ms-transform: translateY(13px) rotate(45deg);
    -o-transform: translateY(13px) rotate(45deg);
    transform: translateY(6px) rotate(45deg);
}

#toggle-nav.is-active .line:nth-child(4) {
    -webkit-transform: translateY(-13px) rotate(-45deg);
    -ms-transform: translateY(-13px) rotate(-45deg);
    -o-transform: translateY(-13px) rotate(-45deg);
    transform: translateY(-6px) rotate(-45deg);
}

.skeleton {
    clear: both;
    margin-bottom: 20px;
}

.skeleton-image {
    width: 80%;
    margin-top: 32px;
    height: 50px;
}

.button-skeleton {
    margin-top: 32px;
    height: 30px;
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .skeleton-image {
        width: 100%;
        margin-top: 0px;
        height: 405px
    }

    .ui.placeholder .medium.line.line.line:after {
        width: fit-content;
    }

    .skeleton-mobile {
        display: block;
    }

    .skeleton-desktop {
        display: none;
    }

    .skeleton-responsive {
        max-width: 100% !important;
        height: 400px !important;
    }
}

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

    .skeleton-mobile {
        display: none;
    }

    .skeleton-desktop {
        display: block;
    }

    .skeleton-responsive {
        max-width: 100% !important;
        height: 198px !important;
    }
}

.slide-right {
    -webkit-animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-12-21 10:9:24
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
}

@keyframes slide-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
}


.btn-toggle.active.shadow-drop-center, .drop-center {
    -webkit-animation: shadow-drop-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: shadow-drop-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2023-12-21 10:11:22
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation shadow-drop-center
 * ----------------------------------------
 */
@-webkit-keyframes shadow-drop-center {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
        box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
    }
}

@keyframes shadow-drop-center {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.35);
    }
}

/*style.css*/

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.hide{
    display: none;
}
.spinner{
    width: 40px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 580px;
}
/* Footer */

.btn-outlined {
    background-color: white !important;
    color: #578759 !important;
}
.center-content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.btn-inherit
{
    background-color: inherit;
    border-color: inherit;
    color: white;
}

.padding-template{
    padding: 1rem 1.25rem !important;
}

section {
    padding: 60px 0;
}

    section .section-title {
        text-align: center;
        color: #007b5e;
        margin-bottom: 50px;
        text-transform: uppercase;
    }

/*#footer {
    background: #1b5b82 !important;
}*/
.custom-spinner {
    margin-bottom: 1%;
    position: fixed !important;
    top: 40% !important;
    right: 0;
    bottom: auto;
    left: 0;
    z-index: 1050;
    /* display: contents; */
    /* overflow: hidden; */
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

/*    #footer h5 {
        padding-left: 10px;
        border-left: 3px solid #eeeeee;
        padding-bottom: 6px;
        margin-bottom: 20px;
        color: #ffffff;
    }

    #footer a {
        color: #ffffff;
        text-decoration: none !important;
        background-color: transparent;
        -webkit-text-decoration-skip: objects;
    }

    #footer ul.social li {
        padding: 3px 0;
    }

        #footer ul.social li a i {
            margin-right: 5px;
            font-size: 25px;
            -webkit-transition: .5s all ease;
            -moz-transition: .5s all ease;
            transition: .5s all ease;
        }

        #footer ul.social li:hover a i {
            font-size: 30px;
            margin-top: -10px;
        }

        #footer ul.social li a,
        #footer ul.quick-links li a {
            color: #ffffff;
        }

            #footer ul.social li a:hover {
                color: #fff;
            }

    #footer ul.quick-links li {
        padding: 3px 0;
        -webkit-transition: .5s all ease;
        -moz-transition: .5s all ease;
        transition: .5s all ease;
    }

        #footer ul.quick-links li:hover {
            padding: 3px 0;
            margin-left: 5px;
            font-weight: 700;
        }

        #footer ul.quick-links li a i {
            margin-right: 5px;
        }

        #footer ul.quick-links li:hover a i {
            font-weight: 700;
        }*/

.content-jumbotron {
    margin-top: 2%;
    margin-bottom: 2%;
   
    border-radius: 5px;
}

/*@media (max-width:767px) {
    #footer h5 {
        padding-left: 0;
        border-left: transparent;
        padding-bottom: 0px;
        margin-bottom: 10px;
    }
}*/

.paddingTB60 {
    padding-top: 2%;
    padding-bottom: 1%;
}

.bgcolor-skyblue {
    background: rgba(222, 220, 219, .2);
}

.image-aboutus-banner {
    /*background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), url("../Images/bakgrund.jpg");*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    padding-top: 2%;
}
.image-custom-banner {
    background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), url("../Images/teckna.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    padding-top: 110px;
    padding-bottom: 110px;
}


.image-aboutus-sm-banner {
    /*background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url("../Images/bakgrund.jpg");*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
}

.lg-text {
    font-size: 52px;
    font-weight: 600;
    text-transform: none;
    color: #fff;
}
@media (max-width:1080px) {
    .image-aboutus-banner {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        color: #fff;
        padding-top: 2%;
      
        
    }

    .lg-text {
        font-size: 32px;
        font-weight: 400;
        text-transform: none;
        color: #fff;
    }
    .image-custom-banner {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        color: #fff;
        padding-top: 20px;
        padding-bottom: 20px;
        height: 20%;
    }
}
.image-aboutus-para {
    color: #fff;
}

/************************* */
.plan {
    background: #f9f9f9;
    padding: 50px 30px;
    margin-bottom: 30px;
}

.plan-header h4 {
    padding-bottom: 8px;
    text-transform: uppercase;
    color: #333;
    font-weight: 600;
}

.plan-header {
    font-weight: 700;
}

    .plan-header span {
        color: #fe4819;
        font-size: 40px;
    }

.plan li {
    padding-bottom: 15px;
}

.plan ul {
    padding-left: 0;
    margin-bottom: 15px;
    list-style: none;
}

.plan-header p {
    padding-top: 12px;
    padding-bottom: 15px;
}

.col-md-3, .col-md-4 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}

.bg-pink {
    background: #f0f0f0;
}

.bg-blue {
    background: #d6d6d6;
    color: #000;
}

.padding35 {
    padding: 35px 0 35px;
}


/* Feature-CSS */

.icon {
    color: #fff;
    padding: 15px;
    background: #323232;
    font-size: 50px;
    border-radius: 90px;
    border: 10px solid #323232;
}

.feature-box {
    text-align: center;
    padding: 20px;
    transition: .5s;
    margin-bottom: 30px;
    border: 1px solid #e8e8e8;
}

    .feature-box:hover {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    .feature-box h4 {
        font-size: 20px;
        font-weight: 600;
        margin: 25px 0 15px;
    }

/* Site Heading */
.site-heading h3 {
    font-size: 40px;
    margin-bottom: 1S0px;
    font-weight: 600;
}

/* padding-margin */
.paddingTB60 {
    padding-top: 2% !important;
    padding-bottom: 60px;
}

/* Carousel banner */
/* Declare heights because of positioning of img element */
.carousel .item {
    height: 500px;
    background-color: #555;
}

.carousel img {
    position: absolute;
    top: 0;
    left: 0;
}

.carousel-caption {
    margin-bottom: 30px;
}

    .carousel-caption h1 {
        font-size: 42px;
        font-weight: 700;
    }

    .carousel-caption p {
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: 400;
    }
.cta-padding35 {
    padding: 35px 0 35px;
    background-color: #fff;
    color: #333;
    margin-bottom: 5%;
}

.site-btn {
    font-size: 14px;
    padding: 13px 30px;
    border-radius: 5px;
    border: 1px solid #039c9a;
    min-width: 200px;
    display: inline-block;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
    background-color: #039c9a;
    transition: all .25s ease-in-out;
    margin: 10px 0px 10px 0px;
}

    .site-btn:hover {
        background: #039c9a;
        font-weight: 700;
        color: white;
    }

@media (max-width:767px) {
    .site-btn {
        font-size: 14px;
        padding: 13px 30px;
        border-radius: 5px;
        border: 1px solid #039c9a;
        min-width: 200px;
        width: 90%;
        display: inline-block;
        text-align: center;
        position: relative;
        z-index: 1;
        color: #fff;
        background-color: #039c9a;
        transition: all .25s ease-in-out;
        margin: 10px 0px 10px 0px;
        margin-left: 5%;
    }

        .site-btn:hover {
            background: #039c9a;
            font-weight: 700;
        }
}
.demo-bg {
    background: none;
    margin-top: 60px;
}

.business-hours {
    background: #f9f9f9;
    padding: 40px 14px;
    margin-top: -15px;
    position: relative;
}



    .business-hours .title {
        font-size: 20px;
        color: #333;
        text-transform: uppercase;
        padding-left: 5px;
        border-left: 4px solid #039c9a;
    }

    .business-hours li {
        color: #c9c5c2;
        line-height: 30px;
        border-bottom: 1px solid #039c9a;
    }

        .business-hours li:last-child {
            border-bottom: none;
        }

    .business-hours .opening-hours li.today {
        color: #039c9a;
    }
.preloader {
    scale: 1.2;
    width: 18px;
    height: 18px;
    margin-right: 7px;
    display: inline-block;
    vertical-align: top;
    animation: show-preloader .25s, spin 1s linear infinite;
}
@keyframes show-preloader {
    0% {
        scale: 1;
        opacity: 0;
        margin-right: -18px;
    }
}
.spinner-2 {
    width: 75px;
    height: 75px;
    margin: 0;
    border-top: 10px solid #578759;
    border-left: 10px solid transparent;
    border-radius: 50%;
    position: absolute;
    top: 0;
    animation: 1.5s spin-2 linear infinite;
}
.spinner-lg {
    width: 200px;
    height: 200px;
    margin: 0;
    border-top: 10px solid #578759;
    border-right: 10px solid transparent;
    border-radius: 50%;
    animation: 1.5s spin linear infinite;
}

.spinner-2-lg {
    width: 200px;
    height: 200px;
    margin: 0;
    border-top: 10px solid #578759;
    border-left: 10px solid transparent;
    border-radius: 50%;
    position: absolute;
    top: 0;
    animation: 1.5s spin-2 linear infinite;
}
.overlay {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 300px;
    line-height: 200px;
    height: 200px;
    margin-left: -100px;
    margin-top: -100px;
    background-color: rgba(0,0,0,0.5);
    text-align: center;
    /* needed styles for the overlay */
    z-index: 10; /* keep on top of other elements on the page */
    outline: 9999px solid rgba(0,0,0,0.5);
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes spin-2 {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

.searchbar {
    margin-bottom: 3%;
    margin-top: auto;
    height: 60px;
    background-color: #1b5b82;
    border-radius: 30px;
    padding: 10px;
}

.search_input {
    color: white;
    border: 0;
    outline: 0;
    background: none;
    width: 0;
    width: 90%;
    line-height: 40px;
}
    .search_input::placeholder {
        color: #fff;
        font-size: 1em;
    }
.searchbar:hover > .search_input {
    padding: 0 10px;
    width: 90%;
    
    
}

.searchbar:hover > .search_icon {
    background: white;
    color: #f07451;
}

.search_icon {
    height: 40px;
    width: 40px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: white;
}

section {
    width: 100%;
    float: left;
}

.banner-section {
    background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url("../Images/information.png");
    background-size: cover;
    height: 380px;
    left: 0;
    position: absolute;
    top: 0;
    background-position: 0;
}

.post-title-block {
    padding: 5%;
}

    .post-title-block h1 {
        color: #fff;
        font-size: 40px;
        font-weight: bold;
        text-transform: capitalize;
    }

    .post-title-block li {
        font-size: 20px;
        color: #fff;
    }

.image-block {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 5%;
}

@media (max-width:1080px) {
    .search-tool {
        border-top: 3px solid #e8e6e4; 
    }
}
@media (max-width:768px) {
    #custom-navbar {
        padding-left: 0 !important;
    }
    .nav {
        border-bottom: none !important;
    }
}

.nav-links-custom:hover {
    color: #fff !important;
}

.postnumber-info {
    
    padding-top: 1% !important;
    padding-bottom: 1% !important;
    width: 100%;
}

.modal-margin {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem !important;
}

.modal-content {
    max-height: 95vh;
    overflow-y: scroll;
}

.banner-filter {
    filter: invert(28%) sepia(51%) saturate(467%) hue-rotate(154deg) brightness(94%) contrast(91%);
}

/*SearchPostalNumberPartialView.cshtml*/
.hidden-city-label {
    display: none;
    position: absolute;
}

/* Styles for the toggle buttons */
.btn-toggle {
    padding: 7px 20px;
    margin: 0 5px;
    background-color: #e8e8e8;
    color: #18395e;
    border: none;
    border-radius: 10rem;
    cursor: pointer;
    width: 10rem;
}

.btn-toggle.active {
    background-color: #fff;
    border-color: #fff;
}

@media (max-width: 500px) {
    .btn-toggle {
        width: 9rem;
        font-size: 14px;
    }
}
/*SearchPostalNumberPartialView.cshtml*/

.partner-icon-style {
    position: absolute;
    right: 2%;
    top: 5%;
    color: #578759;
}

@layer components {
    .faq-list {
        @apply py-5 px-0;
    }
    .faq-list li {
        @apply relative list-none py-2 px-4 w-full my-1 text-lg;
    }
    .faq-list li .faq-answer {
        @apply hidden py-2 px-8 text-lg font-light;
    }
    .faq-list li:before {
        @apply antialiased font-normal transform rotate-90 text-white bg-success rounded-full text-center py-[2px] w-5 h-5 text-xs cursor-pointer absolute left-2;
    }
    .faq-list li .faq-question {
        @apply cursor-pointer text-left pl-6;
    }

    .check-list {
        @apply py-[10px] px-0 float-left;
    }
    .check-list li {
        @apply py-[10px] px-0 float-left font-medium list-none;
    }

    .usps {
        @apply w-[100%] p-0 float-left;
    }
    .usps .usp {
        @apply flex list-none py-[3px] px-0 float-left text-base relative mr-[15px] text-gray-600;
    }

    .package-selection-tab {
        @apply ml-0 text-white rounded-[10px];
    }
    .package-selection-tab .ddhousting-type {
        @apply min-w-[100%] p-[15px] border-none mt-0;
    }
    .package-selection-tab .btn-ddhousing-type-group {
        @apply w-[100%] float-left relative;
    }
    .package-selection-tab .btn-ddhousing-type-group .dropdown-toggle {
        @apply bg-white w-[100%] text-left p-[12px];
    }
    .package-selection-tab .btn-ddhousing-type-group .caret {
        @apply ml-0 float-right mt-[10px];
    }
    .package-selection-tab .ddhousting-type li .option {
        @apply float-left w-[175px] h-[70px] py-[15px] px-[38px] text-center font-medium text-sm m-[10px] cursor-pointer border;
    }
    .package-selection-tab .ddhousting-type .consumption-figure {
        @apply font-medium text-base float-left pt-[10px] pr-0 pb-0 pl-[15px];
    }
    .package-selection-tab .ddhousting-type .consumption-text {
        @apply text-sm float-left py-0 px-[18px] font-medium;
    }
    
    .main-label {
        @apply block text-sm font-medium text-gray-900 text-left;
    }
    .main-input {
        @apply block w-full border-0 p-0 text-gray-900 placeholder:text-gray-400 md:text-lg sm:text-sm sm:leading-6 bg-transparent outline-none font-semibold;
    }
    .main-input-wrapper {
        @apply relative rounded-md px-3 pb-1.5 pt-2.5 shadow-sm ring-1 ring-inset ring-gray-300 mx-auto;
    }
    .page-heading {
        @apply text-xl md:text-2xl font-semibold;
    }
    .text-subheading {
        @apply main-heading text-2xl md:text-3xl font-semibold;
    }
    .preloader {
        @apply text-gray-200 animate-spin;
    }

    .city-label {
        @apply text-tertiary m-0 font-bold;
    }

    .companies .swiping {
        @apply whitespace-nowrap;
    }
    .companies .swiping li {
        @apply inline-block w-1/4 min-w-[110px] px-2;
    }
    .companies .swiping li img {
        @apply banner-filter max-h-[25px] mx-auto;
    }

    .progress-bar-global {
        @apply fixed w-full left-0 py-2 bg-secondary-100 z-10 top-[55px] md:top-[64px];
    }

    .display-price:nth-of-type(odd) {
        @apply bg-secondary-100;
    }

    .inner-jumbo {
        @apply md:w-[65%] my-0 mx-auto md:text-center sm:w-full sm:text-left;
    }

    .align-jumb-center {
        @apply !flex justify-center items-center;
    }

    .banner-container {
        @apply relative isolate gap-x-6 overflow-hidden bg-gray-50 px-6 pt-3 pb-2 sm:px-3.5 sm:before:flex-1;
    }
    .banner-companies {
        @apply mr-[70px] md:mr-[100px];
    }
    .banner-see-all {
        @apply absolute right-0 top-0 py-[14px] px-[8px] md:px-[25px] backdrop-blur-md;
    }
    .banner-see-all a {
        @apply text-gray-500 ml-auto;
    }

    .home-section-1 {
        @apply jumbotron !px-0;
    }
    .home-section-1 .container {
        @apply mx-auto;
    }
    .home-section-1 .container .flex-wrapper {
        @apply flex flex-col gap-y-8 lg:flex-row items-center;
    }
    .home-section-1 .container .flex-wrapper div {
        @apply lg:w-6/12;
    }
    .home-section-1 .container .flex-wrapper img {
        @apply mx-auto w-3/5 max-w-[350px];
    }
    .home-section-1 .container .flex-wrapper h2 {
        @apply text-medium font-bold mb-4 text-center md:text-left;
    }
    .home-section-1 .container .flex-wrapper p {
        @apply mb-0;
    }

    .home-section-2 {
        @apply jumbotron bg-secondary-100 !px-0
    }
    .home-section-2 .container .flex-wrapper {
        @apply flex flex-wrap items-center;
    }
    .home-section-2 .container .flex-wrapper .div-1 {
        @apply md:w-6/12;
    }
    .home-section-2 .container .flex-wrapper .div-2 {
        @apply md:w-6/12 mt-5 md:mt-0;
    }
    .home-section-2 .container .flex-wrapper h2 {
        @apply text-medium w-full text-center md:text-left;
    }
    .home-section-2 .container .flex-wrapper .p-1 {
        @apply mb-8;
    }
    .home-section-2 .container .flex-wrapper .p-2 {
        @apply text-center md:text-left;
    }
    .home-section-2 .container .flex-wrapper .div-2 img {
        @apply mx-auto w-3/5;
    }

    .home-section-3 {
        @apply jumbotron !px-0
    }
    .home-section-3 .container .title {
        @apply md:w-8/12 sm:w-full mx-auto;
    }
    .home-section-3 .container .title p {
        @apply mb-8 text-center;
    }
    .home-section-3 .container .flex-wrapper {
        @apply flex flex-wrap items-center justify-center md:justify-normal;
    }
    .home-section-3 .container .flex-wrapper .card-container {
        @apply lg:w-4/12 md:w-4/12 sm:w-full mb-8;
    }
    .home-section-3 .container .flex-wrapper .card-container div {
        @apply p-6;
    }
    .home-section-3 .container .flex-wrapper .card-container div p {
        @apply text-center mb-0;
    }

    .home-section-4 {
        @apply jumbotron bg-secondary-100 !px-0;
    }
    .home-section-4 .container h2 {
        @apply text-medium font-bold w-full text-center pb-2 md:pb-5;
    }
    .home-section-4 .container .flex-wrapper {
        @apply flex flex-wrap items-start w-full mb-8;
    }
    .home-section-4 .container .flex-wrapper .div-1 {
        @apply md:w-6/12 sm:w-full mb-8;
    }
    .home-section-4 .container .flex-wrapper .div-1 p {
        @apply mb-8;
    }
    .home-section-4 .container .flex-wrapper .div-1 ul li {
        @apply list-disc ml-[20px];
    }
    .home-section-4 .container .flex-wrapper .div-1 h4 {
        @apply mb-2;
    }
    .home-section-4 .container .flex-wrapper .div-2 {
        @apply md:w-6/12 sm:w-full;
    }
    .home-section-4 .container .flex-wrapper .div-2 h4 {
        @apply mb-2;
    }
    .home-section-4 .container .flex-wrapper .div-2 p {
        @apply mb-8;
    }
    .home-section-4 .container .flex-wrapper .div-2 p img {
        @apply w-3/5;
    }

    .home-section-5 {
        @apply jumbotron !px-0;
    }
    .home-section-5 .container .flex-wrapper {
        @apply flex flex-wrap items-center justify-center;
    }
    .home-section-5 .container .flex-wrapper div {
        @apply lg:w-6/12 md:w-6/12 sm:w-full mb-8;
    }
    .home-section-5 .container .flex-wrapper div img {
        @apply mx-auto w-60;
    }
    .home-section-5 .container .flex-wrapper div h2 {
        @apply text-medium w-full pt-[30px] text-center;
    }
    .home-section-5 .container .flex-wrapper div p {
        @apply mb-8;
    }

    .home-section-6 {
        @apply jumbotron bg-secondary-100 !px-0;
    }
    .home-section-6 .container .wrapper {
        @apply mx-auto mb-8 max-w-[500px];
    }
    .home-section-6 .container .wrapper h2 {
        @apply text-medium w-full text-center;
    }

    .home-section-7 {
        @apply jumbotron !px-0;
    }
    .home-section-7 .container .flex-wrapper {
        @apply flex justify-center;
    }
    .home-section-7 .container .flex-wrapper div {
        @apply lg:w-8/12 md:w-full flex flex-col;
    }
    .home-section-7 .container .flex-wrapper div p {
        @apply py-2 text-center;
    }

    .cards-container {
        @apply container pt-5;
    }
    .cards-container .anchor-list {
        @apply mb-[15px];
    }
    .cards-container .flex-wrapper {
        @apply flex flex-wrap;
    }
    .cards-container .flex-wrapper > h2 {
        @apply w-full !mt-5 !mb-0;
    }
    .cards-container .flex-wrapper + .flex-wrapper {
        @apply mt-8;
    }
    .cards-container .flex-wrapper .card-template {
        @apply md:w-[24%] sm:w-[48%] w-[100%] pt-4 pr-4 p-0;
    }
    .cards-container .cards-box {
        @apply w-full md:w-1/2;
    }
    .cards-container .card-inner {
        @apply w-full md:w-1/2 lg:w-1/4 pt-4 pr-4;
    }
    .cards-container .cards-box:nth-of-type(odd) {
        @apply md:pr-5;
    }
    .cards-container .cards-box:nth-of-type(even) {
        @apply md:pl-5;
    }

    .card-template-box {
        @apply relative overflow-hidden rounded-xl bg-white shadow;
    }
    .card-template-box .pmd-card-media {
        @apply p-4;
    }
    .card-template-box .pmd-card-action {
        @apply bg-gray-50 px-4 py-3 sm:px-6;
    }
    .card-template-box .media-body h3 {
        @apply text-xl font-semibold !mb-1;
    }
    .card-template-box .media-body span {
        @apply truncate text-sm font-medium text-gray-500;
    }

    .card-box {
        @apply md:w-[24%] sm:w-[48%] w-[100%] my-[10px]; 
    }

    .notification-section {
        @apply my-10 py-5 px-[10%];
    }
    .notification-section .subscribe {
        @apply text-center max-w-[500px] mx-auto;
    }
    .notification-section .main-input-wrapper {
        @apply max-w-[350px];
    }
    .notification-section .subscribe > p {
        @apply text-2xl font-bold;
    }
    .error-notification {
        @apply text-red-500;
    }
    .success-notification {
        @apply text-green-500;
    }
    .notification-validation{
        @apply hidden;
    }

    .partners .partners-list {
        @apply flex flex-row flex-wrap justify-between;
    }
    .partners .partners-list .partner {
        @apply md:w-[24%] sm:w-[48%] w-[100%] pt-4;
    }
    .partners .partners-list .partner img {
        @apply max-h-[100%] p-[10px] w-auto h-[100%] object-contain !max-w-[45%] my-0 mx-auto;
    }

    .search-preferences {
        @apply !px-3;
    }
    .search-preferences .slide-in-bottom.toolbar {
        @apply !px-3;
    }

    .agreement-form .field-validation-error {
        @apply !pl-0;
    }

    .filteredby > p > strong {
        @apply font-normal;
    }

    .setting-time .group {
        @apply relative top-[-60px] right-[-12px];
    }
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?qzyaws');
  src:  url('fonts/icomoon.eot?qzyaws#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?qzyaws') format('truetype'),
    url('fonts/icomoon.woff?qzyaws') format('woff'),
    url('fonts/icomoon.svg?qzyaws#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="fa-"], [class*=" fa-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-pig:before {
    content: "\e905";
}

.fa-business:before {
    content: "\e900";
}

.fa-location_on:before {
    content: "\e901";
}

.fa-filter_list:before {
    content: "\e902";
}

.fa-send:before {
    content: "\e903";
}

.fa-compare:before {
    content: "\e904";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-check:before {
    content: "\f00c";
}
.fa-close:before {
    content: "\f00d";
}
.fa-remove:before {
    content: "\f00d";
}
.fa-times:before {
    content: "\f00d";
}
.fa-clock-o:before {
    content: "\f017";
}
.fa-download:before {
    content: "\f019";
}
.fa-tag:before {
    content: "\f02b";
}
.fa-check-circle:before {
    content: "\f058";
}
.fa-question-circle:before {
    content: "\f059";
}
.fa-info-circle:before {
    content: "\f05a";
}
.fa-calendar:before {
    content: "\f073";
}
.fa-chevron-up:before {
    content: "\f077";
}

.fa-chevron-right:before {
    content: "\f077";
    font-family: 'Icomoon';
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
    transform: rotate( 90deg );
    float: left;
    color: #000;
    transition: transform .5s ease-in-out;
}
.fa-chevron-left:before {
    content: "\f077";
    font-family: 'Icomoon';
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
    transform: rotate( -90deg );
    float: left;
    color: #000;
    transition: transform .5s ease-in-out;
}
.fa-chevron-down:before {
    content: "\f078";
}
.fa-bolt:before {
    content: "\f0e7";
}
.fa-flash:before {
    content: "\f0e7";
}
.fa-chevron-circle-up:before {
    content: "\f139";
}
.fa-chevron-circle-down:before {
    content: "\f13a";
}
.fa-commenting-o:before {
    content: "\f27b";
}
.fa-question-circle-o:before {
    content: "\f29c";
}
.fa-thermometer:before {
    content: "\f2c7";
}
.fa-thermometer-4:before {
    content: "\f2c7";
}
.fa-thermometer-full:before {
    content: "\f2c7";
}
.fa-clipboard:before {
    content: "\e9b8";
}
.icon-arrow-right2:before {
    content: "\ea3c";
}
.fa-lock:before {
    content: "\f023";
}
.fa-insert_chart_outlined:before {
    content: "\e906";
}
.fa-bar_chart:before {
    content: "\e907";
}
.fa-filter:before {
    content: "\f0b0";
}
@tailwind base;

@layer base {
  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    @apply mb-2 font-semibold text-tertiary;
  }

  h1, .h1 {
    @apply text-2xl font-semibold;
  }

  h2, .h2 {
    @apply text-xl font-semibold;
  }

  h3, .h3 {
    @apply text-lg font-normal;
  }

  h5, .h5 {
    @apply text-sm font-normal;
  }

  a {
    @apply text-secondary no-underline outline-none;
  }

  a:focus, a:hover {
    @apply text-secondary-600 outline-none;
  }

  p {
    @apply mb-4;
  }
}
@tailwind base;
@tailwind components;
@tailwind utilities;

.text-webkit-center {
    text-align: -webkit-center !important;
}

@layer components {
    .container {
        @apply overflow-hidden mx-auto px-5 xl:px-7;
    }

    .jumbotron {
        @apply text-base w-full py-[3rem] px-6 lg:py-20 lg:px-[10%] bg-white text-gray-700;
    }

    .section-header {
        @apply text-medium w-full text-center;
    }

    .text-medium {
        @apply font-bold text-4xl;
    }

    .card-img {
        @apply block mx-auto w-24 h-24;
    }

    .card-caption {
        @apply text-xl font-bold w-full !mt-3 text-center;
    }

    .hide-content {
        @apply !hidden;
    }

    .result {
        @apply relative hover:z-10;
    }

    .tooltip-circle-icon {
        @apply rounded-full top-[8px] right-[8px] text-webkit-center w-[18px] h-[18px] text-sm font-semibold text-white absolute cursor-pointer transition duration-300 ease-in-out transform;
    }

    .tooltip-blue-icon {
        @apply rounded-full text-xs text-center w-4 h-4 ml-1 text-secondary border border-secondary inline-block cursor-pointer;
    }

    .tooltip-content {
        @apply invisible text-base font-normal opacity-0 top-[8px] right-[30px] p-2 group-hover:opacity-100 group-hover:visible absolute w-48 mt-2 bg-white text-gray-800 border border-gray-300 rounded-lg shadow-lg z-10 transition-all;
    }
}

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .btn {
    @apply py-2 px-4 font-medium border border-transparent text-sm leading-tight rounded-full transition duration-150 ease-in-out;
  }
  .btn-navigation {
    @apply leading-tight bg-secondary-500 hover:bg-secondary-600 text-white btn-get-started rounded-full w-[200px];
  }
  .btn-navigation[disabled] {
    @apply !bg-secondary-200 hover:bg-secondary-200;
  }
}

.btn:active, .btn.active {
  box-shadow: none;
}

.btn:hover, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
  outline: 0;
  outline-offset: 0;
  border-color: transparent;
}

.btn.pmd-btn-raised {
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.btn.pmd-btn-raised:active, .btn.pmd-btn-raised:focus, .btn.pmd-btn-raised.active, .btn.pmd-btn-raised:active:focus, .btn.pmd-btn-raised.active:focus {
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.btn.pmd-btn-fab {
  padding: 0;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  min-width: 56px;
}

.btn.pmd-btn-fab span,
.btn.pmd-btn-fab i {
  line-height: 56px;
}

.btn.pmd-btn-fab.btn-lg {
  width: 78px;
  height: 78px;
  min-width: 78px;
}

.btn.pmd-btn-fab.btn-lg span,
.btn.pmd-btn-fab.btn-lg i {
  line-height: 78px;
}

.btn.pmd-btn-fab.btn-sm {
  width: 40px;
  height: 40px;
  min-width: 40px;
}

.btn.pmd-btn-fab.btn-sm span,
.btn.pmd-btn-fab.btn-sm i {
  line-height: 40px;
}

.btn.pmd-btn-fab.btn-xs {
  width: 30px;
  height: 30px;
  min-width: 30px;
}

.btn.pmd-btn-fab.btn-xs span,
.btn.pmd-btn-fab.btn-xs i {
  line-height: 30px;
}

.btn-default {
  color: #333333;
  background-color: #fff;
}

.btn-default:hover {
  color: #333333;
  background-color: #ececec;
}

.btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .btn-default.active.focus, .btn-default.active:focus, .btn-default:active.focus, .btn-default:active:focus {
  color: #333333;
  background-color: #ececec;
}

.btn-default .ink {
  background-color: #e6e5e5;
}

.btn-default.pmd-btn-flat {
  color: #fff;
  background-color: transparent;
}

.btn-default.pmd-btn-flat:hover {
  background-color: #e5e5e5;
}

.btn-default.pmd-btn-flat:active, .btn-default.pmd-btn-flat.active, .btn-default.pmd-btn-flat:focus {
  color: #fff;
  background-color: #cccccc;
}

.btn-default.pmd-btn-flat .ink {
  background-color: #808080;
}

    .btn-default.pmd-btn-outline {
        border-color: #578759;
        background-color: transparent;
        color: #578759;
    }

        .btn-default.pmd-btn-outline:hover, .btn-default.pmd-btn-outline:focus {
            border-color: #578759;
            background-color: #578759;
            color: #333333;
        }

.btn-primary {
    color: #fff;
    background-color: #76b378;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #578759;
    }

    .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary:active.focus, .btn-primary:active:focus {
        color: #fff;
        background-color: #76b378;
    }

    .btn-primary .ink {
        background-color: #76b378;
    }

    .btn-primary.pmd-btn-flat {
        color: #76b378;
        background-color: transparent;
    }

        .btn-primary.pmd-btn-flat:hover {
            background-color: #76b378;
        }

.btn-primary.pmd-btn-flat:active, .btn-primary.pmd-btn-flat.active, .btn-primary.pmd-btn-flat:focus {
  color: #76b378;
  background-color: #cccccc;
}

.btn-primary.pmd-btn-flat .ink {
  background-color: #808080;
}

    .btn-primary.pmd-btn-outline {
        border-color: #578759;
        background-color: transparent;
        color: #578759;
    }

        .btn-primary.pmd-btn-outline:hover, .btn-primary.pmd-btn-outline:focus {
            border-color: #578759;
            background-color: #578759;
            color: #fff;
        }

.btn-secondary {
  color: #ffffff;
  background-color: #578759;
}

.btn-secondary:hover {
  color: #ffffff;
  background-color: #e0a800;
}

.btn-secondary:focus, .btn-secondary.focus, .btn-secondary:active, .btn-secondary.active, .btn-secondary.active.focus, .btn-secondary.active:focus, .btn-secondary:active.focus, .btn-secondary:active:focus {
  color: #ffffff;
  background-color: #e0a800;
}

.btn-secondary .ink {
  background-color: #d39e00;
}

.btn-secondary.pmd-btn-flat {
  color: #578759;
  background-color: transparent;
}

.btn-secondary.pmd-btn-flat:hover {
  background-color: #e5e5e5;
}

.btn-secondary.pmd-btn-flat:active, .btn-secondary.pmd-btn-flat.active, .btn-secondary.pmd-btn-flat:focus {
  color: #578759;
  background-color: #cccccc;
}

.btn-secondary.pmd-btn-flat .ink {
  background-color: #808080;
}

.btn-secondary.pmd-btn-outline {
  border-color: #578759;
  background-color: transparent;
  color: #578759;
}

.btn-secondary.pmd-btn-outline:hover, .btn-secondary.pmd-btn-outline:focus {
  border-color: #578759;
  background-color: #e0a800;
  color: #333333;
}

.btn-success .ink {
  background-color: #1b721a;
}

.btn-success.pmd-btn-flat {
  color: #259b24;
  background-color: transparent;
}

.btn-success.pmd-btn-flat:hover {
  background-color: #e5e5e5;
}

.btn-success.pmd-btn-flat:active, .btn-success.pmd-btn-flat.active, .btn-success.pmd-btn-flat:focus {
  color: #259b24;
  background-color: #cccccc;
}

.btn-success.pmd-btn-flat .ink {
  background-color: #808080;
}

.btn-success.pmd-btn-outline {
  border-color: #259b24;
  background-color: transparent;
  color: #259b24;
}

.btn-success.pmd-btn-outline:hover, .btn-success.pmd-btn-outline:focus {
  border-color: #1b721a;
  background-color: #1e7c1d;
  color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #029ee6;
}

.btn-info:hover {
  color: #fff;
  background-color: #038fce;
}

.btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .btn-info.active.focus, .btn-info.active:focus, .btn-info:active.focus, .btn-info:active:focus {
  color: #fff;
  background-color: #038fce;
}

.btn-info .ink {
  background-color: #0286c2;
}

.btn-info.pmd-btn-flat {
  color: #03a9f4;
  background-color: transparent;
}

.btn-info.pmd-btn-flat:hover {
  background-color: #e5e5e5;
}

.btn-info.pmd-btn-flat:active, .btn-info.pmd-btn-flat.active, .btn-info.pmd-btn-flat:focus {
  color: #03a9f4;
  background-color: #cccccc;
}

.btn-info.pmd-btn-flat .ink {
  background-color: #808080;
}

.btn-info.pmd-btn-outline {
  border-color: #03a9f4;
  background-color: transparent;
  color: #03a9f4;
}

.btn-info.pmd-btn-outline:hover, .btn-info.pmd-btn-outline:focus {
  border-color: #0286c2;
  background-color: #038fce;
  color: #fff;
}

.btn-warning {
    color: #fff;
    background-color: #337ab7;
}

    .btn-warning:hover {
        color: #fff !important;
        background-color: #1f527e !important;
    }

    .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning:active.focus, .btn-warning:active:focus {
        color: #fff !important;
        background-color: #1f527e !important;
    }

    .btn-warning .ink {
        background-color: #01253F;
    }

.btn-warning.pmd-btn-flat {
  color: #578759;
  background-color: transparent;
}

.btn-warning.pmd-btn-flat:hover {
  background-color: #e5e5e5;
}

.btn-warning.pmd-btn-flat:active, .btn-warning.pmd-btn-flat.active, .btn-warning.pmd-btn-flat:focus {
  color: #578759;
  background-color: #cccccc;
}

.btn-warning.pmd-btn-flat .ink {
  background-color: #808080;
}

.btn-warning.pmd-btn-outline {
  border-color: #578759;
  background-color: transparent;
  color: #578759;
}

.btn-warning.pmd-btn-outline:hover, .btn-warning.pmd-btn-outline:focus {
  border-color: #d39e00;
  background-color: #e0a800;
  color: #333333;
}

.btn-danger {
  color: #fff;
  background-color: #ff5722;
}

.btn-danger:hover {
  color: #fff;
  background-color: #fb3c00;
}

.btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger:active.focus, .btn-danger:active:focus {
  color: #fff;
  background-color: #fb3c00;
}

.btn-danger .ink {
  background-color: #ee3900;
}

.btn-danger.pmd-btn-flat {
  color: #ff5722;
  background-color: transparent;
}

.btn-danger.pmd-btn-flat:hover {
  background-color: #e5e5e5;
}

.btn-danger.pmd-btn-flat:active, .btn-danger.pmd-btn-flat.active, .btn-danger.pmd-btn-flat:focus {
  color: #ff5722;
  background-color: #cccccc;
}

.btn-danger.pmd-btn-flat .ink {
  background-color: #808080;
}

.btn-danger.pmd-btn-outline {
  border-color: #ff5722;
  background-color: transparent;
  color: #ff5722;
}

.btn-danger.pmd-btn-outline:hover, .btn-danger.pmd-btn-outline:focus {
  border-color: #ee3900;
  background-color: #fb3c00;
  color: #fff;
}

.btn-light {
  color: #333333;
  background-color: #f8f9fa; 
}

.text-white {
  color: #fff !important;
}

.link-main-cta {
  color: #099492;
}

.btn-light:hover {
  color: #333333;
  background-color: #e2e6ea;
}

.btn-light:focus, .btn-light.focus, .btn-light:active, .btn-light.active, .btn-light.active.focus, .btn-light.active:focus, .btn-light:active.focus, .btn-light:active:focus {
  color: #333333;
  background-color: #e2e6ea;
}

.btn-light .ink {
  background-color: #dae0e5;
}

.btn-light.pmd-btn-flat {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-light.pmd-btn-flat:hover {
  background-color: #e5e5e5;
}

.btn-light.pmd-btn-flat:active, .btn-light.pmd-btn-flat.active, .btn-light.pmd-btn-flat:focus {
  color: #f8f9fa;
  background-color: #cccccc;
}

.btn-light.pmd-btn-flat .ink {
  background-color: #808080;
}

.btn-light.pmd-btn-outline {
  border-color: #f8f9fa;
  background-color: transparent;
  color: #f8f9fa;
}

.btn-light.pmd-btn-outline:hover, .btn-light.pmd-btn-outline:focus {
  border-color: #dae0e5;
  background-color: #e2e6ea;
  color: #333333;
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
}

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
}

.btn-dark:focus, .btn-dark.focus, .btn-dark:active, .btn-dark.active, .btn-dark.active.focus, .btn-dark.active:focus, .btn-dark:active.focus, .btn-dark:active:focus {
  color: #fff;
  background-color: #23272b;
}

.btn-dark .ink {
  background-color: #1d2124;
}

.btn-dark.pmd-btn-flat {
  color: #343a40;
  background-color: transparent;
}

.btn-dark.pmd-btn-flat:hover {
  background-color: #e5e5e5;
}

.btn-dark.pmd-btn-flat:active, .btn-dark.pmd-btn-flat.active, .btn-dark.pmd-btn-flat:focus {
  color: #343a40;
  background-color: #cccccc;
}

.btn-dark.pmd-btn-flat .ink {
  background-color: #808080;
}

.btn-dark.pmd-btn-outline {
  border-color: #343a40;
  background-color: transparent;
  color: #343a40;
}

.btn-dark.pmd-btn-outline:hover, .btn-dark.pmd-btn-outline:focus {
  border-color: #1d2124;
  background-color: #23272b;
  color: #fff;
}

.btn-error {
  color: #fff;
  background-color: #ff5722;
}

.btn-error:hover {
  color: #fff;
  background-color: #fb3c00;
}

.btn-error:focus, .btn-error.focus, .btn-error:active, .btn-error.active, .btn-error.active.focus, .btn-error.active:focus, .btn-error:active.focus, .btn-error:active:focus {
  color: #fff;
  background-color: #fb3c00;
}

.btn-error .ink {
  background-color: #ee3900;
}

.btn-error.pmd-btn-flat {
  color: #ff5722;
  background-color: transparent;
}

.btn-error.pmd-btn-flat:hover {
  background-color: #e5e5e5;
}

.btn-error.pmd-btn-flat:active, .btn-error.pmd-btn-flat.active, .btn-error.pmd-btn-flat:focus {
  color: #ff5722;
  background-color: #cccccc;
}

.btn-error.pmd-btn-flat .ink {
  background-color: #808080;
}

.btn-error.pmd-btn-outline {
  border-color: #ff5722;
  background-color: transparent;
  color: #ff5722;
}

.btn-error.pmd-btn-outline:hover, .btn-error.pmd-btn-outline:focus {
  border-color: #ee3900;
  background-color: #fb3c00;
  color: #fff;
}

.btn-inverse {
  color: #fff;
  background-color: #343a40;
}

.btn-inverse:hover {
  color: #fff;
  background-color: #23272b;
}

.btn-inverse:focus, .btn-inverse.focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.active.focus, .btn-inverse.active:focus, .btn-inverse:active.focus, .btn-inverse:active:focus {
  color: #fff;
  background-color: #23272b;
}

.btn-inverse .ink {
  background-color: #1d2124;
}

.btn-inverse.pmd-btn-flat {
  color: #343a40;
  background-color: transparent;
}

.btn-inverse.pmd-btn-flat:hover {
  background-color: #e5e5e5;
}

.btn-inverse.pmd-btn-flat:active, .btn-inverse.pmd-btn-flat.active, .btn-inverse.pmd-btn-flat:focus {
  color: #343a40;
  background-color: #cccccc;
}

.btn-inverse.pmd-btn-flat .ink {
  background-color: #808080;
}

.btn-inverse.pmd-btn-outline {
  border-color: #343a40;
  background-color: transparent;
  color: #343a40;
}

.btn-inverse.pmd-btn-outline:hover, .btn-inverse.pmd-btn-outline:focus {
  border-color: #1d2124;
  background-color: #23272b;
  color: #fff;
}

.btn-information {
  color: #fff;
  background-color: #03a9f4;
}

.btn-information:hover {
  color: #fff;
  background-color: #038fce;
}

.btn-information:focus, .btn-information.focus, .btn-information:active, .btn-information.active, .btn-information.active.focus, .btn-information.active:focus, .btn-information:active.focus, .btn-information:active:focus {
  color: #fff;
  background-color: #038fce;
}

.btn-information .ink {
  background-color: #0286c2;
}

.btn-information.pmd-btn-flat {
  color: #03a9f4;
  background-color: transparent;
}

.btn-information.pmd-btn-flat:hover {
  background-color: #e5e5e5;
}

.btn-information.pmd-btn-flat:active, .btn-information.pmd-btn-flat.active, .btn-information.pmd-btn-flat:focus {
  color: #03a9f4;
  background-color: #cccccc;
}

.btn-information.pmd-btn-flat .ink {
  background-color: #808080;
}

.btn-information.pmd-btn-outline {
  border-color: #03a9f4;
  background-color: transparent;
  color: #03a9f4;
}

.btn-information.pmd-btn-outline:hover, .btn-information.pmd-btn-outline:focus {
  border-color: #0286c2;
  background-color: #038fce;
  color: #fff;
}

.btn-default.pmd-btn-flat {
  color: #333333;
}

.btn-default.pmd-btn-outline {
    color: #1e5071;
    border-color: #1e5071;
}

    .btn-default.pmd-btn-outline:hover, .btn-default.pmd-btn-outline:focus {
        border-color: #578759;
        color: #578759;
        transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    }

.btn-lg {
  padding: 0.625rem 1rem;
  font-size: 1.125rem;
  line-height: 1.3;
  border-radius: 0.125rem;
}

.btn-sm {
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 0.125rem;
}

.pmd-ripple-effect {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.ink {
  display: block;
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  -ms-transform: scale(0);
  transform: scale(0);
  background: #fff;
  opacity: 1;
}

.ink.animate {
  animation: ripple .5s linear;
}

@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}

.btn-group .btn {
  border-radius: 2px;
}

.btn-group.open .dropdown-toggle {
  outline: 0;
  outline-offset: 0;
  box-shadow: none;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: 0;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 0;
}

.btn-group > .btn:focus:hover,
.btn-group-vertical > .btn:focus:hover,
.btn-group > .btn:active:hover,
.btn-group-vertical > .btn:active:hover,
.btn-group > .btn.active:hover,
.btn-group-vertical > .btn.active:hover {
  z-index: 2;
}

.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
    background-color: #76b378 !important;
    border-color: #76b378 !important;
}

.btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus {
    color: #fff;
    background-color: #1f527e;
    border-color: #1f527e;
}
/*# sourceMappingURL=button.css.map */
/*!
 * Propeller v1.3.2 (https://propeller.in): checkbox.css
 * Copyright 2016-2019 Digicorp, Inc.
 * Licensed under MIT (https://propeller.in/LICENSE)
 */
.pmd-checkbox-ripple-effect {
  -ms-transform: translateZ(0px);
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px);
}

.checkbox .pmd-checkbox-ripple-effect {
  padding-left: 0;
}

.checkbox .pmd-checkbox {
  padding-left: 0;
}

.pmd-checkbox [type="checkbox"] {
  /* Disabled checkbox */
}

.pmd-checkbox [type="checkbox"]:not(:checked), .pmd-checkbox [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}

.pmd-checkbox [type="checkbox"]:not(:checked) + .pmd-checkbox-label, .pmd-checkbox [type="checkbox"]:checked + .pmd-checkbox-label {
  position: relative;
  padding-left: 1.5625rem;
  cursor: pointer;
}

.pmd-checkbox [type="checkbox"]:not(:checked) + .pmd-checkbox-label:before, .pmd-checkbox [type="checkbox"]:checked + .pmd-checkbox-label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  width: 20px;
  height: 20px;
  border-width: 0.125rem;
  border-style: solid;
  border-radius: 6px;
  border-color: rgba(0, 0, 0, 0.54);
}

    .pmd-checkbox.white [type="checkbox"]:not(:checked) + .pmd-checkbox-label:before, .pmd-checkbox.white [type="checkbox"]:checked + .pmd-checkbox-label:before {
        border-color: #d2dce3;
    }

 
.pmd-checkbox [type="checkbox"]:not(:checked) + .pmd-checkbox-label:after, .pmd-checkbox [type="checkbox"]:checked + .pmd-checkbox-label:after {
  color: #ffffff;
  border-image: none;
  border-style: none solid solid none;
  border-width: 0 0.125rem 0.125rem 0;
  content: "";
  display: table;
  height: 12px;
  left: 7px;
  position: absolute;
  top: 3px;
  width: 6px;
  transition: all .2s;
}
.pmd-checkbox.white [type="checkbox"]:checked + .pmd-checkbox-label:before {
    background-color: #578759;
    border-color: #578759 !important;
}
.pmd-checkbox [type="checkbox"]:checked + .pmd-checkbox-label:before {
    background-color: #578759;
    border-color: #578759;
}

.pmd-checkbox [type="checkbox"]:checked + .pmd-checkbox-label:after {
  opacity: 1;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.pmd-checkbox [type="checkbox"]:not(:checked) + .pmd-checkbox-label:after {
  opacity: 0;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.pmd-checkbox [type="checkbox"]:disabled:not(:checked) + .pmd-checkbox-label:before, .pmd-checkbox [type="checkbox"]:disabled:checked + .pmd-checkbox-label:before {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.26);
  cursor: not-allowed;
}

.checkbox.disabled label.pmd-checkbox,
fieldset[disabled] .checkbox label.pmd-checkbox {
  color: rgba(0, 0, 0, 0.26);
}

/* hover style just for information */
.pmd-checkbox label:hover:before {
  border: 1px solid #4778d9;
}

.pmd-checkbox.pmd-checkbox-ripple-effect {
  position: relative;
}

.pmd-checkbox .pmd-checkboxwrap {
  position: absolute;
  z-index: -1;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  overflow: hidden;
  top: -8px;
  left: -11px;
}

.checkbox-inline.pmd-checkbox {
  padding-left: 0;
}

.pmd-checkbox-ripple-effect .ink {
  background-color: rgba(0, 0, 0, 0.2);
}

.pmd-card-inverse .pmd-checkbox [type="checkbox"]:not(:checked) + .pmd-checkbox-label:before,
.pmd-card-inverse .pmd-checkbox [type="checkbox"] :checked + .pmd-checkbox-label:before {
  border-color: rgba(255, 255, 255, 0.54);
}

.pmd-card-inverse .pmd-checkbox [type="checkbox"]:checked + .pmd-checkbox-label:before {
  background-color: #4285f4;
}

.pmd-card-inverse .checkbox.disabled label.pmd-checkbox,
.pmd-card-inverse fieldset[disabled] .checkbox label.pmd-checkbox {
  color: rgba(255, 255, 255, 0.54);
}

/*# sourceMappingURL=checkbox.css.map */
/*!
 * Propeller v1.3.2 (https://propeller.in): google-icons.css
 * Copyright 2016-2019 Digicorp, Inc.
 * Licensed under MIT (https://propeller.in/LICENSE)
 */
.material-icons.pmd-xs, .material-icons.md-18 {
  font-size: 18px;
}

.material-icons.pmd-sm, .material-icons.md-24 {
  font-size: 24px;
}

.material-icons.pmd-md, .material-icons.md-36 {
  font-size: 36px;
}

.material-icons.pmd-lg, .material-icons.md-48 {
  font-size: 48px;
}

.material-icons.md-dark {
  color: #333333;
}

.material-icons.md-dark.md-inactive {
  color: rgba(51, 51, 51, 0.25);
}

.material-icons.md-light {
  color: #fff;
}

.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.25);
}

/*# sourceMappingURL=google-icons.css.map */
/*!
 * Propeller v1.3.2 (https://propeller.in): radio.css
 * Copyright 2016-2019 Digicorp, Inc.
 * Licensed under MIT (https://propeller.in/LICENSE)
 */
.pmd-radio {
  position: relative;
  /*Radio input Hide*/
  /*Custamize Radio*/
  /*Select Radio*/
}

.pmd-radio span.pmd-radiobutton {
  margin-bottom: 0;
}

.pmd-radio input {
  display: none;
}

.pmd-radio > span.pmd-radio-label {
  display: inline-block;
  position: relative;
  margin-right: 8px;
  padding-left: 1rem;
  cursor: pointer;
}

.pmd-radio > span.pmd-radio-label:before {
  content: "";
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  left: 0;
  top: 2px;
  border: 0.125rem solid rgba(0, 0, 0, 0.54);
  border-radius: 18px;
}

    .pmd-radio > span.pmd-radio-label:after {
        content: "";
        display: block;
        position: absolute;
        top: 12px;
        background: #578759;
        border-radius: 4px;
        transition: .2s ease-in-out;
        height: 8px;
        width: 8px;
        margin-top: -5px;
        left: 5px;
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    .pmd-radio :checked + span.pmd-radio-label:before {
        border-color: #578759;
    }

.pmd-radio :checked + span.pmd-radio-label:after {
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.pmd-radio .ink {
  background-color: rgba(0, 0, 0, 0.2);
}

/*Radio Layput*/
.radio-inline.pmd-radio {
  padding-left: 0;
}

.radio .pmd-radio {
  padding-left: 0;
}

/* Disabled Radio */
.radio.disabled label {
  color: rgba(0, 0, 0, 0.26);
}

.radio.disabled .pmd-radio > span.pmd-radio-label::before {
  border-color: rgba(0, 0, 0, 0.26);
  cursor: not-allowed;
}

fieldset[disabled] .radio label {
  color: rgba(0, 0, 0, 0.26);
}

/* Card Inverse Radio */
.pmd-card-inverse {
  /* Card Inverse Disabled Radio */
}

.pmd-card-inverse .pmd-radio > span.pmd-radio-label::before {
  border-color: rgba(255, 255, 255, 0.87);
}

.pmd-card-inverse .pmd-radio > span.pmd-radio-label::after {
  background-color: #4285f4;
}

.pmd-card-inverse .radio.disabled label {
  color: rgba(255, 255, 255, 0.54);
}

.pmd-card-inverse .radio.disabled .pmd-radio > span.pmd-radio-label::before {
  border-color: rgba(255, 255, 255, 0.26);
}

.pmd-card-inverse :checked + span.pmd-radio-label:before {
  border-color: #4285f4;
}

/*# sourceMappingURL=radio.css.map */
/*!
 * Propeller v1.3.2 (https://propeller.in): textfield.css
 * Copyright 2016-2019 Digicorp, Inc.
 * Licensed under MIT (https://propeller.in/LICENSE)
 */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.form-group-lg.pmd-textfield .form-control:focus {
    border-color: #578759;
    border: solid 1px #578759;
/*    -webkit-box-shadow: 0px 0px 1px 1px #039c9a;
    box-shadow: 0px 0px 1px 1px #039c9a;*/
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

/*.pmd-textfield.pmd-textfield-floating-label-active .pmd-textfield-focused {
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.form-group.pmd-textfield {
  margin-bottom: .25rem;
  line-height: 1.375rem;
}

.pmd-textfield .form-control {
    background: transparent;
    border: none;
    border: solid 1px #8a8a8a;
    outline: none;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
    font-size: 1rem;
    font-weight: 500;
    padding-bottom: 0.3rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.pmd-textfield .form-control::placeholder {
  color: #234472be;
}

    .pmd-textfield .form-control.white {
        background: rgba(255, 255, 255, 1.0);
        border: none;
        border: solid 1px #efefef;
        outline: none;
        box-shadow: none;
        padding: 0;
        padding-left: .5rem;
        border-radius: 0 !important;
        font-size: 1rem;
        padding-bottom: 0.375rem;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        margin-top: -1px;
    }

.pmd-textfield input.form-control {
  height: inherit;
}

.pmd-textfield textarea.form-control {
  height: 80px;
}

.pmd-textfield label {
  font-weight: normal;
  line-height: 1.4;
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.54);
  margin-bottom: 0;
}

.pmd-textfield-floating-label {
  position: relative;
}

    .pmd-textfield-floating-label label {
        -ms-transform: translateY(26px);
        -webkit-transform: translateY(26px);
        transform: translateY(26px);
        display: inline-block;
        margin: 0;
        font-size: 1rem;
        line-height: 1.5rem;
        margin-bottom: 0.25rem;
        transition-duration: 0.2s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }

    .pmd-textfield-floating-label.white label {
        -ms-transform: translateY(26px);
        -webkit-transform: translateY(26px);
        transform: translateY(26px);
        margin: 0;
        padding-left: 0.5rem;
        font-size: 1rem;
        line-height: 1.5rem;
        margin-bottom: 0.15rem;
        transition-duration: 0.2s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }

.pmd-textfield-floating-label .form-control {
  position: relative;
}

.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.54);
}

.pmd-textfield.has-success .form-control {
    color: #28a745;
    border-color: #28a745;
}

    .pmd-textfield.has-success .form-control ~ .pmd-textfield-focused {
        border-color: #28a745;
        -webkit-box-shadow: 0px 1px 0px 0px #28a745;
        box-shadow: 0px 1px 0px 0px #28a745;
    }

.pmd-textfield.has-success .form-control ~ .has-error-text {
  color: #259b24;
  display: block;
}

.pmd-textfield.has-success .form-control:focus {
  box-shadow: none;
}

.pmd-textfield-floating-label.pmd-textfield-floating-label-completed.has-success label {
  color: #259b24;
}*/

.has-success .control-label,
.has-success .help-block {
  color: #259b24;
}

/*.pmd-textfield.has-warning .form-control {
  color: #ffc107;
  border-color: #ffc107;
}

    .pmd-textfield.has-warning .form-control ~ .pmd-textfield-focused {
        background-color: #578759;
    }

.pmd-textfield.has-warning .form-control ~ .has-error-text {
  color: #ffc107;
  display: block;
}

.pmd-textfield.has-warning .form-control:focus {
  box-shadow: none;
}

.pmd-textfield-floating-label.pmd-textfield-floating-label-completed.has-warning label {
  color: #ffc107;
}*/

.has-warning .control-label,
.has-warning .help-block {
  color: #ffc107;
}

/*.pmd-textfield.has-error .form-control {
  color: #ff5722;
  border-color: #ff5722;
}

    .pmd-textfield.has-error .form-control ~ .pmd-textfield-focused {
        border-color: #ff5722;
        -webkit-box-shadow: 0px 1px 0px 0px #ff5722;
        box-shadow: 0px 1px 0px 0px #ff5722;
    }

.pmd-textfield.has-error .form-control ~ .has-error-text {
  color: #ff5722;
  display: block;
}

.pmd-textfield.has-error .form-control:focus {
  box-shadow: none;
}

.pmd-textfield-floating-label.pmd-textfield-floating-label-completed.has-error label {
  color: #ff5722;
}*/

.has-error .control-label,
.has-error .help-block {
  color: #ff5722;
}

/*.pmd-textfield.has-error .form-control:invalid {
  color: form-state-colors("error");
}

.pmd-textfield.has-error .form-control:invalid ~ .pmd-textfield-focused {
  background-color: form-state-colors("error");
}

.pmd-textfield.has-error .form-control:invalid ~ .has-error-text {
  color: form-state-colors("error");
  display: block;
}*/

.help-block {
  font-size: 14px;
  margin-top: 0;
}

.has-error-text {
  display: none;
}

/*.form-group-lg.pmd-textfield .form-control {
    font-size: 1.2rem;
    line-height: 1.3;
    height: auto;
    color: #444444;
    padding: 10px 20px !important;
    border-radius: 50px !important;
}

@media (max-width: 600px) {
  .form-group-lg.pmd-textfield .form-control {
    max-width: 100%;
  }
}

@media (max-width: 415px) {
    .form-group-lg.pmd-textfield .form-control {
        padding-top: 2%;
    }
}

.form-group-lg.pmd-textfield label {
  font-size: 1rem;
}

.form-group-lg.pmd-textfield-floating-label label {
    font-size: 1.25rem;
    -ms-transform: translateY(36px);
    -webkit-transform: translateY(36px);
    transform: translateY(36px);
}

.form-group-lg.pmd-textfield-floating-label.white label {
    font-size: 1.25rem;
    -ms-transform: translateY(36px);
    -webkit-transform: translateY(36px);
    transform: translateY(36px);
    padding-left: 1.5rem;
    position: relative;
    z-index: 9;
}

.form-group-lg.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
  font-size: 1rem;
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.form-group-lg.pmd-textfield-floating-label.adjust-color.pmd-textfield-floating-label-completed label {
    font-size: 1rem;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    color: #666 !important;
}

.form-group-sm.pmd-textfield .form-control {
    font-size: 0.875rem;
    height: 30px;
    line-height: 1.33333;
}

.form-group-sm.pmd-textfield label {
  font-size: 0.625rem;
}

.form-group-sm.pmd-textfield-floating-label label {
  font-size: 0.875rem;
  -ms-transform: translateY(28px);
  -webkit-transform: translateY(28px);
  transform: translateY(28px);
}

.form-group-sm.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
  font-size: 0.625rem;
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.pmd-textfield .input-group-addon {
  border: none;
  background-color: transparent;
  padding: 0;
}

.pmd-textfield .input-group-addon:first-child {
  padding-right: 16px;
}

.pmd-textfield .input-group-addon:last-child {
  padding-left: 16px;
}

.pmd-textfield .input-group .form-control {
  float: inherit;
  z-index: inherit;
}*/

.pmd-input-group-label {
  padding-left: 40px;
}

.field-validation-error {
  line-height: 1;
  display: block;
  padding: 7px 15px 0;
}

.control-label:not(:has(+ .form-control:placeholder-shown)),
.control-label:has(+ .form-control:focus) {
  font-size: 1rem !important;
  transform: translateY(0) !important;
}

.input-btn {
  z-index: 8;
  padding: 1rem 1.4rem;
  position: absolute;
  inset: 0 0 auto auto;
}

.input-btn + .form-control {
  padding-right: 30% !important;
}
/*# sourceMappingURL=textfield.css.map */
/*!
 * Propeller v1.3.2 (https://propeller.in/): card.css
 * Copyright 2016-2019 Digicorp, Inc
 * Licensed under MIT (https://propeller.in/LICENSE)
 */
.pmd-card {
    background-color: #fff;
    box-shadow: 0px 0px 8px rgb(32 56 91 / 15%);
    border-radius: 25px;
}

.pmd-card.sm-radius {
  border-radius: 20px;
}

.pmd-card .form-horizontal .form-group {
  margin-right: inherit;
  margin-left: inherit;
}

.pmd-card-body {
  padding-right: 1rem;
  padding-left: 1rem;
  color: #234472dc;
}

.pmd-card-body .price .text,
.pmd-card-body .price .value {
  font-weight: 700;
}

.pmd-card-body:not(.mt-0) {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.pmd-card-title {
  padding: 1rem 1rem 0 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}

  .pmd-card-title.no-border {
    padding: 1.25rem 0 0 0;
    margin-bottom: 0px;
  }

  .pmd-card-title.no-border h2 {
    margin-bottom: 0 !important;
  }

  .pmd-card-body.even {
    padding: 0 0 1.25rem;
  }

  .pmd-card-body.even .price {
    padding: 0.25rem 1rem 0.2rem;
    min-height: 50px;
    overflow: hidden;
  }

  .pmd-card-body.even .price:nth-of-type(even) {
    background-color: #f4f6f8;
  }

.pmd-card-title .dropdown .dropdown-toggle {
  color: inherit;
}

.pmd-card-title-text {
  margin-top: 0;
  margin-bottom: 0;
  color: inherit;
}

h2.pmd-card-title-text {
  margin-bottom: 2px;
  font-size: 1.4rem;
  font-weight: 700;
}

.pmd-card-subtitle-text {
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.54);
}

.pmd-card-footer {
  display: table;
  width: 100%;
  padding: 0.5rem 1rem;
  content: "";
}

.pmd-card-actions {
  padding: 0.5rem 1rem;
}

@media (max-width: 600px) {
  .pmd-card-actions {
    padding: 0.5rem 1rem 0.75rem 0;
  }
}

.pmd-card-actions .btn {
  margin-right: 0.25rem;
  margin-bottom: 0.5rem;
  margin-left: 0.25rem;
  min-width: inherit;
}

.pmd-card-actions .btn:first-child {
  margin-left: 0.75rem;
}

.pmd-card-actions .btn:last-child {
  margin-right: 0.75rem;
}

.pmd-card-actions .btn.pmd-btn-flat {
  margin-right: 0.25rem;
  margin-bottom: 0;
  margin-left: 0.25rem;
}

.pmd-card-actions .btn.pmd-btn-fab {
  padding: 0;
}

/* Card Media Action */
.pmd-card-media-inline .pmd-card-media {
  padding: 1.25rem 1.25rem 0;
}

.pmd-card-media-inline .pmd-card-media h2.pmd-card-title-text {
  margin-top: 0.25rem;
}

.pmd-card-footer-no-border {
  padding-top: 0;
  border-color: transparent;
}

.pmd-card-list {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #fff;
}

/* Card inverse*/
.pmd-card-inverse {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.84);
}

.pmd-card-inverse .pmd-card-body {
  color: rgba(255, 255, 255, 0.84);
}

.pmd-card-inverse .pmd-card-subtitle-text {
  color: rgba(255, 255, 255, 0.54);
}

/*# sourceMappingURL=card.css.map */
/*!
 * Propeller v1.3.2 (https://propeller.in): toggle-switch.css
 * Copyright 2016-2019 Digicorp, Inc.
 * Licensed under MIT (https://propeller.in/LICENSE)
 */
.pmd-switch {
  vertical-align: middle;
  -moz-user-select: none;
}

.pmd-switch label,
.pmd-switch input,
.pmd-switch .pmd-switch-label {
  -moz-user-select: none;
}

.pmd-switch label {
  cursor: pointer;
  font-weight: 400;
}

.pmd-switch label input[type="checkbox"] {
  height: 0;
  opacity: 0;
  width: 0;
  position: absolute;
}

.pmd-switch label .pmd-switch-label,
.pmd-switch label input[type="checkbox][disabled"] + .pmd-switch-label {
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 15px;
  content: "";
  display: block;
  height: 15px;
  transition: all 0.2s ease-in-out;
  vertical-align: middle;
  width: 30px;
  position: relative;
}

.pmd-switch label .pmd-switch-label::after {
  background-color: #f1f1f1;
  border-radius: 20px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  content: "";
  display: inline-block;
  height: 20px;
  left: -6px;
  position: absolute;
  top: -2px;
  transition: all 0.2s ease-in-out;
  width: 20px;
}

.pmd-switch label input[type="checkbox][disabled"] + .pmd-switch-label::after,
.pmd-switch label input[type="checkbox][disabled"]:checked + .pmd-switch-label::after {
  background-color: rgba(0, 0, 0, 0.25);
}

.pmd-switch label input[type="checkbox"] + .pmd-switch-label:active::after,
.pmd-switch label input[type="checkbox][disabled"] + .pmd-switch-label:active::after {
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

    .pmd-switch label input[type="checkbox"]:checked + .pmd-switch-label::after {
        left: 15px;
        background-color: #578759;
    }

    .pmd-switch label input[type="checkbox"]:checked + .pmd-switch-label {
        background-color: rgba(0, 152, 150, .54)
    }

.pmd-switch label input[type="checkbox"]:checked + .pmd-switch-label:active::after {
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

/*# sourceMappingURL=toggle-switch.css.map */
/*!
 * Propeller v1.3.2 (https://propeller.in): dropdown.css
 * Copyright 2016-2019 Digicorp, Inc.
 * Licensed under MIT (https://propeller.in/LICENSE)
 */

.dropdown-menu {
    left: auto;
    right: 0;
}

.pmd-dropdown .dropdown-menu {
  top: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  opacity: 0;
  clip: rect(0 0 0 0);
  background-color: transparent;
  padding: 0.5rem 0;
  margin: 0;
  transition: all 0.2s ease-in-out;
}

.pmd-dropdown .dropdown-menu > li > a {
  padding: 0.75rem 1rem;
  color: #333333;
  line-height: 1.42857143;
}

.pmd-dropdown .dropdown-menu > li > a:hover, .pmd-dropdown .dropdown-menu > li > a:focus {
  color: #262626;
  background-color: #f8f9fa;
}

.pmd-dropdown .dropdown-menu ul > li > a {
  display: block;
  padding: 0.75rem 0.75rem;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}

.pmd-dropdown .dropdown-menu ul > li > a:hover, .pmd-dropdown .dropdown-menu ul > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f8f9fa;
}

.pmd-dropdown .dropdown-menu > .active > a:hover, .pmd-dropdown .dropdown-menu > .active > a:focus {
  background-color: #f8f9fa;
}

.pmd-dropdown .dropdown-menu > .disabled > a {
  color: #868e96;
}

.pmd-dropdown .dropdown-menu > .disabled > a:hover, .pmd-dropdown .dropdown-menu > .disabled > a:focus {
  color: #868e96;
  background-color: transparent;
}

.pmd-dropdown .pmd-dropdown-menu-bg.pmd-dropdown-menu-bg-right {
  -moz-transform-origin: right top;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  will-change: transform;
}

.pmd-dropdown.open > .pmd-dropdown-menu-container {
  display: block;
}

.pmd-dropdown.open > .pmd-dropdown-menu-container > .dropdown-menu {
  display: block;
  opacity: 1;
}

.pmd-dropdown.open > .pmd-dropdown-menu-container > .pmd-dropdown-menu-bg {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.pmd-dropdown.dropup .dropdown-menu {
  bottom: 0;
  top: auto;
}

.pmd-dropdown.dropup .pmd-dropdown-menu-container {
  bottom: 100%;
}

.pmd-dropdown.dropup .caret {
  border-bottom: 4px solid;
}

.pmd-dropdown .dropdown-menu-right {
  clip: rect(0 0 0 0);
}

.pmd-dropdown-menu-container {
  position: absolute;
  z-index: 999;
}

.pmd-dropdown-menu-bg {
  border-radius: 0;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background-color: #fff;
  border: none;
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  -moz-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  will-change: transform;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  position: absolute;
}

.pmd-dropdown-menu-bg.pmd-dropdown-menu-bg-bottom-left {
  -moz-transform-origin: left bottom;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  will-change: transform;
}

.pmd-dropdown-menu-bg.pmd-dropdown-menu-bg-bottom-right {
  -moz-transform-origin: right bottom;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  will-change: transform;
}

.dropdown-header {
  padding: 0.25rem 1rem;
  margin-top: 8px;
  color: #868e96;
}

.navbar-fixed-bottom .pmd-dropdown.dropdown .caret {
  border-bottom: 4px solid;
}

.pmd-dropdown-menu-top-right {
  left: auto;
  right: 0;
}

.pmd-dropdown-menu-center {
  background-color: #fff;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: none;
  clip: inherit;
}

.pmd-sidebar .pmd-dropdown-menu-container .dropdown-menu {
  transition: none;
  opacity: 1;
}

.pmd-sidebar-open.pmd-sidebar .pmd-dropdown-menu-container {
  transition: none;
  position: static;
}

.pmd-sidebar-open.pmd-sidebar .pmd-dropdown-menu-bg {
  display: none;
}

.pmd-sidebar-open.pmd-sidebar .open > .pmd-dropdown-menu-container {
  position: static;
}

.pmd-sidebar-open.pmd-navbar-sidebar .dropdown-menu {
  background-color: transparent;
  top: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  opacity: 1;
  transition: none;
}

.pmd-sidebar-open.pmd-navbar-sidebar .pmd-dropdown-menu-container {
  position: static;
  transition: none;
}

.pmd-sidebar-open.pmd-navbar-sidebar .pmd-dropdown-menu-container .dropdown-menu {
  transition: none;
}

.pmd-sidebar-open.pmd-navbar-sidebar .pmd-dropdown-menu-bg {
  display: none;
}

@media screen and (max-width: 767px) {
  .pmd-sidebar-dropdown .pmd-dropdown-menu-container {
    position: static;
    transition: none;
  }
  .pmd-sidebar-dropdown .dropdown-menu {
    transition: none;
    opacity: 1;
  }
}

/*# sourceMappingURL=dropdown.css.map */
/*!
 * Propeller v1.3.2 (https://propeller.in): list.css
 * Copyright 2016-2019 Digicorp, Inc.
 * Licensed under MIT (https://propeller.in/LICENSE)
 */
.pmd-card-list {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  background-color: #fff;
  margin-bottom: 0;
}

.list-group-item {
  margin-bottom: -1px;
  border: inherit;
  line-height: 1.4;
}

.list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  line-height: 1.4;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.54);
  font-size: 0.875rem;
}

.pmd-list .list-group-item {
  padding: 0.75rem 1rem;
}

.pmd-list .media-left,
.pmd-list .media > .pull-left {
  padding-right: 1rem;
}

.pmd-list-icon .list-group-item {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.pmd-list-twoline .list-group-item {
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
}

.pmd-list-avatar {
  padding: 0.5rem 0;
}

.pmd-list-avatar .list-group-item {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.avatar-list-img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}

.material-icons.media-left {
  padding-right: 32px;
  vertical-align: top;
  display: table-cell;
}

.material-icons.media-right {
  padding-left: 32px;
  vertical-align: top;
  display: table-cell;
}

.material-icons.media-middle {
  vertical-align: middle;
  display: table-cell;
}

.media-body.pmd-word-break {
  word-break: break-all;
  word-wrap: break-word;
}

/*# sourceMappingURL=list.css.map */
/*!
 * # Semantic UI 2.4.1 - Loader
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.placeholder{position:static;overflow:hidden;-webkit-animation:placeholderShimmer 2s linear;animation:placeholderShimmer 2s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#fff;background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.08)),color-stop(15%,rgba(0,0,0,.15)),color-stop(30%,rgba(0,0,0,.08)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.08) 0,rgba(0,0,0,.15) 15%,rgba(0,0,0,.08) 30%);background-image:linear-gradient(to right,rgba(0,0,0,.08) 0,rgba(0,0,0,.15) 15%,rgba(0,0,0,.08) 30%);background-size:1200px 100%;max-width:30rem}@-webkit-keyframes placeholderShimmer{0%{background-position:-1200px 0}100%{background-position:1200px 0}}@keyframes placeholderShimmer{0%{background-position:-1200px 0}100%{background-position:1200px 0}}.ui.placeholder+.ui.placeholder{margin-top:2rem}.ui.placeholder+.ui.placeholder{-webkit-animation-delay:.15s;animation-delay:.15s}.ui.placeholder+.ui.placeholder+.ui.placeholder{-webkit-animation-delay:.3s;animation-delay:.3s}.ui.placeholder+.ui.placeholder+.ui.placeholder+.ui.placeholder{-webkit-animation-delay:.45s;animation-delay:.45s}.ui.placeholder+.ui.placeholder+.ui.placeholder+.ui.placeholder+.ui.placeholder{-webkit-animation-delay:.6s;animation-delay:.6s}.ui.placeholder,.ui.placeholder .image.header:after,.ui.placeholder .line,.ui.placeholder .line:after,.ui.placeholder>:before{background-color:#fff}.ui.placeholder .image:not(.header):not(.ui){height:100px}.ui.placeholder .square.image:not(.header){height:0;overflow:hidden;padding-top:100%}.ui.placeholder .rectangular.image:not(.header){height:0;overflow:hidden;padding-top:75%}.ui.placeholder .line{position:relative;height:.85714286em}.ui.placeholder .line:after,.ui.placeholder .line:before{top:100%;position:absolute;content:'';background-color:inherit}.ui.placeholder .line:before{left:0}.ui.placeholder .line:after{right:0}.ui.placeholder .line{margin-bottom:.5em}.ui.placeholder .line:after,.ui.placeholder .line:before{height:.5em}.ui.placeholder .line:not(:first-child){margin-top:.5em}.ui.placeholder .header{position:relative;overflow:hidden}.ui.placeholder .line:nth-child(1):after{width:0%}.ui.placeholder .line:nth-child(2):after{width:50%}.ui.placeholder .line:nth-child(3):after{width:10%}.ui.placeholder .line:nth-child(4):after{width:35%}.ui.placeholder .line:nth-child(5):after{width:65%}.ui.placeholder .header .line{margin-bottom:.64285714em}.ui.placeholder .header .line:after,.ui.placeholder .header .line:before{height:.64285714em}.ui.placeholder .header .line:not(:first-child){margin-top:.64285714em}.ui.placeholder .header .line:after{width:20%}.ui.placeholder .header .line:nth-child(2):after{width:60%}.ui.placeholder .image.header .line{margin-left:3em}.ui.placeholder .image.header .line:before{width:.71428571rem}.ui.placeholder .image.header:after{display:block;height:.85714286em;content:'';margin-left:3em}.ui.placeholder .header .line:first-child,.ui.placeholder .image .line:first-child,.ui.placeholder .paragraph .line:first-child{height:.01px}.ui.placeholder .header:not(:first-child):before,.ui.placeholder .image:not(:first-child):before,.ui.placeholder .paragraph:not(:first-child):before{height:1.42857143em;content:'';display:block}.ui.inverted.placeholder{background-image:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.08)),color-stop(15%,rgba(255,255,255,.14)),color-stop(30%,rgba(255,255,255,.08)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.08) 0,rgba(255,255,255,.14) 15%,rgba(255,255,255,.08) 30%);background-image:linear-gradient(to right,rgba(255,255,255,.08) 0,rgba(255,255,255,.14) 15%,rgba(255,255,255,.08) 30%)}.ui.inverted.placeholder,.ui.inverted.placeholder .image.header:after,.ui.inverted.placeholder .line,.ui.inverted.placeholder .line:after,.ui.inverted.placeholder>:before{background-color:#1b1c1d}.ui.placeholder .full.line.line.line:after{width:0%}.ui.placeholder .very.long.line.line.line:after{width:10%}.ui.placeholder .long.line.line.line:after{width:35%}.ui.placeholder .medium.line.line.line:after{width:50%}.ui.placeholder .short.line.line.line:after{width:65%}.ui.placeholder .very.short.line.line.line:after{width:80%}.ui.fluid.placeholder{max-width:none}
/*!
 * # Semantic UI 2.4.1 - Statistic
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.statistic{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:1em 0;max-width:auto}.ui.statistic+.ui.statistic{margin:0 0 0 1.5em}.ui.statistic:first-child{margin-top:0}.ui.statistic:last-child{margin-bottom:0}.ui.statistics{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.ui.statistics>.statistic{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 1.5em 1em;max-width:auto}.ui.statistics{display:-webkit-box;display:-ms-flexbox;display:flex;margin:1em -1.5em -1em}.ui.statistics:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.statistics:first-child{margin-top:0}.ui.statistic>.value,.ui.statistics .statistic>.value{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:4rem;font-weight:400;line-height:1em;color:#1b1c1d;text-transform:uppercase;text-align:center}.ui.statistic>.label,.ui.statistics .statistic>.label{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1em;font-weight:700;color:rgba(0,0,0,.87);text-transform:uppercase;text-align:center}.ui.statistic>.label~.value,.ui.statistics .statistic>.label~.value{margin-top:0}.ui.statistic>.value~.label,.ui.statistics .statistic>.value~.label{margin-top:0}.ui.statistic>.value .icon,.ui.statistics .statistic>.value .icon{opacity:1;width:auto;margin:0}.ui.statistic>.text.value,.ui.statistics .statistic>.text.value{line-height:1em;min-height:2em;font-weight:700;text-align:center}.ui.statistic>.text.value+.label,.ui.statistics .statistic>.text.value+.label{text-align:center}.ui.statistic>.value img,.ui.statistics .statistic>.value img{max-height:3rem;vertical-align:baseline}.ui.ten.statistics{margin:0 0 -1em}.ui.ten.statistics .statistic{min-width:10%;margin:0 0 1em}.ui.nine.statistics{margin:0 0 -1em}.ui.nine.statistics .statistic{min-width:11.11111111%;margin:0 0 1em}.ui.eight.statistics{margin:0 0 -1em}.ui.eight.statistics .statistic{min-width:12.5%;margin:0 0 1em}.ui.seven.statistics{margin:0 0 -1em}.ui.seven.statistics .statistic{min-width:14.28571429%;margin:0 0 1em}.ui.six.statistics{margin:0 0 -1em}.ui.six.statistics .statistic{min-width:16.66666667%;margin:0 0 1em}.ui.five.statistics{margin:0 0 -1em}.ui.five.statistics .statistic{min-width:20%;margin:0 0 1em}.ui.four.statistics{margin:0 0 -1em}.ui.four.statistics .statistic{min-width:25%;margin:0 0 1em}.ui.three.statistics{margin:0 0 -1em}.ui.three.statistics .statistic{min-width:33.33333333%;margin:0 0 1em}.ui.two.statistics{margin:0 0 -1em}.ui.two.statistics .statistic{min-width:50%;margin:0 0 1em}.ui.one.statistics{margin:0 0 -1em}.ui.one.statistics .statistic{min-width:100%;margin:0 0 1em}.ui.horizontal.statistic{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ui.horizontal.statistics{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0;max-width:none}.ui.horizontal.statistics .statistic{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:none;margin:1em 0}.ui.horizontal.statistic>.text.value,.ui.horizontal.statistics>.statistic>.text.value{min-height:0!important}.ui.horizontal.statistic>.value .icon,.ui.horizontal.statistics .statistic>.value .icon{width:1.18em}.ui.horizontal.statistic>.value,.ui.horizontal.statistics .statistic>.value{display:inline-block;vertical-align:middle}.ui.horizontal.statistic>.label,.ui.horizontal.statistics .statistic>.label{display:inline-block;vertical-align:middle;margin:0 0 0 .75em}.ui.red.statistic>.value,.ui.red.statistics .statistic>.value,.ui.statistics .red.statistic>.value{color:#db2828}.ui.orange.statistic>.value,.ui.orange.statistics .statistic>.value,.ui.statistics .orange.statistic>.value{color:#f2711c}.ui.statistics .yellow.statistic>.value,.ui.yellow.statistic>.value,.ui.yellow.statistics .statistic>.value{color:#fbbd08}.ui.olive.statistic>.value,.ui.olive.statistics .statistic>.value,.ui.statistics .olive.statistic>.value{color:#b5cc18}.ui.green.statistic>.value,.ui.green.statistics .statistic>.value,.ui.statistics .green.statistic>.value{color:#21ba45}.ui.statistics .teal.statistic>.value,.ui.teal.statistic>.value,.ui.teal.statistics .statistic>.value{color:#00b5ad}.ui.blue.statistic>.value,.ui.blue.statistics .statistic>.value,.ui.statistics .blue.statistic>.value{color:#2185d0}.ui.statistics .violet.statistic>.value,.ui.violet.statistic>.value,.ui.violet.statistics .statistic>.value{color:#6435c9}.ui.purple.statistic>.value,.ui.purple.statistics .statistic>.value,.ui.statistics .purple.statistic>.value{color:#a333c8}.ui.pink.statistic>.value,.ui.pink.statistics .statistic>.value,.ui.statistics .pink.statistic>.value{color:#e03997}.ui.brown.statistic>.value,.ui.brown.statistics .statistic>.value,.ui.statistics .brown.statistic>.value{color:#a5673f}.ui.grey.statistic>.value,.ui.grey.statistics .statistic>.value,.ui.statistics .grey.statistic>.value{color:#767676}.ui.inverted.statistic .value,.ui.inverted.statistics .statistic>.value{color:#fff}.ui.inverted.statistic .label,.ui.inverted.statistics .statistic>.label{color:rgba(255,255,255,.9)}.ui.inverted.red.statistic>.value,.ui.inverted.red.statistics .statistic>.value,.ui.statistics .inverted.red.statistic>.value{color:#ff695e}.ui.inverted.orange.statistic>.value,.ui.inverted.orange.statistics .statistic>.value,.ui.statistics .inverted.orange.statistic>.value{color:#ff851b}.ui.inverted.yellow.statistic>.value,.ui.inverted.yellow.statistics .statistic>.value,.ui.statistics .inverted.yellow.statistic>.value{color:#ffe21f}.ui.inverted.olive.statistic>.value,.ui.inverted.olive.statistics .statistic>.value,.ui.statistics .inverted.olive.statistic>.value{color:#d9e778}.ui.inverted.green.statistic>.value,.ui.inverted.green.statistics .statistic>.value,.ui.statistics .inverted.green.statistic>.value{color:#2ecc40}.ui.inverted.teal.statistic>.value,.ui.inverted.teal.statistics .statistic>.value,.ui.statistics .inverted.teal.statistic>.value{color:#6dffff}.ui.inverted.blue.statistic>.value,.ui.inverted.blue.statistics .statistic>.value,.ui.statistics .inverted.blue.statistic>.value{color:#54c8ff}.ui.inverted.violet.statistic>.value,.ui.inverted.violet.statistics .statistic>.value,.ui.statistics .inverted.violet.statistic>.value{color:#a291fb}.ui.inverted.purple.statistic>.value,.ui.inverted.purple.statistics .statistic>.value,.ui.statistics .inverted.purple.statistic>.value{color:#dc73ff}.ui.inverted.pink.statistic>.value,.ui.inverted.pink.statistics .statistic>.value,.ui.statistics .inverted.pink.statistic>.value{color:#ff8edf}.ui.inverted.brown.statistic>.value,.ui.inverted.brown.statistics .statistic>.value,.ui.statistics .inverted.brown.statistic>.value{color:#d67c1c}.ui.inverted.grey.statistic>.value,.ui.inverted.grey.statistics .statistic>.value,.ui.statistics .inverted.grey.statistic>.value{color:#dcddde}.ui[class*="left floated"].statistic{float:left;margin:0 2em 1em 0}.ui[class*="right floated"].statistic{float:right;margin:0 0 1em 2em}.ui.floated.statistic:last-child{margin-bottom:0}.ui.mini.statistic>.value,.ui.mini.statistics .statistic>.value{font-size:1.5rem!important}.ui.mini.horizontal.statistic>.value,.ui.mini.horizontal.statistics .statistic>.value{font-size:1.5rem!important}.ui.mini.statistic>.text.value,.ui.mini.statistics .statistic>.text.value{font-size:1rem!important}.ui.tiny.statistic>.value,.ui.tiny.statistics .statistic>.value{font-size:2rem!important}.ui.tiny.horizontal.statistic>.value,.ui.tiny.horizontal.statistics .statistic>.value{font-size:2rem!important}.ui.tiny.statistic>.text.value,.ui.tiny.statistics .statistic>.text.value{font-size:1rem!important}.ui.small.statistic>.value,.ui.small.statistics .statistic>.value{font-size:3rem!important}.ui.small.horizontal.statistic>.value,.ui.small.horizontal.statistics .statistic>.value{font-size:2rem!important}.ui.small.statistic>.text.value,.ui.small.statistics .statistic>.text.value{font-size:1rem!important}.ui.statistic>.value,.ui.statistics .statistic>.value{font-size:4rem!important}.ui.horizontal.statistic>.value,.ui.horizontal.statistics .statistic>.value{font-size:3rem!important}.ui.statistic>.text.value,.ui.statistics .statistic>.text.value{font-size:2rem!important}.ui.large.statistic>.value,.ui.large.statistics .statistic>.value{font-size:5rem!important}.ui.large.horizontal.statistic>.value,.ui.large.horizontal.statistics .statistic>.value{font-size:4rem!important}.ui.large.statistic>.text.value,.ui.large.statistics .statistic>.text.value{font-size:2.5rem!important}.ui.huge.statistic>.value,.ui.huge.statistics .statistic>.value{font-size:6rem!important}.ui.huge.horizontal.statistic>.value,.ui.huge.horizontal.statistics .statistic>.value{font-size:5rem!important}.ui.huge.statistic>.text.value,.ui.huge.statistics .statistic>.text.value{font-size:2.5rem!important}
.solar-cells-error{
    color: #cc0000;
    margin-top:.5%;
    padding: 1%;
    display: none;
}

.circle-loader {
    margin-bottom: 3.5em;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-left-color: #578759;
    animation: loader-spin 1.2s infinite linear;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    width: 7em;
    height: 7em;
  }
  #sign-off-section{
    min-height: 300px;
  }
  .sign-off-text {
    font-size: 24px;
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200;
    margin: 0 0 10px;
    color: white;
}
  
  .load-complete {
    -webkit-animation: none;
    animation: none;
    border-color: #578759;
    transition: border 500ms ease-out;
  }
  
  .checkmark {
    display: none;
  }
  .checkmark.draw:after {
    animation-duration: 800ms;
    animation-timing-function: ease;
    animation-name: checkmark;
    transform: scaleX(-1) rotate(135deg);
  }
  .checkmark:after {
    opacity: 1;
    height: 3.5em;
    width: 1.75em;
    transform-origin: left top;
    border-right: 3px solid #578759;
    border-top: 3px solid #578759;
    content: "";
    left: 1.75em;
    top: 3.5em;
    position: absolute;
  }
  .modal-body{
      display: grid;
  }
  @keyframes loader-spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes checkmark {
    0% {
      height: 0;
      width: 0;
      opacity: 1;
    }
    20% {
      height: 0;
      width: 1.75em;
      opacity: 1;
    }
    40% {
      height: 3.5em;
      width: 1.75em;
      opacity: 1;
    }
    100% {
      height: 3.5em;
      width: 1.75em;
      opacity: 1;
    }
  }

@tailwind base;
@tailwind components;
@tailwind utilities;

.price .text {
    width: auto;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    float: left;
    position: relative;
    text-align: left;
}

.price .value {
    font-size: 1rem;
    font-weight: 800;
    text-align: right;
    float: right;
}

.price .details {
    clear: both;
    float: left;
    width: auto;
    text-align: left;
    display: block;
    font-size: 12px;
}

.price .unit {
    float: right;
    width: auto;
    text-align: left;
    display: block;
    font-size: 12px;
}

@media (max-width: 500px) {

    .price .text {
        font-size: 14px !important;
    }

    .badge-spotprice {
        font-size: 14px !important;
    }

    .price .value {
        font-size: 14px !important;
    }

    .mobile-padding-spotprice {
        padding: 1%;
    }

    .price .details {
        font-size: 10px !important;
    }

    .price {
        clear: both;
    }

    .price .unit {
        font-size: 10px !important;
    }
}

    .select {
        display: flex;
        padding: 4px;
        background-color: #e5eef9;
        position: relative;
        margin: 0 auto;
        width: max-content;
    }

    .select::before {
        background-color: #fff;
        position: absolute;
        inset: 4px auto auto 5px;
    }

    .select:has(label:nth-of-type(2) :checked)::before {
        transform: translateX(100%);
    }

    .select, .select label, .select::before {
        border-radius: 28px;
    }

    .select::before {
        content: '';
        height: 35px;
        transition: .28s;
    }

    .select label, .select::before {
        width: 130px;
        padding: 4px 20px;
        font-size: 16px;
        font-weight: 500;
        white-space: nowrap;
    }

    .select label {
        z-index: 2;
        cursor: pointer;
        text-align: center;
        margin-bottom: 5px;
    }

    .select input {
        display: none;
    }

    @media (max-width: 768px) {
        .select label, .select::before {
            width: 90px;
            padding: 4px 8px;
        }

        .select label {
            margin-bottom: 0;
        }

        .select::before {
            height: 32px;
        }
    }

@layer components {
    .btn-ppd {
        @apply py-2 px-4 bg-blue-500 max-w-32;
    }
}

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .modal-content {
    @apply bg-white;
  }

  .modal-header {
    @apply py-3 px-3 md:py-5 md:px-7 !important;
  }

  .modal-title {
    @apply text-2xl font-semibold;
  }

  .modal-header .close {
    @apply text-3xl;
  }

  .modal-footer {
    @apply px-3 py-3 md:px-7 pb-5;
  }

  .modal-body {
    @apply p-3 md:p-7 !important;
  }

  .modal-content {
    @apply w-full rounded-2xl !important;
  }

  .modal-open .modal {
    @apply overflow-x-hidden overflow-y-auto;
  }

  .modal {
    @apply fixed inset-0 p-2 z-[1000] hidden overflow-hidden outline-none bg-black bg-opacity-20;
  }

  .modal-dialog {
    @apply relative h-full flex items-center max-w-[600px] m-auto;
    animation: show-modal .2s;
  }

  .modal-dialog.sm {
    @apply max-w-[500px];
  }

  @keyframes show-modal {
    from {
      opacity: 0;
      transform: translateY(-15%);
    }
  }

  .fade {
    @apply transition duration-200;
  }
}
@tailwind base;
@tailwind components;
@tailwind utilities;

.breadcrumb > li + li:before {
    padding: 0 10px;
    color: #ccc;
    font-size: 12px;
    font-family: "icomoon";
    content: "\f077";
    transform: rotate(90deg) !important;
    float: left;
}

.active {
    font-weight: 600;
}

.img-company {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 200px;
    background-color: #fff;
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
    border-radius: 2rem;
}

.large-paragraphs h2 {
    font-size: 28px;
}

@media (max-width: 600px) {
    .breadcrumb > li {
        display: inline-block;
        font-size: 14px;
    }

    .initial {
        background: none;
    }
}

@media (min-width: 801px) and (max-width: 1100px) {
    .initial {
        background: none;
    }
}

.fa-close {
    color: #e70000;
}

.fa-check {
    color: green;
}

@layer components {
    .anchor-list {
        @apply list-none p-0 mb-[15px];
    }

    .breadcrumb {
        @apply list-none pt-[8px] pr-0 pb-[15px] bg-inherit rounded no-underline;
    }

    .breadcrumb li  {
        @apply inline-block text-lg;
    }
}