/*!
    * SVK CSS Document
    * Copyright 2017-2025 Slash x
*/

html { font-size: 16px; }
.structural { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); padding: 0; border: 0; }
.hidden { display: none; }
#skip { position: absolute; top: 0; left: -9999px; z-index: 100; width: 100%; margin: 0; }

/* FONTS */
body { color: #4d4d4d; ;background: #fff; padding-top: 130px;
  font: 400 18px/1.4 "Foundry Sterling W01", Arial, sans-serif;
}
h3, h4, h5, h6, .h3, .h4, .h5, .h6 {
  font-family: 'DM Sans', Arial, sans-serif;
  font-weight: 500;
  color: #c8102d;
  text-rendering: optimizeLegibility;
}
.h1, .h2, h1, h2 {
  font-family: 'DM Sans', Arial, sans-serif;
  font-weight: 700;
  color: #c8102d;
}
.banner .bannerMsg { font-family: "Times New Roman", Georgia, Serif; }

.hyphenate { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

/* Adjust font size in form to 16pt */
input[type="text"], input[type="password"], input[type="phone"],  textarea, .form-control { font-size:16px; }
.form-control:focus { border-color: #006399; box-shadow: none; -webkit-box-shadow: none; }

.buyModal .modalWindowHeader { font-size: 28px; margin-bottom: 30px; margin-top: 0; }
.panel-heading h1, .panel-heading h3 { font-size: 28px; }
.header-text, .intro h2, .intro h1  { 
  font-size: 36px;
  margin-bottom: 32px;
  margin-top: 10px;
  text-align: center;
  color: #c8102d;
}
.sub-header { color: #000; font-weight: 700; }
.sub-content { margin: 20px 0 38px 0; }
.sub-content p { margin: 0; }

svg { display: inline-block; height: auto; width: 100%; }
.svg-icon { pointer-events: none; width: 34px; height: 34px; }
.intro .panel-body { text-align: center; }
.intro p { margin-bottom: 30px; }
.structural { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); padding: 0; border: 0; }
body.startpage { padding-top: 90px; }

#bodycontainer.container { max-width: 850px; margin: auto; width: auto; }

.svkPanel .content { margin-left: 15px; margin-right: 15px; }
a, .giftProofPdfPreview { color: #c8102d; }
a:hover, a:focus, a:active, .giftProofPdfPreview:hover, .giftProofPdfPreview:focus, .giftProofPdfPreview:active { color: #c8102d; text-decoration: underline; }

a.logotype {
    background: url("../svg/svky_act_logo.svg");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 98px;
    height: 62px;
    text-decoration: none;
}
.footer-logo { text-align: center; margin-top: 30px; }
.footer-logo a.logotype { display: inline-block; width: 140px; height: 88px; }
/* Helpers */
.centered { text-align: center; display: inline-block; }
.blockSpace { margin-bottom: 65px; }
.svkList { padding-left: 50px; padding-top: 35px; }

ol.svkList { font-size:24px; color: #c8102d; }
ol.svkList li p { padding-left: 8px; font-size:16px; border-left: 1px solid #c8102d; color: #333; }
ol.svkList li p em { display:block; }
.pushDownContent { padding-top: 50px; }

/* Nav */
.headInner { padding-top: 12px; padding-bottom: 12px; font-size: 14px; }
.navbar { margin: 0; }
.top-menu { border: none; box-shadow: none; border-top: 0px none; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center;  }
.top-menu .logo { float: left; }
.navbar-collapse { flex: 1; }
.navbar-left { flex: 1;  }
.mobileNav .mobile { display: none; }
.header.fixed { position: fixed; height: 55px; top: 0; left: 0;}
.navbar-default .navbar-nav > li > a { color: #181818; }
.navbar-fixed-top.top-menu { position: relative; border: 0; box-shadow: none; margin: 0; height: auto; }
.navbar-default { background-color: #fff; }
ul.nav.navbar-nav li > a:hover, ul.nav.navbar-nav.navbar-right li > a:hover { background-color: #e6e6e6 }
.navbar-collapse .badge, .panel .badge, .navbar-toggle .badge { background-color: #c8102d; padding: 6px 9px; border-radius: 15px; }
.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
.badge-mobile { position: absolute; top: -10px; right: -10px; }
.imageBreaker { width: 100%; position: absolute; bottom: -13px; height: 28px; overflow: hidden; }
.imageBreaker img { max-width: 100%; }
.popover { border-radius: 0; border: 1px solid transparent; }
.popover.topLeft .arrow:after { border-top-color: #FFF !important; }

/* Cookie information */
.eu-cookie-bar-notification {
    box-shadow: none;
    background-color: #ac101c;
    border: none;
    color: #FFF;
}

    .eu-cookie-bar-notification.is-active {
        transform: translateY(0) translateZ(0);
    }

    .eu-cookie-bar-notification .btn-svk {
        margin-bottom: 0;
    }

    .eu-cookie-bar-notification .content {
        margin-right: auto;
        margin-left: auto;
        padding: 1rem 1.5rem;
        text-align: center;
    }

    .eu-cookie-bar-notification .title {
        padding-bottom: 10px;
        color: #fff;
    }

    .eu-cookie-bar-notification .content .text {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .eu-cookie-bar-notification .content a.learn-more,
    .eu-cookie-bar-notification .content a.learn-more:hover {
        color: #fff;
    }

    .eu-cookie-bar-notification .content .btn-svk {
        white-space: normal;
        line-height: 1.2;
    }

.content-center {
    height: 60px;
    position: relative;
}

.button-center {
    margin: 0;
    position: relative;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, 0%);
}

.eu-cookie-warning-modal {
    left: 0;
    position: fixed;
    bottom: 0;
    top: inherit !important;
    height: 350px;
    width: 100%;
    z-index: 100000;
    border-top: 3px solid #FFFFFF !important;
    color: #fff;
    margin: 0px;
    background-color: #ac101c;
}

.eu-cookie-warning-modal a {
    color: inherit;
    text-decoration: underline;
}

.eu-cookie-warning-modal a:hover {
    text-decoration: none;
}

.eu-cookie-bar-notification {
    position: fixed;
    top: 50%;
    z-index: 1050;
    border: none !important;
    text-align: center;
}

.accordion-title-bar {
    background-color: lightgray;
    color: #000;
    margin-bottom: 10px;
    padding: 1ex;
    text-align: center;
}

.eu-cookie-settings-modal {
    z-index: 100001;
}
/*.eu-cookie-bar-notification { box-shadow: none; background-color: #ac101c; border: none; color: #FFF; }
.eu-cookie-bar-notification .btn-svk { margin-bottom: 0; }
.eu-cookie-bar-notification .content .text { padding-bottom: 10px; padding-top: 10px; }
.eu-cookie-bar-notification .content a.learn-more,
.eu-cookie-bar-notification .content a.learn-more:hover { color: #fff; }
.eu-cookie-bar-notification .content .btn-svk { white-space: normal; line-height: 1.2; }*/


/* Startpage */
.banner { position: relative; }
.banner .panel-body, .banner .panel-body p { padding: 0; margin: 0; }
.banner .bannerImg img { width: 100%; height: auto; max-height: 395px; min-height: 88px; }
.banner .bannerMsg { font-size: 2vw;font-weight: normal; letter-spacing: 1.2px; line-height: 1.3em; margin-top: 5px; text-align: center; color: #fff; position: absolute; top: 50%; left: 30%; transform: translate(-50%, -50%); text-shadow: 2px 2px 4px #000000; }

.banner .bannerMsg .bannerMsgInner { text-align: center; width: 800px; margin-left: auto; margin-right: auto; margin-top: 20px; }
.banner .bannerMsg .gospel { font-size: 16pt; font-style: italic; }
.banner .msgDivider { margin-left: auto; margin-right: auto; width: 68px; height: 5px; background-color: #bf2329; }
.intro { margin-top: 40px; }

/* Formpage */
.preamble, .image-selector, .main-form, .delivery-selector, .delivery-form, #CustomerInformationHeaderContainer { margin-bottom: 20px; }
.preview-image-label {cursor:pointer;}
.design-radio-btn {cursor:pointer;}
.dynamic-preview-wrapper label { display: block; }
.image-selector .col-xs-4 { padding-left: 0; padding-right: 0; text-align: center; }
.image-selector label { display: inline-block; }
.image-selector input[type=radio] { display: block; margin: 10px auto; }
.image-selector .col-sm-4 { text-align: center; }
.image-selector .preview-image-selector { 
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 0 7px;
}
/*.dynamic-preview .preview-image .previewMemoryAndTributeImage { width: 100%; }*/
.main-form textarea { overflow: auto; height: 177px; }
.dynamic-preview {
  font-family: 'Times New Roman', Times, serif;
  height: 557px;
  width: 100%;
  position: relative;
  background: url("../svg/svky_act_logo.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  background-size: 60px;
  background-position: center bottom 35px;
  border:1px solid #ccc;
  display: inline-block;
  /*margin-bottom: 12px;*/
  text-align: center;
  word-wrap: break-word;
  font-size: 11px;
}
.dynamic-preview a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: inherit;
}
.dynamic-preview .preview-image {
    margin: 0;
    min-height: 177px;
}
.dynamic-preview p { margin: 0 44px 20px; }
.dynamic-preview a:hover { text-decoration: none; }
.dynamic-preview .preview-txt-header { font-weight: bold; margin-bottom: 6px; font-size: 12px; }

.dynamic-preview .preview-txt-content { font-weight: inherit; margin-bottom: 3px; letter-spacing: -0.3px; }
.dynamic-preview .preview-txt { margin-bottom: 6px; white-space:pre-line; }
.previewNotice { font-size: 13px; font-style: italic; }
#giftGreeting, #giftToGreeting { height:180px; overflow: hidden; line-height: 1.3; margin-top: 20px; font-style: italic; }

/* Content page */
.panel-body > ul > li, .panel-body ul li {
    list-style: inherit;
}

/* 404 page */
.not-found-page ul { padding: 0; }

/* Tab */
.delivery-selector .nav-pills { margin-top: 20px; }
.delivery-selector .nav-pills li:first-child { margin-right: 1%; }
.delivery-selector .nav-pills > li { width: 49.5%; margin: 0; text-align: center; border-bottom: 4px solid #bcbcbc; }
.delivery-selector .nav-pills > li.active { border-bottom: 4px solid #c8102d; }
.delivery-selector .nav-pills > li > a { min-height: 72px; border-radius: 0; }
.nav-pills > li > a { color: #666; background-color: #f4f4f4; min-height: 52px; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #c8102d;  background-color: #f4f4f4; padding: 10px 15px; }

/* amount selector */
.amount-selector .nav-pills { margin: 20px 0 40px; }
.amount-selector .nav-pills > li { width: 25%; margin: 0; text-align: center; border-right: 2px solid #fff;}
.amount-selector .nav-pills li:last-child { border: none; }
.amount-selector .nav-pills > li a { border-bottom: 2px solid }
.amount-selector .nav-pills > li.active a { border-bottom: 4px solid #c8102d; }
.amount-selector .nav-pills > li > a { border-radius: 0; }
.amount, .project  { margin-bottom: 40px; }
.disclaimer a:focus { outline: none; border: 0; }
.disclaimer { font-size: 16px; }
.amount-selector .amountHelper { font-size: 14px; }
.amountToGive { text-align: right; }


.form-control {
  height: 50px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: none;
  box-shadow: none;

}
label { font-size: 16px; display: inline; color: #000; }
label.image-selector-head { display: block; margin-bottom: 10px; }
.form-devider { margin: 35px 0;
  border-top: 2px dashed #cdcccb;
  background: none;
  height:0; }

/* Store closed page */
.store-closed-page {
    text-align: center;
    margin-bottom: 55px;
}

.dotted-line:after {
  content: "..........................................................................................................";
  letter-spacing: 6px;
  font-size: 30px;
  color: #9cbfdb;
  display: inline-block;
  vertical-align: 3px;
  padding-left: 10px;
}
.square-box { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.square-box.input-validation-error { border-color: #ac101c; border-bottom-width: 0.25rem; }
select { -webkit-appearance: none; -webkit-border-radius: 0px; }
select.form-control {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    background: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#444' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
    background-position: 98% 50%;
    background-repeat: no-repeat;
}
.submit-form { margin-top: 10px; }

/* Footer */
.footer { color: #726965; background-color: #fff; text-shadow: none; font-size: 16px; padding: 60px 0 0 0; }
.footer .contact-header { text-align: center; margin-top: 20px; margin-bottom: 60px; }
.footer .contact-title { position: relative; display: inline-block; margin-right: 1.78571%; margin-bottom: 2rem; margin-left: 1.78571%;
  padding-left: 0rem; color: #c8102d; font-size: 24px;
  /*font-weight: 300;*/
  text-align: center; }
.footer .contact-info-title { position: relative; margin-bottom: .75rem; padding-bottom: .75rem; border-bottom: 1px solid #cfcfcf; font-size: 20px; color: #1a1a1a; }

.first-footer h3 {
  font-family: 'DM Sans', Arial, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 26px;
  color: #726965;
  margin-top: 0px;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.first-footer h3:after {
  display: block;
  width: 70px;
  height: 3px;
  margin-top: 0.5rem;
  background: #726965;
  content: '';
}
.first-footer .footer-link:before {
  position: absolute;
  left: 0;
  display: block;
  content: '› ';
}
.first-footer .footer-link {
  position: relative;
  padding-left: 13px;
}

.footer .contact-title .svg-icon { position: absolute; top: 4%; left: 0; display: block; width: 2rem; height: 2rem; fill: #c8102d; }
.footer .contact-info .svg-icon { position: relative; top: 8px; width: 1.8em; height: 1.8em; margin-right: 10px; fill: #ac101c; }
.footer .social-icons .svg-icon { fill: #333; }

.footer a { color: #726965; }
.footer a:hover { color: #726965; text-decoration: underline; }
.copyrights a { color: #fff; }
.copyrights a:hover { color: #fff; text-decoration: underline; }
.footer .panel-body table tr td { padding: 0; }
.footer table { margin-bottom: 10px; }
.footer .group-list li { margin-bottom: 8px; }
.footer .copyrights { color: #fff; background-color: #4F443E; }

.spacing { margin-bottom: 20px; }
.giftProofPdfPreview { cursor:pointer; }
.btn-svk { 
  font-family: 'DM Sans', Arial, sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  line-height: 1;
  padding: 10px 12px 12px;
  margin-bottom: 10px;
  background-color: #c8102d;
  border-color: #c8102d;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: background-color 0.3s ease-in-out;
}
.btn-svk-border { color: #c8102d; background-color: #fff; border-color: #c8102d; border-radius: 0px; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; }
.btn-svk-plain { background: transparent; border-color: transparent;color: #c8102d; text-decoration: underline; text-transform: none; letter-spacing: normal; }
.btn-svk-huge {
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  padding: 20px 16px 24px;
}
.btn-svk-round { border-radius: 40px; }
.btn-svk-modal { font-size: 16px; padding: 22px 16px; width: 250px; }
.btn-svk:hover, .btn-svk:focus, .btn-svk:active,
.btn-svk:hover a, .btn-svk:focus a, .btn-svk:active a { color: #fff; background-color: #a10010; border-color: #a10010; text-decoration: none; }
.btn-svk:focus, .btn-svk:active:focus, .btn-svk.active:focus { outline: none; }
.btn-svk-space { margin-right: 10px; }
.btn-svk-text { margin: 0 10px; white-space: nowrap; }
.btn-svk-darkred { background: #8c1b1b; }

.message-error { color: #c8102d; }
.buyDetail .form-inline { position: relative; }
.chooseQuantityContainer { float: left; }
.summarize { font-size: 20px; margin-top: 20px; margin-bottom: 20px; float: right; }
.summarize .sumPrice { font-weight: 700; margin-left: 20px; color: #c8102d; }
.freeAmountLabel { font-size: 11px; font-weight: normal; position: absolute; top: 38px; left: 203px; }

.customProductQuantity { width: 100px; padding: 6px; float: left; display: block; border-radius: 0; margin-left: 10px; border: none; box-shadow:  inset 0px 0px 0px 0px red; border-bottom: 1px solid; text-align: center; }
.modalLoaderContainer { display:none; }
.modalProductAddedInformationContainer { display:none; }
.modalProductErrorNotification { display:none; }
.modalLoaderContainer img { display: block; margin-left: auto; margin-right: auto; width:115px; }
.modalLoader { display: block; margin-left: auto; margin-right: auto; width:115px; }
.buyModal .modal-content { border-radius: 0; min-height: 300px; }

.buyModal { max-width: 520px; /*margin: 260px auto;*/ }
.buyModal .modal-header, .buyModal .modal-footer { border: 0px; }
.buyModal .chooseQuantityContainer .radio, .buyModal .modalChooseQuantityContainer .radio { float: none; }
.buyModal .modal-body, .buyModal .modal-footer { text-align: center; }
.buyModal .modal-footer { padding: 24px 15px 15px; }
.buyModal .modal-content .modalWindowText { float:left; margin-top: 18px; margin-right: 20px; }
.buyModal .modal-header .close { margin-top: -8px; }
.checkoutOrContinue { padding-top: 25px; }

.tag .glyphicon { margin-right: 8px; }
.boxShadow {
	-webkit-box-shadow: 10px 0 5px -8px rgba(136, 136, 136, 0.15);
	-moz-box-shadow: 10px 0 5px -8px rgba(136, 136, 136, 0.15);
	box-shadow: 10px 0 5px -8px rgba(136, 136, 136, 0.15);
}

/* My account customer information*/
.myAccount .form-horizontal .form-group { margin-left: 0; margin-right: 0; }
.myAccountCompanyInformationField {  }
.myAccount .custom-attributes {display:none;}
.myAccount .companyNameError {display:none;}

/* Login, register */
.mid-content-title { padding: 0; border: 0; background-color: transparent; }
.offer-default, .offer { padding: 0; border: transparent; box-shadow: none; }
.panel-body .panel-body { padding: 0; }
.required { position: absolute; top: 0px; right: 4px; }
.add-edit-adress-form .required { position: relative; top: inherit; right: inherit; }
.svkSelect { width: auto; display: inline-block; margin-right: 5px; }
.svkPanel legend { border: 0px; }
.field-validation-error { display: block; margin-top: 5px; color: #c8102d; font-size: 16px; }
.svkPanel .fieldset { margin-bottom: 30px; }
.panel.panel-default.side-nav, .panel.panel-default.form-panel { border-top: 1px solid #c8102d; box-shadow: none; border-radius: 0; }
.svkPanel .panel-heading h3 { margin-top: 10px; }
.companyRegistartionField {display:none;}
.registration-form .custom-attributes { display:none; }
.registration-form .companyNameError { display:none; }
.loginPage .col-md-6 { padding-right: 0; padding-left: 0; }
/* 3.8 submeny adjustments */
.block-account-navigation { border-top: 1px solid #c8102d; box-shadow: none; border-radius: 0; background-color: #fff; margin-bottom: 20px; }
.block-account-navigation .title { padding: 10px 15px; border-bottom: 1px solid #ddd; }
.block-account-navigation .listbox { padding: 10px 5px; border-bottom: 1px solid #ddd; }
ul.list { padding-left: 0; margin-bottom: 0; list-style: none; }
.block-account-navigation > .listbox > ul > li > a { color: #000; }
.block-account-navigation .list > li > a { position: relative; display: block; padding: 10px 10px; }
.block-account-navigation .list > li > a:hover { background-color: #eee; text-decoration: none; }
/* 3.8 submeny adjustments END */

/* Checkout */
.checkout-paymentMethod { margin-top: 30px; margin-bottom: 40px; }
.checkout-paymentMethod .col-md-2 { text-align: center; }
.checkout-paymentMethod .css-label { padding-left: 29px !important; margin-top: 15px; }
.paymentMethodLogo { display: block; height: 34px; padding-top: 14px; background-repeat: no-repeat; background-position: center center; cursor: pointer; background-size: contain; }
.paymentMethodGroup .paymentMethodLogo { margin-top: 15px; }
.paymentMethodLogo.Swedbank { background-image:url(../img/paymentlogo_swedbank.png); color: rgba(0, 0, 0, 0); }
.paymentMethodLogo.Nordea { background-image:url(../img/paymentlogo_nordea.png); color: rgba(0, 0, 0, 0); }
.paymentMethodLogo.SEB { background-image:url(../img/paymentlogo_seb.png); color: rgba(0, 0, 0, 0); }
.paymentMethodLogo.Handelsbanken { background-image:url(../img/paymentlogo_handelsbanken.png); color: rgba(0, 0, 0, 0); }
.paymentMethodGroup { display: none;}
.hiddenPaymentMethod { display: none;}
.tab-section .step .box-content { padding: 15px 0; }
.tab-section .step .feature-box { padding: 0 0 15px; }
.svkCheckoutTable { width: 100%; max-width: 100%; border: none; }
.svkCheckoutTable > thead > tr > th,
.svkCheckoutTable > tbody > tr > th,
.svkCheckoutTable > tfoot > tr > th,
.svkCheckoutTable > thead > tr > td,
.svkCheckoutTable > tbody > tr > td,
.svkCheckoutTable > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: middle;
}
.svkCheckoutTable .product-name { margin: 0; margin-bottom: 5px; }
.svkCheckoutTable  .remove-from-cart { text-align: center; }
.svkCheckoutTable .product-subtotal, .svkSumTable .order-total { color: #c8102d; } /* Text color */
.svkCheckoutTable > thead > tr > th, .svkCheckoutTable > tbody > tr > td { white-space: nowrap; }
.svkCheckoutTable .cart-row-odd { background-color: #eee; }
.svkCheckoutTable .qty { text-align: center; }
.svkCheckoutTable .subtotal { text-align: right; }
.svkCheckoutTable .qty input { width: 50px; }
.svkCheckoutTable .attributeName { margin-bottom: 2px; }
.svkCheckoutTable .product-picture div { height: 30px; overflow: hidden; }
.svkCheckoutTable .attributeName span:first-child { font-weight: 700; }

.svkSumTable { width: 100%;   margin-bottom: 25px; }
.svkSumTable tr td { padding-top: 4px;}
.svkSumTable .cart-total-left { font-weight: bold; /*width: 50%;*/ text-align: right; }
.svkSumTable .cart-total-right { text-align: right; }
.svkSumTable .orderTotal { padding-top: 15px; }
.svkSumTable tr td { padding-left: 0 !important; }

.order-block, .customer-block, .outgoing-links-block { margin-bottom: 20px; }
.active .panel-heading { background-color: #c8102d; } /* active */
.active .panel-title { color: #fff; }
.panelSvk, .panelSvk .panel-heading, .panel{ border-radius: 0 !important; }
.panelSvk .panel-heading .badge { background-color: rgba(24, 24, 24, 0.38) }
.cart-qty { display: none; }
.custom-page-box-div { float: left; width: 100%; }
.panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 0; }
.form-group.gender div { display: inline-block; margin-right: 20px; }
.fa-credit-card { width: 1.5em; }
.order-completed p.title { font-weight: bold; margin: 0; }
.order-completed .orderCompleteMessage { margin: 60px 0 50px; }
.order-details .product-name { color: #000; }
.panel-body table tr td.customer-details { padding: 8px; }

input[type=radio].css-checkbox,
input[type=checkbox].css-checkbox { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; margin-right: 15px; }
input[type=radio].css-checkbox ~ label.css-image-label { display: block; cursor:pointer; }
input[type=radio].css-checkbox ~ label.css-label,
input[type=checkbox].css-checkbox ~ label.css-label { padding-left: 35px; height: 30px; display: inline-block; line-height: 30px; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; }

label img { /* fix IE 11 */ pointer-events: none; }
input[type=radio].css-checkbox:checked ~ label.css-label,
input[type=checkbox].css-checkbox:checked ~ label.css-label { background-position: 0 -30px; }
label.css-label { background-image:url(../img/svk-radio-btn.svg); background-repeat: no-repeat; background-position: 0 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 29px; margin-right: 15px; }
label.css-label.checkbox { background-image: url(../img/svk-checkbox-btn.svg); }

.css-label.radio-center { margin-right: 0; }
.design-options .delivery-digital, .design-options .delivery-print { text-align: center; float: left; }
.css-image-label { margin-bottom: 20px; }
.qq-uploader-selector .qq-upload-button { width: 100%; background-color: #c8102d !important; border-color: #c8102d; }
.qq-uploader-selector .qq-upload-button-hover { background-color: #a10010 !important; border-color: #a10010 !important; }
.qq-upload-list li.qq-upload-fail { background-color: #F5F5F5; color: #C8102D; }
.other-gift-proofsLabel { margin-top: 10px; }
.mandatorySymbol, .required-info, .required { color: #c8102d; }
.mandatory-info { font-size: 16px; margin: 10px 0 15px 0; }

.quantityRadioButton{ display:none; }
.chooseQuantityContainer .radio, .modalChooseQuantityContainer .radio {  border-radius: 50%; behavior: url(PIE.htc); /* remove if you don't care about IE8 */ width: 50px; height: 50px; margin:5px; padding: 13px 8px; border: 2px solid transparent; color: #666; text-align: center; float:left; cursor:pointer; display: inline-block; line-height: 20px; }
.chooseQuantityContainer .highlight, .modalChooseQuantityContainer .highlight { border: 2px solid #666; }
.quantityRadioButton{ display:none; }
.chooseGiftProofQuantityContainer .productSumContainer{ float:right; margin-right:61px; }
.silde-show-offer{ height:600px; }
.removeTagFilter{ cursor:pointer; }
.cart-item-row .product-picture { width: 100px; }
.cart-row-even { background-color:white; }
.cart-row-odd { background-color:lightgrey; }
.removeTagFilter{ cursor:pointer; }
.cart-item-row .product-picture { width: 100px; }
.cart-row-even { background-color:white; }
.cart-row-odd { background-color:lightgrey; }
.giftProofPreviewImg { width:100%; max-width:500px; border: 1px solid black; }

.memoryAndTributePreviewContainer { border:1px solid black; width: 450px; height: 550px; display: inline-block; background-color: white; }
.memoryAndTributePreviewContainer .memoryAndTributePreviewImg { max-width: 200px;}
.delivery-form .lblUserPersonalDataAgreement {cursor:pointer;}

.memoryAndTributePreviewImg { width:100%; max-width:500px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; display:block;}
/* Gift modal */
#memoryAndTributePreviewModal .modal-header,
#memoryAndTributePreviewModal .modal-footer { border: none; }
#giftProofPreviewModalImageContainer { text-align: center; }
#CustomAmountToGiveContainer { margin-bottom: 30px; display:none; }
#SvenskaKyrkanPrintContainer input::-webkit-calendar-picker-indicator{ display: none; }
#SvenskaKyrkanPrintContainer input[type="date"]::-webkit-input-placeholder{ visibility: hidden !important; }

.image-selector .more-designs-container {display:none;}
.image-selector .less-designs { display:none; }
.image-selector .more-designs, .image-selector .less-designs { color:#c8102d; cursor:pointer; margin-right: 10px; font-size: 16px; }
.image-selector .toogle-designs { text-align: right; }

/* Target IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .navbar-collapse .badge, .panel .badge, .navbar-toggle .badge { padding: 6px 7px 4px; }
}

/* Main menu adjustments */
@media (max-width: 992px) {
  a.logotype { width: 66px;
    height: 44px; margin-top: 0px; }
  .navbar-right li { /*float: right;*/ }
}
@media (min-width: 992px) {
  .checkout-paymentMethod .col-md-2 { width: 20%; }
}
/* Main menu adjustments */
@media (min-width: 1980px) {
  .banner .bannerMsg { font-size: 59px; font-size: 40px; }
}

/* Portrait and Landscape */
@media only screen /* Pad */
    and (min-device-width: 768px)
    and (max-device-width: 1024px)
    and (-webkit-min-device-pixel-ratio: 1) {
    .chooseQuantityContainer { width: 100%; }
    .chooseProductQuantityContainer .customProductQuantity { float: right; }
    .freeAmountLabel { right: 12px; left: auto; }
    .summarize { margin-left: 50px; }
    .banner .bannerMsg { font-size: 28px; width: 600px; }

    .modal-dialog { width: inherit; }
    .svkPanel .divTable, .svkPanel .divTableCell { display: block; min-height: inherit; }
    .checkout-paymentMethod .col-md-2 { width: 20%; float: left; }
    .contact-info { font-size: 16px; }
}

/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {
       .navbar-right li { float: right; }
}

@media (max-width: 767px) { /* Mobile */
  body { padding-top: 78px; }
  .panel-body, .panel-heading { padding: 0; }
  .dynamic-preview-wrapper { text-align: center; }
  /* EDIT ADD */
  .dynamic-preview { height: 570px; width: 399px; }
    /* EDIT ADD END */
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { padding: 9px 10px; }
  #bodycontainer { min-height: inherit; }
  body.startpage { padding-top: 58px; }
  .banner .bannerMsg { font-size: 16px; width: 90%; line-height: 1.1em; left: 50%; }
  .banner .bannerMsg .gospel { font-size: 12pt; }
  /*a.logotype { height: 50px; width: 130px;}*/
  .footer .col-sm-4 { margin-bottom: 20px; }
  .productItem .productTitle, .productItem .productPrice { font-size: 28px; margin-bottom: 0px; }
  .productDetail, .buyDetail, .productTag { padding-left: 10px; padding-right: 10px; }
  .buyDetail { margin-top: 20px; }
  .buyModal { margin: 60px auto; }
  .productTag { margin-top: 25px; margin-bottom: 20px; }
  .order-summary-content { padding-bottom: 15px; }
  .modalProductAddedInformationContainer .addResponse {display: block; margin-bottom: 10px; }
  .freeAmountLabel { left: 190px; }
  .productItem .productImageTag { -ms-transform: scale(.4); -webkit-transform: scale(.4); transform: scale(.4); bottom: -20px; transform-origin: right bottom; -webkit-transform-origin: right bottom; }

  .intro p { margin-bottom: 20px; }
  .buttons { padding: 0; }
  .buttons-header { margin-bottom: 10px; float: left; }
  .order-details .buttons-header { float: none; }
  .panel-body table tr td.customer-details, .svkOrderDetailsTable th.name { padding-left: 0; }

  .navbar-toggle { margin-right: 0; margin-top: 6px; margin-bottom: 0px; }
  .headInner { padding-top: 10px; padding-bottom: 5px; }
   .top-menu { display: block; } /* Remove flex on mobile */
  .navbar-left { display: none; }
  .mobileNav .mobile { display: block; }
  .form-horizontal .form-group, .row { margin-left: 0; margin-right: 0; margin-bottom: 10px; }

  .form-group.inputs .col-md-6 { margin-bottom: 5px; }
    .main-form textarea { height: 135px; }
    .header-text, .intro h2, .intro h1 {
        margin-top: 20px;
    }

  .svkPanel .cart-footer { padding-top: 0px; }
  .navbar-collapse { padding-right: 0px; padding-left: 0px; margin-top: 10px; } /* Mobile theme fix */
  .nav > li > a { padding: 10px 10px; }
  .socialLinks { text-align: center; }
  [class*="col-"] { padding-left: 0; padding-right: 0; }
  .chooseProductQuantityContainer .customProductQuantity { width: 64px; margin-left: 16px; }
  .required { right: -12px; }
  .svkPanel .divTable, .svkPanel .divTableCell { display: block; min-height: inherit; }
  .offer-default { margin: 0; }
  .footer { padding: 30px 0 0 0; }
  .footer .contact-title { margin-bottom: 0; }

  /* payment */
  .paymentMethodLogo { background-position: 0 center; display: inline-block; width: 200px; padding-top: 8px; }
  .checkout-paymentMethod .col-md-2 { text-align: left; margin-bottom: 10px; }
  .checkout-paymentMethod .css-label { margin-top: 5px; }
  .customer-block .customer-details, .order-block, .customer-block { margin-bottom: 20px; }

  /* Table edit */
  .table-responsive { font-size: 12px; /*overflow-y: visible;*/ overflow-x: visible; border: none; }
  .svkCheckoutTable .qty input { width: 35px; }
  .form-control { padding: 6px 7px; }
  .svkCheckoutTable > thead > tr > th,
  .svkCheckoutTable > tbody > tr > th,
  .svkCheckoutTable > tfoot > tr > th,
  .svkCheckoutTable > thead > tr > td,
  .svkCheckoutTable > tbody > tr > td,
  .svkCheckoutTable > tfoot > tr > td {
      padding: 8px 4px;
  }
  .svkCheckoutTable .product { white-space: inherit; }
  .svkCheckoutTable .product-name { margin-bottom: 0px; }
}

/* Mobile Portrait */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .productItem .socialLinks { text-align: center; padding: 10px; }
    .socialLinks h2 { display: block; float: none; margin-bottom: 20px; }
    .socialLinks ul { display: block; float: none; }
    .productTag .tag { font-size: 12px; padding: 8px 10px; }
    .product-picture, .picture { display: none; } /* Dölj bilden i portrait */
    .svkCheckoutTable { width: inherit; max-width: inherit; }
    .svkCheckoutTable { /*margin-left: -15px; margin-right: -15px;*/ } /* Första steget i checkout med editeringsmöjligheter */
    .svkCheckoutTable.no-edit, #checkout-confirm-order-load .svkCheckoutTable { margin-left: 0px; } /* Sista steget i checkout */
    .mobileTableProdHead:after { content: "Produkt"; }
    .amount-selector .nav-pills > li > a { min-height: 78px; }
    p.EditSpecification { margin-bottom: 30px; }
    .delivery-selector .nav-pills > li > a { min-height: 120px; }
    .dynamic-preview { width: 100%; }
}
@media (max-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 250px;
    }
}

/*Page loader*/
.modal-page-loader
{
    max-width: 156px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -109px 0 0 -84px;
}
/* Print adjustments */
@media print {
		.navbar-default, .footer, .print-order-button, .modal, .outgoing-links-block {
			display: none;
    }
		body { font: 400 14px/1.4 "Foundry Sterling W01", Arial, sans-serif; padding: 0; }
		#bodycontainer.container { max-width: auto; margin: auto; width: auto; }
		.panel-body table tr td.customer-details, .svkOrderDetailsTable th.name { padding-left: 10px; }

}


.switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 19px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 12px;
        width: 12px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #ac101c;
}

input:focus + .slider {
    box-shadow: 0 0 1px #ac101c;
}

input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 24px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.color-green {
    color: green;
}


.color-red {
    color: #ac101c;
}

.qr-code-image img {
    margin-top: -6px;
    margin-left: -12px;
}

.multi-factor-authentication ol {
    list-style: decimal outside;
    padding-inline-start: 1em;
}

.multi-factor-authentication ul {
    padding-inline-start: 0;
}

.multifactor-badge {
    display: inline-block;
    margin: 1rem 1rem 1rem 0;
}

.multifactor-badge img {
    height: 4rem;
}