/* /* NB Fajl:'./_static/css/nbcss/style_nbshop7_product.css.' */.product-item .action-btn-wrapper{ display: none; } .product .product-item .img-wrapper img { width: 100%; display: block; } .product .item .img-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background: rgba(0,0,0,.33); z-index: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .product .item:hover .img-overlay { opacity: 1; } .product .item .caption-product-list{ position: absolute; top: 5px; left: 5px; z-index: 15; } .product .item .caption-product-list a { display: inline-block; width: 50px; } .product .item .caption-product-list img, .product .item .caption-product-list .featured-list { display: inline-block; width: auto; } .product .item .caption-product-list .item.loyaty-price{ display: inline-block; background: #3973b5; color: #ffffff; padding: 0 5px; font-size: 12px; line-height: 20px; vertical-align: top; } .product .item .caption-discount{ position: absolute; top: 10px; right: 10px; z-index: 15; width: 40px; height: 40px; line-height: 40px; background: #dd1c37; font-size: 16px; border-radius: 50%; text-align: center; color: #ffffff; } .product .item .caption-brand{ position: absolute; bottom: 5px; left: 5px; z-index: 15; max-width: 50px; } .product .item .caption-brand img { width: 100%; } .product .item .caption-icons{ position: absolute; bottom: 5px; right: 5px; z-index: 15; color: #ffffff; font-size: 15px; cursor: pointer; } .product .item .caption-icons .icon{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #ffffff; font-size: 19px; } .product .item .caption-icons a.active .icon, .product .item:hover .caption-icons .icon, .product .item .caption-icons .favorite.active .icon, .product .item:hover .caption-icons .icon { opacity: 1; } .product .item .img-wrapper { pointer-events: all; position: relative; } .product .item .img-wrapper img.fade { opacity: 1; } .product .item .text-wrapper { position: relative; pointer-events: all; height: 155px; } .product .item .text-wrapper .brand { display: none; } .product .item .text-wrapper .category-wrapper { margin-bottom: 3px; display: block; line-height: 11px; } .product .item .text-wrapper .category-wrapper .category-image { display: none; } .product .item .text-wrapper .category-wrapper a, .product .item .text-wrapper .category-wrapper span { color: #969696; text-transform: uppercase; line-height: 11px; font-size: 11px; } .product .item .text-wrapper .category-wrapper span { float: right; } .product .item .text-wrapper .title { margin-bottom: 10px; height: 32px; overflow: hidden; } .product .item .text-wrapper .title a { font-size: 14px; line-height: 18px; display: block; color: #4a4b5c; } .product .item .text-wrapper.text-wrapper-witouth-price { height: 80px; } .product .item .text-wrapper .product-quantity-wrapper { display: none; float: right; white-space: nowrap; color: #969696; font-size: 11px; line-height: 28px; } .product .item .text-wrapper .product-quantity-wrapper span { font-size: 16px; font-weight: 700; color: #4a4b5c; text-transform: lowercase; } .product .item .text-wrapper .prices-wrapper { height: 60px; } .product .item .text-wrapper .prices-wrapper .current-price{ font-size: 15px; line-height: 18px; font-weight: 700; } .product .item .text-wrapper .prices-wrapper .product-convert-price{ float: left; position: relative; margin-left: 15px; line-height: 17px; } .product .item .text-wrapper .prices-wrapper .product-convert-price:before{ content: ''; position: absolute; top: 0; left: -5px; width: 1px; height: 100%; background: #000000; -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); transform: rotate(25deg); } .product .item .text-wrapper .prices-wrapper .prev-price{ font-size: 14px; line-height: 16px; color: #868692; text-decoration: line-through; } .product .item .text-wrapper .prices-wrapper .prev-price.min-last-price{ text-decoration: line-through; } .product .item .text-wrapper .prices-wrapper .loyalty-price { color: #4472b4; font-size: 15px; font-weight: 700; line-height: 18px; } .product .item .text-wrapper .prices-wrapper .loyalty-price span.price-title { display: block; font-size: 8px; text-transform: uppercase; color: #4a4b5c; line-height: 8px; margin-top: 8px; } .prices-wrapper .price-discount{ display: none; } .product .item .options-wrapper { opacity: 0; border-top: 1px solid #ffffff; z-index: 20; background: #ffffff; width: 100%; pointer-events: none; padding: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-align: center; } .product .item:hover .options-wrapper { opacity: 1; pointer-events: all; } .product .item .options-wrapper .product-sizes { min-height: 34px; position: relative; } .product .item .options-wrapper .product-sizes .btn.buyButtonOnLists , .product .item .options-wrapper .product-sizes .btn.buyButtonOnLists-soonSale { text-transform: none; position: absolute; top: 0; right: 0; padding: 6px 0px; min-width: 109px; } .product .item .options-wrapper .thumbs-slider { display: none; } .product .item .options-wrapper .thumbs-wrapper .slider-arrow i { font-size: 1.5rem; } .product .item .options-wrapper .product-sizes .btn-sizes { margin-bottom: 5px; font-weight: 300; color: #4a4b5c; background-color: #ffffff; border: 1px solid #d9d9d9; padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 5px; } .product .item .options-wrapper .product-sizes .btn-sizes:nth-child(4n) { border-right: 0; } .product .item .options-wrapper .product-sizes .btn-sizes.active { background-color: #f8f3f3; } .product .item .options-wrapper .product-sizes .btn.btn-confirm { display: block; margin: 10px 0 0; width: 100%; font-weight: 300; color: #ffffff; background-color: #3265A0; border: 1px solid #d9d9d9; padding: 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .product .item .options-wrapper .product-sizes .btn.btn-confirm:hover { background-color: #2c5a8e; } .product .item .btn-wrapper { color: #ffffff; max-width: 100%; z-index: 20; opacity: 0; display: block; box-sizing: border-box; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .product .item .text-wrapper .btn-wrapper { display: none; } .product .item:hover .btn-wrapper { opacity: 1; } .product .item .btn-wrapper a { color: #ffffff; display: table; width: auto; margin :5px auto; font-size: 1rem; min-width: 130px; } .product-list-onerow-simple .product .item .btn-wrapper { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 5px; } .product-list-onerow-simple .product .item .btn-wrapper a { line-height: 32px; padding: 0 10px; text-transform: none; } .product .item .btn-wrapper i { vertical-align: middle; margin-left: 5px; } .product .item .bottom-btn-wrapper { display: none; text-align: center; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .product .item:hover .bottom-btn-wrapper { opacity: 1; } /* product-slider */ .lists-tabs .tab-content > .tab-pane .show-list-link-wrapper { display: none; } .product-slider { margin-bottom: 40px; padding-left: 15px; padding-right: 15px; } .product-slider .heading-wrapper .subtitle { margin-top: -15px; } .product-slider .slider-init { margin-bottom: 20px; } .product-slider > .slider-init > .slick-list { padding-bottom: 100px; margin-bottom: -100px; z-index: 1; /*pointer-events: none;*/ } .product-slider.similar-products-slider .item .caption-icons .quick-view{ display: none; } .product-slider > .slider-navigation-absolute { top: calc(50% - 150px); width: calc(100% + 10px); left: -5px; pointer-events: none; } .product-slider > .slider-navigation-absolute > * { pointer-events: all; cursor: pointer; } /* Product slider quantity button */ .product-list-quantity-wrapper{ border: 1px solid #e8e8e8; width: 50px; height: 32px; display: inline-block; background: #ffffff; } .product-list-quantity-wrapper .product-list-quantity{ float: left; width: 33px; height: 30px; border-right: 1px solid #e8e8e8; } .product-list-quantity-wrapper .product-list-quantity input { width: 100%; height: 100%; border: none; pointer-events: none; font-size: 12px; text-align: center; } .product-list-quantity-wrapper .product-list-quantity-arrows{ float: right; width: 15px; height: 15px; font-size: 8px; text-align: center; line-height: 15px; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .product-list-quantity-wrapper .product-list-quantity-arrows:hover { background: #f0f0f0; } .product-list-quantity-wrapper .product-list-quantity-arrows:focus { background: #cccccc; } /* article detail product slider*/ .article-detail-slider.product-slider { padding: 0; } .article-detail-slider.product-slider > .slider-init > .slick-list { padding-bottom: 0; margin-bottom: 0; } .article-detail-slider.product .item .text-wrapper { padding-bottom: 0; height: 130px; } /* Products list */ .product-listing { margin-bottom: 20px; } .product-listing .product-item { position:relative; } .product-listing .product-item.sub-products { display: none; } .product-listing .product-item:not(.list-view) { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; border: 1px solid transparent; padding: 10px; } .product-item .product-description { display: none; } .product-listing .product-item:not(.list-view) .text-wrapper .product-description { display: none; } .product-listing .product-item:not(.list-view):hover { z-index: 98; } .product-item .item-data{ padding: 0 10px; } .text-buttons-wrapper{ display: none; } .product-listing .text-wrapper { height: 120px; } .product-listing .category-description .title{ display: none; } .product-listing .category-description .text-wrapper { height: auto; text-align: center; font-size: 15px; line-height: 26px; } /* List view of a item */ .product-item .img-wrapper .caption-icons i { color: #ffffff; font-size: 20px; } .product-item .img-wrapper .caption-icons .quick-view .icon:before{ content: url("../../images/dexyco_v2021/detaljnije.svg"); display: inline-block; width: 16px; height: 16px; } .product-item .img-wrapper .caption-icons .favorite .icon:before{ content: url("../../images/dexyco_v2021/omiljeno_proizvod.svg"); display: inline-block; width: 16px; height: 16px; } .product-listing .product-item .img-wrapper .caption-icons span{ display: none; } .product-listing .loader-wrapper{ top: 40px; left: -10px; } .action-lowerprice:before { content: ''; position: absolute; top: 0; left: -25px; background: url(../../images/dexyco_v2021/snizenje.svg); width: 20px; height: 20px; display: block; } .product-slider .slick-slide{ padding: 0 10px; } .product-image-wrapper .caption-discount{ position: absolute; right: 10px; top: 10px; z-index: 20; width: 46px; height: 46px; line-height: 46px; background: #ca0b0a; border-radius: 50%; font-size: 12px; text-align: center; color: #ffffff; pointer-events: all; } .product-image-wrapper .caption-discount .icon-plus { position: absolute; left: 50%; transform: translateX(-50%); z-index: 99; bottom: -5px; } .product-image-wrapper .caption-discount .icon-plus:before { content: ''; background: url("../../../../_static/images/dexyco_v2021/plus.svg"); width: 10px; height: 10px; display: block; } .product-image-wrapper .caption-discount .text-discount{ display: block; } .product-image-wrapper .caption-icons{ position: absolute; bottom: 10px; right: 10px; color: #4a4b5c; font-size: 15px; cursor: pointer; z-index: 99; pointer-events: all; display: none; } .product-model{ font-size: 14px; color: #808080; margin-bottom: 30px; } /*Discount*/ .product .item .caption-discount.sum-discount .icon-plus{ position: absolute; left: 50%; transform: translateX(-50%); z-index: 99; top: 20px; } .product .item .caption-discount.sum-discount .icon-plus:before{ content: ''; background: url("../../images/dexyco_v2021/plus.svg"); width: 10px; height: 10px; display: block; } .product .item .caption-discount.style1{ width: 60px; height: 30px; line-height: 30px; border-radius: 10px; font-size: 14px; } .product .item .caption-discount.sum-discount.style1 .icon-plus{ top: 24px; } .product .item .caption-discount.sum-discount.style1 .text-discount{ background: #000000; display: block; border-radius: 10px; } .product .item .caption-discount.style2, .product-details .caption-discount.style2{ width: 36px; height: 36px; line-height: 36px; border-radius: 0; } .product-details .caption-discount.style2{ width: 46px; height: 46px; font-size: 16px; line-height: 46px; } .product .item .caption-discount.style3{ width: 60px; height: 36px; border-radius: 0; } .product .item .caption-discount.style4{ top: -5px; right: -27px; width: 80px; border-radius: 0; height: 40px; line-height: 44px; -ms-transform: rotate(20deg); transform: rotate( 45deg ); } .product .item .caption-discount.sum-discount.style4 .icon-plus{ top: 35px; } .product .item .caption-discount.sum-discount.style4 .text-discount{ background: #000000; display: block; margin-top: -4px; height: 30px; line-height: 30px; width: 200%; left: -50%; position: absolute; z-index: -1; } .product .item .img-wrapper{ overflow: hidden; } .product .item .caption-discount.style5, .product-details .caption-discount.style5{ right: 0; width: 60px; height: 36px; line-height: 36px; border-radius: 0; font-size: 20px; text-align: center; border-top-left-radius: 10px; border-bottom-left-radius: 10px; font-weight: bold; } .product-details .caption-discount.style5{ width: 70px; } .product .item .bottom-store-btn-wrapper{ display: none; } .product .item .characteristic-wrapper{ display: none; } .product-item .text-wrapper .collection-attributs{ display: none; } .summary-table-step .additonal-text-headline{ display: none; } /*Discount End*/ .product-detail-buy .product-quantity .product-quantity-helper-pre, .product-detail-buy .product-quantity .product-quantity-helper-post{ display: none !important; } .product-detail-buy .product-quantity .product-quantity-input.active-up{ top: 0; } .product .product-item .discount-add-text, .product-item-overlay .discount-add-text{ display: none; } .text-span-wrapper{ display: none; } .split-order-tabs .slider-arrow i { position: relative; top: 10px; font-size: unset; background: unset; border: unset; width: unset; height: unset; border-radius: unset; transform: unset; } .split-order-tabs .slider-prev i:before { content: url("../../images/core/arrow_l.png"); } .split-order-tabs .slider-next i:before { content: url("../../images/core/arrow_r.png"); } .order-status-info { margin-bottom: 30px; } .view-order-status-form-wrapper .ordered-products { margin: 30px 0; } .split-order-tabs .info-wrapper .icon { content: url("../../images/core/split-order-info.svg"); } /* Change sizes on cart */ .popup-sizes-wrapper .sizes-wrapper .item{ display: inline-block; min-width: 30px; height: 30px; line-height: 30px; font-size: 11px; border: 1px solid #d9d9d9; text-align: center; cursor: pointer; margin-bottom: 3px; padding: 0 2px; } .popup-sizes-wrapper { position: absolute; height: auto; max-width: 300px; width: 300px; background: #ffffff; padding: 10px; top: 50%; left: 0; transform: translateY(-50%); box-shadow: 0 5px 15px rgb(0 0 0 / 50%); display: none; min-height: 110px; z-index: 1; } .popup-sizes-wrapper.active{ display: block; } .popup-sizes-wrapper .sizes-wrapper .item{ display: inline-block; min-width: 30px; height: 30px; line-height: 30px; font-size: 11px; border: 1px solid #d9d9d9 !important; text-align: center; cursor: pointer; margin-bottom: 3px; } .popup-sizes-wrapper .sizes-wrapper { max-height: 100px; overflow: auto; } .popup-sizes-wrapper .sizes-wrapper .item.disabled{ color: #d9d9d9; background: #fff; border-color: #d9d9d9; } .popup-sizes-wrapper .sizes-wrapper .item:not(.disabled):hover{ border: 1px solid #000000; } .change-cart-size{ cursor: pointer; display: block; text-decoration: underline; } .change-cart-size:hover{ text-decoration: underline; } .popup-sizes-wrapper .sizes-filters{ margin-bottom: 5px; } .popup-sizes-wrapper .filters-choice{ display: inline-block; padding: 3px 10px; border: 1px solid #c1c1c1; cursor: pointer; pointer-events: all; } .popup-sizes-wrapper .filters-choice{ display: inline-block; padding: 0 5px; border: none; cursor: pointer; color: #000000; position: relative; font-size: 13px; } .popup-sizes-wrapper .filters-choice:first-child{ padding-left: 0; } .popup-sizes-wrapper .filters-choice:before{ content: ''; position: absolute; right: -2px; top: 3px; height: 13px; width: 1px; background: #000000; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } .popup-sizes-wrapper .filters-choice:last-child:before{ display: none; } .popup-sizes-wrapper .filters-choice.active{ pointer-events: all; background-color: transparent; color: #000000; } .popup-sizes-wrapper .sizes-wrapper .item.size-item.active-size{ background: #000000; border-color: #000000; color: #ffffff; } .popup-sizes-wrapper .filters-choice.active{ color: #000; } .popup-sizes-wrapper .sizes-wrapper .item{ border: 1px solid #d9d9d9; } .current-price-title { display: none; } /* Change sizes on cart */ .popup-sizes-wrapper .sizes-wrapper .item{ display: inline-block; min-width: 30px; height: 30px; line-height: 30px; font-size: 11px; border: 1px solid #d9d9d9; text-align: center; cursor: pointer; margin-bottom: 3px; padding: 0 2px; } .popup-sizes-wrapper { position: absolute; height: auto; max-width: 300px; width: 300px; background: #ffffff; padding: 10px; top: 50%; left: 0; transform: translateY(-50%); box-shadow: 0 5px 15px rgb(0 0 0 / 50%); display: none; min-height: 110px; z-index: 1; } .popup-sizes-wrapper.active{ display: block; } .popup-sizes-wrapper .sizes-wrapper .item{ display: inline-block; min-width: 30px; height: 30px; line-height: 30px; font-size: 11px; border: 1px solid #d9d9d9 !important; text-align: center; cursor: pointer; margin-bottom: 3px; } .popup-sizes-wrapper .sizes-wrapper { max-height: 100px; overflow: auto; } .popup-sizes-wrapper .sizes-wrapper .item.disabled{ color: #d9d9d9; background: #fff; border-color: #d9d9d9; } .popup-sizes-wrapper .sizes-wrapper .item:not(.disabled):hover{ border: 1px solid #000000; } .change-cart-size{ cursor: pointer; display: block; text-decoration: underline; } .change-cart-size:hover{ text-decoration: underline; } .popup-sizes-wrapper .sizes-filters{ margin-bottom: 5px; } .popup-sizes-wrapper .filters-choice{ display: inline-block; padding: 3px 10px; border: 1px solid #c1c1c1; cursor: pointer; pointer-events: all; } .popup-sizes-wrapper .filters-choice{ display: inline-block; padding: 0 5px; border: none; cursor: pointer; color: #000000; position: relative; font-size: 13px; } .popup-sizes-wrapper .filters-choice:first-child{ padding-left: 0; } .popup-sizes-wrapper .filters-choice:before{ content: ''; position: absolute; right: -2px; top: 3px; height: 13px; width: 1px; background: #000000; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } .popup-sizes-wrapper .filters-choice:last-child:before{ display: none; } .popup-sizes-wrapper .filters-choice.active{ pointer-events: all; background-color: transparent; color: #000000; } .popup-sizes-wrapper .sizes-wrapper .item.size-item.active-size{ background: #000000; border-color: #000000; color: #ffffff; } .popup-sizes-wrapper .filters-choice.active{ color: #000; } .popup-sizes-wrapper .sizes-wrapper .item{ border: 1px solid #d9d9d9; } .product-item .img-wrapper .img-hover{ position: absolute; top: 0; left: 0; right: 0; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .product-item .img-wrapper:hover .img-hover{ opacity: 1; } /* Product banners */ .product-listing .product-item.product-banner_v1 { margin: 0; } .product-listing .product-item.product-banner_v1 .item-data { padding: 0 10px; } .product-listing .product-item.product-banner_v1 div { height: 100%; } .product-listing .product-item.product-banner_v1 img.img-responsive { width: 100%; height: 100%; object-fit: cover; } .product-listing .product-item.product-banner_v1.have-template img.img-responsive { position: static; width: 100%; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .product-listing .product-item.product-banner_v1 .banner-btn-wrapper { position: absolute; bottom: 30px; left: 50%; z-index: 10; height: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 768px) { .product .item.grid-view .img-wrapper{ padding: 0; } .product .item .text-wrapper .category-wrapper a, .product .item .text-wrapper .category-wrapper span{ line-height: 12px; font-size: 12px; } .product .item .text-wrapper .title{ padding: 0 10px; } .product .item .text-wrapper .title a{ font-size: 15px; line-height: 20px; } .product .item .text-wrapper .prices-wrapper .current-price{ font-size: 16px; line-height: 20px; } .product .item .text-wrapper .prices-wrapper .prev-price { line-height: 20px; } .product-shortname{ display: none; } .product-listing{ margin-top: 25px; } .admin-edit{ display: none; } } /* /* NB Fajl:'./_static/css/nbcss/style_nbshop7_modals.css.' */.modal-header { justify-content: center; padding: 10px 30px; border-radius: 0; } .modal-body { padding: 0 35px; padding-top: 30px; padding-bottom: 20px; } .modal-body .forgotten-password { display: block; margin-top: -10px; font-size: 13px; } .modal-body .ticket-item { text-align: center; display: none; } .modal-body .ticket-item.active { text-align: center; display: block; } .modal-body .forgotten-password:hover { text-decoration: underline; } .modal .title { margin: 0; font-size: 17px; font-weight: 700; border-bottom: 0; text-transform: uppercase; color: #000000; } .modal h4.title, .modal h5.title{ margin: 0; font-size: 17px; font-weight: 700; border-bottom: 0; } .modal .form-control{ height: 38px; } .modal .form-group label{ font-size: 13px; } .modal-content { box-shadow: none; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .modal{ overflow-y: visible; z-index: 2100; } .modal-footer { flex-direction: column; justify-content: center; align-items: stretch; margin-top: 0; padding: 15px 35px; padding-top: 0; padding-bottom: 40px; text-align: left; line-height: 20px; border: 0; } .modal-footer .btn-facebook { float: right; } .modal-footer .btn-google { float: right; margin-left: 0; line-height: 20px; display: none; } .modal-footer .btn-facebook:hover, .modal-footer .btn-google:hover{ opacity: 0.7; } .modal-footer .btn { margin: 0 auto; min-width: 330px; width: auto; line-height: 40px; padding: 0; font-size: 16px; height: 40px; border-radius: 6px; } .modal-footer .social-newtwork-login{ display: flex; justify-content: center; margin-top: 15px; } .modal-footer .registration-btn-wrapper{ text-align: center; margin: 0; width: 100%; } .modal-footer .btn-login , .modal-footer .registration-btn-wrapper a { width: 100%; margin: 0 auto; display: block; } .modal-footer .btn-login { width: 100%; } .modal-footer .registration-btn-wrapper .title { margin-bottom: 5px; font-size: 12px; font-weight: 400; text-transform: none; } .modal-footer .registration-btn-wrapper .btn { font-size: 13px; font-weight: 700; text-transform: uppercase; background: #ffffff; color: #2da44a; border: 1px solid #2da44a; } .modal .close { position: absolute; top: 50%; right: 5px; margin: 0; padding: 10px; font-size: 26px; opacity: 1; z-index: 9; transform: translateY(-50%); } .modal .close.bootbox-close-button { color: #000000; transform: translateX(-50%); right: 10px; padding: 0; } .modal .bootbox-body{ color: #000000; } .bootbox.modal .modal-body{ margin-bottom: 20px; } .bootbox.modal .modal-footer{ flex-direction: initial; } .modal-footer .btn{ min-width: calc(50% - 15px); } .lost_password_form .modal-footer .btn{ min-width: 100%; } /*!* promo modal *!*/ /*.promo-modal .modal-dialog {*/ /* width: max-content !important;*/ /* display: inline-block;*/ /* position: fixed;*/ /* top: 50%;*/ /* left: 50%;*/ /* margin: 0 !important;*/ /* -webkit-transform: translate(-50%,-50%) !important;*/ /* -moz-transform: translate(-50%,-50%) !important;*/ /* -ms-transform: translate(-50%,-50%) !important;*/ /* -o-transform: translate(-50%,-50%) !important;*/ /* transform: translate(-50%,-50%) !important;*/ /* max-width: calc(100vw - 20px);*/ /* max-height: calc(100vh - 20px);*/ /*}*/ /*#onload_modal .modal-body img {*/ /* max-height: calc(100vh - 50px);*/ /*}*/ .modal-small .modal-dialog{ width: 100%; max-width: 420px; } .modal-large .modal-dialog{ width: 700px; max-width: calc(100% - 20px); } #invoice_modal_order.modal-large .modal-dialog { width: 850px; } #lost_password_modal .modal-footer{ text-align: center; } .modal-map{ height: 500px; width: 100%; display: block; } .modal-header { justify-content: center; padding: 10px 30px; border-radius: 0; position: relative; } .modal-body { padding: 0 35px; padding-top: 30px; padding-bottom: 20px; } .modal-body .forgotten-password { display: block; margin-top: -10px; font-size: 13px; } .modal-body .forgotten-password:hover { text-decoration: underline; } .modal .title { margin: 0; font-size: 17px; font-weight: 700; border-bottom: 0; text-transform: uppercase; color: #000000; } .modal h4.title, .modal h5.title{ margin: 0; font-size: 17px; font-weight: 700; border-bottom: 0; } .modal .form-control{ height: 38px; } .modal .form-group label{ font-size: 13px; } .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom{ padding-right:0; margin-right: 0; } .modal-open { padding-right: 0 !important; } .modal-content { box-shadow: none; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .modal-content-product-details-quick-view { min-height: 600px; } .modal{ overflow-y: visible; z-index: 2100; } .modal-footer { flex-direction: column; justify-content: center; align-items: stretch; margin-top: 0; padding: 15px 35px; padding-top: 0; padding-bottom: 40px; text-align: left; line-height: 20px; border: 0; } .modal-footer .btn-facebook { float: right; } .modal-footer .btn-google { float: right; margin-left: 0; line-height: 20px; display: none; } .modal-footer .btn-facebook:hover, .modal-footer .btn-google:hover{ opacity: 0.7; } /*.modal-footer .btn { margin: 0 auto; min-width: 330px; width: auto; line-height: 40px; padding: 0; font-size: 13px; height: 40px; border-radius: 6px; }*/ .modal-footer .social-newtwork-login{ display: flex; justify-content: center; margin-top: 15px; } .modal-footer .registration-btn-wrapper{ text-align: center; margin: 0; width: 100%; } .modal-footer .btn-login , .modal-footer .registration-btn-wrapper a { width: 100%; margin: 0 auto; display: block; } .modal-footer .btn-login { width: 100%; } .modal-footer .registration-btn-wrapper .title { margin-bottom: 5px; font-size: 12px; font-weight: 400; text-transform: none; } .modal-footer .registration-btn-wrapper .btn { font-size: 13px; font-weight: 700; text-transform: uppercase; background: #ffffff; color: #2da44a; border: 1px solid #2da44a; } .modal .close { position: absolute; top: 50%; right: 5px; margin: 0; padding: 10px; font-size: 26px; opacity: 1; z-index: 9; transform: translateY(-50%); } .modal .close.bootbox-close-button { color: #000000; transform: translateX(-50%); right: 10px; padding: 0; } .modal .bootbox-body{ color: #000000; } .bootbox.modal .modal-body{ margin-bottom: 20px; } .bootbox.modal .modal-footer{ flex-direction: initial; } .modal-footer .btn{ min-width: calc(50% - 15px); } .lost_password_form .modal-footer .btn{ min-width: 100%; } /*!* promo modal *!*/ /*.promo-modal .modal-dialog {*/ /* width: max-content !important;*/ /* display: inline-block;*/ /* position: fixed;*/ /* top: 50%;*/ /* left: 50%;*/ /* margin: 0 !important;*/ /* -webkit-transform: translate(-50%,-50%) !important;*/ /* -moz-transform: translate(-50%,-50%) !important;*/ /* -ms-transform: translate(-50%,-50%) !important;*/ /* -o-transform: translate(-50%,-50%) !important;*/ /* transform: translate(-50%,-50%) !important;*/ /* max-width: calc(100vw - 20px);*/ /* max-height: calc(100vh - 20px);*/ /*}*/ /*#onload_modal .modal-body img {*/ /* max-height: calc(100vh - 50px);*/ /*}*/ .modal .close:not(:disabled):not(.disabled):focus, .modal .close:not(:disabled):not(.disabled):hover{ opacity: 1; } .modal-small .modal-dialog{ width: 100%; max-width: 420px; } .modal-large .modal-dialog{ width: 700px; max-width: calc(100% - 20px); } #onload_modal .close{ top: 25px; right: 30px; padding: 3px 9px; } #onload_modal .modal-dialog{ width: 800px; } #onload_modal .modal-content{ padding: 50px 20px; } #onload_modal .modal-content .title{ margin-bottom: 40px; } #onload_modal .modal-content .modal-header{ border-bottom: 0; padding: 0; width: 100%; display: block; text-align: center; background: transparent; } #onload_modal .modal-content .description{ font-size: 14px; text-align: center; padding: 0px 0 40px; } #onload_modal .modal-body{ padding: 0; } #onload_modal .btn { height: 40px; width: 130px; padding: 0 10px; } #onload_modal .button-wrapper { position: absolute; top: 0; right: 0; } #onload_modal .form-control{ height: 40px; } #invoice_modal_order.modal-large .modal-dialog { width: 850px; } #lost_password_modal .modal-footer{ text-align: center; } .modal-map{ height: 500px; width: 100%; display: block; } #ticket_modal .modal-dialog .ticket-modal-loader.loader-wrapper .loader-icon{ top: 50% !important; left: 50% !important; transform: translateY(-50%) !important; } #ticket_modal { pointer-events: none; } #ticket_modal .modal-content{ pointer-events: all; } /*.modal-subscribe .modal-dialog {*/ /* width: 500px !important;*/ /* max-width: 94% !important;*/ /*}*/ @media screen and (max-width: 768px) { .modal-body{ padding: 20px 15px; } .modal .dl-horizontal dt{ width: 120px; } .modal .dl-horizontal dd{ margin-left: 130px; } #invoice_modal_order .modal-body{ overflow-x: auto; } } /* Modal quick view */ .modal-quick-view .modal-header{ background: #ffffff; border-bottom: none; min-height: 45px; } .modal .modal-quick-view .close{ color: #666666; text-shadow: none; padding: 0 10px; } .modal-content-product-details-quick-view{ min-height: 600px; padding: 0 30px; } /* Invoice modal */ #invoice_modal_order .modal-title{ margin: 0; font-size: 17px; font-weight: 700; border-bottom: 0; text-transform: uppercase; color: #ffffff; } .invoice img { max-width: 788px; } .invoice .invoice-name { position: absolute; top: 39px; left: 31px; max-width: 328px; font-size: 16px; } .invoice .invoice-purpose { position:absolute; top: 117px; left: 31px; max-width: 328px; font-size: 16px; } .invoice .invoice-recipient { position: absolute; top: 197px; left: 31px; max-width: 328px; font-size: 16px; } .invoice .invoice-code{ position: absolute; top: 51px; left: 432px; width: 37px; font-size: 16px; text-align: center; } .invoice .invoice-amount{ position: absolute; top: 51px; left: 577px; max-width: 183px; font-size: 16px; } .invoice .invoice-account{ position: absolute; top: 103px; left: 506px; width: 255px; font-size: 16px; } .invoice .invoice-modelnumber{ position: absolute; top: 155px; left: 427px; width: 47px; font-size: 16px; text-align: center; } .invoice .invoice-referencenumber{ position: absolute; top: 156px; left: 506px; max-width: 256px; font-size: 16px; } #invoice_modal_order .modal-footer{ text-align: center; padding-bottom: 20px; } /*.modal-subscribe .modal-dialog {*/ /* width: 500px !important;*/ /* max-width: 94% !important;*/ /*}*/ /* QUIZ MODAL SUBSCRIBE */ .quiz-modal-loyalty .modal-content { width: 530px; height: 360px; background: #F9F9F9; box-shadow: 0px 3px 6px #00000029; border-radius: 6px; } .quiz-modal-loyalty .modal-content .modal-header { background: unset; border: none; } .quiz-modal-loyalty .modal-content .modal-body { padding: 30px 60px; } .quiz-modal-loyalty .close { font-size: 0; margin-right: 0; margin-left: auto; width: 25px; height: 25px; background: url("../../../_static/images/core/quiz_modal_close.svg"); opacity: 1; } .quiz-modal-loyalty .modal-content .text-label.heading, .login_form_with_token_without_pass .text-label.heading, .login_form_send_token_without_pass .text-label.heading { text-align: center; letter-spacing: 0px; color: #304251; font-size: 25px; text-transform: uppercase; font-weight: 700; margin-bottom: 20px; } .quiz-modal-loyalty .modal-content .text-label.description, .login_form_with_token_without_pass .text-label.description, .login_form_send_token_without_pass .text-label.description { text-align: center; letter-spacing: 0px; color: #304251; font-size: 18px; font-weight: 400; margin-bottom: 40px; } .quiz-modal-loyalty .modal-content .input-wrapper, .login_form_with_token_without_pass .input-wrapper, .login_form_send_token_without_pass .input-wrapper { display: flex; margin-bottom: 10px; } .quiz-modal-loyalty .modal-content .input-wrapper input, .login_form_with_token_without_pass .input-wrapper input, .login_form_send_token_without_pass .input-wrapper input { background: #FFFFFF; border: 1px solid #BBBBBB; border-radius: 6px 0px 0px 6px; height: 40px; } .quiz-modal-loyalty .modal-content .btn, .login_form_with_token_without_pass .btn, .login_form_send_token_without_pass .btn { background: #304251 0% 0% no-repeat padding-box; border-radius: 0px 6px 6px 0px; width: 150px; height: 40px; } .quiz-modal-loyalty .modal-content .btn:hover, .login_form_with_token_without_pass .btn:hover, .login_form_send_token_without_pass .btn:hover { background: #0068CD 0% 0% no-repeat padding-box; } .quiz-modal-loyalty .modal-content .register-btn, .login_form_with_token_without_pass .register-btn, .login_form_send_token_without_pass .register-btn { line-height: 26px; float: right; margin-bottom: 20px; width: 100%; } @media screen and (max-width: 768px) { .modal{ z-index: 99999; } .modal-body{ padding: 20px 15px; } .modal .dl-horizontal dt{ width: 120px; } .modal .dl-horizontal dd{ margin-left: 130px; } .bootbox.modal .modal-body{ padding: 20px 30px 0px 15px; } .modal-footer{ padding: 15px; } #onload_modal .modal-dialog{ width: calc(100% - 20px); } } @media screen and (max-width: 576px) { /* QUIZ MODAL SUBSCRIBE */ .quiz-modal-loyalty { margin: 10px; } .quiz-modal-loyalty .modal-content { max-width: 100%; height: 290px; } .quiz-modal-loyalty .modal-content .modal-body { padding: 20px 10px; } .quiz-modal-loyalty .modal-content .text-label.heading { font-size: 18px; } .quiz-modal-loyalty .modal-content .input-wrapper .btn, .quiz-modal-loyalty .modal-content .input-wrapper input, .quiz-modal-loyalty .modal-content .text-label.description { font-size: 15px; } .quiz-modal-loyalty .modal-content .text-label.description { margin-bottom: 25px; } .quiz-modal-loyalty .close { right: 10px; } } /* /* NB Fajl:'./_static/css/nbcss/forms_v5.css.' *//* - FORM ELEMENTS - */ .form-group { position: relative; margin-bottom: 20px; } .reg-check-werapper > .form-group { margin-bottom: 10px; } .reg-check-werapper{ display: block; width: 100%; } .form-group.form-group-rating > .form-control { background-color: transparent; border: 0 !important; } .form-group label { display: inline-block; margin-bottom: 5px; font-weight: 400; } .form-group-checklabel > a { display: inline-block; margin-left: 5px; } .form-control { width: 100%; height: 40px; color: #666666; background-color: #F7F7F7; border: 1px solid #E2E2E2; transition: border-color 0.4s ease-in-out; font-size: 13px; line-height: 22px; border-radius: 6px; outline: 0; padding: 10px 15px; } .form-control:focus { background: #ffffff; border-color: #d9d9d9; } .form-control:focus { border-color: #1E1E1E; } /* iCheck http://fronteed.com/iCheck/ */ div.icheck-item input.icheck-input{ display: inline-block; vertical-align: middle; margin: 0 10px 0 0; padding: 0; width: 18px; height: 18px; border: 1px solid #e2e2e2; background-image: none; } input[type=checkbox], input[type=radio]{ display: inline-block; vertical-align: middle; margin: 0 10px 0 0; padding: 0; width: 18px; height: 18px; border: 1px solid #e2e2e2; background-image: none; } .icheckbox_flat, .iradio_flat{ display: inline-block; vertical-align: middle; margin: 0 10px 0 0; padding: 0; width: 18px; height: 18px; border: 1px solid #e2e2e2; background-image: none; flex-shrink: 0; } .iradio_flat{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .iradio_flat:hover{ background: #ffffff; border: 1px solid #b8d2ec; } .login-style .button-wrapper{ display: inline-block; margin-right: 10px; } @media (min-width: 768px){ .icheckbox_flat:hover, .iradio_flat:hover{ background: #ffffff; border: 1px solid #b8d2ec; } } .icheckbox_flat.checked, .iradio_flat.checked{ background: #3973b5; position: relative; border: 1px solid #3973b5; } .icheckbox_flat.checked{ background: #3973b5 url('../../images/core/check_box.png') center no-repeat; } .icheckbox_flat.checked.disabled { background: #d6e3f0 url('../../images/core/check_box.png') center no-repeat; } .iradio_flat.checked:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 4px; height: 4px; border-radius: 50%; background: #ffffff; } .icheckbox_flat.disabled, .iradio_flat.disabled{ border: 1px solid #f0f0f0; background: #fff; } .icheckbox_flat.checked.disabled, .iradio_flat.checked.disabled{ background: #d6e3f0; } .icheck-label{ cursor: pointer; } .input-group-addon:last-child{ border-left: 1px solid #E2E2E2; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; } .input-group-addon .icon:before{ content: url("../../../_static/images/dexyco_v2021/calendar.svg"); display: inline-block; width: 19px; height: 19px; } .styled-select { height: 40px; max-width: 100%; font-size: 14px; font-weight: 400; color: #000; background: url('../../images/core/triangle-bottom.png') no-repeat calc(100% - 15px) #F7F7F7; border: 1px solid #E2E2E2; border-radius: 6px; /*overflow: hidden;*/ } .styled-select select { padding: 0 15px; width: 100%; height: 100%; appearance: none; background-color: transparent; border: 0; color: #666666; } .contact-forma .styled-select{ max-width: 330px; } .form-control:focus { outline: none; box-shadow: none; } .form-control::placeholder, .form-control:active::placeholder, .form-control:focus-visible::placeholder { color: transparent; } .form-control:focus-visible { text-shadow: none; } textarea.form-control { min-height: 115px; } .input-group-addon { position: absolute; top: 0; right: 0; padding: 10px; height: 100%; background: transparent; border: 0; border-radius: 0; } .input-group-addon:last-child{ border-left-width: 0; } .input-group-addon-btn{ padding: 0; border: none; } .input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child){ border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .form-control:disabled, .form-control[readonly]{ background-color: #F7F7F7; } .confirm-check-wrapper .form-group label{ font-size: 12px; line-height: 14px; display: flex; align-items: center; margin-bottom: 0; } .form-group.form-group-checklabel{ display: flex; align-items: center; } .modal .form-group.form-group-checklabel label{ margin-bottom: 0; } /* - INPUT GROUP - */ /* - CONFIRM LOADER - */ .confirm-loader.active span, .confirm-loader span.loading { display: none; } .confirm-loader.active span.loading { display: inline-block; } .confirm-loader.active { pointer-events: none; } /*.confirm-loader.active span.loading i { animation: spin 2s linear infinite; }*/ .confirm-loader.active i.icon.fa.fa-spinner{ width: 1em; height: 1em; border-radius: 50%; position: relative; text-indent: -9999em; animation: mulShdSpin 1.3s infinite linear; transform: translateZ(0); display: inline-block; font-size: 3px; margin-left: 15px; vertical-align: middle; margin-top: -2px } @keyframes mulShdSpin { 0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; } 12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; } 50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; } 62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; } 75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; } 87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } } /* - VALIDATION MESSAGES - */ .validation-errors-list { position: absolute; top: auto; bottom: -5px; transform: translateY(100%); right: 0; max-width: 200px; background: transparent; padding: 0; font-size: 11px; line-height: 11px; display: none; margin: 0; color: #ED544A; } .validation-errors-list .parsley-required { margin: 0; } .validation-errors-list.filled li { display: inline; margin-right: 5px; line-height: 1; } .validation-errros-list-insidefield { top: auto; bottom: 0; background: transparent; } .validation-errors-list.filled{ display: block; } .validation-errors-list li.parsley-type { margin: 0; } /* Autocomplete */ .twitter-typeahead{ display: block !important; } .tt-dropdown-menu{ background: #FFFFFF; font-size: 16px; line-height: 18px; color: #000000; border: 1px solid #F2F2F2; padding: 10px; width: 100%; cursor: pointer; } .tt-suggestion { padding: 3px 10px; font-size: 14px; line-height: 18px; } .tt-suggestion:hover { background-color: #cacaca; } @media screen and (max-width: 576px){ .styled-select{ max-width: 100%; } }