芝麻web文件管理V1.00

编辑当前文件:/home/mybf1/www/ja.bf1.my/wp-content/plugins/ecwid-shopping-cart/css/product-popup.css

@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("//d3fi9i0jj23cau.cloudfront.net/static/fonts/icons/v18/fontIcons.eot");
    src: url("//d3fi9i0jj23cau.cloudfront.net/static/fonts/icons/v18/fontIcons.eot?#iefix") format("embedded-opentype"), url("//d3fi9i0jj23cau.cloudfront.net/static/fonts/icons/v18/fontIcons.ttf") format("truetype"), url("//d3fi9i0jj23cau.cloudfront.net/static/fonts/icons/v18/fontIcons.woff") format("woff"), url("//d3fi9i0jj23cau.cloudfront.net/static/fonts/icons/v18/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;
}

.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;
}

#ecwid-product-popup-content a {
    text-decoration: none;
}

#ecwid-product-popup-content.open {
    display: block;
}

#ecwid-product-popup-content .media-modal-close:hover {
    text-decoration: none;
}

/*
 * Menu items visibility
 */
#ecwid-product-popup-content .media-frame .media-frame-content {
    top: 50px;
}

#ecwid-product-popup-content .media-modal-content .media-menu a {
    display: none
}

#ecwid-product-popup-content .media-modal-content[data-mode=add-product] .media-menu a[data-content=add-product],
#ecwid-product-popup-content .media-modal-content .media-menu a[data-content=customize],
#ecwid-product-popup-content .media-modal-content[data-mode=selected-product] .media-menu a[data-content=selected-product] {
    display: inherit;
}

/*
 * Content area visibility
 */
#ecwid-product-popup-content .media-modal-content .media-frame-title,
#ecwid-product-popup-content .media-modal-content .media-frame-content,
#ecwid-product-popup-content .media-modal-content .media-toolbar-primary {
    display: none;
}

#ecwid-product-popup-content .media-modal-content[data-active-dialog=add-product] .media-frame-title.add-product,
#ecwid-product-popup-content .media-modal-content[data-active-dialog=customize] .media-frame-title.customize,
#ecwid-product-popup-content .media-modal-content[data-active-dialog=selected-product] .media-frame-title.selected-product,
#ecwid-product-popup-content .media-modal-content[data-active-dialog=add-product] .media-frame-content.add-product,
#ecwid-product-popup-content .media-modal-content[data-active-dialog=customize] .media-frame-content.customize,
#ecwid-product-popup-content .media-modal-content[data-active-dialog=selected-product] .media-frame-content.selected-product,
#ecwid-product-popup-content .media-modal-content[data-mode=add-product] .media-frame-toolbar .media-toolbar-primary.add-product,
#ecwid-product-popup-content .media-modal-content[data-mode=selected-product] .media-frame-toolbar .media-toolbar-primary.selected-product,
#ecwid-product-popup-content .media-modal-content[data-mode=customize] .media-frame-toolbar .media-toolbar-primary.customize {
    display: inherit;
}

/*
 * Size and centering
 */

@media only screen and (min-width: 960px) and (min-height: 660px) {

html:not(.ie8) #ecwid-product-popup-content .media-modal-content {
        bottom: inherit;
        height: 650px;
        left: 50%;
        position: absolute;
        right: inherit;
        top: 50%;
        transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        width: 900px;
    }
}

@media only screen and (min-width: 960px) and (min-height: 400px) and (max-height: 660px) {

html:not(.ie8) #ecwid-product-popup-content .media-modal-content {
        left: 50%;
        position: absolute;
        right: inherit;
        transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        width: 900px;
    }
}

@media only screen and  (min-width: 640px) and (max-width: 960px) and (min-height: 660px) {

html:not(.ie8) #ecwid-product-popup-content .media-modal-content {
        bottom: inherit;
        height: 650px;
        position: absolute;
        top: 50%;
        transform: translate(0%, -50%);
        -moz-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        -webkit-transform: translate(0%, -50%);
    }
}

@media only screen and (max-width: 750px) {
    #ecwid-product-popup-content .store-settings-preview {
        display: none !important;
    }

#ecwid-product-popup-content .store-settings-wrapper {
        padding-left: 0px;
    }
}

.ecwid-add-product {
    padding: 40px 20px;
}

.add-product .products {
    margin-bottom: 15px;
}
.add-product .products .selected-product {
    background: #F3F6F8;
    box-shadow: inset 0 0 0 2px #2A90BE;
}

.add-product .products tr {
    cursor: pointer;
}

.add-product .products td {
    vertical-align: middle;
}

.add-product .products .product-thumb > div {
    height: 30px;
    padding-right: 20px;
    width: 30px;
    text-align: center;
}
.add-product .products .product-thumb img {
    max-width: 100%;
    max-height: 100%;
}

.add-product .fixed .column-sku {
    width: 20%;
}

.add-product .widefat .check-column {
    width: 3em;
}

.add-product .products-search {
    margin-bottom: 30px;
    text-align: right;
}

.add-product .products-search #product-search-input {
    border-radius: 2px;
    min-width: 200px;
    padding: 5px;
}

.add-product .tablenav-pages {
    text-align: right;
}

.add-product .tablenav-pages .current-page {
    padding: 5px 8px;
    vertical-align: top;
}

.media-toolbar-primary .toolbar-link {
    margin-top: 21px;
    float: left;
}

