﻿body {
}

.duka-white-rounded-corners {
    border-radius: 25px;
}

.duka-white-rounded-corners-borders {
    border-radius: 15px;
}

.duka-blue-rounded-corners {
    border-radius: 15px;
}

.duka-autumn-rounded-corners {
    border-radius: 15px;
}

.duka-yellow3-rounded-corners {
    border-radius: 15px;
}

.grid .g-col-8 {
    grid-column: auto / span 6;
}

.grid .g-col-4 {
    grid-column: auto / span 6
}

div.col > div.card-body > p.opacity-75 {
    opacity: 1.0 !important;
}

.duka-info-boxes {
    border-radius: 50%;
    padding: .5rem;
    line-height: .3;
    border-color: #223d50;
}

    .duka-info-boxes:hover {
        background-color: #dfe9ea;
        border-color: #223d50;
    }

.fs-7 {
    font-size: 1.0rem !important;
}

div.accordion-item > div > div.opacity-75 {
    opacity: 1.0 !important;
}

.custom-campaignprice {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    padding-block: 1rem;
    align-items: baseline;
    flex-wrap: wrap;
    gap: unset !important;
    line-height: 1;
}

.product-has-campaign {
    /* outline: 1px solid red;*/
}

.custom-currency-symbol {
    font-size: 50%;
}

.custom-campaign-price {
    font-size: 85%;
}

.custom-campaign-text {
    font-size: 75% !important;
}

.js-product-related-header {
    display: none;
}

div.item-inner > div > div.form-floating > label.form-label {
    opacity: 1;
}

div.item_swift_leads_v2_duka > div > form > span > input[type="submit"] {
    height: 42px !important;
    border-radius: 25px !important;
    margin-top: 0px !important;
}

div.item_swift_leads_v2_duka > div > form > span {
    max-height: 42px !important;
    height: 42px !important;
    padding-right: 10px !important;
    min-width: 210px !important;
    width: 45% !important;
}

    div.item_swift_leads_v2_duka > div > form > span > input[type="text"]:first-child {
        opacity: 1 !important;
        text-align: left !important;
        height: 42px !important;
        margin-top: 0px !important;
        padding-left: 10px !important;
    }

    div.item_swift_leads_v2_duka > div > form > span > input[type="tel"]:last-child {
        top: -42px !important;
        height: 42px !important;
    }



.quickpay-update-card-button {
    border:none;
    background-color:transparent;
    width:100%;
}
.sticky-receipt {
    background-color: #fff;
}


/*Styles for MitId button*/

/*.login-button-popup-css {
    background-color: #0060e6;
    color: white;
    border: none;
    padding: .25rem .75rem .25rem 1rem;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s, transform 0.2s;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 48px;
}

    .login-button-popup-css:hover {
        background-color: hsl(215, 100%, 35%);
    }

    .login-button-popup-css:active {
        transform: scale(0.98);
    }

.login-button-popup-css-icon {
    width: 61px;
    height: 16px;
    fill: #fff;
}*/
.login-button-popup-css {
    border: none;
    background-color: transparent;
    max-width: 100%;
}

    .login-button-popup-css img {
        width: 100%;
    }

@media (min-width: 768px) {
    .login-button-popup-css {
        width: 40%;
    }
}
/* \Styles for MitId button*/

/*Styles for Telenor services */
/*https://www.bootstraptoggle.com/*/
.telenor-services-container {
}
    .telenor-services-container .service_item_wrapper {
        border-bottom: 1px solid #e3e3e3;
        padding-block: 1rem;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
        .telenor-services-container .service_item_wrapper .service_left {
            text-align: left;
        }

        .telenor-services-container .service_item_wrapper .service_right {
            text-align: right;
        }

/*#SuccessToast svg {
    fill: var(--swift-button-primary-foreground-color);
}
#ErrorToast svg {
    fill: var(--swift-button-secondary-foreground-color);
}*/
/* \Styles for Telenor services */
