diff --git a/CHANGELOG.txt b/CHANGELOG.txt index 0b04f7ce..af3f52fc 100644 --- a/CHANGELOG.txt +++ b/CHANGELOG.txt @@ -1,4 +1,9 @@ == Changelog == += 6.12.25 - Jan 16, 2024 = +- Improved display of storefront element animation. +- High resource consumption caused by inefficient queries has been fixed. +- Internal improvements and optimizations. + = 6.12.24 - Dec 23, 2024 = - Plugin code improvements for better security and stability. diff --git a/css/product-popup.css b/css/product-popup.css index 08f28d93..e3bae055 100644 --- a/css/product-popup.css +++ b/css/product-popup.css @@ -1,6435 +1,3 @@ -@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,300&subset=latin,latin-ext,cyrillic); - -HTML { - /* Workaround for GWT issue 1932 */ - margin: 0px !important; - border: none !important; -} - -.dragdrop-handle { - cursor: move; - user-select: none; - -khtml-user-select: none; - -moz-user-select: -moz-none; -} - -.dragdrop-draggable { - zoom: 1; - /* IE gain hasLayout */ -} - -.dragdrop-dragging { - zoom: normal; - /* remove artifacts */ -} - -.dragdrop-positioner { - border: 1px dashed #1E90FF; - /* blue */ - margin: 0px !important; - zoom: 1; - /* IE gain hasLayout */ - z-index: 100; -} - -.dragdrop-flow-panel-positioner { - color: #1E90FF; - /* blue */ - display: inline; - text-align: center; - vertical-align: middle; -} - -.dragdrop-proxy { - background-color: #77AAFF; - /* light blue */ -} - -.dragdrop-selected, -.dragdrop-dragging, -.dragdrop-proxy { - filter: alpha(opacity=30); - opacity: 0.3; -} - -.dragdrop-movable-panel { - z-index: 200; - margin: 0px !important; - border: none !important; -} - -@charset "UTF-8"; - -/* ecwid framework */ -@keyframes zoom { - 0% { - transform: scale(0.8, 0.8); - } - - 100% { - transform: scale(1, 1); - } -} - -@-webkit-keyframes zoom { - 0% { - -webkit-transform: scale(0.8, 0.8); - } - - 100% { - -webkit-transform: scale(1, 1); - } -} - -@keyframes fadein { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } -} - -@-webkit-keyframes fadein { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } -} - -@keyframes fadeout { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - } -} - -@-webkit-keyframes fadeout { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - } -} - -@keyframes spinleft { - 0% { - transform: rotate(360deg); - } - - 100% { - transform: rotate(0deg); - } -} - -@-webkit-keyframes spinleft { - 0% { - -webkit-transform: rotate(360deg); - } - - 100% { - -webkit-transform: rotate(0deg); - } -} - -@keyframes spinright { - 0% { - transform: rotate(0deg); - } - - 100% { - transform: rotate(360deg); - } -} - -@-webkit-keyframes spinright { - 0% { - -webkit-transform: rotate(0deg); - } - - 100% { - -webkit-transform: rotate(360deg); - } -} - -@keyframes donut-rotate { - 0% { - transform: rotate(0); - } - - 50% { - transform: rotate(-140deg); - } - - 100% { - transform: rotate(0); - } -} - -@-webkit-keyframes donut-rotate { - 0% { - -webkit-transform: rotate(0); - } - - 50% { - -webkit-transform: rotate(-140deg); - } - - 100% { - -webkit-transform: rotate(0); - } -} - -/* Open Sans font */ -/* Iconic font */ -@font-face { - font-family: 'font_icons'; - src: url("../fonts/product-popup/fontIcons.eot"); - src: url("../fonts/product-popup/fontIcons.eot?#iefix") format("embedded-opentype"), url("../fonts/product-popup/fontIcons.ttf") format("truetype"), url("../fonts/product-popup/fontIcons.woff") format("woff"), url("../fonts/product-popup/fontIcons.svg#icomoon") format("svg"); - font-weight: normal; - font-style: normal; -} - -.ecwid-g { - letter-spacing: -0.31em; - /* Webkit: collapse white-space between units */ - *letter-spacing: normal; - /* reset IE < 8 */ - *word-spacing: -0.43em; - /* IE < 8: collapse white-space between units */ - text-rendering: optimizespeed; - /* Webkit: fixes text-rendering: optimizeLegibility */ - display: -webkit-flex; - -webkit-flex-flow: row wrap; - /* IE10 uses display: flexbox */ - display: -ms-flexbox; - -ms-flex-flow: row wrap; -} - -/* Opera as of 12 on Windows needs word-spacing. - The ".opera-only" selector is used to prevent actual prefocus styling - and is not required in markup. -*/ -.opera-only :-o-prefocus, -.ecwid-g { - word-spacing: -0.43em; -} - -.ecwid-u { - display: inline-block; - *display: inline; - /* IE < 8: fake inline-block */ - zoom: 1; - letter-spacing: normal; - word-spacing: normal; - vertical-align: top; - text-rendering: auto; -} - -.ecwid-u-1, -.ecwid-u-1-2, -.ecwid-u-1-3, -.ecwid-u-2-3, -.ecwid-u-1-4, -.ecwid-u-3-4, -.ecwid-u-1-5, -.ecwid-u-2-5, -.ecwid-u-3-5, -.ecwid-u-4-5, -.ecwid-u-1-6, -.ecwid-u-5-6, -.ecwid-u-1-8, -.ecwid-u-2-8, -.ecwid-u-3-8, -.ecwid-u-5-8, -.ecwid-u-7-8, -.ecwid-u-1-12, -.ecwid-u-5-12, -.ecwid-u-7-12, -.ecwid-u-11-12, -.ecwid-u-1-24, -.ecwid-u-5-24, -.ecwid-u-7-24, -.ecwid-u-11-24, -.ecwid-u-13-24, -.ecwid-u-17-24, -.ecwid-u-19-24, -.ecwid-u-23-24 { - display: inline-block; - *display: inline; - /* IE < 8: fake inline-block */ - zoom: 1; - letter-spacing: normal; - word-spacing: normal; - vertical-align: top; - text-rendering: auto; -} - -.ecwid-u-1 { - width: 100%; -} - -.ecwid-u-1-2 { - width: 50%; - *width: 49.969%; -} - -.ecwid-u-1-3 { - width: 33.3333%; - *width: 33.3023%; -} - -.ecwid-u-2-3 { - width: 66.6667%; - *width: 66.6357%; -} - -.ecwid-u-1-4 { - width: 25%; - *width: 24.969%; -} - -.ecwid-u-3-4 { - width: 75%; - *width: 74.969%; -} - -.ecwid-u-1-5 { - width: 20%; - *width: 19.969%; -} - -.ecwid-u-2-5 { - width: 40%; - *width: 39.969%; -} - -.ecwid-u-3-5 { - width: 60%; - *width: 59.969%; -} - -.ecwid-u-4-5 { - width: 80%; - *width: 79.969%; -} - -.ecwid-u-1-6 { - width: 16.6667%; - *width: 16.6357%; -} - -.ecwid-u-5-6 { - width: 83.3333%; - *width: 83.3023%; -} - -.ecwid-u-1-8 { - width: 12.5%; - *width: 12.469%; -} - -.ecwid-u-2-8 { - width: 25%; - *width: 24.969%; -} - -.ecwid-u-3-8 { - width: 37.5%; - *width: 37.469%; -} - -.ecwid-u-5-8 { - width: 62.5%; - *width: 62.469%; -} - -.ecwid-u-7-8 { - width: 87.5%; - *width: 87.469%; -} - -.ecwid-u-1-12 { - width: 8.3333%; - *width: 8.3023%; -} - -.ecwid-u-5-12 { - width: 41.6667%; - *width: 41.6357%; -} - -.ecwid-u-7-12 { - width: 58.3333%; - *width: 58.3023%; -} - -.ecwid-u-11-12 { - width: 91.6667%; - *width: 91.6357%; -} - -.ecwid-u-1-24 { - width: 4.1667%; - *width: 4.1357%; -} - -.ecwid-u-5-24 { - width: 20.8333%; - *width: 20.8023%; -} - -.ecwid-u-7-24 { - width: 29.1667%; - *width: 29.1357%; -} - -.ecwid-u-11-24 { - width: 45.8333%; - *width: 45.8023%; -} - -.ecwid-u-13-24 { - width: 54.1667%; - *width: 54.1357%; -} - -.ecwid-u-17-24 { - width: 70.8333%; - *width: 70.8023%; -} - -.ecwid-u-19-24 { - width: 79.1667%; - *width: 79.1357%; -} - -.ecwid-u-23-24 { - width: 95.8333%; - *width: 95.8023%; -} - -/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/ -.ecwid-g-r { - letter-spacing: -0.31em; - *letter-spacing: normal; - *word-spacing: -0.43em; - display: -webkit-flex; - -webkit-flex-flow: row wrap; - /* IE10 uses display: flexbox */ - display: -ms-flexbox; - -ms-flex-flow: row wrap; -} - -/* Opera as of 12 on Windows needs word-spacing. - The ".opera-only" selector is used to prevent actual prefocus styling - and is not required in markup. -*/ -.opera-only :-o-prefocus, -.ecwid-g-r { - word-spacing: -0.43em; -} - -.ecwid-g-r img { - max-width: 100%; - height: auto; -} - -@media (min-width: 980px) { - .ecwid-visible-phone { - display: none; - } - - .ecwid-visible-tablet { - display: none; - } - - .ecwid-hidden-desktop { - display: none; - } -} - -@media screen and (max-width: 480px) { - - .ecwid-g-r>.ecwid-u, - .ecwid-g-r>[class*="ecwid-u-"] { - width: 100%; - } -} - -@media screen and (max-width: 767px) { - - .ecwid-g-r>.ecwid-u, - .ecwid-g-r>[class*="ecwid-u-"] { - width: 100%; - } - - .ecwid-hidden-phone { - display: none; - } - - .ecwid-visible-desktop { - display: none; - } -} - -@media (min-width: 768px) and (max-width: 979px) { - .ecwid-hidden-tablet { - display: none; - } - - .ecwid-visible-desktop { - display: none; - } -} - -a, -a:visited { - color: #04a2ca; - cursor: pointer; - -webkit-transition: color 0.1s linear; - transition: color 0.1s linear; -} - -a:hover, -a:visited:hover { - color: #006995; -} - -a:active, -a:visited:active { - color: #54bfd6; -} - -a.link-inverse, -a.link-inverse:visited { - color: #fff; -} - -a.link-inverse:hover, -a.link-inverse:visited:hover { - color: #47daf9; -} - -a.link-inverse:active, -a.link-inverse:visited:active { - color: #fff; -} - -a.disabled, -a[disabled] { - color: #999; - pointer-events: none; - cursor: default; -} - -.success { - color: #468847; -} - -.muted { - color: #999; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - font-family: 'Open Sans', sans-serif; - font-weight: 400; -} - -h1 { - font-size: 2.125em; - margin: .765em 0; -} - -h2 { - font-size: 1.750em; - margin: .786em 0; -} - -h3 { - font-size: 1.375em; - margin: .818em 0; -} - -h4 { - font-size: 1.125em; - margin: .778em 0; -} - -h5 { - font-size: 1em; - margin: .750em 0; -} - -h6 { - font-size: .875em; - margin: .714em 0; -} - -.btn { - font-family: "Open Sans", sans-serif, Arial; - display: inline-block; - margin: 0; - border: 1px solid transparent; - vertical-align: middle; - text-align: center; - cursor: pointer; - outline: 0; - text-decoration: none; - white-space: nowrap; - *display: inline; - *margin-left: .3em; - *zoom: 1; - -moz-box-sizing: border-box; - box-sizing: border-box; - font-size: 13px; - padding: 6px 10px; - border-radius: 3px; - line-height: 1.45; - height: 32px; - min-width: 7.385em; - color: #333; - background-color: #f6f6f6; - border-color: transparent; - -webkit-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear; - transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear; -} - -.btn:focus, -.btn.focus, -.btn.btn-loading, -.btn.btn-loading:hover, -.btn.btn-loading:focus, -.btn.btn-loading:focus:hover, -.btn.btn-loading:active, -.btn.btn-loading:focus:active, -.btn-group.opened .btn.btn-dropdown, -.btn-group.opened .btn:not([disabled])+.btn.btn-dropdown { - border-width: 2px; - padding: 5px 9px; -} - -.btn:hover { - background-color: #c5c5c5; -} - -.btn:focus { - border-color: #acacac; -} - -.btn:focus:hover { - background-color: #c5c5c5; -} - -.btn:active { - background-color: #f8f8f8; -} - -.btn:focus:active { - background-color: #f8f8f8; -} - -.btn.btn-loading, -.btn.btn-loading:hover, -.btn.btn-loading:focus, -.btn.btn-loading:focus:hover, -.btn.btn-loading:active, -.btn.btn-loading:focus:active { - position: relative; - background-color: #f8f8f8; - border-color: transparent; - overflow: visible; -} - -.btn-group .btn:not([disabled])+.btn.btn-dropdown:focus, -.btn-group.opened .btn.btn-dropdown, -.btn-group.opened .btn:not([disabled])+.btn.btn-dropdown { - border-color: #acacac; -} - -.btn.btn-loading .loader-inner, -.btn.btn-loading .loader-outer, -.btn.btn-loading:hover .loader-inner, -.btn.btn-loading:hover .loader-outer, -.btn.btn-loading:focus .loader-inner, -.btn.btn-loading:focus .loader-outer, -.btn.btn-loading:focus:hover .loader-inner, -.btn.btn-loading:focus:hover .loader-outer, -.btn.btn-loading:active .loader-inner, -.btn.btn-loading:active .loader-outer, -.btn.btn-loading:focus:active .loader-inner, -.btn.btn-loading:focus:active .loader-outer { - fill: #f8f8f8; -} - -.btn:first-child { - *margin-left: 0; -} - -.btn[disabled], -.btn[disabled]:hover, -.btn[disabled]:focus, -.btn[disabled]:focus:hover, -.btn[disabled]:active, -.btn[disabled]:focus:active { - cursor: default; - opacity: .3; - filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; - pointer-events: none; -} - -.btn.btn-loading:before, -.btn.btn-loading:hover:before, -.btn.btn-loading:focus:before, -.btn.btn-loading:focus:hover:before, -.btn.btn-loading:active:before, -.btn.btn-loading:focus:active:before { - position: absolute; - content: ""; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: inherit; - background-color: inherit; - opacity: 1; - -webkit-transition: opacity 0.3s ease-out; - transition: opacity 0.3s ease-out; -} - -/* buttons' sizes */ -.btn-large { - font-size: 17px; - padding: 11px 16px; - border-radius: 5px; - line-height: 1.45; - height: 48px; - min-width: 144px; -} - -.btn-large:focus, -.btn-large.focus, -.btn-large.btn.btn-loading, -.btn-large.btn.btn-loading:focus:hover, -.btn-large.btn.btn-loading:focus:active, -.btn-large.btn-default.btn-loading, -.btn-large.btn-loading.btn-icon, -.btn-large.btn-default.btn-loading:focus:hover, -.btn-large.btn-loading.btn-icon:focus:hover, -.btn-large.btn-default.btn-loading:focus:active, -.btn-large.btn-loading.btn-icon:focus:active, -.btn-group.opened .btn-large.btn-dropdown, -.btn-group.opened .btn:not([disabled])+.btn-large.btn-dropdown { - border-width: 2px; - padding: 10px 15px; -} - -.btn-medium { - font-size: 14px; - padding: 9px 12px; - border-radius: 3px; - line-height: 1.45; - height: 40px; - min-width: 120px; -} - -.btn-medium:focus, -.btn-medium.focus, -.btn-medium.btn.btn-loading, -.btn-medium.btn.btn-loading:focus:hover, -.btn-medium.btn.btn-loading:focus:active, -.btn-medium.btn-default.btn-loading, -.btn-medium.btn-loading.btn-icon, -.btn-medium.btn-default.btn-loading:focus:hover, -.btn-medium.btn-loading.btn-icon:focus:hover, -.btn-medium.btn-default.btn-loading:focus:active, -.btn-medium.btn-loading.btn-icon:focus:active, -.btn-group.opened .btn-medium.btn-dropdown, -.btn-group.opened .btn:not([disabled])+.btn-medium.btn-dropdown { - border-width: 2px; - padding: 8px 11px; -} - -.btn-small { - font-size: 12px; - padding: 6px 8px; - border-radius: 3px; - line-height: 1.2; - height: 28px; - min-width: 84px; -} - -.btn-small:focus, -.btn-small.focus, -.btn-small.btn.btn-loading, -.btn-small.btn.btn-loading:focus:hover, -.btn-small.btn.btn-loading:focus:active, -.btn-small.btn-default.btn-loading, -.btn-small.btn-loading.btn-icon, -.btn-small.btn-default.btn-loading:focus:hover, -.btn-small.btn-loading.btn-icon:focus:hover, -.btn-small.btn-default.btn-loading:focus:active, -.btn-small.btn-loading.btn-icon:focus:active, -.btn-group.opened .btn-small.btn-dropdown, -.btn-group.opened .btn:not([disabled])+.btn-small.btn-dropdown { - border-width: 2px; - padding: 5px 7px; -} - -/* buttons' types */ -.btn-default, -.btn-icon { - background-color: #f6f6f6; - color: #333; - border-color: #cccccc; -} - -.btn-default:hover, -.btn-icon:hover { - background-color: #fff; - color: #137ebe; - border-color: #89bfdf; -} - -.btn-default:focus, -.btn-icon:focus, -.btn-default.focus, -.focus.btn-icon, -.btn-group .btn:not([disabled])+.btn-icon.btn-dropdown:focus, -.btn-group.opened .btn-icon.btn-dropdown, -.btn-group.opened .btn:not([disabled])+.btn-icon.btn-dropdown, -.btn-group .btn:not([disabled])+.btn-default.btn-dropdown:focus, -.btn-group.opened .btn-default.btn-dropdown, -.btn-group.opened .btn:not([disabled])+.btn-default.btn-dropdown { - background-color: #eaf0f3; - border-color: #b3cad5; -} - -.btn-default:focus:hover, -.btn-icon:focus:hover { - background-color: #fff; - border-color: #137ebe; -} - -.btn-default:active, -.btn-icon:active { - background-color: #fff; - color: #5ebbf3; - border-color: #afddf9; -} - -.btn-default:focus:active, -.btn-icon:focus:active { - background-color: #fff; - border-color: #5ebbf3; -} - -.btn-default.btn-loading, -.btn-loading.btn-icon, -.btn-default.btn-loading:hover, -.btn-loading.btn-icon:hover, -.btn-default.btn-loading:focus, -.btn-loading.btn-icon:focus, -.btn-default.btn-loading:focus:hover, -.btn-loading.btn-icon:focus:hover, -.btn-default.btn-loading:active, -.btn-loading.btn-icon:active, -.btn-default.btn-loading:focus:active, -.btn-loading.btn-icon:focus:active { - position: relative; - background-color: #afddf9; - border-color: #afddf9; - overflow: visible; -} - -.btn-default.btn-loading .loader-inner, -.btn-loading.btn-icon .loader-inner, -.btn-default.btn-loading .loader-outer, -.btn-loading.btn-icon .loader-outer, -.btn-default.btn-loading:hover .loader-inner, -.btn-loading.btn-icon:hover .loader-inner, -.btn-default.btn-loading:hover .loader-outer, -.btn-loading.btn-icon:hover .loader-outer, -.btn-default.btn-loading:focus .loader-inner, -.btn-loading.btn-icon:focus .loader-inner, -.btn-default.btn-loading:focus .loader-outer, -.btn-loading.btn-icon:focus .loader-outer, -.btn-default.btn-loading:focus:hover .loader-inner, -.btn-loading.btn-icon:focus:hover .loader-inner, -.btn-default.btn-loading:focus:hover .loader-outer, -.btn-loading.btn-icon:focus:hover .loader-outer, -.btn-default.btn-loading:active .loader-inner, -.btn-loading.btn-icon:active .loader-inner, -.btn-default.btn-loading:active .loader-outer, -.btn-loading.btn-icon:active .loader-outer, -.btn-default.btn-loading:focus:active .loader-inner, -.btn-loading.btn-icon:focus:active .loader-inner, -.btn-default.btn-loading:focus:active .loader-outer, -.btn-loading.btn-icon:focus:active .loader-outer { - fill: #afddf9; -} - -.btn-default[disabled], -[disabled].btn-icon, -.btn-default[disabled]:hover, -[disabled].btn-icon:hover, -.btn-default[disabled]:focus, -[disabled].btn-icon:focus, -.btn-default[disabled]:focus:hover, -[disabled].btn-icon:focus:hover, -.btn-default[disabled]:active, -[disabled].btn-icon:active, -.btn-default[disabled]:focus:active, -[disabled].btn-icon:focus:active { - background-color: #f6f6f6; - color: #333; - border-color: transparent; - border-width: 1px; - border-color: #cccccc; -} - -.btn-alt { - background-color: #fff; - color: #333; -} - -.btn-alt:hover { - background-color: #edf8ff; - color: #137ebe; -} - -.btn-alt:active { - background-color: #fff; - color: #54bfd6; -} - -.btn-alt:focus { - border-color: #fff; - background-color: #d3e6f1; -} - -.btn-alt:focus:hover { - background-color: #dce7ed; -} - -.btn-alt:focus:active { - background-color: #fff; -} - -.btn-alt[disabled], -.btn-alt[disabled]:hover, -.btn-alt[disabled]:focus, -.btn-alt[disabled]:focus:hover, -.btn-alt[disabled]:active, -.btn-alt[disabled]:focus:active { - background-color: #fff; - color: #333; - border-color: transparent; - border-width: 1px; -} - -/* btn-primary */ -.btn-primary { - color: #fff; - background-color: #189dee; - border-color: transparent; -} - -.btn-primary:hover { - background-color: #137ebe; -} - -.btn-primary:focus { - border-color: #116ea7; -} - -.btn-primary:focus:hover { - background-color: #137ebe; -} - -.btn-primary:active { - background-color: #46b1f1; -} - -.btn-primary:focus:active { - background-color: #46b1f1; -} - -.btn-primary.btn.btn-loading, -.btn-primary.btn.btn-loading:focus:hover, -.btn-primary.btn.btn-loading:focus:active, -.btn-primary.btn-default.btn-loading, -.btn-primary.btn-loading.btn-icon, -.btn-primary.btn-default.btn-loading:focus:hover, -.btn-primary.btn-loading.btn-icon:focus:hover, -.btn-primary.btn-default.btn-loading:focus:active, -.btn-primary.btn-loading.btn-icon:focus:active { - position: relative; - background-color: #46b1f1; - border-color: transparent; - overflow: visible; -} - -.btn-group .btn:not([disabled])+.btn-primary.btn-dropdown:focus, -.btn-group.opened .btn-primary.btn-dropdown, -.btn-group.opened .btn:not([disabled])+.btn-primary.btn-dropdown { - border-color: #116ea7; -} - -.btn-primary.btn-loading .loader-inner, -.btn-primary.btn-loading .loader-outer, -.btn-primary.btn-loading:hover .loader-inner, -.btn-primary.btn-loading:hover .loader-outer, -.btn-primary.btn-loading:focus .loader-inner, -.btn-primary.btn-loading:focus .loader-outer, -.btn-primary.btn-loading:focus:hover .loader-inner, -.btn-primary.btn-loading:focus:hover .loader-outer, -.btn-primary.btn-loading:active .loader-inner, -.btn-primary.btn-loading:active .loader-outer, -.btn-primary.btn-loading:focus:active .loader-inner, -.btn-primary.btn-loading:focus:active .loader-outer { - fill: #46b1f1; -} - -.btn-primary[disabled], -.btn-primary[disabled]:hover, -.btn-primary[disabled]:focus, -.btn-primary[disabled]:focus:hover, -.btn-primary[disabled]:active, -.btn-primary[disabled]:focus:active { - background-color: #189dee; - color: #fff; - border-color: transparent; - border-width: 1px; -} - -/* btn-success */ -.btn-success { - color: #fff; - background-color: #64a52f; - border-color: transparent; -} - -.btn-success:hover { - background-color: #508426; -} - -.btn-success:focus { - border-color: #467421; -} - -.btn-success:focus:hover { - background-color: #508426; -} - -.btn-success:active { - background-color: #83b759; -} - -.btn-success:focus:active { - background-color: #83b759; -} - -.btn-success.btn.btn-loading, -.btn-success.btn.btn-loading:focus:hover, -.btn-success.btn.btn-loading:focus:active, -.btn-success.btn-default.btn-loading, -.btn-success.btn-loading.btn-icon, -.btn-success.btn-default.btn-loading:focus:hover, -.btn-success.btn-loading.btn-icon:focus:hover, -.btn-success.btn-default.btn-loading:focus:active, -.btn-success.btn-loading.btn-icon:focus:active { - position: relative; - background-color: #83b759; - border-color: transparent; - overflow: visible; -} - -.btn-group .btn:not([disabled])+.btn-success.btn-dropdown:focus, -.btn-group.opened .btn-success.btn-dropdown, -.btn-group.opened .btn:not([disabled])+.btn-success.btn-dropdown { - border-color: #467421; -} - -.btn-success.btn-loading .loader-inner, -.btn-success.btn-loading .loader-outer, -.btn-success.btn-loading:hover .loader-inner, -.btn-success.btn-loading:hover .loader-outer, -.btn-success.btn-loading:focus .loader-inner, -.btn-success.btn-loading:focus .loader-outer, -.btn-success.btn-loading:focus:hover .loader-inner, -.btn-success.btn-loading:focus:hover .loader-outer, -.btn-success.btn-loading:active .loader-inner, -.btn-success.btn-loading:active .loader-outer, -.btn-success.btn-loading:focus:active .loader-inner, -.btn-success.btn-loading:focus:active .loader-outer { - fill: #83b759; -} - -.btn-success[disabled], -.btn-success[disabled]:hover, -.btn-success[disabled]:focus, -.btn-success[disabled]:focus:hover, -.btn-success[disabled]:active, -.btn-success[disabled]:focus:active { - background-color: #64a52f; - color: #fff; - border-color: transparent; - border-width: 1px; -} - -/* btn-info */ -.btn-info { - color: #fff; - background-color: #1baecd; - border-color: transparent; -} - -.btn-info:hover { - background-color: #168ba4; -} - -.btn-info:focus { - border-color: #137a90; -} - -.btn-info:focus:hover { - background-color: #168ba4; -} - -.btn-info:active { - background-color: #49bed7; -} - -.btn-info:focus:active { - background-color: #49bed7; -} - -.btn-info.btn.btn-loading, -.btn-info.btn.btn-loading:focus:hover, -.btn-info.btn.btn-loading:focus:active, -.btn-info.btn-default.btn-loading, -.btn-info.btn-loading.btn-icon, -.btn-info.btn-default.btn-loading:focus:hover, -.btn-info.btn-loading.btn-icon:focus:hover, -.btn-info.btn-default.btn-loading:focus:active, -.btn-info.btn-loading.btn-icon:focus:active { - position: relative; - background-color: #49bed7; - border-color: transparent; - overflow: visible; -} - -.btn-group .btn:not([disabled])+.btn-info.btn-dropdown:focus, -.btn-group.opened .btn-info.btn-dropdown, -.btn-group.opened .btn:not([disabled])+.btn-info.btn-dropdown { - border-color: #137a90; -} - -.btn-info.btn-loading .loader-inner, -.btn-info.btn-loading .loader-outer, -.btn-info.btn-loading:hover .loader-inner, -.btn-info.btn-loading:hover .loader-outer, -.btn-info.btn-loading:focus .loader-inner, -.btn-info.btn-loading:focus .loader-outer, -.btn-info.btn-loading:focus:hover .loader-inner, -.btn-info.btn-loading:focus:hover .loader-outer, -.btn-info.btn-loading:active .loader-inner, -.btn-info.btn-loading:active .loader-outer, -.btn-info.btn-loading:focus:active .loader-inner, -.btn-info.btn-loading:focus:active .loader-outer { - fill: #49bed7; -} - -.btn-info[disabled], -.btn-info[disabled]:hover, -.btn-info[disabled]:focus, -.btn-info[disabled]:focus:hover, -.btn-info[disabled]:active, -.btn-info[disabled]:focus:active { - background-color: #1baecd; - color: #fff; - border-color: transparent; - border-width: 1px; -} - -/* btn-info-light */ -.btn-info-light { - color: #fff; - background-color: #99d5e1; - border-color: transparent; -} - -.btn-info-light:hover { - background-color: #7aaab4; -} - -.btn-info-light:focus { - border-color: #6b959e; -} - -.btn-info-light:focus:hover { - background-color: #7aaab4; -} - -.btn-info-light:active { - background-color: #addde7; -} - -.btn-info-light:focus:active { - background-color: #addde7; -} - -.btn-info-light.btn.btn-loading, -.btn-info-light.btn.btn-loading:focus:hover, -.btn-info-light.btn.btn-loading:focus:active, -.btn-info-light.btn-default.btn-loading, -.btn-info-light.btn-loading.btn-icon, -.btn-info-light.btn-default.btn-loading:focus:hover, -.btn-info-light.btn-loading.btn-icon:focus:hover, -.btn-info-light.btn-default.btn-loading:focus:active, -.btn-info-light.btn-loading.btn-icon:focus:active { - position: relative; - background-color: #addde7; - border-color: transparent; - overflow: visible; -} - -.btn-group .btn:not([disabled])+.btn-info-light.btn-dropdown:focus, -.btn-group.opened .btn-info-light.btn-dropdown, -.btn-group.opened .btn:not([disabled])+.btn-info-light.btn-dropdown { - border-color: #6b959e; -} - -.btn-info-light.btn-loading .loader-inner, -.btn-info-light.btn-loading .loader-outer, -.btn-info-light.btn-loading:hover .loader-inner, -.btn-info-light.btn-loading:hover .loader-outer, -.btn-info-light.btn-loading:focus .loader-inner, -.btn-info-light.btn-loading:focus .loader-outer, -.btn-info-light.btn-loading:focus:hover .loader-inner, -.btn-info-light.btn-loading:focus:hover .loader-outer, -.btn-info-light.btn-loading:active .loader-inner, -.btn-info-light.btn-loading:active .loader-outer, -.btn-info-light.btn-loading:focus:active .loader-inner, -.btn-info-light.btn-loading:focus:active .loader-outer { - fill: #addde7; -} - -.btn-info-light[disabled], -.btn-info-light[disabled]:hover, -.btn-info-light[disabled]:focus, -.btn-info-light[disabled]:focus:hover, -.btn-info-light[disabled]:active, -.btn-info-light[disabled]:focus:active { - background-color: #99d5e1; - color: #fff; - border-color: transparent; - border-width: 1px; -} - -/* btn-warning */ -.btn-warning { - color: #fff; - background-color: #bfa454; - border-color: transparent; -} - -.btn-warning:hover { - background-color: #998343; -} - -.btn-warning:focus { - border-color: #86733b; -} - -.btn-warning:focus:hover { - background-color: #998343; -} - -.btn-warning:active { - background-color: #ccb676; -} - -.btn-warning:focus:active { - background-color: #ccb676; -} - -.btn-warning.btn.btn-loading, -.btn-warning.btn.btn-loading:focus:hover, -.btn-warning.btn.btn-loading:focus:active, -.btn-warning.btn-default.btn-loading, -.btn-warning.btn-loading.btn-icon, -.btn-warning.btn-default.btn-loading:focus:hover, -.btn-warning.btn-loading.btn-icon:focus:hover, -.btn-warning.btn-default.btn-loading:focus:active, -.btn-warning.btn-loading.btn-icon:focus:active { - position: relative; - background-color: #ccb676; - border-color: transparent; - overflow: visible; -} - -.btn-group .btn:not([disabled])+.btn-warning.btn-dropdown:focus, -.btn-group.opened .btn-warning.btn-dropdown, -.btn-group.opened .btn:not([disabled])+.btn-warning.btn-dropdown { - border-color: #86733b; -} - -.btn-warning.btn-loading .loader-inner, -.btn-warning.btn-loading .loader-outer, -.btn-warning.btn-loading:hover .loader-inner, -.btn-warning.btn-loading:hover .loader-outer, -.btn-warning.btn-loading:focus .loader-inner, -.btn-warning.btn-loading:focus .loader-outer, -.btn-warning.btn-loading:focus:hover .loader-inner, -.btn-warning.btn-loading:focus:hover .loader-outer, -.btn-warning.btn-loading:active .loader-inner, -.btn-warning.btn-loading:active .loader-outer, -.btn-warning.btn-loading:focus:active .loader-inner, -.btn-warning.btn-loading:focus:active .loader-outer { - fill: #ccb676; -} - -.btn-warning[disabled], -.btn-warning[disabled]:hover, -.btn-warning[disabled]:focus, -.btn-warning[disabled]:focus:hover, -.btn-warning[disabled]:active, -.btn-warning[disabled]:focus:active { - background-color: #bfa454; - color: #fff; - border-color: transparent; - border-width: 1px; -} - -/* btn-alert */ -.btn-alert { - color: #fff; - background-color: #dc602d; - border-color: transparent; -} - -.btn-alert:hover { - background-color: #b04d24; -} - -.btn-alert:focus { - border-color: #9a4320; -} - -.btn-alert:focus:hover { - background-color: #b04d24; -} - -.btn-alert:active { - background-color: #e38057; -} - -.btn-alert:focus:active { - background-color: #e38057; -} - -.btn-alert.btn.btn-loading, -.btn-alert.btn.btn-loading:focus:hover, -.btn-alert.btn.btn-loading:focus:active, -.btn-alert.btn-default.btn-loading, -.btn-alert.btn-loading.btn-icon, -.btn-alert.btn-default.btn-loading:focus:hover, -.btn-alert.btn-loading.btn-icon:focus:hover, -.btn-alert.btn-default.btn-loading:focus:active, -.btn-alert.btn-loading.btn-icon:focus:active { - position: relative; - background-color: #e38057; - border-color: transparent; - overflow: visible; -} - -.btn-group .btn:not([disabled])+.btn-alert.btn-dropdown:focus, -.btn-group.opened .btn-alert.btn-dropdown, -.btn-group.opened .btn:not([disabled])+.btn-alert.btn-dropdown { - border-color: #9a4320; -} - -.btn-alert.btn-loading .loader-inner, -.btn-alert.btn-loading .loader-outer, -.btn-alert.btn-loading:hover .loader-inner, -.btn-alert.btn-loading:hover .loader-outer, -.btn-alert.btn-loading:focus .loader-inner, -.btn-alert.btn-loading:focus .loader-outer, -.btn-alert.btn-loading:focus:hover .loader-inner, -.btn-alert.btn-loading:focus:hover .loader-outer, -.btn-alert.btn-loading:active .loader-inner, -.btn-alert.btn-loading:active .loader-outer, -.btn-alert.btn-loading:focus:active .loader-inner, -.btn-alert.btn-loading:focus:active .loader-outer { - fill: #e38057; -} - -.btn-alert[disabled], -.btn-alert[disabled]:hover, -.btn-alert[disabled]:focus, -.btn-alert[disabled]:focus:hover, -.btn-alert[disabled]:active, -.btn-alert[disabled]:focus:active { - background-color: #dc602d; - color: #fff; - border-color: transparent; - border-width: 1px; -} - -/* btn-inverse */ -.btn-inverse, -.btn-inverse:hover, -.btn-inverse:focus, -.btn-inverse:active { - color: #333; -} - -/* icons on btn */ -.btn [class*="icon-"] { - color: inherit; - padding-right: 0.688em; - vertical-align: text-top; - font-size: 1.143em; - margin-top: 1px; - opacity: .8; -} - -.btn .svg-icon { - display: inline-block; - padding-right: .4em; - margin-top: -4px; - vertical-align: middle; - opacity: .8; - width: 22px; - height: 100%; -} - -.btn .svg-icon svg { - height: 100%; - width: 100%; -} - -.btn .svg-icon svg path { - fill: #fff; -} - -.btn-large .svg-icon { - width: 18px; -} - -.btn-medium .svg-icon { - width: 14px; -} - -.btn-small .svg-icon { - width: 12px; -} - -.btn-left-caret [class*="icon-"] { - float: left; - margin-top: 4px; - padding-right: 8px; -} - -.btn-small.btn-left-caret [class*="icon-"] { - float: left; - margin-top: 1px; - padding-right: 7px; -} - -.btn-medium.btn-left-caret [class*="icon-"] { - float: left; - margin-top: 4px; -} - -.btn-large.btn-left-caret [class*="icon-"] { - float: left; - margin-top: 8px; - padding-right: 10px; -} - -/* btn-icon */ -.btn-icon { - min-width: 40px; -} - -.btn-icon.btn-large { - min-width: 60px; -} - -.btn-icon.btn-medium { - min-width: 45px; -} - -.btn-icon.btn-small { - min-width: 30px; -} - -.btn-icon [class*='icon-'] { - padding: 0; -} - -/* button group */ -.btn-group { - position: relative; - display: inline-block; - vertical-align: middle; -} - -.btn-group>.btn { - position: relative; - float: left; -} - -.btn-group>.btn:focus { - outline: 0; - z-index: 1; -} - -.btn-group .btn+.btn, -.btn-group .btn+.btn-group, -.btn-group .btn-group+.btn, -.btn-group .btn-group+.btn-group { - margin-left: -1px; -} - -.btn-group>.btn:not(:first-child):not(:last-child):not(.btn-dropdown) { - border-radius: 0; -} - -.btn-group>.btn:first-child { - margin-left: 0; -} - -.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -.btn-group>.btn:last-child:not(:first-child), -.btn-group>.btn-dropdown:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.btn-group .btn-dropdown { - min-width: 30px; - vertical-align: middle; -} - -.btn-group .btn-dropdown [class*='icon-'] { - font-size: .3em; - vertical-align: middle; - margin-top: -2px; - padding: 0; -} - -.btn-group .list-dropdown { - top: 100%; - right: 0; - margin: 2px 0 0 0; - box-shadow: 0 1px 4px #b5b5b5; - display: none; -} - -.opened>.list-dropdown { - display: block; -} - -.btn-group .btn:not([disabled])+.btn-dropdown { - border-left-color: rgba(255, 255, 255, 0.3); - -webkit-transition: "border-left-color", none; - transition: "border-left-color", none; -} - -.btn-group .btn:not([disabled])+.btn-dropdown.btn-default, -.btn-group .btn:not([disabled])+.btn-dropdown.btn-icon { - border-color: #cccccc; -} - -.btn-delete { - background-color: #dc602d; - color: #fff; -} - -.btn-delete:hover { - background-color: #dc602d; - color: #fff; -} - -.normalized .form-control, -.normalized .input-prefix-suffix { - display: inline-block; - width: 100%; - vertical-align: middle; - outline: 0; - border: 1px solid #c7c7c7; - background-color: #fafbfc; - color: #606060; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07); - -moz-box-sizing: border-box; - box-sizing: border-box; - font-size: 13px; - padding: 4px 8px; - border-radius: 3px; - line-height: 1.75em; - height: 32px; - -webkit-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear; - transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear; -} - -.normalized .form-control:focus, -.normalized .input-prefix-suffix:focus, -.normalized .form-control.focus, -.normalized .focus.input-prefix-suffix { - border-width: 2px; - padding: 3px 7px; -} - -.normalized .form-control:hover, -.normalized .input-prefix-suffix:hover { - background-color: #fff; -} - -.normalized .form-control:focus, -.normalized .input-prefix-suffix:focus, -.normalized .form-control.focus, -.normalized .focus.input-prefix-suffix, -.normalized .form-control:active, -.normalized .input-prefix-suffix:active, -.normalized .form-control.active, -.normalized .active.input-prefix-suffix { - background-color: #fff; - border-color: #0c92e3; - color: #606060; - box-shadow: 0 0 4px #d1eafa; -} - -.normalized .form-control[disabled], -.normalized [disabled].input-prefix-suffix, -.normalized .form-control[readonly], -.normalized [readonly].input-prefix-suffix, -.normalized .form-control[disabled]:hover, -.normalized [disabled].input-prefix-suffix:hover, -.normalized .form-control[disabled]:focus, -.normalized [disabled].input-prefix-suffix:focus, -.normalized .form-control[disabled]:focus:hover, -.normalized [disabled].input-prefix-suffix:focus:hover, -.normalized .form-control[disabled]:active, -.normalized [disabled].input-prefix-suffix:active, -.normalized .form-control[disabled]:focus:active, -.normalized [disabled].input-prefix-suffix:focus:active { - background-color: #eeeeee; - border-color: #c7c7c7; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07); - cursor: not-allowed; -} - -.normalized .form-control::-moz-placeholder, -.normalized .input-prefix-suffix::-moz-placeholder { - color: #606060; - opacity: .6; -} - -.normalized .form-control::-webkit-input-placeholder, -.normalized .input-prefix-suffix::-webkit-input-placeholder { - color: #606060; - opacity: .6; -} - -.normalized .form-control::-ms-input-placeholder, -.normalized .input-prefix-suffix::-ms-input-placeholder { - color: #606060; - opacity: .6; -} - -.normalized .has-error .form-control, -.normalized .has-error .input-prefix-suffix { - border: 2px solid #fa5111; - padding: 4px 7px; - color: #cf3e07; - background-color: #ffeaea; - box-shadow: none; - -webkit-transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear; - transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear; -} - -.normalized .has-error .form-control:hover, -.normalized .has-error .input-prefix-suffix:hover { - background-color: #fff; -} - -.normalized .has-error .form-control:focus, -.normalized .has-error .input-prefix-suffix:focus { - background-color: #fff; - box-shadow: 0 0 4px #F5C0C0; -} - -.normalized .has-success .form-control, -.normalized .has-success .input-prefix-suffix { - border: 2px solid #468847; - padding: 4px 7px; - background-color: #eaffea; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - color: #468847; - -webkit-transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear; - transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear; -} - -.normalized .has-success .form-control:focus, -.normalized .has-success .input-prefix-suffix:focus { - background-color: #fff; - box-shadow: 0 0 4px #88c889; -} - -/* form-control sizes*/ -.normalized .form-control.input-small, -.normalized .input-small.input-prefix-suffix { - font-size: 12px; - padding: 3px 6px; - border-radius: 3px; - line-height: 1.5em; - height: 28px; -} - -.normalized .form-control.input-small:focus, -.normalized .input-small.input-prefix-suffix:focus, -.normalized .form-control.input-small.focus, -.normalized .input-small.focus.input-prefix-suffix { - border-width: 2px; - padding: 2px 5px; -} - -.normalized .has-error .form-control.input-small, -.normalized .has-error .input-small.input-prefix-suffix, -.normalized .has-success .form-control.input-small, -.normalized .has-success .input-small.input-prefix-suffix, -.normalized .form-control.input-small:focus, -.normalized .input-small.input-prefix-suffix:focus { - padding: 2px 5px; -} - -.normalized .form-control.input-medium, -.normalized .input-medium.input-prefix-suffix { - font-size: 14px; - padding: 4px 11px; - border-radius: 3px; - line-height: 1.75em; - height: 40px; -} - -.normalized .form-control.input-medium:focus, -.normalized .input-medium.input-prefix-suffix:focus, -.normalized .form-control.input-medium.focus, -.normalized .input-medium.focus.input-prefix-suffix { - border-width: 2px; - padding: 3px 10px; -} - -.normalized .has-error .form-control.input-medium, -.normalized .has-error .input-medium.input-prefix-suffix, -.normalized .has-success .form-control.input-medium, -.normalized .has-success .input-medium.input-prefix-suffix, -.normalized .form-control.input-medium:focus, -.normalized .input-medium.input-prefix-suffix:focus { - padding: 3px 10px; -} - -.normalized .form-control.input-large, -.normalized .input-large.input-prefix-suffix { - font-size: 18px; - padding: 4px 11px; - border-radius: 3px; - line-height: 1.75em; - height: 48px; -} - -.normalized .form-control.input-large:focus, -.normalized .input-large.input-prefix-suffix:focus, -.normalized .form-control.input-large.focus, -.normalized .input-large.focus.input-prefix-suffix { - border-width: 2px; - padding: 3px 10px; -} - -.normalized .has-error .form-control.input-large, -.normalized .has-error .input-large.input-prefix-suffix, -.normalized .has-success .form-control.input-large, -.normalized .has-success .input-large.input-prefix-suffix, -.normalized .form-control.input-large:focus, -.normalized .input-large.input-prefix-suffix:focus { - padding: 3px 10px; -} - -.normalized .has-success .input-group-addon { - border-color: #468847; - background-color: #dff0d8; - color: #468847; -} - -/* selects */ -.normalized select.form-control, -.normalized select.input-prefix-suffix { - background: #fff; - box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.07) inset; - overflow: hidden; - position: relative; - white-space: nowrap; - z-index: 10; - -webkit-appearance: button; - outline: 0; -} - -.normalized select.form-control option, -.normalized select.input-prefix-suffix option { - padding: .2em 0 .2em .769em; - color: #606060; -} - -.normalized select.form-control:focus, -.normalized select.input-prefix-suffix:focus { - color: transparent; - text-shadow: 0 0 0 #000; - outline: 0; -} - -.normalized .select-wrap { - display: inline-block; - position: relative; - vertical-align: baseline; -} - -.normalized .select-wrap:before { - content: ""; - background-color: #fff; - pointer-events: none; - position: absolute; - top: .2em; - bottom: .2em; - right: .2em; - width: 1.6em; - z-index: 11; - transition: background 0.15s linear; - /*, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;*/ - -webkit-transition: background 0.15s; - /* linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;*/ -} - -.normalized .select-wrap:after { - content: "\E016"; - font-family: 'font_icons'; - font-size: .875em; - /* 14px relatively 16px */ - line-height: 1; - color: #62717a; - position: absolute; - z-index: 12; - top: 50%; - margin-top: -.5em; - /* 7px to 14px*/ - right: .571em; - /* 8px relatively 14px */ - pointer-events: none; -} - -:-moz-any(.select-wrap):before { - background-color: #fff; - /* this is necessary for overcome the caret default browser */ - pointer-events: none; - /* https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events */ - z-index: 1; - /* this is necessary for overcome the pseudo element */ -} - -.normalized .select-wrap:hover, -.normalized .select-wrap:hover:before { - background-color: #fff; -} - -.normalized .has-error .select-wrap:before { - background-color: #ffeaea; -} - -.normalized select.form-control.input-medium, -.normalized select.input-medium.input-prefix-suffix { - padding: 8px 6px 8px 11px; -} - -.normalized select.form-control.input-medium:focus, -.normalized select.input-medium.input-prefix-suffix:focus { - padding: 7px 5px 7px 10px; -} - -/* Input group */ -.normalized .input-group { - position: relative; -} - -.normalized .input-group .form-control, -.normalized .input-group .input-prefix-suffix { - padding-right: 95px; -} - -.normalized .input-group .form-control:focus, -.normalized .input-group .input-prefix-suffix:focus, -.normalized .input-group.has-success .form-control, -.normalized .input-group.has-success .input-prefix-suffix, -.normalized .input-group.has-error .form-control, -.normalized .input-group.has-error .input-prefix-suffix { - padding-right: 94px; -} - -.normalized .input-group .input-suffix { - position: absolute; - display: inline-block; - vertical-align: middle; - right: 0; - top: 0; - background-color: #e9e9e9; - border-width: 1px 1px 1px 0; - border-style: solid; - border-color: #c7c7c7; - border-radius: 0 3px 3px 0; - color: #999; - outline: 0; - font-size: 13px; - padding: 4px 8px; - border-radius: 0 3px 3px 0; - line-height: 1.6em; - height: 32px; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear; - transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear; -} - -.normalized .input-group .input-suffix:focus, -.normalized .input-group .input-suffix.focus { - border-width: 2px; - padding: 3px 7px; -} - -.normalized .input-group .form-control:active+.input-suffix, -.normalized .input-group .input-prefix-suffix:active+.input-suffix, -.normalized .input-group .form-control:focus+.input-suffix, -.normalized .input-group .input-prefix-suffix:focus+.input-suffix { - border-width: 2px 2px 2px 0; - border-style: solid; - border-color: #0c92e3; - box-shadow: 1px 0 2px #d1eafa; - padding: 3px 7px 3px 8px; - outline: 0; - background-color: #c6e7fa; - color: #0a8ae1; -} - -.normalized .input-group .form-control.input-small, -.normalized .input-group .input-small.input-prefix-suffix { - padding-right: 80px; -} - -.normalized .input-group .form-control.input-small:focus, -.normalized .input-group .input-small.input-prefix-suffix:focus, -.normalized .input-group.has-error .form-control.input-small, -.normalized .input-group.has-error .input-small.input-prefix-suffix, -.normalized .input-group.has-success .form-control.input-small, -.normalized .input-group.has-success .input-small.input-prefix-suffix { - padding-right: 79px; -} - -.normalized .input-group .form-control.input-small+.input-suffix, -.normalized .input-group .input-small.input-prefix-suffix+.input-suffix { - font-size: 12px; - padding: 3px 6px; - border-radius: 0 3px 3px 0; - line-height: 1.6em; - height: 28px; -} - -.normalized .input-group .form-control.input-small+.input-suffix:focus, -.normalized .input-group .input-small.input-prefix-suffix+.input-suffix:focus, -.normalized .input-group .form-control.input-small+.input-suffix.focus, -.normalized .input-group .input-small.input-prefix-suffix+.input-suffix.focus { - border-width: 2px; - padding: 2px 5px; -} - -.normalized .input-group .form-control.input-small:focus+.input-suffix, -.normalized .input-group .input-small.input-prefix-suffix:focus+.input-suffix { - padding: 2px 5px 2px 6px; -} - -.normalized .input-group .form-control.input-medium, -.normalized .input-group .input-medium.input-prefix-suffix { - padding-right: 105px; -} - -.normalized .input-group .form-control.input-medium:focus, -.normalized .input-group .input-medium.input-prefix-suffix:focus, -.normalized .input-group.has-error .form-control.input-medium, -.normalized .input-group.has-error .input-medium.input-prefix-suffix, -.normalized .input-group.has-success .form-control.input-medium, -.normalized .input-group.has-success .input-medium.input-prefix-suffix { - padding-right: 104px; -} - -.normalized .input-group .form-control.input-medium+.input-suffix, -.normalized .input-group .input-medium.input-prefix-suffix+.input-suffix { - font-size: 14px; - padding: 4px 11px; - border-radius: 0 3px 3px 0; - line-height: 2.1em; - height: 40px; -} - -.normalized .input-group .form-control.input-medium+.input-suffix:focus, -.normalized .input-group .input-medium.input-prefix-suffix+.input-suffix:focus, -.normalized .input-group .form-control.input-medium+.input-suffix.focus, -.normalized .input-group .input-medium.input-prefix-suffix+.input-suffix.focus { - border-width: 2px; - padding: 3px 10px; -} - -.normalized .input-group .form-control.input-medium:focus+.input-suffix, -.normalized .input-group .input-medium.input-prefix-suffix:focus+.input-suffix { - padding: 3px 10px 3px 11px; -} - -.normalized .input-group .form-control.input-large, -.normalized .input-group .input-large.input-prefix-suffix { - padding-right: 105px; -} - -.normalized .input-group .form-control.input-large:focus, -.normalized .input-group .input-large.input-prefix-suffix:focus, -.normalized .input-group.has-error .form-control.input-large, -.normalized .input-group.has-error .input-large.input-prefix-suffix, -.normalized .input-group.has-success .form-control.input-large, -.normalized .input-group.has-success .input-large.input-prefix-suffix { - padding-right: 104px; -} - -.normalized .input-group .form-control.input-large+.input-suffix, -.normalized .input-group .input-large.input-prefix-suffix+.input-suffix { - font-size: 18px; - padding: 4px 11px; - border-radius: 0 3px 3px 0; - line-height: 2.5em; - height: 48px; -} - -.normalized .input-group .form-control.input-large+.input-suffix:focus, -.normalized .input-group .input-large.input-prefix-suffix+.input-suffix:focus, -.normalized .input-group .form-control.input-large+.input-suffix.focus, -.normalized .input-group .input-large.input-prefix-suffix+.input-suffix.focus { - border-width: 2px; - padding: 3px 10px; -} - -.normalized .input-group .form-control.input-large:focus+.input-suffix, -.normalized .input-group .input-large.input-prefix-suffix:focus+.input-suffix { - padding: 3px 10px 3px 11px; -} - -.normalized .input-group.has-error .form-control+.input-suffix, -.normalized .input-group.has-error .input-prefix-suffix+.input-suffix, -.normalized .input-group.has-success .form-control+.input-suffix, -.normalized .input-group.has-success .input-prefix-suffix+.input-suffix { - padding: 3px 7px 3px 8px; -} - -.normalized .input-group.has-error .form-control+.input-suffix, -.normalized .input-group.has-error .input-prefix-suffix+.input-suffix { - border-width: 2px 2px 2px 0; - background-color: #ffcbcb; - border-color: #fa5111; - color: #cf3e07; -} - -.normalized .input-group.has-success .form-control+.input-suffix, -.normalized .input-group.has-success .input-prefix-suffix+.input-suffix { - border-width: 2px 2px 2px 0; - background-color: #b6e291; - border-color: #468847; - color: #468847; -} - -.normalized .input-group.has-error .form-control.input-small+.input-suffix, -.normalized .input-group.has-error .input-small.input-prefix-suffix+.input-suffix, -.normalized .input-group.has-success .form-control.input-small+.input-suffix, -.normalized .input-group.has-success .input-small.input-prefix-suffix+.input-suffix { - padding: 2px 5px 2px 6px; -} - -.normalized .input-group.has-error .form-control.input-medium+.input-suffix, -.normalized .input-group.has-error .input-medium.input-prefix-suffix+.input-suffix, -.normalized .input-group.has-success .form-control.input-medium+.input-suffix, -.normalized .input-group.has-success .input-medium.input-prefix-suffix+.input-suffix { - padding: 3px 10px 3px 11px; -} - -.normalized .input-group.has-error .form-control.input-large+.input-suffix, -.normalized .input-group.has-error .input-large.input-prefix-suffix+.input-suffix, -.normalized .input-group.has-success .form-control.input-large+.input-suffix, -.normalized .input-group.has-success .input-large.input-prefix-suffix+.input-suffix { - padding: 3px 10px 3px 11px; -} - -/* Input appends*/ -.normalized .input-append { - position: relative; -} - -.normalized .input-append .input-addon { - font-size: 11px; - line-height: 1; - height: 100%; - padding: 0 .8em; - color: #62717a; - position: absolute; - width: 1em; - right: 0; - top: 0; - text-align: left; -} - -.normalized .input-append [class*="icon-"] { - color: #62717a; - position: absolute; - top: 50%; - margin-top: -.5em; -} - -.normalized .input-append .form-control.input-medium+.input-addon, -.normalized .input-append .input-medium.input-prefix-suffix+.input-addon { - font-size: 13px; -} - -.normalized .input-append .form-control.input-small+.input-addon, -.normalized .input-append .input-small.input-prefix-suffix+.input-addon { - font-size: 9px; -} - -.normalized .input-append.has-error [class*="icon-"] { - color: #cf3e07; -} - -.normalized .input-append.has-success [class*="icon-"] { - color: #468847; -} - -.normalized .input-append .form-control, -.normalized .input-append .input-prefix-suffix, -.normalized .input-append.has-success .form-control, -.normalized .input-append.has-success .input-prefix-suffix, -.normalized .input-append.has-error .form-control, -.normalized .input-append.has-error .input-prefix-suffix, -.normalized .input-append.has-success .form-control:focus, -.normalized .input-append.has-success .input-prefix-suffix:focus, -.normalized .input-append.has-error .form-control:focus, -.normalized .input-append.has-error .input-prefix-suffix:focus { - padding-right: 2em; - /* 26px to 13px*/ -} - -.normalized .input-append .form-control:focus, -.normalized .input-append .input-prefix-suffix:focus { - padding-right: 1.923em; - /* 25px to 13px*/ -} - -.normalized .input-append .form-control.input-medium, -.normalized .input-append .input-medium.input-prefix-suffix, -.normalized .input-append.has-success .form-control.input-medium, -.normalized .input-append.has-success .input-medium.input-prefix-suffix, -.normalized .input-append.has-error .form-control.input-medium, -.normalized .input-append.has-error .input-medium.input-prefix-suffix, -.normalized .input-append.has-success .form-control.input-medium:focus, -.normalized .input-append.has-success .input-medium.input-prefix-suffix:focus, -.normalized .input-append.has-error .form-control.input-medium:focus, -.normalized .input-append.has-error .input-medium.input-prefix-suffix:focus { - padding-right: 2.5em; - /* 35px to 14px*/ -} - -.normalized .input-append .form-control.input-medium:focus, -.normalized .input-append .input-medium.input-prefix-suffix:focus { - padding-right: 2.43em; - /* 34px to 14px*/ -} - -.normalized .radio { - display: block; - min-height: 20px; - position: relative; - font-size: 0.875em; - -webkit-transition: color 0.1s linear 0s; - transition: color 0.1s linear 0s; -} - -.normalized .radio input[type=radio] { - opacity: 0; - position: absolute; - z-index: -1; -} - -.normalized .radio input[type=radio]:checked, -.normalized .radio input[type=radio]:focus { - outline: none; -} - -.normalized .radio input[type=radio]+.radio-label { - position: relative; - z-index: 1; - display: inline-block; - margin: 0; - font-weight: normal; - color: #20b0ce; - font-size: 1.286em; - padding-left: 83px; - margin-top: 13px; - margin-bottom: 11px; - cursor: pointer; - width: 85%; -} - -.normalized .radio input[type=radio]+.radio-label::before { - font-family: 'font_icons'; - font-weight: normal; - font-size: 1.5em; - line-height: 1.2; - content: '\E61F'; - display: inline-block; - position: absolute; - text-align: center; - margin: 8px 30px 0 -58px; -} - -.normalized .radio input[type=radio]:checked+.radio-label::before { - content: '\E61E'; -} - -.normalized .radio input[type=radio]:disabled+.radio-label::before, -.normalized .radio input[type=radio][disabled]+.radio-label::before, -.normalized .radio input[type=radio].disabled+.radio-label::before { - color: #5ecee3; -} - -.normalized .radio-label-note { - display: block; - font-size: 0.778em; - color: #333; -} - -.ecwid-no-touch .normalized .radio input[type=radio]+.radio-label:hover, -.ecwid-no-touch .normalized .radio input[type=radio]+.radio-label:hover .radio-label-note, -.normalized .radio input[type=radio]+.radio-label-hover, -.normalized .radio input[type=radio]+.radio-label-hover .radio-label-note { - color: #006995; -} - -.radio .radio-label.radio-hover-anim::before { - -webkit-animation: scale120 .15s ease-in; - animation: scale120 .15s ease-in; -} - -@-webkit-keyframes scale120 { - 0% { - -webkit-transform: scale(0); - transform: scale(0); - } - - 50% { - -webkit-transform: scale(1.2); - transform: scale(1.2); - } - - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } -} - -@keyframes scale120 { - 0% { - transform: scale(0); - } - - 50% { - transform: scale(1.2); - } - - 100% { - transform: scale(1); - } -} - -/*--control group--------------------------------------------------------------------------------*/ -.normalized .control-group .form-control::-moz-placeholder, -.normalized .control-group .input-prefix-suffix::-moz-placeholder { - color: #b4b4b4; - opacity: 0; -} - -.normalized .control-group .form-control::-webkit-input-placeholder, -.normalized .control-group .input-prefix-suffix::-webkit-input-placeholder { - color: #b4b4b4; - opacity: 0; -} - -.normalized .control-group .form-control::-ms-input-placeholder, -.normalized .control-group .input-prefix-suffix::-ms-input-placeholder { - color: #b4b4b4; - opacity: 0; -} - -.normalized .control-group { - box-sizing: border-box; -} - -.normalized .control-group .form-control, -.normalized .control-group .input-prefix-suffix { - font-size: 1em; - height: 3.5em; - line-height: 1; - padding: 3px 15px; - position: relative; - letter-spacing: normal; -} - -.normalized .control-group .input-control { - font-size: 1.375em; - color: #333; - margin: -2px 0 0 0; - padding: 0; - border: 0; - background: transparent; - position: relative; - max-width: 97%; - width: 100%; - text-rendering: optimizeLegibility; - -webkit-appearance: none; - z-index: 3; -} - -.normalized .control-group .form-control-filled .input-control { - margin-top: -2px; -} - -.normalized .control-group.has-error .input-control, -.normalized .control-group.has-success .input-control, -.normalized .control-group .form-control-combo .input-control { - padding-right: 25px; -} - -.normalized .input-placeholder { - color: #b4b4b4; - font-size: 1.375em; - font-weight: 300; - display: inline-block; - padding: 0; - margin: 0; - position: absolute; - top: 16px; - left: 15px; - z-index: 2; - text-rendering: optimizeLegibility; -} - -.normalized .form-control:active .input-placeholder, -.normalized .input-prefix-suffix:active .input-placeholder, -.normalized .form-control:focus .input-placeholder, -.normalized .input-prefix-suffix:focus .input-placeholder, -.normalized .form-control-focus .input-placeholder { - top: 15px; - left: 14px; -} - -.normalized .form-control-filled .input-placeholder, -.normalized .form-control-focus .input-placeholder { - display: none; - -webkit-transition: none; - transition: none; -} - -.has-error .input-placeholder { - display: none; -} - -.normalized .control-group .form-control, -.normalized .control-group .input-prefix-suffix { - background-color: #fafbfc; - border: 1px solid #c7c7c7; - padding: 3px 0 3px 15px; -} - -.normalized .control-group .form-control-hover { - background-color: #fff; -} - -.normalized .control-group .form-control:active, -.normalized .control-group .input-prefix-suffix:active, -.normalized .control-group .form-control:focus, -.normalized .control-group .input-prefix-suffix:focus, -.normalized .control-group .form-control-focus { - color: #606060; - border: 2px solid #0c92e3; - background-color: #fff; - box-shadow: 0 0 4px #d1eafa; - padding: 2px 0 2px 14px; - outline: 0; -} - -.normalized .control-group .form-control:focus, -.normalized .control-group .input-prefix-suffix:focus, -.normalized .control-group .form-control-focus { - color: #606060; - border: 2px solid #0c92e3; - background-color: #fff; - box-shadow: 0 0 4px #d1eafa; - padding: 2px 0 2px 14px; - outline: 0; -} - -.normalized .control-group .form-control:after, -.normalized .control-group .input-prefix-suffix:after { - font-family: 'font_icons'; - content: '\E900'; - font-size: 1.2em; - color: #7ebf48; - line-height: 1; - position: absolute; - z-index: 12; - top: 50%; - margin-top: -0.44em; - right: 0.52em; - pointer-events: none; - opacity: 0; - -webkit-transform: translateZ(0); - -webkit-font-smoothing: antialiased; - -webkit-transition: opacity .1s linear; - transition: opacity .1s linear; -} - -.normalized .control-group.has-error .form-control, -.normalized .control-group.has-error .input-prefix-suffix { - border: 2px solid #fa5111; - padding: 4px 13px; - color: #cf3e07; - background-color: #ffeaea; - box-shadow: none; - -webkit-transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear; - transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear; -} - -.normalized .control-group.has-error .form-control-hover { - background-color: #fff; -} - -.normalized .control-group.has-error .form-control-focus { - background-color: #fff; - box-shadow: 0 0 4px #F5C0C0; -} - -.normalized .control-group.has-success .form-control-focus, -.normalized .control-group.has-success .form-control:active, -.normalized .control-group.has-success .input-prefix-suffix:active { - border: 2px solid #468847; - padding: 2px 14px; - background-color: #eaffea; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - color: #468847; - transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear; - -webkit-transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear; -} - -.normalized .control-group .form-control .form-control-label, -.normalized .control-group .input-prefix-suffix .form-control-label { - display: block; - visibility: visible; - font-size: 0.625em; - line-height: 1; - height: auto; - color: #999; - margin-top: 3px; -} - -.normalized .control-group .form-control-label { - opacity: 0; - transition: all .15s linear; - -webkit-transition: all 0.15s linear; - -webkit-transform: translateZ(0); - -webkit-font-smoothing: antialiased; - -webkit-backface-visibility: hidden; - -webkit-transform: translate3D(0px, -10px, 0px); - transform: translate3D(0px, -10px, 0px); - -webkit-transition: all .25s ease-out; - transition: all .25s ease-out; -} - -.normalized .control-group.has-error .form-control-label, -.normalized .control-group .form-control-filled .form-control-label, -.normalized .control-group .form-control-focus .form-control-label { - opacity: 1; - -webkit-transform: translate3D(0px, 0px, 0px); - transform: translate3D(0px, 0px, 0px); -} - -.normalized .control-group.has-error .form-control-label { - color: #cf3e07; -} - -.normalized .control-group .form-control-close { - display: block; - width: 40px; - height: 40px; - margin: 0; - padding: 14px 0 0 0; - position: absolute; - z-index: -1; - top: 5px; - right: 1px; - cursor: pointer; - text-align: center; - opacity: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transform: translateZ(0); - -webkit-font-smoothing: antialiased; - -webkit-transition: opacity .14s ease-out, color .14s ease-out; - transition: opacity .14s ease-out, color .14s ease-out; -} - -.normalized .control-group .form-control-close .icon-close { - color: #fa5111; -} - -.normalized .control-group .form-control-close:hover .icon-close { - color: #b23709; -} - -.normalized .control-group .form-control-close:active .icon-close { - color: #ff8456; -} - -.normalized .control-group.has-error .form-control-close { - background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); - z-index: 13; - opacity: 1; -} - -.normalized .control-group.has-success .form-control:after, -.normalized .control-group.has-success .input-prefix-suffix:after { - opacity: 1; -} - -.normalized .control-group.has-success .form-control-focus:after, -.normalized .control-group.has-success .form-control:active:after, -.normalized .control-group.has-success .input-prefix-suffix:active:after { - right: 0.48em; -} - -.normalized .control-group.has-error .form-control, -.normalized .control-group.has-error .input-prefix-suffix, -.normalized .control-group.has-error .form-control-focus { - padding: 2px 14px; -} - -.normalized .control-nowrap { - white-space: nowrap; -} - -.normalized input[type='text'], -.normalized input[type='number'] { - -moz-appearance: textfield; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -.normalized input::-webkit-outer-spin-button, -.normalized input::-webkit-inner-spin-button { - -webkit-appearance: none; -} - -.normalized input::-ms-clear { - display: none; -} - -@media only screen and (max-width: 767px) { - .normalized .control-group .input-control { - font-size: 16px; - margin-top: 2px; - } - - .normalized .control-group .form-control, - .normalized .control-group .input-prefix-suffix { - padding: 2px 12px; - } - - .normalized .control-group .form-control-focus, - .normalized .control-group .form-control:active, - .normalized .control-group .input-prefix-suffix:active { - padding: 1px 11px; - } - - .normalized .control-group.has-error .form-control, - .normalized .control-group.has-error .input-prefix-suffix, - .normalized .control-group.has-error .form-control-focus, - .normalized .control-group.has-error .form-control:active, - .normalized .control-group.has-error .input-prefix-suffix:active { - padding: 1px 11px; - } - - .normalized .control-group.has-success .form-control, - .normalized .control-group.has-success .input-prefix-suffix { - padding: 2px 12px; - } - - .normalized .control-group.has-success .form-control:active, - .normalized .control-group.has-success .input-prefix-suffix:active, - .normalized .control-group.has-success .form-control-focus, - .normalized .control-group.has-success .form-control:active, - .normalized .control-group.has-success .input-prefix-suffix:active { - padding: 1px 11px; - } - - .normalized .control-group .form-control-combo.form-control-focus, - .normalized .control-group .form-control-combo.form-control:active, - .normalized .control-group .form-control-combo.input-prefix-suffix:active { - padding: 1px 11px; - } - - .normalized .input-placeholder { - font-size: 1em; - top: 20px; - left: 12px; - } - - .normalized .form-control:active .input-placeholder, - .normalized .input-prefix-suffix:active .input-placeholder, - .normalized .form-control:focus .input-placeholder, - .normalized .input-prefix-suffix:focus .input-placeholder, - .normalized .form-control-focus .input-placeholder { - left: 11px; - top: 19px; - } - - .normalized .control-group .form-control-filled .input-control { - margin-top: 3px; - } -} - -/* control group medium */ -.normalized .control-group-medium .form-control, -.normalized .control-group-medium .input-prefix-suffix, -.normalized .control-group-medium.has-success .form-control, -.normalized .control-group-medium.has-success .input-prefix-suffix { - height: 2.5em; - padding: 3px 0 3px 10px; -} - -.normalized .control-group-medium .input-control, -.normalized .control-group-medium .form-control-filled .input-control { - font-size: 1em; - margin-top: -1px; -} - -.normalized .control-group-medium .form-control .form-control-label, -.normalized .control-group-medium .input-prefix-suffix .form-control-label, -.normalized .control-group-medium .input-prefix-suffix .form-control-label { - margin-top: 1px; -} - -.normalized .control-group-medium .form-control:active, -.normalized .control-group-medium .input-prefix-suffix:active, -.normalized .control-group-medium .form-control:focus, -.normalized .control-group-medium .input-prefix-suffix:focus, -.normalized .control-group-medium .form-control-focus, -.normalized .control-group-medium.has-error .form-control, -.normalized .control-group-medium.has-error .input-prefix-suffix, -.normalized .control-group-medium.has-error .form-control:active, -.normalized .control-group-medium.has-error .input-prefix-suffix:active, -.normalized .control-group-medium.has-error .form-control:focus, -.normalized .control-group-medium.has-error .input-prefix-suffix:focus, -.normalized .control-group-medium.has-error .form-control-focus, -.normalized .control-group-medium.has-success .form-control:active, -.normalized .control-group-medium.has-success .input-prefix-suffix:active, -.normalized .control-group-medium.has-success .form-control:focus, -.normalized .control-group-medium.has-success .input-prefix-suffix:focus, -.normalized .control-group-medium.has-success .form-control-focus { - padding: 2px 0 2px 9px; -} - -.normalized .control-group-medium .input-placeholder { - font-size: 1em; - top: 10px; - left: 10px; - cursor: text; -} - -.normalized .control-group-medium .form-control:active .input-placeholder, -.normalized .control-group-medium .input-prefix-suffix:active .input-placeholder, -.normalized .control-group-medium .form-control:focus .input-placeholder, -.normalized .control-group-medium .input-prefix-suffix:focus .input-placeholder, -.normalized .control-group-medium .form-control-focus .input-placeholder { - top: 9px; - left: 9px; -} - -.normalized .control-group-medium .form-control .form-control-label, -.normalized .control-group-medium .input-prefix-suffix .form-control-label { - font-weight: 600; - color: #b4b4b4; - cursor: text; -} - -.normalized .control-group-medium.has-error .form-control-label { - color: #cf3e07; -} - -.normalized .control-group-medium .form-control-close { - top: 0; - right: -2px; - padding-top: 11px; -} - -/*--label.checkbox--------------------------------------------------------------------------------*/ -label.checkbox { - display: inline-block; - vertical-align: middle; - position: relative; - height: 30px; - text-align: justify; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; -} - -label.checkbox>div { - position: absolute; - top: 0; - left: 0; - width: 50px; - height: 30px; - padding: 2px; - border-radius: 15px; - background-color: #bdc6cc; - z-index: 1; - box-sizing: border-box; - -webkit-transition: background-color .2s ease-out 0s; - transition: background-color .2s ease-out 0s; -} - -label.checkbox>div:before, -label.checkbox>div:after { - content: attr(data-off); - position: absolute; - top: 100%; - left: -20%; - display: block; - width: 140%; - margin-left: 0; - padding-top: 25%; - color: #999; - font-size: 11px; - line-height: 1em; - font-weight: 600; - text-align: center; - cursor: pointer; - text-transform: uppercase; - overflow: hidden; - text-overflow: ellipsis; - opacity: 1; - -webkit-transition: margin .2s ease-out 0s, opacity .2s ease-out 0s, color .2s ease-out 0s; - transition: margin .2s ease-out 0s, opacity .2s ease-out 0s, color .2s ease-out 0s; -} - -label.checkbox>div:after { - content: attr(data-on); - color: #4b9a0a; - opacity: 0; - margin-left: -40%; -} - -label.checkbox>div>div { - display: inline-block; - width: 26px; - height: 26px; - border-radius: 50%; - background-color: #fff; - -webkit-transition: margin .2s ease-out 0s; - transition: margin .2s ease-out 0s; -} - -label.checkbox input { - position: relative; - width: 50px; - height: 100%; - border: 0; - padding: 0; - margin: 0; - opacity: 0; - cursor: pointer; - z-index: 2; - box-sizing: border-box; -} - -label.checkbox input:checked+div { - background-color: #61b038; -} - -label.checkbox input:checked+div:after { - opacity: 1; - margin-left: 0; -} - -label.checkbox input:checked+div:before { - opacity: 0; - margin-left: 40%; -} - -label.checkbox input:checked+div>div { - margin-left: 20px; -} - -label.checkbox input:not([disabled]):hover+div { - background-color: #848a8e; -} - -label.checkbox input:not([disabled]):hover+div:before { - color: #6b6b6b; -} - -label.checkbox input:not([disabled]):hover+div:after { - color: #346b07; -} - -label.checkbox input:not([disabled]):active+div { - background-color: #cad1d6; -} - -label.checkbox input:not([disabled]):active+div:before { - color: #adadad; -} - -label.checkbox input:not([disabled]):active+div:after { - color: #81b854; -} - -label.checkbox input:not([disabled]):checked:hover+div { - background-color: #447b27; -} - -label.checkbox input:not([disabled]):checked:active+div { - background-color: #81c060; -} - -label.checkbox:not(.big) { - height: 24px; -} - -label.checkbox:not(.big)>div { - width: 40px; - height: 24px; -} - -label.checkbox:not(.big)>div:before, -label.checkbox:not(.big)>div:after { - top: 5px; - left: 100%; - width: auto; - max-width: 90px; - padding: 0 0 0 28%; - font-size: 14px; - margin: 0; -} - -label.checkbox:not(.big)>div:after { - margin: 25% 0 0 0; -} - -label.checkbox:not(.big)>div>div { - width: 20px; - height: 20px; -} - -label.checkbox:not(.big) input { - width: 40px; -} - -label.checkbox:not(.big) input:checked+div>div { - margin-left: 16px; -} - -label.checkbox:not(.big) input:checked+div:after { - margin: 0; -} - -label.checkbox:not(.big) input:checked+div:before { - margin: -25% 0 0 0; -} - -label.checkbox.tiny>div:before, -label.checkbox.tiny>div:after { - display: none; -} - -label.checkbox input[disabled], -label.checkbox input[disabled]+div:before, -label.checkbox input[disabled]+div:after { - cursor: default; -} - -label.checkbox input[disabled]+div { - opacity: .3; -} - -/*--input with prefix/postfix---------------------------------------------------------------------*/ -.normalized .input-prefix-suffix { - display: table; - width: 100%; - padding: 0px !important; - border-collapse: separate; - height: 2em; -} - -.normalized .input-prefix-suffix>div { - display: table-cell; - vertical-align: middle; -} - -.normalized .input-prefix-suffix input { - border: 0; - background-color: transparent; - color: #606060; - width: 100%; - margin: -1px 0; - padding: 4px 8px; - -moz-box-sizing: border-box; - box-sizing: border-box; - font-size: 1em !important; - padding: 4px 8px; - border-radius: 3px; - line-height: 1.75em; - height: 32px; -} - -.normalized .input-prefix-suffix input:focus, -.normalized .input-prefix-suffix input.focus { - border-width: 2px; - padding: 3px 7px; -} - -.normalized .input-prefix-suffix.input-small input { - height: 28px; - line-height: 1.5em; -} - -.normalized .input-prefix-suffix.input-medium input { - height: 40px; -} - -.normalized .input-prefix-suffix.input-large input { - height: 48px; -} - -.normalized .input-prefix-suffix:hover { - background-color: #fff; -} - -.normalized .input-prefix-suffix.focus { - color: #606060; - border-color: #0c92e3; - background-color: #fff; - box-shadow: 0 0 4px #d1eafa; - outline: 0; -} - -.normalized .input-prefix-suffix.focus input { - padding: 3px 8px; - margin: -2px 0; -} - -.normalized .input-prefix-suffix.has-prefix .prefix, -.normalized .input-prefix-suffix.has-suffix .suffix { - display: table-cell; -} - -.normalized .input-prefix-suffix .prefix, -.normalized .input-prefix-suffix .suffix { - width: 1px; - white-space: nowrap; - font-size: 1em; - line-height: normal; - display: none; -} - -.normalized .input-prefix-suffix .prefix { - padding-left: 8px; -} - -.normalized .input-prefix-suffix .suffix { - padding-right: 8px; -} - -.normalized .input-prefix-suffix.focus .prefix, -.normalized .input-prefix-suffix.has-error .prefix, -.normalized .input-prefix-suffix.has-success .prefix { - padding-left: 7px; -} - -.normalized .input-prefix-suffix.focus .suffix, -.normalized .input-prefix-suffix.has-error .suffix, -.normalized .input-prefix-suffix.has-success .suffix { - padding-right: 7px; -} - -.normalized .input-prefix-suffix.input-small .prefix { - padding-left: 6px; -} - -.normalized .input-prefix-suffix.input-small .suffix { - padding-right: 6px; -} - -.normalized .input-prefix-suffix.input-small.focus .prefix, -.normalized .input-prefix-suffix.input-small.has-error .prefix, -.normalized .input-prefix-suffix.input-small.has-success .prefix { - padding-left: 5px; -} - -.normalized .input-prefix-suffix.input-small.focus .suffix, -.normalized .input-prefix-suffix.input-small.has-error .suffix, -.normalized .input-prefix-suffix.input-small.has-success .suffix { - padding-right: 5px; -} - -.normalized .input-prefix-suffix.input-medium .prefix, -.normalized .input-prefix-suffix.input-large .prefix { - padding-left: 11px; -} - -.normalized .input-prefix-suffix.input-medium .suffix, -.normalized .input-prefix-suffix.input-large .suffix { - padding-right: 11px; -} - -.normalized .input-prefix-suffix.input-medium.focus .prefix, -.normalized .input-prefix-suffix.input-medium.has-error .prefix, -.normalized .input-prefix-suffix.input-medium.has-success .prefix, -.normalized .input-prefix-suffix.input-large.focus .prefix, -.normalized .input-prefix-suffix.input-large.has-error .prefix, -.normalized .input-prefix-suffix.input-large.has-success .prefix { - padding-left: 10px; -} - -.normalized .input-prefix-suffix.input-medium.focus .suffix, -.normalized .input-prefix-suffix.input-medium.has-error .suffix, -.normalized .input-prefix-suffix.input-medium.has-success .suffix, -.normalized .input-prefix-suffix.input-large.focus .suffix, -.normalized .input-prefix-suffix.input-large.has-error .suffix, -.normalized .input-prefix-suffix.input-large.has-success .suffix { - padding-right: 10px; -} - -.normalized .input-prefix-suffix.has-error { - border-color: #fa5111; - border-width: 2px; - color: #cf3e07; - background-color: #ffeaea; -} - -.normalized .input-prefix-suffix.has-error input { - color: #cf3e07; - margin: -2px 0; -} - -.normalized .input-prefix-suffix.has-error.hover { - background-color: #fff; -} - -.normalized .input-prefix-suffix.has-error.focus { - background-color: #fff; - box-shadow: 0 0 4px #F5C0C0; -} - -.normalized .input-prefix-suffix.has-success { - border-color: #468847; - border-width: 2px; - color: #468847; - background-color: #eaffea; -} - -.normalized .input-prefix-suffix.has-success input { - color: #468847; - margin: -2px 0; -} - -.normalized .input-prefix-suffix.has-success.hover { - background-color: #fff; -} - -.normalized .input-prefix-suffix.has-success.focus { - background-color: #fff; - box-shadow: 0 0 4px #88c889; -} - -.normalized .input-prefix-suffix.disabled { - background-color: #eeeeee; - border-color: #c7c7c7; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07) inset; - cursor: not-allowed; - color: #606060; -} - -.normalized .input-prefix-suffix.disabled input { - color: #606060; - pointer-events: none; -} - -/*------------------------------------------------------------------------------------------------*/ -/* modal-dropdown */ -.modal-dropdown { - font-size: 1em; - display: inline-block; - border: 1px solid #999999; - border-color: #ccc; - border-radius: 5px; - background-color: #fff; - -webkit-box-shadow: 0 3px 9px #7f7f7f; - box-shadow: 0 3px 9px #7f7f7f; - position: absolute; - padding: 1.2em 1.250em; - /* 19px 20px to 16px*/ - z-index: 1001; - overflow: hidden; -} - -.modal-dropdown .dropdown-title { - font-size: 16px; - font-weight: 600; - margin-bottom: 10px; -} - -.modal-dropdown .dropdown-content span { - font-size: 14px; -} - -.modal-dropdown .dropdown-content ul { - font-size: 14px; - list-style: none; -} - -.modal-dropdown .dropdown-content ul li { - line-height: 1.7; - margin: 0; -} - -.modal-dropdown .dropdown-content ul ul { - padding-left: 15px; -} - -.modal-dropdown .dropdown-content>ul { - margin: 0; - padding: 0; -} - -.modal-dropdown .dropdown-content table.range-group { - padding: 0; - border-collapse: collapse; - margin-bottom: 5px; - max-width: 300px; -} - -.modal-dropdown .dropdown-content table.range-group td { - padding: 0 0 0 3px; - border: none; -} - -.modal-dropdown .dropdown-content table.range-group td:first-child { - padding-left: 0; -} - -.modal-dropdown .dropdown-content input[type='checkbox'] { - margin: -2px 5px 0 0; - vertical-align: middle; -} - -.modal-dropdown .btn-container { - margin: 1.5em 0 .5em; - text-align: center; -} - -.modal-dropdown .btn-container .btn { - margin-left: 15px; -} - -.modal-dropdown .btn-container .btn:first-child { - margin-left: 0; -} - -/* list-dropdown */ -.list-dropdown { - font-size: 1em; - display: inline-block; - border: 1px solid #999999; - border-color: #ccc; - background-color: #fff; - -webkit-box-shadow: 0 3px 9px #7f7f7f; - box-shadow: 0 3px 9px #7f7f7f; - position: absolute; - padding: 0; - z-index: 1001; - overflow: hidden; - border-radius: 0; -} - -.list-dropdown ul>li>a { - font-size: 13px; - line-height: 1.9em; - padding: 0 7px; -} - -.list-dropdown ul { - padding: 0; - list-style: none; - margin: 0; -} - -.list-dropdown ul>li { - padding: 0; - margin: 0; - cursor: pointer; - text-align: left; - font-weight: 400; - -webkit-transition: background-color 0.2s linear; - transition: background-color 0.2s linear; -} - -.list-dropdown ul>li:hover { - background-color: #3399FF; -} - -.list-dropdown ul>li:hover a { - color: #fff; -} - -.list-dropdown ul>li:hover .svg-icon svg { - fill: #fff; -} - -.list-dropdown ul>li>a { - width: 100%; - color: #333; - text-decoration: none; - white-space: nowrap; - display: block; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: color 0.2s linear; - transition: color 0.2s linear; -} - -.list-dropdown ul>li .svg-icon { - display: inline-block; - width: 20px; - height: 14px; - margin: -4px 12px 0 0; - vertical-align: middle; -} - -.list-dropdown ul>li .svg-icon svg { - width: 100%; - height: 100%; - -webkit-transition: fill 0.2s linear; - transition: fill 0.2s linear; -} - -.list-dropdown-large { - border-radius: 0; -} - -.list-dropdown-large ul>li>a { - font-size: 17px; - line-height: 1.7em; - padding: 14px 32px 14px 16px; -} - -.list-dropdown-medium { - border-radius: 0; -} - -.list-dropdown-medium ul>li>a { - font-size: 14px; - line-height: 1.6em; - padding: 13px 32px 13px 16px; -} - -.list-dropdown-small { - border-radius: 0; -} - -.list-dropdown-small ul>li>a { - font-size: 12px; - line-height: 1.5em; - padding: 11px 32px 11px 16px; -} - -.account-dropdown { - -moz-box-sizing: border-box; - box-sizing: border-box; - display: inline-block; - position: relative; - text-align: left; - font-size: 16px; - line-height: 27px; -} - -.account-dropdown * { - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.account-dropdown a { - font-size: 14px; - text-decoration: none; -} - -.account-dropdown .target { - cursor: default; - display: block; - position: relative; - white-space: nowrap; - width: 100%; - z-index: 11; -} - -.account-dropdown .target .text { - display: inline-block; - max-width: 100%; - text-overflow: ellipsis; - overflow: hidden; - vertical-align: bottom; -} - -.account-dropdown .target .icon-arr-down { - font-size: 7px; - margin: 0 0 0 7px; -} - -.account-dropdown .status, -.account-dropdown .dropdown-content { - font-size: 22px; - line-height: 1; - position: relative; - z-index: 11; -} - -.account-dropdown .status a, -.account-dropdown .dropdown-content a { - white-space: nowrap; -} - -.account-dropdown .status.status-online { - color: #80c05b; -} - -.account-dropdown .status.status-offline { - color: #652d2d; -} - -.account-dropdown .dropdown-content { - -moz-box-sizing: content-box; - box-sizing: content-box; - border: 1px solid transparent; - background-color: transparent; - border-radius: 2px; - display: block; - margin: 0; - padding: 0; - min-width: 100%; - overflow: hidden; - position: absolute; - z-index: 10; - top: -1px; - left: -1px; - -webkit-transition: padding 0s linear .3s, margin 0s linear .3s, border-color .2s linear, background-color .2s linear, box-shadow .2s linear; - -ms-transition: padding 0s linear .3s, margin 0s linear .3s, border-color .2s linear, background-color .2s linear, box-shadow .2s linear; - transition: padding 0s linear .3s, margin 0s linear .3s, border-color .2s linear, background-color .2s linear, box-shadow .2s linear; -} - -.account-dropdown .dropdown-content .body { - opacity: 0; - overflow: hidden; - display: block; - background-color: #fff; - border-top: 1px solid #dae5e7; - margin: 42px -22px 0; - -webkit-transform: translateZ(0); - -webkit-transition: opacity .3s linear; - -ms-transition: opacity .3s linear; - transition: opacity .3s linear; -} - -.account-dropdown .dropdown-content .body a { - display: block; - height: 0; - line-height: 50px; - color: #19a0b4; - padding: 0 22px; - text-decoration: none; - max-width: 288px; - overflow: hidden; - text-overflow: ellipsis; - -webkit-transition: height .3s linear; - -ms-transition: height .3s linear; - transition: height .3s linear; -} - -.account-dropdown .dropdown-content .body a:hover { - color: #fff; - background-color: #17a3c2; -} - -@media screen and (min-width: 480px) { - .account-dropdown .dropdown-content .body a { - max-width: 368px; - } -} - -.account-dropdown:hover .icon-arr-down:before, -.account-dropdown.opened .icon-arr-down:before { - content: "\E609"; - color: #006995; -} - -.account-dropdown:hover .dropdown-content, -.account-dropdown.opened .dropdown-content { - background-color: #FFFFFF; - border: 1px solid #dae5e7; - margin: -14px -21px 0; - padding: 14px 22px 0; - -webkit-transition: padding 0s linear, margin 0s linear, border-color .2s linear, background-color .2s linear, box-shadow .2s linear; - -ms-transition: padding 0s linear, margin 0s linear, border-color .2s linear, background-color .2s linear, box-shadow .2s linear; - transition: padding 0s linear, margin 0s linear, border-color .2s linear, background-color .2s linear, box-shadow .2s linear; -} - -.account-dropdown:hover .dropdown-content .body, -.account-dropdown.opened .dropdown-content .body { - opacity: 1; - -webkit-transition: opacity .3s linear; - -ms-transition: opacity .3s linear; - transition: opacity .3s linear; -} - -.account-dropdown:hover .dropdown-content .body a, -.account-dropdown.opened .dropdown-content .body a { - height: 50px; - -webkit-transition: height .3s linear; - -ms-transition: height .3s linear; - transition: height .3s linear; -} - -.account-dropdown:hover .status~.dropdown-content, -.account-dropdown.opened .status~.dropdown-content { - padding-top: 42px; -} - -.component-dropdown { - position: relative; - height: auto; - width: auto; - margin-right: .2em; - display: none; -} - -.component-dropdown .target { - text-decoration: none; - display: inline-block; - white-space: nowrap; - position: relative; - z-index: 2; - text-decoration: none; - padding-right: 1.3em; -} - -.component-dropdown .target span.text, -.component-dropdown .dropdown-content>span.top span.text { - display: inline-block; - max-width: 100px; - text-overflow: ellipsis; - overflow: hidden; - vertical-align: bottom; -} - -.component-dropdown .target span.spacer { - display: none; -} - -.component-dropdown .target>span[class^="icon-"] { - display: none; -} - -.component-dropdown .dropdown-content { - border: 1px solid transparent; - background-color: transparent; - border-radius: .313em; - display: block; - margin: 0; - padding: 0; - min-width: 100%; - overflow: hidden; - position: absolute; - top: -1px; - left: -1px; - z-index: 1; - -webkit-transition: padding 0s linear .3s, margin 0s linear .3s, border-color .2s linear, background-color .2s linear, box-shadow .2s linear; - transition: padding 0s linear .3s, margin 0s linear .3s, border-color .2s linear, background-color .2s linear, box-shadow .2s linear; -} - -.no-touch .component-dropdown .target:hover+.dropdown-content, -.component-dropdown .target:focus+.dropdown-content, -.component-dropdown .target:active+.dropdown-content, -.component-dropdown .dropdown-content:hover { - background-color: #FFFFFF; - border: 1px solid #E4EBF0; - box-shadow: 0 3px 10px rgba(0, 0, 0, 0.09); - margin: -1em -1.563em; - padding: 1em 1.563em 1.25em; - -webkit-transition: padding 0s linear, margin 0s linear, border-color .2s linear, background-color .2s linear, box-shadow .2s linear; - transition: padding 0s linear, margin 0s linear, border-color .2s linear, background-color .2s linear, box-shadow .2s linear; -} - -.component-dropdown .dropdown-content>span.top { - width: 100%; - display: inline-block; - text-align: right; - white-space: nowrap; -} - -.component-dropdown .dropdown-content>span.top span.text, -.component-dropdown .dropdown-content>span.top>span.ico { - display: none; -} - -.component-dropdown .dropdown-content>span.top>span.ico { - position: relative; - top: 2px; -} - -.component-dropdown .dropdown-content>span.top span.icon-arr-down { - font-size: .45em; - position: relative; - top: -.16em; - margin-left: 1em; -} - -.no-touch .component-dropdown .target:hover+.dropdown-content>span.top span.icon-arr-down { - color: #02779D; -} - -.no-touch .component-dropdown .target:hover+.dropdown-content>span.top span.icon-arr-down:before, -.component-dropdown .target:focus+.dropdown-content>span.top span.icon-arr-down:before, -.component-dropdown .target:active+.dropdown-content>span.top span.icon-arr-down:before, -.component-dropdown .dropdown-content:hover>span.top span.icon-arr-down:before { - content: "\E609"; -} - -.component-dropdown .dropdown-content>span.body { - opacity: 0; - max-height: 0; - overflow: hidden; - display: block; - padding-top: 0; - border: 1px solid transparent; - margin: 1px; - -webkit-transform: translateZ(0); - -webkit-transition: padding-top 0s linear .3s, max-height .3s linear, opacity .3s linear; - transition: padding-top 0s linear .3s, max-height .3s linear, opacity .3s linear; -} - -.no-touch .component-dropdown .target:hover+.dropdown-content>span.body, -.component-dropdown .target:focus+.dropdown-content>span.body, -.component-dropdown .target:active+.dropdown-content>span.body, -.component-dropdown .dropdown-content:hover>span.body { - opacity: 1; - max-height: 200px; - padding-top: 2em; - -webkit-transition: padding-top 0s linear, max-height .3s linear, opacity .3s linear; - transition: padding-top 0s linear, max-height .3s linear, opacity .3s linear; -} - -/* on float right change animation ----------------------------------------------------------------*/ -.component-dropdown.fr .dropdown-content { - right: -1px; - left: auto; -} - -/* on collapce element change view ----------------------------------------------------------------*/ -.component-dropdown.mini-view .target span.spacer, -.component-dropdown.mini-view .dropdown-content>span.top>span.ico { - display: inline; -} - -.no-touch .component-dropdown.mini-view .target:hover+.dropdown-content>span.top>span.text, -.component-dropdown.mini-view .target:focus+.dropdown-content>span.top>span.text, -.component-dropdown.mini-view .target:active+.dropdown-content>span.top>span.text, -.component-dropdown.mini-view .dropdown-content:hover>span.top>span.text { - display: inline-block; - color: #17A3C1; -} - -.no-touch .component-dropdown.mini-view .target:hover+.dropdown-content>span.top>span.ico, -.component-dropdown.mini-view .target:focus+.dropdown-content>span.top>span.ico, -.component-dropdown.mini-view .target:active+.dropdown-content>span.top>span.ico, -.component-dropdown.mini-view .dropdown-content:hover>span.top>span.ico, -.component-dropdown.mini-view .target span.text { - display: none; -} - -.no-touch .component-dropdown.mini-view .target:hover+.dropdown-content, -.component-dropdown.mini-view .target:focus+.dropdown-content, -.component-dropdown.mini-view .target:active+.dropdown-content, -.component-dropdown.mini-view .dropdown-content:hover { - background-color: #FFFFFF; - border: 1px solid #E4EBF0; - box-shadow: 0 3px 10px rgba(0, 0, 0, 0.09); - margin: -2.1em; - padding: 2.1em 2.1em 1.75em; -} - -/*-------------------------------------------------------------------------------------------------*/ -/* Messages */ -.msg { - font-size: .688em; - /* 11px relato to 16px */ - font-weight: 300; - line-height: 1.2; - text-align: left; - padding: 0 .188em; - /* 0 3px*/ - margin: .545em 0 .909em 0; - /* 6px 0 10px 0 relate to 11px */ - color: #333; - word-break: keep-all; -} - -.msg.msg-error { - color: #cf3e07; -} - -/* Icon-links */ -.vertical-icolink { - display: inline-block; - font-size: .813em; - /* 13px to 16px*/ - text-decoration: none; -} - -.vertical-icolink:active { - text-decoration: none; -} - -.vertical-icolink [class*="icon-"] { - display: block; - text-align: center; - font-size: 1.62em; - /*21px; to 13px*/ - color: #5ecee3; - -webkit-transition: color 0.1s linear; - transition: color 0.1s linear; -} - -.vertical-icolink [class*="icon-"]:hover [class*="icon-"] { - color: #0287b2; -} - -.vertical-icolink [class*="icon-"]:active [class*="icon-"] { - color: #63d4ec; -} - -.horizontal-icolink { - font-size: 14px; - display: inline-block; - text-decoration: none; - position: relative; - text-align: left; - line-height: 1.3em; -} - -.horizontal-icolink:active { - text-decoration: none; -} - -.horizontal-icolink.icolink-prepend { - padding-left: 1.9em; -} - -.horizontal-icolink.icolink-append { - padding-right: 1.9em; -} - -.horizontal-icolink.icolink-inverse.icolink-prepend { - padding-left: 2.4em; -} - -.horizontal-icolink.icolink-inverse.icolink-append { - padding-right: 2.4em; -} - -.horizontal-icolink [class*="icon-"] { - position: absolute; - top: 0; - padding: .538em; - text-align: center; - vertical-align: text-top; - font-size: .929em; - margin: -5px 0 0 0; - color: #5ecee3; - -webkit-transition: color 0.1s linear; - transition: color 0.1s linear; -} - -.horizontal-icolink:hover [class*="icon-"] { - color: #0287b2; -} - -.horizontal-icolink:active [class*="icon-"] { - color: #63d4ec; -} - -.horizontal-icolink.icolink-prepend [class*="icon-"], -.horizontal-icolink.icolink-prepend .svg-icon { - left: 0; -} - -.horizontal-icolink.icolink-append [class*="icon-"], -.horizontal-icolink.icolink-append .svg-icon { - right: 0; -} - -.horizontal-icolink.icolink-inverse [class*="icon-"] { - color: #fff; - background-color: #8ed5e3; - border-radius: 4px; - transition: background-color .1s linear; -} - -.horizontal-icolink.icolink-inverse:hover [class*="icon-"] { - color: #fff; - background-color: #0287b2; -} - -.horizontal-icolink.icolink-inverse:active [class*="icon-"] { - color: #fff; - background-color: #63d4ec; -} - -.horizontal-icolink .svg-icon { - width: 1em; - height: 1em; - position: absolute; - top: 0; - padding: .15em .53em; -} - -.horizontal-icolink .svg-icon svg { - width: 100%; - height: 100%; - fill: #5ecee3; - -webkit-transition: fill 0.1s linear; - transition: fill 0.1s linear; -} - -.horizontal-icolink:hover .svg-icon svg { - fill: #0287b2; -} - -.horizontal-icolink:active .svg-icon svg { - fill: #63d4ec; -} - -.horizontal-icolink.icolink-small .svg-icon { - padding: .1em .2em .1em 1em; -} - -.horizontal-icolink.icolink-xsmall .svg-icon { - padding: .1em .5em .1em 1.2em; -} - -.icolink-small { - font-size: 12px; -} - -.icolink-xsmall { - font-size: 11px; - font-family: 'Open Sans', sans-serif; - font-weight: 700; - text-transform: uppercase; -} - -.vertical-icolink.icolink-small [class*="icon-"] { - font-size: 1.75em; - margin: 0 0 .143em 0; -} - -.vertical-icolink.icolink-xsmall [class*="icon-"] { - font-size: 1.9em; - margin: 0 0 .19em 0; -} - -.horizontal-icolink.icolink-xsmall.icolink-prepend, -.horizontal-icolink.icolink-inverse.icolink-xsmall.icolink-prepend { - padding-left: 2.8em; -} - -.horizontal-icolink.icolink-small.icolink-prepend, -.horizontal-icolink.icolink-inverse.icolink-small.icolink-prepend { - padding-left: 2.5em; -} - -.horizontal-icolink.icolink-small [class*="icon-"] { - font-size: 1.5em; - padding: .25em; - margin: -.35em 0 0 0; -} - -.horizontal-icolink.icolink-xsmall [class*="icon-"] { - font-size: 1.7em; - padding: .2em; - margin: -.35em 0 0 0; -} - -.ecwid-status { - font-size: .875em; - /* 14px to 16px*/ - display: inline-block; - text-decoration: none; - text-transform: uppercase; - font-weight: 600; - white-space: nowrap; -} - -.ecwid-status [class*="icon-"] { - text-align: center; - font-size: .75em; - /*12px; to 14px*/ - margin-left: .54em; - /* 6px to 12px*/ - opacity: .7; - -webkit-transition: color .1s linear; - transition: color .1s linear; -} - -.ecwid-status-blocked, -.ecwid-status-blocked:hover, -.ecwid-status-blocked [class*='icon-'] { - color: #b7b7b7; -} - -.ecwid-status-success, -.ecwid-status-success:hover, -.ecwid-status-success [class*='icon-'] { - color: #43985c; -} - -.ecwid-status-error, -.ecwid-status-error:hover, -.ecwid-status-error [class*='icon-'] { - color: #be5c5c; -} - -.ecwid-status-warning, -.ecwid-status-warning:hover, -.ecwid-status-warning [class*='icon-'] { - color: #c9984b; -} - -.ecwid-status-info, -.ecwid-status-info:hover, -.ecwid-status-info [class*='icon-'] { - color: #3a85d1; -} - -/* Navs */ -.nav { - list-style: none; - padding: 0; - margin: 0; -} - -.nav:before, -.nav:after { - content: " "; - display: table; -} - -.nav:after { - clear: both; -} - -.nav>li { - display: block; - margin: 0; - white-space: nowrap; -} - -.nav-btns>li { - float: left; - margin-left: .313em; -} - -.nav-btns>li:first-child { - margin-left: 0; -} - -.nav-btns>li>a { - font-size: .938em; - /* 15px */ - text-decoration: none; - color: #333; - padding: .625em .667em; - border-radius: .188em; - display: inline-block; - -webkit-transition: color 0.1s linear, background 0.1s linear; - transition: color 0.1s linear, background 0.1s linear; -} - -.nav-btns>li:hover>a { - background-color: #b5dff0; - -webkit-transition: color 0.1s linear, background 0.1s linear; - transition: color 0.1s linear, background 0.1s linear; -} - -.nav-btns>li.active>a { - background-color: #199dee; - color: #fff; - -webkit-transition: color 0.1s linear, background 0.1s linear; - transition: color 0.1s linear, background 0.1s linear; -} - -.nav-blocks>li { - float: left; - margin-left: -1px; -} - -.nav-blocks>li:first-child { - margin-left: 0; -} - -.nav-blocks>li>a { - font-size: 15px; - font-weight: 600; - line-height: 20px; - text-decoration: none; - color: #333; - padding: 20px 10px; - display: inline-block; - border-width: 0 1px 0 1px; - border-color: transparent; - border-style: solid; - -webkit-transition: color 0.1s linear, background 0.1s linear; - transition: color 0.1s linear, background 0.1s linear; -} - -.nav-blocks>li>a:hover { - background-color: #189dee; - color: #fff; - -webkit-transition: color 0.1s linear, background 0.1s linear; - transition: color 0.1s linear, background 0.1s linear; -} - -.nav-blocks>li.active>a { - background-color: #eeeff0; - color: #189dee; - border-color: #e4e6e7; - z-index: 1; - /* чтобы при ховере на элемент справа от активного этот элемент не перекрывал собой бордер */ - -webkit-transition: color 0.1s linear, background 0.1s linear; - transition: color 0.1s linear, background 0.1s linear; -} - -.nav-links>li { - float: left; - padding: 0; - cursor: pointer; -} - -.nav-links>li>a { - font-size: 0.875em; - /* 14px */ - text-decoration: none; - color: #333; - padding: 0 1.1em 0; - display: inline-block; - line-height: 1.36em; - -webkit-transition: color 0.1s linear, border-color 0.1s linear; - transition: color 0.1s linear, border-color 0.1s linear; -} - -.nav-links>li>a>span { - display: inline-block; - padding: 0.625em 0 .8em; - border-bottom: 4px solid transparent; -} - -.nav-links>li:hover>a, -.nav-links>li>a:active { - color: #56c0e7; - text-decoration: none; -} - -.nav-links>li.active>a { - color: #189dee; - text-decoration: none; - -webkit-transition: color 0.1s linear, border-color 0.1s linear; - transition: color 0.1s linear, border-color 0.1s linear; -} - -.nav-links>li.active>a>span { - border-bottom: 4px solid #308eca; -} - -div.has-badge::after, -.nav-links>li>a span.has-badge::after { - bottom: 8px; - content: attr(data-badge); - display: inline-block; - font-size: 0.68em; - left: 2px; - position: relative; - color: #999; - -webkit-transition: color 0.1s linear; - transition: color 0.1s linear; -} - -.gwt-TabBarItem-selected div.has-badge::after, -.nav-links>li:hover>a span.has-badge::after, -.nav-links>li.active>a span.has-badge::after { - color: #56c0e7; -} - -/* Notices */ -#ecwid-product-popup-content .notice { - display: block; - font-size: 12px; - font-family: 'Open Sans', sans-serif; - /* open_sansbold; */ - font-weight: 700; - padding: .5em 1.7em; - /*6px 20px*/ - border-bottom: 1px solid transparent; - line-height: 1.7em; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.notice a { - font-weight: 400; -} - -.notice-warning { - background-color: #efd694; - color: #333; - border-bottom: 1px solid #c0a554; - transition: background-color .2s linear, color .2s linear; - -webkit-transition: background-color .2s linear, color 2s linear; -} - -.notice-warning a, -.notice-warning a:visited { - color: #000; -} - -.notice-warning a:hover, -.notice-warning a:visited:hover { - color: #7c5d00; -} - -.notice-error { - background-color: #f05f43; - color: #fff; - border-bottom: 1px solid #d8553c; - transition: background-color .2s linear, color .2s linear; - -webkit-transition: background-color .2s linear, color .2s linear; -} - -.notice-error a, -.notice-error a:visited { - color: #ffddb6; -} - -.notice-error a:hover, -.notice-error a:visited:hover { - color: #fff; -} - -/* Divider */ -.divider { - display: block; - margin: 1.8em 0 2.9em; - border: none; - color: #fff; - text-align: center; - min-height: 1.5em; -} - -.divider:before { - position: relative; - content: ""; - display: block; - border-top: 1px solid #bdd8dd; - top: 1.5em; -} - -.divider:after { - content: attr(data-text); - display: inline-block; - position: relative; - font-size: 1em; - padding: 0.7em 0.9em; - background: #9ad5e0; - border-radius: 50%; -} - -.feature-enabled, -.feature-disabled { - animation: none; - background: none; - border: none; - border-image: none; - border-radius: 0; - box-shadow: none; - box-sizing: border-box; - caption-side: top; - clear: none; - clip: auto; - color: #80c05b; - counter-increment: none; - counter-reset: none; - cursor: auto; - direction: ltr; - display: inline-block; - float: none; - font: 600 normal 12px/1 'Open sans', sans-serif; - height: auto; - letter-spacing: normal; - margin: 0; - max-height: none; - max-width: none; - min-height: 0; - min-width: 0; - opacity: 1; - outline: none; - padding: 0; - position: static; - text-align: center; - text-decoration: none; - text-indent: 0; - text-shadow: none; - text-transform: uppercase; - transform: none; - transition: none; - vertical-align: baseline; - visibility: visible; - white-space: normal; - width: auto; - word-spacing: normal; - z-index: auto; - backface-visibility: visible; -} - -.feature-enabled::before, -.feature-disabled::before { - background: url("data:image/svg+xml;charset=utf8,%3Csvg width='26' height='21' viewBox='0 0 26 21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.19 15.635L22.175.583c1.905-1.744 4.484.793 2.754 2.8L10.577 19.836c-.542.662-1.953.903-2.754 0L.577 12.718c-1.775-2.14.946-4.49 2.754-2.8l5.86 5.717z' fill='%2380c05b'/%3E%3C/svg%3E") no-repeat center; - -webkit-background-size: 100% 100%; - background-size: auto auto; - animation: none; - border: none; - border-image: none; - border-radius: 0; - box-shadow: none; - box-sizing: border-box; - caption-side: top; - clear: none; - clip: auto; - color: inherit; - content: ''; - counter-increment: none; - counter-reset: none; - cursor: auto; - direction: ltr; - display: block; - float: none; - font: 600 normal 12px/1 'Open sans', sans-serif; - height: 21px; - letter-spacing: normal; - margin: 0 0 12px; - max-height: none; - max-width: none; - min-height: 0; - min-width: 0; - opacity: 1; - outline: none; - overflow: visible; - padding: 0; - position: static; - text-align: center; - text-decoration: none; - text-indent: 0; - text-shadow: none; - text-transform: uppercase; - transform: none; - transition: none; - vertical-align: baseline; - visibility: visible; - white-space: normal; - width: 100%; - word-spacing: normal; - z-index: auto; - backface-visibility: visible; -} - -.feature-enabled .text, -.feature-disabled .text { - line-height: 1.3; - text-transform: none; -} - -.feature-disabled { - color: #999; -} - -.feature-disabled::before { - background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21'%3E%3Cpath d='M10.6-.1C4.8-.1.1 4.6.1 10.4s4.7 10.5 10.5 10.5 10.5-4.7 10.5-10.5S16.4-.1 10.6-.1zm0 2.5c2 0 3.8.7 5.2 1.9L3.6 14.5c-.7-1.2-1.1-2.6-1.1-4.1 0-4.4 3.6-8 8.1-8zm0 16.1c-2.1 0-4-.8-5.4-2.1L17.4 6.1c.8 1.3 1.3 2.7 1.3 4.3-.1 4.5-3.7 8.1-8.1 8.1z' fill='%23999'/%3E%3C/svg%3E") no-repeat center; -} - -.bubble { - position: absolute; - z-index: 1000; - max-width: 18.75em; - text-align: left; -} - -.bubble-error, -.bubble-info { - position: relative; - font-size: 16px; - padding: 1.25em 1.25em 1.188em; - border-radius: 6px; - border: 2px solid transparent; - -moz-box-sizing: border-box; - box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-animation: zoom 0.1s 1 linear, fadein 0.1s 1 linear; - animation: zoom 0.1s 1 linear, fadein 0.1s 1 linear; -} - -.bubble-error:before, -.bubble-info:before { - content: ""; - position: absolute; - border: 0 solid transparent; -} - -.bubble-error { - background-color: #fff; - color: #333; - border-color: #f95111; - border-width: 1px; -} - -.bubble-error.bubble-left:before { - top: 50%; - right: -10px; - margin-top: -10px; - border-width: 10px 0 10px 10px; - border-color: transparent transparent transparent #f95111; -} - -.bubble-error.bubble-right:before { - top: 50%; - left: -10px; - margin-top: -10px; - border-width: 10px 10px 10px 0; - border-color: transparent #f95111 transparent transparent; -} - -.bubble-error.bubble-bottom:before { - top: -10px; - left: 50%; - margin-left: -10px; - border-width: 0 10px 10px 10px; - border-color: transparent transparent #f95111 transparent; -} - -.bubble-error.bubble-top:before { - bottom: -10px; - left: 50%; - margin-left: -10px; - border-width: 10px 10px 0 10px; - border-color: #f95111 transparent transparent transparent; -} - -.bubble-info { - background-color: #fff; - color: #333; - border-color: #0c92e3; - border-width: 1px; -} - -.bubble-info.bubble-left:before { - top: 50%; - right: -10px; - margin-top: -10px; - border-width: 10px 0 10px 10px; - border-color: transparent transparent transparent #0c92e3; -} - -.bubble-info.bubble-right:before { - top: 50%; - left: -10px; - margin-top: -10px; - border-width: 10px 10px 10px 0; - border-color: transparent #0c92e3 transparent transparent; -} - -.bubble-info.bubble-bottom:before { - top: -10px; - left: 50%; - margin-left: -10px; - border-width: 0 10px 10px 10px; - border-color: transparent transparent #0c92e3 transparent; -} - -.bubble-info.bubble-top:before { - bottom: -10px; - left: 50%; - margin-left: -10px; - border-width: 10px 10px 0 10px; - border-color: #0c92e3 transparent transparent transparent; -} - -.bubble .bbl-title { - font-size: 0.875em; - margin-bottom: .357em; -} - -.bubble .bbl-text { - font-size: 0.75em; -} - -.bubble.notitle .bbl-title { - display: none; -} - -.bubble.notitle .bbl-text { - font-size: 0.875em; -} - -.bubble.notitle [class*="bubble-"] { - padding-top: 1.188em; - /*19px to 16px*/ -} - -.bubble-right { - -webkit-transform-origin: left center; - -ms-transform-origin: left center; - transform-origin: left center; -} - -.bubble-bottom { - -webkit-transform-origin: center top; - -ms-transform-origin: center top; - transform-origin: center top; -} - -.bubble-left { - -webkit-transform-origin: right center; - -ms-transform-origin: right center; - transform-origin: right center; -} - -.bubble-top { - -webkit-transform-origin: center bottom; - -ms-transform-origin: center bottom; - transform-origin: center bottom; -} - -/* Tooltip */ -.tooltip { - display: inline-block; - color: #04a2ca; -} - -.tooltip [class*="bubble-"] { - padding: 1.2em 1.25em 1.2em; -} - -.tooltip .bubble .bbl-title { - font-size: 0.9375em; - margin-bottom: 0.6em; -} - -.tooltip .bubble .bbl-text { - font-size: 0.8125em; - line-height: 1.6; - position: relative; - z-index: 100; -} - -.tooltip .bubble-info.bubble-bottom:before { - border-width: 0 14px 16px; - margin-left: -14px; - top: -16px; -} - -.tooltip .bubble { - max-width: 22.7em; - margin: -2em 0 0 -9em; - padding-top: 3.7em; - display: none; -} - -.ecwid-no-touch .tooltip:hover, -.tooltip.hover { - color: #006995; - cursor: pointer; -} - -.ecwid-no-touch .tooltip:hover .bubble, -.tooltip.hover .bubble { - display: block; -} - -/* base plate styles */ -.plate { - font-size: 1em; - padding: 0.875em 1em; - border-radius: 0.375em; - border: 1px solid transparent; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-color: #eef6fa; - color: #333; - border-color: #dae5e7; - border-width: 1px; - background-clip: padding-box; - position: relative; -} - -.plate.opened { - background-color: #fff; - color: #333; - border-color: #e4ebf0; - border-width: 1px; - box-shadow: 0 0.125em 0.375em rgba(0, 0, 0, 0.09); - /* 2px 6px */ -} - -.plate.plate-live { - cursor: pointer; -} - -.plate.plate-live:hover, -.plate.plate-live.opened:hover { - background-color: #deedf5; - color: #333; - border-color: #89bede; - border-width: 1px; - box-shadow: none; -} - -.plate.plate-live:active, -.plate.plate-live.opened:active { - background-color: #fff; - color: #333; - border-color: #d1e5e9; - border-width: 1px; - box-shadow: none; -} - -.alert { - font-size: 0.875em; - padding: 1.1em 1.8em; - border-radius: 1px; - border: 1px solid transparent; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-color: #fff; - color: #333; - border-color: #d5d5d5; - border-width: 1px; - line-height: 1.66em; -} - -.alert .title { - font-size: 16px; - font-weight: 600; - margin: 5px 0 8px; -} - -.alert a { - text-decoration: none; -} - -.alert p { - font-size: 12px; - line-height: 1.6; - margin: 2px 0 5px; - max-width: 10000px; -} - -@media (min-width: 768px) { - .alert p { - font-size: 14px; - } -} - -.alert>.btn { - margin: 15px 0; -} - -.alert .close { - font-size: 1.142857em; - color: #b3b3b3; - top: 16px; - right: 14px; - position: absolute; - cursor: pointer; -} - -.alert .close:hover { - color: #0287b2; -} - -.alert .close:active { - color: #63d4ec; -} - -.alert.alert-info { - background-color: #fff; - color: #333; - border-color: #009eef; - border-width: 2px; -} - -.alert.alert-success { - background-color: #f5ffef; - color: #333; - border-color: #7cc13e; - border-width: 2px; -} - -.alert.alert-warning { - background-color: #fffbf2; - color: #333; - border-color: #e4ba74; - border-width: 2px; -} - -.alert.alert-error { - background-color: #fff6f6; - color: #333; - border-color: #ed917d; - border-width: 2px; -} - -.alert.alert-error .has-error { - color: #cf3e07; -} - -.alert.alert-icon { - font-size: 12px; - line-height: 1.667; - padding: 7px 20px 16px; - position: relative; -} - -.alert.alert-icon .alert-inner .title { - display: block; - font-size: 16px; - padding: 5px 0 0; -} - -.alert.alert-icon em { - font-style: normal; - font-weight: 600; -} - -.alert.alert-icon span[class^=icon-] { - color: #86d5fc; -} - -.alert.alert-icon .svg-icon { - fill: #86d5fc; -} - -@media (min-width: 768px) { - .alert.alert-icon { - font-size: 14px; - line-height: 1.7143; - padding: 25px 20px 25px 95px; - } - - .alert.alert-icon .alert-inner .title { - padding: 0; - } -} - -.alert.alert-icon.alert-info span[class^=icon-] { - color: #86d5fc; -} - -.alert.alert-icon.alert-info .svg-icon { - fill: #86d5fc; -} - -.alert.alert-icon.alert-success span[class^=icon-] { - color: #80c05b; -} - -.alert.alert-icon.alert-success .svg-icon { - fill: #80c05b; -} - -.alert.alert-icon.alert-warning span[class^=icon-] { - color: #e8c072; -} - -.alert.alert-icon.alert-warning .svg-icon { - fill: #e8c072; -} - -.alert.alert-icon.alert-error span[class^=icon-] { - color: #dc602d; -} - -.alert.alert-icon.alert-error .svg-icon { - fill: #dc602d; -} - -.alert.alert-icon span[class^=icon-], -.alert.alert-icon span.svg-icon { - display: none; -} - -@media (min-width: 768px) { - - .alert.alert-icon span[class^=icon-], - .alert.alert-icon span.svg-icon { - margin-left: -70px; - display: block; - position: absolute; - cursor: default; - } -} - -@media (min-width: 768px) { - .alert.alert-icon span[class^=icon-] { - font-size: 40px; - } -} - -.alert.alert-icon div.icon { - display: none; -} - -@media (min-width: 768px) { - .alert.alert-icon div.icon { - display: block; - position: absolute; - top: 0; - left: 0; - width: 100px; - height: 100%; - max-height: 102px; - } -} - -.alert.alert-icon div.icon span[class^=icon-], -.alert.alert-icon div.icon span.svg-icon { - display: block; - height: 36px; - width: 36px; - margin: -18px 0 0 -18px; - top: 50%; - left: 50%; -} - -.alert.alert-icon .alert-inner { - padding-right: 16px; -} - -.alert.alert-icon .alert-action { - display: none; -} - -.alert.alert-icon .alert-content p { - margin-top: 8px; - margin-bottom: 10px; - max-width: 855px; -} - -.alert.alert-icon .alert-content .btn { - height: 40px; - min-width: 208px; - padding: 10px; - margin: 10px 0; -} - -.alert.alert-icon.alert-full .alert-content, -.alert.alert-icon.alert-full .alert-action { - display: inline-block; - width: 100%; - margin-right: -4px; -} - -.alert.alert-icon.alert-full .alert-content { - vertical-align: top; -} - -.alert.alert-icon.alert-full .alert-action { - display: block; - padding: 18px 0 8px; - text-align: left; -} - -.alert.alert-icon.alert-full .alert-action .btn { - height: 40px; - padding: 10px; - margin-bottom: 10px; - min-width: 208px; -} - -.alert.alert-icon.alert-full .alert-action .btn+div { - font-size: 0.9285em; -} - -@media (min-width: 768px) { - .alert.alert-icon.alert-full { - font-size: 14px; - padding-bottom: 32px; - } - - .alert.alert-icon.alert-full .alert-inner { - display: table; - width: 100%; - } - - .alert.alert-icon.alert-full .alert-content, - .alert.alert-icon.alert-full .alert-action { - display: table-cell; - } - - .alert.alert-icon.alert-full .alert-action { - width: 300px; - padding: 0 27px 0 45px; - text-align: center; - vertical-align: middle; - } - - .alert.alert-icon.alert-full .alert-action .btn+div { - margin-top: 15px; - } - - .alert.alert-icon.alert-full span[class^=icon-] { - padding-top: 7px; - } -} - -.alert.alert-icon.alert-short span[class^=icon-], -.alert.alert-icon.alert-short span.svg-icon { - display: none; -} - -.alert.alert-icon.alert-short .title { - margin-bottom: 6px; -} - -@media (min-width: 768px) { - .alert.alert-icon.alert-short { - padding: 15px 20px 17px 95px; - } - - .alert.alert-icon.alert-short span[class^=icon-], - .alert.alert-icon.alert-short span.svg-icon { - display: block; - position: absolute; - top: 50%; - margin: -16px 0 0 -63px; - cursor: default; - } - - .alert.alert-icon.alert-short span[class^=icon-] { - font-size: 32px; - } -} - -.alert.alert-icon.alert-short .title+div { - display: none; -} - -/* base popups styles */ -.popup { - font-size: 1em; - padding: 17px 22px 25px; - border-radius: 7px; - border: 1px solid transparent; - -moz-box-sizing: border-box; - box-sizing: border-box; - overflow: hidden; -} - -.popup .popup-title { - font-size: 18px; - display: block; - margin: 0 0 16px; - font-weight: 600; -} - -.popup .popup-close { - float: right; - display: block; - width: 24px; - height: 24px; - background-color: #000; - opacity: .3; - text-align: center; - border-radius: 50%; - position: relative; - top: -3px; - right: -9px; - -webkit-transition: opacity 0.1s linear; - transition: opacity 0.1s linear; -} - -.popup .popup-close [class*="icon-"] { - font-size: 0.75em; - color: #fff; -} - -.popup .popup-close:hover { - opacity: .5; -} - -.popup .popup-text { - font-size: 13px; - line-height: 1.4; - margin-top: 0 0 4px; - display: block; -} - -/* popup types */ -.popup-success { - background-color: #f5ffef; - color: #406d40; - border-color: transparent; - border-width: 1px; -} - -.popup-warning { - background-color: #fffbf2; - color: #333; - border-color: transparent; - border-width: 1px; -} - -.popup-default { - background-color: #fff; - color: #1e2c38; - border-color: #009eef; - border-width: 1px; -} - -.popup-info { - background-color: #b5dff0; - color: #1e2c38; - border-color: transparent; - border-width: 1px; -} - -/* new popup */ -.ecwid-modal-open { - overflow: hidden !important; - position: fixed !important; - width: 100%; -} - -.main-overlay { - -webkit-overflow-scrolling: touch; - overflow-y: auto; - background: rgba(0, 0, 0, 0.5); - position: fixed; - top: 0; - left: 0; - width: 100vw; - height: 100%; - z-index: 9999; - display: table\9; -} - -.main-overlay--transparent { - background: none; -} - -.main-overlay--hidden { - background: none; - pointer-events: none; -} - -.main-overlay_animation-hide { - opacity: 0; - -webkit-transition: opacity 200ms ease-out 200ms; - transition: opacity 200ms ease-out 200ms; -} - -.main-overlay_animation-hide .main-popup { - opacity: 0; - margin-top: 40px; - -webkit-transition: all 400ms ease-out; - transition: all 400ms ease-out; -} - -.main-popup { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - display: table-cell\9; - vertical-align: middle\9; - box-sizing: border-box; - -moz-box-sizing: border-box; - text-align: center; - -webkit-transform: translateZ(0); - /* IE11 does not wrap long paragraphs of text */ -} - -.main-popup_center { - height: 100%; - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 15px; -} - -.main-popup_animation { - -webkit-animation: showpopup 400ms ease-out; - animation: showpopup 400ms ease-out; -} - -.main-popup.main-popup_top { - align-items: flex-start; - vertical-align: top\9; - padding: 0 15px; -} - -.main-popup.main-popup_bottom { - align-items: flex-end; - vertical-align: bottom\9; - padding: 0 15px; -} - -.main-popup__container { - position: relative; - padding: 20px 25px; - max-width: 600px; - min-width: 290px; - background: #fff; - border-radius: 1px; - border: 1px solid #d5d5d5; - color: #333; - box-sizing: border-box; - -moz-box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - display: inline-block\9; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - word-wrap: break-word; -} - -.main-popup__container a { - text-decoration: none; -} - -.main-popup__container>div { - max-width: 100%; -} - -.main-popup _:-ms-fullscreen, -.main-popup :root .main-popup__container { - display: inline-block; -} - -@media (min-width: 640px) { - .main-popup__container { - padding: 30px 45px; - } - - .main-popup_center .main-popup__container { - padding: 45px 85px 30px; - } - - .main-popup _:-ms-fullscreen, - .main-popup :root .main-popup__container { - display: flex; - } -} - -.main-popup__close { - position: absolute; - width: 16px; - height: 16px; - color: #b3b3b3; - top: 16px; - right: 16px; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} - -.main-popup__close svg { - width: 16px; - height: 16px; - fill: currentColor; - transition: color 0.1s linear; -} - -.main-popup__close:hover { - color: #0287b2; -} - -.main-popup__close:active { - color: #63d4ec; -} - -.main-popup__title { - font-size: 16px; - font-weight: 600; - line-height: 1.5; - padding: 15px 0 5px; - margin: 0; - max-width: 100%; - box-sizing: border-box; - -moz-box-sizing: border-box; -} - -@media (min-width: 640px) { - .main-popup__title { - font-size: 18px; - } -} - -.main-popup__text { - font-size: 12px; - line-height: 1.667; - text-align: center; - display: inline-block; - padding: 5px 0; - max-width: 100%; -} - -.main-popup__text.ecwid-multiLine { - text-align: left; -} - -@media (min-width: 640px) { - .main-popup__text { - font-size: 14px; - line-height: 1.7143; - } -} - -.main-popup__content { - padding: 10px 10px 0; -} - -.main-popup__buttons { - padding: 15px 0 0; - min-width: 180px; -} - -@media (min-width: 640px) { - .main-popup__buttons { - padding: 30px 0 0; - } -} - -.main-popup__buttons .btn { - font-size: 13px; - min-width: 100%; - margin-bottom: 10px; - box-sizing: border-box; - -moz-box-sizing: border-box; -} - -@media (min-width: 640px) { - .main-popup__buttons .btn { - min-width: 180px; - margin: 0 5px 10px; - } -} - -.main-popup__timer { - color: #189dee; - font-size: 25px; -} - -@media (min-width: 640px) { - .main-popup__timer { - font-size: 34px; - } -} - -.main-popup__logo { - width: auto; - height: 65px; - -webkit-transform: scale(0.75); - -ms-transform: scale(0.75); - transform: scale(0.75); -} - -.main-popup__logo svg { - fill: #86d5fc; - height: 100%; - max-height: 65px; - max-width: 100%; -} - -@media (min-width: 768px) { - .main-popup__logo { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - padding-bottom: 10px; - } -} - -.main-popup--error .main-popup__logo svg { - fill: #dc602d; -} - -.main-popup--warning .main-popup__logo svg { - fill: #e8c072; -} - -.main-popup--success .main-popup__logo svg { - fill: #80c05b; -} - -.main-popup--success .alert.alert-success { - background-color: #fff; - color: #333; - border-color: #d5d5d5; - border-width: 1px; - box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); -} - -.ecwid-modal-large { - position: absolute !important; -} - -@media (min-width: 768px) { - .ecwid-modal-large { - position: fixed !important; - } -} - -.ecwid-modal-large .main-overlay { - position: absolute; - overflow-y: scroll; - background: #EEEFF0; -} - -@media (min-width: 768px) { - .ecwid-modal-large .main-overlay { - position: fixed; - overflow-y: auto; - } -} - -.ecwid-modal-large .main-popup { - padding: 0; - height: calc(100% + 1px); -} - -.ecwid-modal-large .main-popup .main-popup__container { - font-size: 12px; - line-height: 20px; - background-color: #EEEFF0; - border: none; - width: 100%; - max-width: 1440px; - padding: 10px 0; - justify-content: flex-start; - overflow: hidden; -} - -.ecwid-modal-large .main-popup .main-popup__container * { - box-sizing: border-box; -} - -@media (min-width: 768px) { - .ecwid-modal-large .main-popup .main-popup__container { - font-size: 14px; - line-height: 24px; - padding: 30px 0; - } -} - -.ecwid-modal-large .main-popup .main-popup__logo { - height: 53px; - padding-bottom: 0; - margin-top: 7px; -} - -@media (min-width: 768px) { - .ecwid-modal-large .main-popup .main-popup__logo { - margin-top: 37px; - padding: 0; - } -} - -.ecwid-modal-large .main-popup .main-popup__close { - top: 27px; - right: 16px; - width: 16px; - height: 16px; -} - -.ecwid-modal-large .main-popup .main-popup__close svg { - width: 100%; - height: auto; -} - -.ecwid-modal-large .main-popup .main-popup__close .svg--desktop { - display: none; -} - -@media (min-width: 768px) { - .ecwid-modal-large .main-popup .main-popup__close { - top: 50px; - right: -100px; - width: 31px; - height: 31px; - } - - .ecwid-modal-large .main-popup .main-popup__close .svg--desktop { - display: block; - } - - .ecwid-modal-large .main-popup .main-popup__close .svg--mobile { - display: none; - } -} - -@media (min-width: 1024px) { - .ecwid-modal-large .main-popup .main-popup__close { - right: 0; - } -} - -.ecwid-modal-large .main-popup .main-popup__top-note { - max-width: 700px; - line-height: 22px; - margin: 8px auto 0; -} - -@media (min-width: 768px) { - .ecwid-modal-large .main-popup .main-popup__top-note { - line-height: 28px; - } -} - -.ecwid-modal-large .main-popup .main-popup__panel { - background-color: #fff; - border: 1px solid #D2D2D2; - max-width: 1000px; - margin: 10px auto 25px; - padding: 20px; -} - -@media (min-width: 768px) { - .ecwid-modal-large .main-popup .main-popup__panel { - margin-top: 37px; - } -} - -@media (min-width: 1024px) { - .ecwid-modal-large .main-popup .main-popup__panel { - min-width: 1000px; - padding: 35px 20px 40px; - } -} - -.ecwid-modal-large .main-popup .main-popup__panel .main-popup__title { - font-size: 18px; - font-weight: 400; - line-height: 26px; - margin-top: 0; - padding-top: 0; -} - -@media (min-width: 768px) { - .ecwid-modal-large .main-popup .main-popup__panel .main-popup__title { - font-size: 22px; - line-height: 31px; - } -} - -.ecwid-modal-large .main-popup .main-popup__panel .btn { - margin-bottom: 0; - min-width: 240px; -} - -.ecwid-modal-large .main-popup .main-popup__cancel { - font-size: 13px; - line-height: 18px; - text-align: center; - padding-bottom: 20px; -} - -.ecwid-modal-large .ecwid-facelift { - display: none; -} - -/* IE11 does not wrap long paragraphs of text */ -_:-ms-fullscreen, -:root .main-popup__container { - display: inline-block; -} - -@media (min-width: 640px) { - - _:-ms-fullscreen, - :root .main-popup__container { - display: flex; - } -} - -.svg-close { - fill: currentColor; -} - -.svg-rocket { - fill: currentColor; -} - -.svg-question { - fill: currentColor; -} - -.svg-error { - fill: #d2d2d2; -} - -.svg-trash { - fill: currentColor; -} - -.svg-rocket__circle { - -webkit-animation: rocket-circle 1.5s infinite ease-out; - animation: rocket-circle 1.5s infinite ease-out; -} - -.svg-rocket__circle:nth-child(2) { - -webkit-animation-delay: 0.75s; - animation-delay: 0.75s; -} - -.svg-rocket__circle:nth-child(3) { - -webkit-animation-delay: 0.75s; - animation-delay: 0.5s; -} - -.svg-rocket__circle:nth-child(4) { - -webkit-animation-delay: 0.75s; - animation-delay: 0.25s; -} - -.svg-rocket__circle:nth-child(5) { - -webkit-animation-delay: 0.00s; - animation-delay: 0.00s; -} - -@-webkit-keyframes rocket-circle { - - 0%, - 100% { - opacity: 1; - } - - 80%, - 85% { - opacity: 0; - } -} - -@keyframes rocket-circle { - - 0%, - 100% { - opacity: 1; - } - - 80%, - 85% { - opacity: 0; - } -} - -@-webkit-keyframes showpopup { - from { - margin-top: -40px; - opacity: 0; - } - - to { - margin-top: 0; - opacity: 1; - } -} - -@keyframes showpopup { - from { - margin-top: -40px; - opacity: 0; - } - - to { - margin-top: 0; - opacity: 1; - } -} - -/* dialog styles */ -.dialog { - font-size: 1em; - padding: 30px; - border-radius: 0.375em; - border: 1px solid transparent; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin-top: 18px; - padding: 30px 30px 3px 30px; - background-clip: padding-box; - border: 1px solid #dae5e7; - background: #fff; -} - -.dialog .dialog-title { - font-size: 1.75em; - line-height: 1.2; - font-weight: 600; - display: block; - margin: 0 0 16px; -} - -.dialog .dialog-cancel { - font-size: 1em; - line-height: 1.2; - float: right; - text-align: center; - position: relative; - top: 6px; - right: 7px; - color: #a0a0a0; - -webkit-transition: color 0.1s linear; - transition: color 0.1s linear; -} - -.dialog .dialog-cancel:visited { - color: #a0a0a0; -} - -.dialog .dialog-cancel:hover, -.dialog .dialog-cancel:visited:hover { - color: #006995; -} - -.dialog .dialog-cancel:active, -.dialog .dialog-cancel:visited:active { - color: #54bfd6; -} - -.dialog .dialog-cancel [class*="icon-"] { - font-size: 0.875em; - color: #a0a0a0; -} - -.dialog .dialog-cancel:hover [class*="icon-"], -.dialog .dialog-cancel:visited:hover [class*="icon-"] { - color: #0287b2; -} - -.dialog .dialog-cancel:active [class*="icon-"], -.dialog .dialog-cancel:active:hover [class*="icon-"] { - color: #54bfd6; -} - -.dialog .dialog-body { - line-height: 1.4; - margin-top: 0 0 4px; - display: block; -} - -.dialog input { - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -webkit-padding-start: 0px; - -webkit-text-size-adjust: none; -} - -@media only screen and (max-width: 768px) { - .dialog { - margin-top: 0; - padding-left: 15px; - padding-right: 15px; - border: none; - } - - .dialog .dialog-title { - font-size: 1.375em; - } - - .dialog-body p { - font-size: 0.875em; - } -} - -.loader svg { - height: 100%; - width: 100%; -} - -[class*="loading"] .loader .spin-left { - -webkit-animation: spinleft 1s infinite linear; - animation: spinleft 1s infinite linear; -} - -[class*="loading"] .loader .spin-right { - -webkit-animation: spinright 0.5s infinite linear; - animation: spinright 0.5s infinite linear; -} - -.btn .loader { - position: absolute; - width: 100%; - top: -30%; - left: 0; - display: none; - z-index: 1; - -webkit-animation: fadein 0.1s 1 linear; - animation: fadein 0.1s 1 linear; -} - -.btn .loader .spinner { - margin: 0 auto; - height: 46px; - width: 46px; -} - -.btn .loader .spinner svg { - width: 100%; - height: 100%; - -webkit-transform: scale(1); -} - -.btn.btn-large .loader .spinner { - height: 70px; - width: 70px; -} - -.btn.btn-medium .loader .spinner { - height: 56px; - width: 56px; -} - -.btn.btn-small .loader .spinner { - height: 40px; - width: 40px; -} - -.btn-loading .loader { - display: block; -} - -html { - font-size: 100%; -} - -body { - color: #333; -} - -body, -html { - font-family: "Open Sans", sans-serif, Arial; - font-weight: 400; - margin: 0; - padding: 0; -} - -:focus { - outline: none; -} - -/* Overrides the highlight color shown when the user taps a link */ -*:active, -*:hover, -*:focus { - -webkit-tap-highlight-color: transparent; - -moz-tap-highlight-color: transparent; - tap-highlight-color: transparent; -} - -.normalized select, -.normalized textarea, -.normalized input, -.normalized button { - font-family: "Open Sans", sans-serif, Arial; - font-weight: 400; -} - -.normalized button::-moz-focus-inner { - border: none; -} - -.fl { - float: left; -} - -.fr { - float: right; -} - -#ecwid-product-popup-content .hidden { - display: none !important; - visibility: hidden !important; -} - -/* Clearfix */ -.cf:before, -.cf:after { - content: " "; - display: table; -} - -.cf:after { - clear: both; -} - -.cf { - *zoom: 1; - /* For IE 6/7 only */ -} - -/*--- Fieldsets ----------------------------------------------------------------------------------*/ -/*--- Fieldsets mixins ---------------------------------------------------------------------------*/ -/*--- Fieldsets variables ------------------------------------------------------------------------*/ -/* medium sise (default) */ -/* small size */ -/* large size */ -/*--- Fieldsets styles ---------------------------------------------------------------------------*/ -.fieldset { - vertical-align: top; -} - -.fieldset * { - -moz-box-sizing: border-box; - box-sizing: border-box; - text-rendering: optimizeLegibility; -} - -.fieldset .field { - display: inline-block; - position: relative; - color: #606060; - text-align: left; - vertical-align: middle; - border: 1px solid #c7c7c7; - background-color: #fafbfc; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07); - width: 100%; - outline: 0; - -ms-transform: translatez(0); - -webkit-transform: translatez(0); - transform: translatez(0); - font-size: 14px; - padding: 2px 9px 3px; - border-radius: 2px; - line-height: 19px; - height: 40px; - -webkit-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear; - transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear; - /* states */ - /* field sizes */ -} - -.fieldset .field:focus, -.fieldset .field.focus { - border-width: 2px; - padding: 1px 8px 2px; -} - -.fieldset .field:focus, -.fieldset .field.focus, -.fieldset .field:active, -.fieldset .field.active { - background-color: #fff; - /*border-color: #0c92e3;*/ - border-color: red; - color: #606060; - box-shadow: 0 0 4px #d1eafa; -} - -.fieldset .field[disabled], -.fieldset .field[readonly], -.fieldset .field[disabled]:hover, -.fieldset .field[disabled]:focus, -.fieldset .field[disabled]:focus:hover, -.fieldset .field[disabled]:active, -.fieldset .field[disabled]:focus:active { - background-color: #eeeeee; - border-color: #c7c7c7; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07); - pointer-events: none; -} - -.fieldset .field__label { - display: block; - visibility: visible; - font-size: 10px; - font-weight: 600; - line-height: 1; - color: #999; - height: auto; - margin-top: 2px; - opacity: 0; - pointer-events: none; - -webkit-transform: translateZ(0); - -webkit-font-smoothing: antialiased; - -webkit-backface-visibility: hidden; - -webkit-transform: translate3D(0px, -10px, 0px); - transform: translate3D(0px, -10px, 0px); - transition: all .25s ease-out; -} - -.fieldset .field__input { - font-size: 14px; - line-height: 19px; - color: #333; - margin: 0; - padding: 0; - border: 0; - background: transparent; - position: relative; - top: 1px; - width: 100%; - -webkit-appearance: none; - z-index: 3; -} - -.fieldset .field__placeholder { - font-size: 16px; - line-height: 22px; - font-weight: 400; - color: #999; - display: inline-block; - padding: 0; - margin: 0; - position: absolute; - top: 7px; - left: 11px; - z-index: 2; - pointer-events: none; -} - -.fieldset .field--filled .field__placeholder, -.fieldset .field--focus .field__placeholder { - display: none; - transition: none; -} - -.fieldset .field svg { - fill: currentColor; - width: 100%; - height: auto; -} - -.fieldset .field--hover { - background-color: #fff; -} - -.fieldset .field:active, -.fieldset .field:focus, -.fieldset .field--focus { - color: #606060; - border: 2px solid #009eef; - background-color: #fff; - box-shadow: 0 0 4px #d1eafa; - padding: 1px 8px 2px; - outline: 0; -} - -.fieldset .field:active .field__placeholder, -.fieldset .field:focus .field__placeholder, -.fieldset .field--focus .field__placeholder { - top: 6px; - left: 10px; -} - -.fieldset .field [class*="field-state"] { - display: block; - width: 16px; - height: 16px; - position: absolute; - top: 10px; - right: 9px; - opacity: 0; - z-index: -1; - -webkit-transform: translateZ(0); - -webkit-font-smoothing: antialiased; - transition: opacity .14s ease-out, color .14s ease-out; -} - -.fieldset .field .field-state--success { - color: #80c05b; - width: 22px; - height: 22px; -} - -.fieldset .field .field-state--close { - color: #dc602d; - cursor: pointer; -} - -.fieldset .field .field-state--close:hover { - color: #b23709; -} - -.fieldset .field .field-state--close:active { - color: #ff8456; -} - -.fieldset .field__arrow { - display: block; - width: 17px; - height: 17px; - position: absolute; - top: 10px; - right: 10px; - color: #999; - pointer-events: none; - -webkit-transform: translateZ(0); - -webkit-font-smoothing: antialiased; - transition: opacity .14s ease-out, color .14s ease-out; -} - -.fieldset .field--filled .field__input { - margin-top: -2px; -} - -.fieldset .field--filled .field__label { - opacity: 1; - -webkit-transform: translate3D(0px, 0px, 0px); - transform: translate3D(0px, 0px, 0px); -} - -.fieldset .field--filled .select-target { - opacity: 1; -} - -.fieldset .field--focus .field__label { - opacity: 1; - -webkit-transform: translate3D(0px, 0px, 0px); - transform: translate3D(0px, 0px, 0px); -} - -.fieldset .field--focus .field__arrow { - top: 9px; - right: 9px; -} - -.fieldset .field--focus .select-target { - opacity: 1; -} - -.fieldset .field__error { - color: #cf3e07; - display: none; - font-size: 12px; - font-weight: 400; - line-height: 1.2; - margin: 6px 0 10px; - padding: 0 3px; - text-align: left; -} - -@media (min-width: 768px) { - .fieldset .field--medium { - font-size: 14px; - padding: 3px 11px 4px; - border-radius: 2px; - line-height: 19px; - height: 48px; - } - - .fieldset .field--medium:focus, - .fieldset .field--medium.focus { - border-width: 2px; - padding: 2px 10px 3px; - } - - .fieldset .field--medium .field__label { - margin-top: 4px; - } - - .fieldset .field--medium .field__input { - top: 3px; - } - - .fieldset .field--medium .field__placeholder { - font-size: 18px; - line-height: 24px; - font-weight: 300; - top: 11px; - } - - .fieldset .field--medium [class*="field-state"] { - top: 14px; - right: 15px; - } - - .fieldset .field--medium .field__arrow { - top: 14px; - right: 12px; - } - - .fieldset .field--medium:active, - .fieldset .field--medium:focus, - .fieldset .field--medium.field--focus { - padding: 2px 10px 3px; - } - - .fieldset .field--medium:active .field__placeholder, - .fieldset .field--medium:focus .field__placeholder, - .fieldset .field--medium.field--focus .field__placeholder { - top: 10px; - } - - .fieldset .field--medium:active .field__arrow, - .fieldset .field--medium:focus .field__arrow, - .fieldset .field--medium.field--focus .field__arrow { - top: 13px; - right: 11px; - } -} - -.fieldset .field--large { - font-size: 14px; - padding: 3px 11px 4px; - border-radius: 2px; - line-height: 19px; - height: 48px; -} - -.fieldset .field--large:focus, -.fieldset .field--large.focus { - border-width: 2px; - padding: 2px 10px 3px; -} - -.fieldset .field--large .field__label { - margin-top: 4px; -} - -.fieldset .field--large .field__input { - top: 3px; -} - -.fieldset .field--large .field__placeholder { - font-size: 18px; - line-height: 24px; - font-weight: 300; - top: 11px; -} - -.fieldset .field--large [class*="field-state"] { - top: 14px; - right: 15px; -} - -.fieldset .field--large .field__arrow { - top: 16px; - right: 14px; -} - -.fieldset .field--large:active, -.fieldset .field--large:focus, -.fieldset .field--large.field--focus { - padding: 2px 10px 3px; -} - -.fieldset .field--large:active .field__placeholder, -.fieldset .field--large:focus .field__placeholder, -.fieldset .field--large.field--focus .field__placeholder { - top: 10px; -} - -.fieldset .field--large:active .field__arrow, -.fieldset .field--large:focus .field__arrow, -.fieldset .field--large.field--focus .field__arrow { - top: 15px; - right: 13px; -} - -@media (min-width: 768px) { - .fieldset .field--large { - font-size: 18px; - padding: 5px 16px 6px; - border-radius: 2px; - line-height: 24px; - height: 56px; - } - - .fieldset .field--large:focus, - .fieldset .field--large.focus { - border-width: 2px; - padding: 4px 15px 5px; - } - - .fieldset .field--large .field__label { - font-size: 11px; - margin-top: 4px; - } - - .fieldset .field--large .field__input { - font-size: 18px; - line-height: 24px; - top: 2px; - } - - .fieldset .field--large .field__placeholder { - font-size: 22px; - line-height: 30px; - top: 11px; - } - - .fieldset .field--large [class*="field-state"] { - top: 16px; - right: 17px; - } - - .fieldset .field--large .field__arrow { - top: 18px; - } - - .fieldset .field--large:active, - .fieldset .field--large:focus, - .fieldset .field--large.field--focus { - padding: 4px 15px 5px; - } - - .fieldset .field--large:active .field__placeholder, - .fieldset .field--large:focus .field__placeholder, - .fieldset .field--large.field--focus .field__placeholder { - top: 10px; - } - - .fieldset .field--large:active .field__arrow, - .fieldset .field--large:focus .field__arrow, - .fieldset .field--large.field--focus .field__arrow { - top: 17px; - } -} - -.fieldset.has-error .field { - border: 2px solid #ed917d; - padding: 2px 10px 3px; - color: #dc602d; - background-color: #fff6f6; - box-shadow: none; - -webkit-transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear; - transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear; -} - -.fieldset.has-error .field:hover { - background-color: #fff; -} - -.fieldset.has-error .field:focus { - background-color: #fff; - box-shadow: 0 0 4px #F5C0C0; -} - -.fieldset.has-error .field--focus { - padding: 2px 10px 3px; -} - -.fieldset.has-error .field--focus .field__label { - color: #999; -} - -.fieldset.has-error .field__label { - color: #dc602d; - opacity: 1; - -webkit-transform: translate3D(0px, 0px, 0px); - transform: translate3D(0px, 0px, 0px); -} - -.fieldset.has-error .field__input { - padding-right: 25px; -} - -.fieldset.has-error .field__placeholder { - display: none; -} - -.fieldset.has-error .field-state--close { - background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); - z-index: 13; - opacity: 1; -} - -.fieldset.has-error .field.field--large { - padding: 4px 15px 5px; -} - -.fieldset.has-error .field__error { - display: inline-block; -} - -.fieldset.has-error .field__arrow { - display: none; -} - -.fieldset.has-success .field { - color: #80c05b; - -webkit-transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear; - transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear; -} - -.fieldset.has-success .field:focus { - background-color: #fff; - box-shadow: 0 0 4px #88c889; -} - -.fieldset.has-success .field__input { - padding-right: 25px; -} - -.fieldset.has-success .field-state--success { - opacity: 1; - z-index: 13; - pointer-events: none; -} - -.fieldset.has-success .field--focus, -.fieldset.has-success .field:active { - border: 2px solid #7cc13e; - padding: 1px 8px 2px; - background-color: #f5ffef; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - color: #468847; - transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear; -} - -.fieldset.has-success .field--focus .field-state--success, -.fieldset.has-success .field:active .field-state--success { - top: 9px; - right: 8px; -} - -@media (min-width: 768px) { - - .fieldset.has-success .field--focus.field--medium, - .fieldset.has-success .field:active.field--medium { - padding: 2px 10px 3px; - } - - .fieldset.has-success .field--focus.field--medium .field-state--success, - .fieldset.has-success .field:active.field--medium .field-state--success { - top: 13px; - right: 14px; - } -} - -.fieldset.has-success .field--focus.field--large, -.fieldset.has-success .field:active.field--large { - padding: 2px 10px 3px; -} - -.fieldset.has-success .field--focus.field--large .field-state--success, -.fieldset.has-success .field:active.field--large .field-state--success { - top: 13px; - right: 14px; -} - -@media (min-width: 768px) { - - .fieldset.has-success .field--focus.field--large, - .fieldset.has-success .field:active.field--large { - padding: 4px 15px 5px; - } - - .fieldset.has-success .field--focus.field--large .field-state--success, - .fieldset.has-success .field:active.field--large .field-state--success { - top: 15px; - right: 16px; - } -} - -.fieldset.has-success .field__arrow { - display: none; -} - -/*--- Drop-down styles -----------------------------------------------------------------------------*/ -.fieldset--select .field__select { - font: 14px/19px 'Open Sans', sans-serif; - color: #333; - position: absolute; - top: 0; - left: 0; - height: 40px; - display: inline-block; - margin: -1px 0 0 0; - padding: 12px 24px 0 8px; - width: 100%; - background: transparent; - border: none; - outline: 0; - overflow: hidden; - cursor: pointer; - text-decoration: none; - white-space: nowrap; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - text-indent: 0.01px; - text-overflow: ellipsis; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - -o-user-select: none; - user-select: none; - -webkit-tap-highlight-color: transparent; - -webkit-touch-callout: none; -} - -.fieldset--select .field__select:hover { - border-color: #999; - color: #000; -} - -.fieldset--select .field__select-focused, -.fieldset--select .field__select-focused:focus { - border-color: #63a2f1; - outline: none; -} - -.fieldset--select .field__select::-ms-expand { - display: none; -} - -.fieldset--select .field__select::-ms-value { - background: none; - color: #333; -} - -.fieldset--select .field__select:-moz-focusring { - color: transparent; - text-shadow: 0 0 0 #000; -} - -.fieldset--select .field__select option { - font-size: 14px; - background: #fff; -} - -@media (min-width: 768px) { - .fieldset--select .field--medium .field__select { - height: 48px; - padding: 10px 24px 0 10px; - } -} - -.fieldset--select .field--large .field__select { - padding: 18px 30px 0 11px; -} - -@media (min-width: 768px) { - .fieldset--select .field--large .field__select { - font-size: 18px; - line-height: 24px; - height: 56px; - padding: 11px 22px 0 14px; - } -} - -.fieldset--select .field--focus .field__select { - top: -1px; - left: -1px; -} - -.fieldset--select.has-success .field__select, -.fieldset--select.has-error .field__select { - padding-right: 35px; -} - -@supports (-moz-appearance: meterbar) { - .fieldset--select .field__select { - padding-left: 5px; - } - - .fieldset--select .field__select option { - padding-left: 7px; - } - - @media (min-width: 768px) { - .fieldset--select .field--medium .field__select { - padding-left: 7px; - } - - .fieldset--select .field--medium .field__select option { - padding-left: 9px; - } - } - - .fieldset--select .field--large .field__select { - padding-left: 8px; - } - - @media (min-width: 768px) { - .fieldset--select .field--large .field__select { - padding-left: 12px; - } - - .fieldset--select .field--large .field__select option { - padding-left: 14px; - } - } -} - -/*----Textareas styles ---------------------------------------------------------------------------*/ -.fieldset--textarea .field { - min-height: 100px; - padding: 3px 11px 4px; -} - -.fieldset--textarea .field__textarea { - font-family: "Open Sans", sans-serif, Arial; - font-size: 14px; - line-height: 19px; - color: #333; - position: relative; - border: none; - background: transparent; - resize: none; - width: 100%; - height: 100%; - padding: 8px 0; - box-sizing: border-box; -} - -.fieldset--textarea .field--filled .field__placeholder { - opacity: 0; -} - -.fieldset--textarea .field--focus, -.fieldset--textarea .field:focus, -.fieldset--textarea .field.focus, -.fieldset--textarea .field:active, -.fieldset--textarea .field.active { - padding: 2px 10px 4px; -} - -.fieldset--textarea .field .field__placeholder { - font-size: 14px; - line-height: 19px; - font-weight: 400; -} - -@media (min-width: 768px) { - .fieldset--textarea .field--large { - padding: 5px 16px 6px; - } - - .fieldset--textarea .field--large .field__textarea, - .fieldset--textarea .field--large .field__placeholder { - font-size: 18px; - line-height: 24px; - } - - .fieldset--textarea .field--large.field--focus, - .fieldset--textarea .field--large.field__textarea:focus, - .fieldset--textarea .field--large.field__textarea.focus, - .fieldset--textarea .field--large.field__textarea:active, - .fieldset--textarea .field--large.field__textarea.active { - padding: 4px 15px 6px; - } -} - -/*------------------------------------------------------------------------------------------------*/ -h1, -h2, -h3, -h4, -h5, -h6 { - display: block; - font-weight: 600; -} - #ecwid-product-popup-content { display: none; } @@ -6446,6 +14,24 @@ h6 { text-decoration: none; } +#ecwid-product-popup-content .hidden { + display: none !important; + visibility: hidden !important; +} + +/* Notices */ +#ecwid-product-popup-content .notice { + display: block; + font-size: 12px; + /* open_sansbold; */ + font-weight: 700; + padding: .5em 1.7em; + border-bottom: 1px solid transparent; + line-height: 1.7em; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + /* * Menu items visibility */ @@ -6487,7 +73,6 @@ h6 { /* * Size and centering */ - @media only screen and (min-width: 960px) and (min-height: 660px) { html:not(.ie8) #ecwid-product-popup-content .media-modal-content { @@ -6547,60 +132,59 @@ h6 { padding: 40px 20px; } -.add-product .products { +#ecwid-product-popup-content .add-product .products { margin-bottom: 15px; } -.add-product .products .selected-product { +#ecwid-product-popup-content .add-product .products .selected-product { background: #F3F6F8; box-shadow: inset 0 0 0 2px #2A90BE; } -.add-product .products tr { +#ecwid-product-popup-content .add-product .products tr { cursor: pointer; } -.add-product .products td { +#ecwid-product-popup-content .add-product .products td { vertical-align: middle; } -.add-product .products .product-thumb>div { +#ecwid-product-popup-content .add-product .products .product-thumb>div { height: 30px; padding-right: 20px; width: 30px; text-align: center; } -.add-product .products .product-thumb img { +#ecwid-product-popup-content .add-product .products .product-thumb img { max-width: 100%; max-height: 100%; } - -.add-product .fixed .column-sku { +#ecwid-product-popup-content .add-product .fixed .column-sku { width: 20%; } -.add-product .widefat .check-column { +#ecwid-product-popup-content .add-product .widefat .check-column { width: 3em; } -.add-product .products-search { +#ecwid-product-popup-content .add-product .products-search { margin-bottom: 30px; text-align: right; } -.add-product .products-search #product-search-input { +#ecwid-product-popup-content .add-product .products-search #product-search-input { border-radius: 2px; min-width: 200px; padding: 5px; } -.add-product .tablenav-pages { +#ecwid-product-popup-content .add-product .tablenav-pages { text-align: right; } -.add-product .tablenav-pages .current-page { +#ecwid-product-popup-content .add-product .tablenav-pages .current-page { padding: 5px 8px; vertical-align: top; } @@ -6611,179 +195,89 @@ h6 { } @media screen and (max-width: 782px) { - .add-product .tablenav .displaying-num { + #ecwid-product-popup-content .add-product .tablenav .displaying-num { position: static; } - .add-product .tablenav-pages .pagination-links a, - .add-product .tablenav-pages-navspan { + #ecwid-product-popup-content .add-product .tablenav-pages .pagination-links a, + #ecwid-product-popup-content .add-product .tablenav-pages-navspan { padding: 5px 7px 9px; } - .add-product .tablenav-pages .pagination-links, - .add-product .tablenav-pages .pagination-links .current-page { + #ecwid-product-popup-content .add-product .tablenav-pages .pagination-links, + #ecwid-product-popup-content .add-product .tablenav-pages .pagination-links .current-page { font-size: 14px; padding: 6px 8px 7px; } - .add-product .products, - .add-product .products tbody, - .add-product .products tr, - .add-product .products td { + #ecwid-product-popup-content .add-product .products, + #ecwid-product-popup-content .add-product .products tbody, + #ecwid-product-popup-content .add-product .products tr, + #ecwid-product-popup-content .add-product .products td { display: block; width: 100%; } - .add-product .products thead { + #ecwid-product-popup-content .add-product .products thead { display: block; width: 100%; } - .add-product .products thead .column-name { + #ecwid-product-popup-content .add-product .products thead .column-name { box-sizing: border-box; float: left; padding-left: 65px; width: 100%; } - .add-product .products thead .column-sku { + #ecwid-product-popup-content .add-product .products thead .column-sku { display: none; } - .add-product .products tr { + #ecwid-product-popup-content .add-product .products tr { overflow: hidden; } - .add-product .products.widefat .check-column { + #ecwid-product-popup-content .add-product .products.widefat .check-column { display: none; } - .add-product .products .product-thumb { + #ecwid-product-popup-content .add-product .products .product-thumb { float: left; height: 50px; width: 50px; } - .add-product .products .product-name { + #ecwid-product-popup-content .add-product .products .product-name { font-weight: 600; padding-bottom: 0; } - .add-product .products .product-name, - .add-product .products .column-sku { + #ecwid-product-popup-content .add-product .products .product-name, + #ecwid-product-popup-content .add-product .products .column-sku { display: block; clear: none !important; padding-left: 70px; text-align: left; } - .add-product .products tr td::before { + #ecwid-product-popup-content .add-product .products tr td::before { content: none !important; } - .add-product .products tr:not(.inline-edit-row):not(.no-items) td.column-primary~td:not(.check-column) { + #ecwid-product-popup-content .add-product .products tr:not(.inline-edit-row):not(.no-items) td.column-primary~td:not(.check-column) { display: block; padding-left: 70px; } } @media screen and (max-width: 480px) { - .add-product .tablenav .displaying-num { + #ecwid-product-popup-content .add-product .tablenav .displaying-num { display: block; margin-bottom: 10px; } } - -/* - * - */ -/*.ecwid-store-editor {*/ -/*padding: 13px 19px;*/ -/*}*/ - -/*#ecwid-product-popup-content .pure-control-group {*/ -/*margin: 10px 0px;*/ -/*}*/ - -/*#ecwid-product-popup-content label {*/ -/*display: inline-block;*/ -/*font-size: 14px;*/ -/*font-weight: 400;*/ -/*width: 270px;*/ -/*}*/ - -/*#ecwid-product-popup-content .products-per-page-label {*/ -/*display: block;*/ -/*}*/ - -/*#ecwid-product-popup-content .ecwid-pb-view-size {*/ -/*margin-left: 15px;*/ -/*margin-right: 30px;*/ -/*margin-top: 15px;*/ -/*}*/ - -/*#ecwid-product-popup-content .ecwid-pb-view-size:nth-child(4) {*/ -/*margin-right: 0px;*/ -/*}*/ - -/*#ecwid-product-popup-content .ecwid-pb-view-size .title {*/ -/*font-size: 14px;*/ -/*}*/ - -/*#ecwid-product-popup-content .ecwid-pb-view-size .ruler {*/ -/*z-index: 0;*/ -/*}*/ - -/*!*#ecwid-product-popup-content input {*!*/ -/*!*font-size: 13px;*!*/ -/*!*position: relative;*!*/ -/*!*}*!*/ - -/*#ecwid-product-popup-content input.number {*/ -/*border-radius: 4px;*/ -/*padding: 3px;*/ -/*text-align: center;*/ -/*width: 27px;*/ -/*}*/ - -/*#ecwid-product-popup-content .note.pb-note {*/ -/*font-size: 11px;*/ -/*line-height: 16px;*/ -/*margin: 8px 5px;*/ -/*max-width: 595px;*/ -/*}*/ - -/*#ecwid-product-popup-content hr.after-pb {*/ -/*margin-bottom: 25px;*/ -/*}*/ - -/*#ecwid-product-popup-content .media-toolbar-secondary {*/ -/*font-size: 14px;*/ -/*margin-left: 5px;*/ -/*}*/ - -/*#ecwid-product-popup-content .media-toolbar-secondary .store-id {*/ -/*font-weight: bold;*/ -/*margin-top: 10px;*/ -/*}*/ - -/*#ecwid-product-popup-content .ecwid-store-editor.add-product {*/ -/*padding-top: 125px;*/ -/*}*/ - -/*#ecwid-product-popup-content .store-settings-preview {*/ -/*display: inline-block;*/ -/*height: 200px;*/ -/*width: 162px;*/ -/*}*/ - -/*#ecwid-product-popup-content .store-settings,*/ -/*#ecwid-product-popup-content .store-settings-preview {*/ -/*display: inline-block;*/ -/*vertical-align: top;*/ -/*}*/ - #ecwid-product-popup-content .widget-settings { margin-bottom: 15px; overflow: hidden; @@ -6870,9 +364,6 @@ h6 { margin: 0 0 5px; } -#ecwid-product-popup-content .add-product .empty-page__suggestions-list li a {} - - /* * Two styles below are the copy of wp pre-4.3 styles for close cross in the up right corner * Need to use those to make sure it is displayed the same way across different wp versions @@ -6980,7 +471,7 @@ h6 { display: none; } - .add-product .products .product-thumb>div { + #ecwid-product-popup-content .add-product .products .product-thumb>div { width: 50px; height: 50px; } diff --git a/ecwid-shopping-cart.php b/ecwid-shopping-cart.php index a4962b48..5164dab1 100644 --- a/ecwid-shopping-cart.php +++ b/ecwid-shopping-cart.php @@ -5,7 +5,7 @@ Description: Ecwid by Lightspeed is a free full-featured shopping cart. It can be easily integrated with any Wordpress blog and takes less than 5 minutes to set up. Text Domain: ecwid-shopping-cart Author: Ecwid Ecommerce -Version: 6.12.24 +Version: 6.12.25 Author URI: https://ecwid.to/ecwid-site License: GPLv2 or later */ diff --git a/fonts/product-popup/fontIcons.eot b/fonts/product-popup/fontIcons.eot deleted file mode 100644 index 7635a1ad..00000000 Binary files a/fonts/product-popup/fontIcons.eot and /dev/null differ diff --git a/fonts/product-popup/fontIcons.svg b/fonts/product-popup/fontIcons.svg deleted file mode 100644 index 717d8283..00000000 --- a/fonts/product-popup/fontIcons.svg +++ /dev/null @@ -1,92 +0,0 @@ - - - -Generated by IcoMoon - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/fonts/product-popup/fontIcons.ttf b/fonts/product-popup/fontIcons.ttf deleted file mode 100644 index 082848b1..00000000 Binary files a/fonts/product-popup/fontIcons.ttf and /dev/null differ diff --git a/fonts/product-popup/fontIcons.woff b/fonts/product-popup/fontIcons.woff deleted file mode 100644 index 8364f6eb..00000000 Binary files a/fonts/product-popup/fontIcons.woff and /dev/null differ diff --git a/gutenberg-blocks/includes/controls.js b/gutenberg-blocks/includes/controls.js index e0f2eebb..6a50286f 100644 --- a/gutenberg-blocks/includes/controls.js +++ b/gutenberg-blocks/includes/controls.js @@ -421,10 +421,6 @@ function EcwidProductBrowserBlock(props) { w.Ecwid.init(); } - if (!w.needLoadEcwidAsync && typeof w.Ecwid._onComplete !== undefined) { - w.Ecwid._onComplete(); - } - w.Ecwid.OnAPILoaded.add(function () { if (attributes.storefront_view == 'FILTERS_PAGE' && !was_opened_once) { openPage("search"); diff --git a/includes/class-ec-store-admin-access.php b/includes/class-ec-store-admin-access.php index d14144a4..75e7ad55 100644 --- a/includes/class-ec-store-admin-access.php +++ b/includes/class-ec-store-admin-access.php @@ -40,7 +40,7 @@ public function save_custom_user_profile_fields( $user_id ) { } } - public static function get_users_with_manage_access() { + public static function get_users_with_manage_access( $limit = -1 ) { global $wpdb; $table_prefix = $wpdb->prefix; @@ -55,6 +55,10 @@ public static function get_users_with_manage_access() { 'fields' => array( 'ID' ), ); + if ( $limit > 0 ) { + $args['number'] = $limit; + } + return get_users( $args ); } @@ -85,7 +89,7 @@ public static function has_scope( $user_id = null ) { public static function is_need_grant_access_by_default( $user_id ) { - $cap_not_changed_before = empty( self::get_users_with_manage_access() ); + $cap_not_changed_before = empty( self::get_users_with_manage_access( 1 ) ); $is_old_installation = ecwid_migrations_is_original_plugin_version_older_than( '6.12.4' ); if ( $cap_not_changed_before && $is_old_installation && user_can( $user_id, 'manage_options' ) ) { @@ -123,7 +127,7 @@ public function hook_admin_get_capability( $cap ) { return $this->capability; } - if ( ! empty( self::get_users_with_manage_access() ) ) { + if ( ! empty( self::get_users_with_manage_access( 1 ) ) ) { $cap = self::CAP_MANAGE_CONTROL_PANEL; } diff --git a/includes/class-ec-store-defer-init.php b/includes/class-ec-store-defer-init.php index 07829b93..f5fa1c97 100644 --- a/includes/class-ec-store-defer-init.php +++ b/includes/class-ec-store-defer-init.php @@ -79,10 +79,6 @@ public static function defer_script_js_load() { if( typeof ecwidSaveDynamicCss !== 'undefined' ) { ecwidSaveDynamicCss(); } - - if( !window.needLoadEcwidAsync && typeof Ecwid._onComplete !== undefined ) { - Ecwid._onComplete(); - } }); } } diff --git a/includes/class-ecwid-message-manager.php b/includes/class-ecwid-message-manager.php index d5debe3a..5d7f9ba1 100644 --- a/includes/class-ecwid-message-manager.php +++ b/includes/class-ecwid-message-manager.php @@ -77,14 +77,14 @@ public static function show_message($name, $params = array()) if ($primary_button) { $primary_title = $params['primary_title']; $primary_url = $params['primary_url']; - $primary_blank = @$params['primary_blank']; + $primary_blank = !empty($params['primary_blank']) ? $params['primary_blank'] : ''; } $secondary_button = isset($params['secondary_title']); if ($secondary_button) { $secondary_title = $params['secondary_title']; - $secondary_url = @$params['secondary_url']; - $secondary_blank = @$params['secondary_blank']; - $secondary_hide = @$params['secondary_hide']; + $secondary_url = !empty($params['secondary_url']) ? $params['secondary_url'] : ''; + $secondary_blank = !empty($params['secondary_blank']) ? $params['secondary_blank'] : ''; + $secondary_hide = !empty($params['secondary_hide']) ? $params['secondary_hide'] : ''; } $do_not_show_again = true == $params['hideable']; diff --git a/includes/class-ecwid-product-popup.php b/includes/class-ecwid-product-popup.php index 29f14a49..a02bbf1c 100644 --- a/includes/class-ecwid-product-popup.php +++ b/includes/class-ecwid-product-popup.php @@ -55,7 +55,7 @@ public function save_display_params() { die(); } - if ( ! is_admin() || ! current_user_can( Ecwid_Admin::get_capability() ) ) { + if ( ! is_admin() || ! current_user_can( 'edit_posts' ) ) { return; } @@ -65,7 +65,7 @@ public function save_display_params() { } public function search_products() { - if ( ! is_admin() || ! current_user_can( Ecwid_Admin::get_capability() ) ) { + if ( ! is_admin() || ! current_user_can( 'edit_posts' ) ) { return; } @@ -88,6 +88,14 @@ public function search_products() { $result = $api->search_products( $params ); + $output = array( + 'total' => 0, + 'count' => 0, + 'offset' => 0, + 'limit' => $params['limit'], + 'items' => array(), + ); + if ( $result && $result->count > 0 ) { $output = array( 'total' => $result->total, @@ -105,9 +113,10 @@ public function search_products() { 'sku' => $product->sku, ); } - echo wp_json_encode( $output ); }//end if + echo wp_json_encode( $output ); + wp_die(); } diff --git a/includes/class-ecwid-seo-links.php b/includes/class-ecwid-seo-links.php index a5fd0e92..453d8cdf 100644 --- a/includes/class-ecwid-seo-links.php +++ b/includes/class-ecwid-seo-links.php @@ -159,6 +159,7 @@ public static function get_seo_links_patterns() { 'account\/favorites', 'account\/registration', 'account\/resetPassword', + 'account\/reviews', 'search', 'search\?.*', 'signin', @@ -524,10 +525,15 @@ public static function is_noindex_page() { ); $home_url = home_url(); - $path = parse_url( $home_url, PHP_URL_PATH ); + $path = wp_parse_url( $home_url, PHP_URL_PATH ); $request_uri = isset( $_SERVER['REQUEST_URI'] ) ? sanitize_text_field( wp_unslash( $_SERVER['REQUEST_URI'] ) ) : ''; - $seo_part = str_replace( $path . $relative_permalink, '', $request_uri ); + + if ( $path . $relative_permalink === '/' ) { + $seo_part = $request_uri; + } else { + $seo_part = str_replace( $path . $relative_permalink, '', $request_uri ); + } foreach ( $noindex_pages as $page ) { if ( preg_match( '!' . $page . '([\?\/]+.*|)$' . '!', $seo_part ) ) { diff --git a/includes/class-ecwid-store-page.php b/includes/class-ecwid-store-page.php index 570d220c..3c330f42 100644 --- a/includes/class-ecwid-store-page.php +++ b/includes/class-ecwid-store-page.php @@ -301,6 +301,10 @@ public static function get_store_pages_array_for_selector() { foreach ( $pages as $ind => $page ) { $post = get_post( $page ); + if ( empty( $post ) ) { + unset( $pages[ $ind ] ); + } + if ( $page != self::get_current_store_page_id() && isset( $post ) && $post->post_type != 'page' ) { unset( $pages[ $ind ] ); } diff --git a/includes/gutenberg/class-ecwid-gutenberg-block-product.php b/includes/gutenberg/class-ecwid-gutenberg-block-product.php index 3ab287cf..efdb8080 100644 --- a/includes/gutenberg/class-ecwid-gutenberg-block-product.php +++ b/includes/gutenberg/class-ecwid-gutenberg-block-product.php @@ -1,42 +1,48 @@ 0, - 'show_picture' => true, - 'show_title' => true, - 'show_price' => true, - 'show_options' => true, - 'show_addtobag' => true, - 'show_border' => true, - 'center_align' => true, - 'show_price_on_button' => true + 'id' => 0, + 'show_picture' => true, + 'show_title' => true, + 'show_price' => true, + 'show_options' => true, + 'show_addtobag' => true, + 'show_border' => true, + 'center_align' => true, + 'show_price_on_button' => true, ) ); $display = array( - 'picture', 'title', 'price', 'options', 'qty', 'addtobag' + 'picture', + 'title', + 'price', + 'options', + 'qty', + 'addtobag', ); $params['display'] = ''; - $display_string = ''; foreach ( $display as $name ) { - if ( @$params['show_' . $name] ) { + if ( ! empty( $params[ 'show_' . $name ] ) ) { $params['display'] .= ' ' . $name; } } @@ -47,16 +53,15 @@ public function render_callback( $params ) { $contents = $shortcode->render(); - $align = @$params['align']; - if ( $align == 'right' || $align == "left" ) { + $align = isset( $params['align'] ) ? $params['align'] : ''; + if ( $align === 'right' || $align === 'left' ) { $contents = '
' . $contents . '
'; } - + return $contents; } - public function get_icon_path() - { + public function get_icon_path() { return 'M16.43,5.12c-0.13-1.19-0.15-1.19-1.35-1.33c-0.21-0.02-0.21-0.02-0.43-0.05c-0.01,0.06,0.06,0.78,0.14,1.13 c0.57,0.37,0.87,0.98,0.87,1.71c0,1.14-0.93,2.07-2.07,2.07s-2.07-0.93-2.07-2.07c0-0.54,0.09-0.97,0.55-1.4 c-0.06-0.61-0.19-1.54-0.18-1.64C10.14,3.46,8.72,3.46,8.58,3.6l-8.17,8.13c-0.56,0.55-0.56,1.43,0,1.97l5.54,5.93 @@ -65,4 +70,4 @@ public function get_icon_path() c1.24,0,2.11,0.96,2.11,2.34c0,2.43-0.31,4.23-0.32,4.26c-0.1,0.17-0.1,0.38-0.03,0.55c0.03,0.17,0.13,0.31,0.28,0.4 c0.1,0.06,0.22,0.09,0.33,0.09c0.21,0,0.42-0.1,0.54-0.3c0.06-0.09,0.52-2.17,0.52-5.03C19.52,1.61,18.04,0.04,16.06,0.04z'; } -} \ No newline at end of file +} diff --git a/includes/gutenberg/class-ecwid-gutenberg.php b/includes/gutenberg/class-ecwid-gutenberg.php index 60d4ba6c..2be3e213 100644 --- a/includes/gutenberg/class-ecwid-gutenberg.php +++ b/includes/gutenberg/class-ecwid-gutenberg.php @@ -26,7 +26,7 @@ public function __construct() { $blocks = self::get_block_names(); foreach ( $blocks as $block => $block_name ) { - require_once dirname( __FILE__ ) . "/class-ecwid-gutenberg-block-$block.php"; + require_once __DIR__ . "/class-ecwid-gutenberg-block-$block.php"; $class_name = 'Ecwid_Gutenberg_Block_' . str_replace( '-', '_', ucfirst( $block ) ); $this->_blocks[] = new $class_name(); @@ -51,7 +51,6 @@ public function __construct() { } else { add_filter( 'block_categories', array( $this, 'block_categories' ) ); } - } public function init_scripts() { @@ -162,7 +161,6 @@ public function enqueue_block_editor_assets() { 'scriptJsUrl' => $scriptjs_url, ) ); - } protected function _get_products_data() { @@ -182,7 +180,7 @@ protected function _get_products_data() { $buynow_block->get_block_name(), ) ) - && @$block['attrs']['id'] + && ! empty( $block['attrs']['id'] ) ) { $product_ids[] = $block['attrs']['id']; } @@ -228,7 +226,7 @@ public static function get_block_names( $return_with_pb_only = false ) { 'cart-page' => self::CART_PAGE_BLOCK, ); - if ( $return_with_pb_only == true ) { + if ( $return_with_pb_only === true ) { return $blocks_with_productbrowser; } diff --git a/includes/integrations/class-ecwid-integration-gutenberg.php b/includes/integrations/class-ecwid-integration-gutenberg.php index cdeeb2b4..bb26c05a 100644 --- a/includes/integrations/class-ecwid-integration-gutenberg.php +++ b/includes/integrations/class-ecwid-integration-gutenberg.php @@ -139,7 +139,6 @@ public function enqueue_block_editor_assets() { ), ) ); - } protected function _get_products_data() { @@ -213,7 +212,6 @@ public function product_render_callback( $params ) { ); $params['display'] = ''; - $display_string = ''; foreach ( $display as $name ) { if ( @$params[ 'show_' . $name ] ) { $params['display'] .= ' ' . $name; @@ -260,7 +258,6 @@ public function render_callback( $params ) { $store_page_data = array(); foreach ( $attributes as $key => $attribute ) { - $name = $attribute['name']; // we do not print defaults if ( ! isset( $params[ $name ] ) ) { @@ -289,7 +286,6 @@ public function render_callback( $params ) { } if ( @$attribute['is_storefront_api'] ) { - if ( @$attribute['type'] == 'boolean' ) { $result .= 'window.ec.storefront.' . $name . '=' . ( $value ? 'true' : 'false' ) . ';' . PHP_EOL; } else { @@ -497,7 +493,7 @@ public static function get_store_block_data_from_current_page() { } protected function _get_store_icon_path() { - return 'M15.32,15.58c-0.37,0-0.66,0.3-0.66,0.67c0,0.37,0.3,0.67,0.66,0.67c0.37,0,0.67-0.3,0.67-0.67 + return 'M15.32,15.58c-0.37,0-0.66,0.3-0.66,0.67c0,0.37,0.3,0.67,0.66,0.67c0.37,0,0.67-0.3,0.67-0.67 C15.98,15.88,15.69,15.58,15.32,15.58z M15.45,0H4.55C2.04,0,0,2.04,0,4.55v10.91C0,17.97,2.04,20,4.55,20h10.91c2.51,0,4.55-2.04,4.55-4.55V4.55 C20,2.04,17.96,0,15.45,0z M12.97,4.94C13.54,4.94,14,5.4,14,5.96s-0.46,1.03-1.03,1.03c-0.57,0-1.03-0.46-1.03-1.03 C11.95,5.4,12.41,4.94,12.97,4.94z M12.97,8.02c0.57,0,1.03,0.46,1.03,1.03c0,0.57-0.46,1.03-1.03,1.03c-0.57,0-1.03-0.46-1.03-1.03 diff --git a/includes/shortcodes/class-ecwid-shortcode-productbrowser.php b/includes/shortcodes/class-ecwid-shortcode-productbrowser.php index 53808215..2ca63a07 100644 --- a/includes/shortcodes/class-ecwid-shortcode-productbrowser.php +++ b/includes/shortcodes/class-ecwid-shortcode-productbrowser.php @@ -53,7 +53,7 @@ public function render() { $classname = 'hide-ec-dynamic-placeholder'; } else { $is_default_render = true; - $code .= self::get_js_for_hide_static( '#static-ec-store-container' ); + $code .= self::get_js_for_hide_static( 'static-ec-store-container' ); add_filter( 'ecwid_is_defer_store_init_enabled', '__return_false' ); } @@ -158,8 +158,13 @@ function createClass(name,rules){ (style.styleSheet || style.sheet).addRule(name, rules); else style.sheet.insertRule(name+'{'+rules+'}',0); + + document.addEventListener("DOMContentLoaded", function() { + var static = document.getElementById(''); + static.parentNode.removeChild(static); + }); } - createClass('','display:none;'); + createClass('#','display:none;'); id = $id; + $data->enabled = true; + } + if ( $data ) { $this->_init_from_stdclass( $data ); } diff --git a/readme.txt b/readme.txt index 6dfe9e1e..4b12f95c 100644 --- a/readme.txt +++ b/readme.txt @@ -153,6 +153,11 @@ You can use Ecwid’s built-in import tools to copy your store products from any * [Ecwid Help Center](http://help.ecwid.com "Ecwid Help") == Changelog == += 6.12.25 - Jan 16, 2024 = +- Improved display of storefront element animation. +- High resource consumption caused by inefficient queries has been fixed. +- Internal improvements and optimizations. + = 6.12.24 - Dec 23, 2024 = - Plugin code improvements for better security and stability. diff --git a/templates/product-popup.php b/templates/product-popup.php index 0c3d7c27..01bbd0c5 100644 --- a/templates/product-popup.php +++ b/templates/product-popup.php @@ -91,7 +91,10 @@
-
"{{ data.term }}"', 'ecwid-shopping-cart' ); ?>
+
+ + "{{ data.term }}" +
@@ -140,15 +143,15 @@
-

+

-

+

-

+