@media screen and (max-width: 782px) {
    .add-product .tablenav .displaying-num {
        position: static;
    }
    .add-product .tablenav-pages .pagination-links a,
    .add-product .tablenav-pages-navspan {
        padding: 5px 7px 9px;
    }
    .add-product .tablenav-pages .pagination-links,
    .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 {
        display: block;
        width: 100%;
    }

.add-product .products thead {
        display: block;
        width: 100%;
    }

.add-product .products thead .column-name {
        box-sizing: border-box;
        float: left;
        padding-left: 65px;
        width: 100%;
    }

.add-product .products thead .column-sku {
        display: none;
    }

.add-product .products tr {
        overflow: hidden;
    }

.add-product .products.widefat .check-column {
        display: none;
    }

.add-product .products .product-thumb {
        float: left;
        height: 50px;
        width: 50px;
    }

.add-product .products .product-name {
        font-weight: 600;
        padding-bottom: 0;
    }

.add-product .products .product-name,
    .add-product .products .column-sku {
        display: block;
        clear: none !important;
        padding-left: 70px;
        text-align: left;
    }

.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) {
        display: block;
        padding-left: 70px;
    }
}

@media screen and (max-width: 480px) {
    .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;
}

#ecwid-product-popup-content .widget-settings__left {
    float: left;
    width: 40%;
}

#ecwid-product-popup-content .widget-settings__right {
    float: right;
    width: 60%;
}

#ecwid-product-popup-content .widget-settings h3 {
    font-size: 20px;
    margin-bottom: 5px;
    line-height: 1.3em;
}

#ecwid-product-popup-content .widget-settings .note {
    color: #bbb;
    margin-right: 30px;
}

#ecwid-product-popup-content .media-frame-content.customize {
    padding-left: 43px;
}

#ecwid-product-popup-content .media-frame-content .customize {
    padding-left: 43px;
}

#ecwid-product-popup-content .widget-settings .checkbox-option {
    margin: 35px 0px;
    display: table;
}

#ecwid-product-popup-content .widget-settings .checkbox-option > * {
    display: table-cell;
}

#ecwid-product-popup-content .widget-settings .checkbox-option .label {
    color: black;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4em;
}

#ecwid-product-popup-content .add-product .empty-page {
    color: #888;
    max-width: 360px;
    margin: 60px auto 40px;
    padding: 0 20px;
}
#ecwid-product-popup-content .add-product .empty {
    cursor: default;
}
#ecwid-product-popup-content .add-product .empty-page__term {
    font-style: italic;
}
#ecwid-product-popup-content .add-product .empty-page__title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}
#ecwid-product-popup-content .add-product .empty-page__suggestions-title {
    color: #333;
}
#ecwid-product-popup-content .add-product .empty-page__suggestions-list {
    list-style: disc;
    margin: 5px 0;
    padding-left: 18px;
}
#ecwid-product-popup-content .add-product .empty-page__suggestions-list li {
    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
 */
#ecwid-product-popup-content .media-modal-close {
    height: 30px;
    position: absolute;
    right: 10px;
    text-decoration: none;
    top: 10px;
    transition: color .1s ease-in-out, background .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
    width: 30px;
    z-index: 1000;
}

#ecwid-product-popup-content .media-modal-close span.media-modal-icon {
    background-image: none;
    display: block;
    height: 15px;
    margin-top: 5px;
    text-align: center;
    width: 30px;
}

#ecwid-product-popup-content .sorted .sorting-indicator {
    visibility: visible;
}
#search-submit {
    position: relative;
}

#search-submit .searching-icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

#search-submit.searching .button-text,
#search-submit .searching-icon
{
    visibility: hidden;
}

#search-submit .button-text,
#search-submit.searching .searching-icon
{
    visibility: visible;
}

#ecwid-product-popup-content.ec-store-gutenberg .media-frame-menu,
#ecwid-product-popup-content.ec-store-gutenberg .toolbar-link.customize-appearance,
#ecwid-product-popup-content.ec-store-gutenberg .toolbar-link.add-product {
    display: none !important;
}

#ecwid-product-popup-content.ec-store-gutenberg .media-frame-toolbar,
#ecwid-product-popup-content.ec-store-gutenberg .media-frame-content,
#ecwid-product-popup-content.ec-store-gutenberg .media-frame-title {
    left: 0;
}

@media only screen and (max-width: 640px) {
    #ecwid-product-popup-content .note.pb-note {
        text-align: left;
        width: auto;
    }

#ecwid-product-popup-content .pb-views {
        text-align: center;
    }

#ecwid-product-popup-content .customize input.number {
        margin-left: inherit;
    }

#ecwid-product-popup-content .ecwid-pb-view-size {
        margin-left: 25px;
        margin-right: 25px;
    }

#ecwid-product-popup-content .products-search {
        display: table;
    }

#ecwid-product-popup-content .search-input {
        width: 100%;
        padding-right: 10px;
    }

#ecwid-product-popup-content .search-input input {
        width: 100%;
    }

#ecwid-product-popup-content .search-button,
    #ecwid-product-popup-content .search-input {
        display: table-cell;
        vertical-align: middle;
    }

#ecwid-product-popup-content .wp-list-table thead {
        display: none;
    }

.add-product .products .product-thumb > div {
        width: 50px;
        height: 50px;
    }
}