@charset "UTF-8"; body { font-size: 13px; } .form-group::after { content: ""; display: block; clear: both; } .table .text-bold { font-weight: 600; } .table .text-center input { margin: auto; } .baselinker-delete-linking, .apilo-delete-linking { display: flex; gap: 5px; align-items: center; justify-content: center; margin-top: 10px; cursor: pointer; } tr.status-0 .order-status { color: #5664d2; } tr.status-1 .order-status { color: #468639; } tr.status-2 .order-status, tr.status-3 .order-status { color: #ff3d60; } tr.status-4 .order-status { color: #fcb92c; } tr.status-5 .order-status { color: #f7abb0; } tr.status-6 .order-status, tr.status-8 .order-status { color: #bfbfbf; } tr.status-7 .order-status { color: #95c11f; } body { font-family: "Open Sans", sans-serif; color: #2a3042; } body a:hover { text-decoration: none; } body input:-webkit-autofill, body input:-webkit-autofill:hover, body input:-webkit-autofill:focus textarea:-webkit-autofill, body textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, body select:-webkit-autofill, body select:-webkit-autofill:hover, body select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important; } #main { height: 100vh; } #main .container-fluid { height: 100%; } #main .container-fluid .row { height: 100%; } #main .container-fluid .row .unlogged-panel { display: flex; align-items: center; justify-content: center; background: #fff; } #main .container-fluid .row .unlogged-panel .login-panel { width: 80%; } #main .container-fluid .row .unlogged-panel .login-panel .login-panel-content .login-shoppro { text-align: center; font-size: 26px; color: #4aa3ff; } #main .container-fluid .row .unlogged-panel .login-panel .login-panel-content .title { text-align: center; font-size: 22px; line-height: 24px; font-weight: 600; margin-top: 50px; margin-bottom: 10px; } #main .container-fluid .row .unlogged-panel .login-panel .login-panel-content .subtitle { text-align: center; font-size: 12px; line-height: 20px; font-weight: 300; color: #74788d; } #main .container-fluid .row .unlogged-panel .login-panel .login-panel-content .form-horizontal { margin-top: 50px; } #main .container-fluid .row .unlogged-panel .login-panel .login-panel-content .form-horizontal .form-group .input-login { position: relative; } #main .container-fluid .row .unlogged-panel .login-panel .login-panel-content .form-horizontal .form-group .input-login:before { position: absolute; content: "Login"; color: #74788d; font-size: 14px; line-height: 21px; top: 5px; left: 50px; z-index: 801; } #main .container-fluid .row .unlogged-panel .login-panel .login-panel-content .form-horizontal .form-group .input-password { position: relative; } #main .container-fluid .row .unlogged-panel .login-panel .login-panel-content .form-horizontal .form-group .input-password:before { position: absolute; content: "Hasło"; color: #74788d; font-size: 14px; line-height: 21px; top: 5px; left: 50px; z-index: 801; } #main .container-fluid .row .unlogged-panel .login-panel .login-panel-content .form-horizontal .form-group .input-group input { height: 60px; background: transparent; padding-top: 30px; padding-bottom: 10px; padding-left: 50px; margin-left: -52px; border: 1px solid #dedfe0; box-shadow: none; } #main .container-fluid .row .unlogged-panel .login-panel .login-panel-content .form-horizontal .form-group .input-group .form-control { border: 1px solid #dedfe0; } #main .container-fluid .row .unlogged-panel .login-panel .login-panel-content .form-horizontal .form-group .input-group .input-group-prepend .input-group-text { background: transparent; border: none; } #main .container-fluid .row .unlogged-panel .login-panel .login-panel-content .form-horizontal .form-group .input-group .input-group-prepend .icon { padding-left: 20px; padding-right: 20px; } #main .container-fluid .row .unlogged-panel .login-panel .login-panel-content .form-horizontal .form-group .input-group .input-group-prepend .icon i { z-index: 800; } #main .container-fluid .row .unlogged-panel .login-panel .login-panel-content .form-horizontal .sumbit { text-align: center; } #main .container-fluid .row .unlogged-panel .login-panel .login-panel-content .form-horizontal .sumbit .btn { background-color: #4aa3ff; color: #fff; border-radius: 4px; font-size: 14px; line-height: 21px; font-weight: 400; padding: 10px 30px; margin-top: 50px; } #main .container-fluid .row .unlogged-panel .login-panel .login-panel-content .copyright { text-align: center; font-size: 14px; line-height: 21px; font-weight: 400; color: #74788d; margin-top: 100px; } #main .container-fluid .row .unlogged-panel .login-panel .login-panel-content .copyright a { color: #74788d; } #main .container-fluid .row .unlogged-bg { background: url("/admin/layout/images/bg-unlogged.png") no-repeat right; background-size: cover; display: flex; } @media (max-width: 575px) { #main .container-fluid .row .unlogged-bg { display: none; } } #main .home { position: fixed; z-index: 999; color: #fff; top: 30px; right: 30px; } #main .home img { width: 30px; } @media (max-width: 575px) { #main .home img { filter: invert(100%); } } .admin-page { background-color: #f8f8fb; } .admin-page .menu.visible { display: block; } @media (max-width: 575px) { .admin-page .menu.visible { width: 100vw; } } @media (max-width: 991px) { .admin-page .menu { display: none; } } .admin-page .menu { z-index: 900; padding: 0 25px; background-color: #2a3042; height: 100%; position: fixed; top: 0; left: 0; overflow: scroll; } .admin-page .menu::-webkit-scrollbar { display: none; /* Chrome Safari */ width: 0; height: 0; } .admin-page .menu { scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ overflow-y: scroll; overflow-x: hidden; color: #8691b2; } .admin-page .menu .logo { width: 100%; color: #fff; background-color: #2a3042; text-align: center; padding: 20px 0; font-size: 24px; font-weight: 400; } .admin-page .menu .logo span { font-size: 11px; color: #8691b2; } .admin-page .menu .logo a { font-size: 11px; padding: 5px 20px; border-radius: 0.25rem; display: inline-block; margin-top: 10px; transition: ease 0.3s; text-transform: uppercase; font-weight: 700; color: #2a3042; background-color: #fff; border: 1px solid #fff; } .admin-page .menu .logo a:hover { color: #8691b2; background-color: #2a3042; border: 1px solid #8691b2; } .admin-page .menu .menu-content .title { text-transform: uppercase; color: #8691b2; font-size: 12px; font-weight: 700; margin-bottom: 10px; } .admin-page .menu .menu-content ul { list-style-type: none; padding-inline-start: 0px; } .admin-page .menu .menu-content ul li a { color: #8691b2; font-size: 13px; font-weight: 400; line-height: 27px; padding: 4px 0px; display: block; } .admin-page .menu .menu-content ul li a:hover { color: #fff; } .admin-page .menu .menu-content ul li a:hover img { filter: brightness(200%); } .admin-page .menu .menu-content ul li a img, .admin-page .menu .menu-content ul li a i { margin-right: 20px; width: 20px; text-align: center; } .preview { width: 100%; background: #2a3042; text-align: center; position: -webkit-sticky; position: sticky; bottom: 0; z-index: 1020; } @media (max-width: 575px) { .preview { text-align: left; } } .preview:hover a { color: #fff; width: 100%; height: 100%; } .preview:hover img { filter: brightness(200%); } .preview a { text-transform: uppercase; padding: 20px 0; color: #8691b2; font-size: 12px; font-weight: 700; margin-bottom: 10px; display: inline-block; margin-bottom: 0; } .preview a img { margin-top: -4px; } .site-content.with-menu { width: 100%; } @media (min-width: 576px) { .site-content.with-menu { width: calc(100% - 243px); margin-left: 243px; } } @media (max-width: 991px) { .site-content { margin-left: 0; } } .site-content { background-color: #fff; margin-left: 244px; } .site-content .top-user { text-align: right; background-color: #fff; padding-top: 10px; padding-bottom: 10px; text-align: right; } .site-content .dropdown { position: relative; display: inline-block; color: #2a3042; font-size: 15px; } .site-content .dropdown img { margin-left: 10px; } .site-content .dropdown:hover .dropdown-content { display: block; } .site-content .dropdown .dropdown-content { display: none; transition: ease 0.3s; position: absolute; background-color: #fff; box-shadow: 7px 7px 15px 5px rgba(0, 0, 0, 0.05); padding: 12px 16px; z-index: 1; right: 0; font-size: 14px; } .site-content .dropdown .dropdown-content a { font-size: 14px; line-height: 15px; font-weight: 400; color: #2a3042; display: block; padding: 5px 0; white-space: nowrap; } .site-content .dropdown .dropdown-content a span { margin-right: 10px; } .site-content .dashboard-page { padding-top: 10px; padding-bottom: 10px; background-color: #f3f4f7; } .site-content .dashboard-page .dashboard-content { border-radius: 0.25rem; margin-bottom: 15px; background: #fff; margin: 10px 0; padding: 15px; box-shadow: 7px 7px 15px 5px rgba(0, 0, 0, 0.05); } .site-content .dashboard-page .dashboard-content .dashboard-title { text-transform: uppercase; font-weight: 800; margin-bottom: 15px; } .site-content .dashboard-page .dashboard-content table { white-space: nowrap; font-size: 13px; } .site-content .dashboard-page .dashboard-content table.dashboard-products tbody tr td:nth-child(2) { max-width: 300px; text-overflow: ellipsis; overflow: hidden; } .site-content .dashboard-page .dashboard-content table.dashboard-products tbody tr td.text-right { display: table-cell; text-align: right; } .site-content .dashboard-page .dashboard-content table a { color: #8691b2; transition: 0.15s ease; font-weight: 800; } .site-content .dashboard-page .dashboard-content table a:hover { color: #2a3042; } .site-content .dashboard-page .dashboard-content table img { height: 50px; } .site-content .dashboard-page .dashboard-content table thead { background-color: #f3f4f7; } .site-content .dashboard-page .dashboard-content table thead th { vertical-align: middle; border-bottom: none; border-top: none; } .site-content .dashboard-page .dashboard-content table tbody td { vertical-align: middle; } .site-content .dashboard-page .dashboard-content .table-hover tbody tr:hover { background-color: #f3f4f7; } .alert .fa { margin-right: 10px; } .btn-default, .btn-success, .btn-danger, .btn-info, .btn-system, .btn-dark, .btn-primary { color: #fff; padding: 0.47rem 0.75rem; font-size: 13px; line-height: 1.5; font-weight: 300; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (max-width: 575px) { .btn-default, .btn-success, .btn-danger, .btn-info, .btn-system, .btn-dark, .btn-primary { font-size: 12px; } } .btn-default:hover, .btn-success:hover, .btn-danger:hover, .btn-info:hover, .btn-system:hover, .btn-dark:hover, .btn-primary:hover { color: #fff; } .btn-default .fa, .btn-success .fa, .btn-danger .fa, .btn-info .fa, .btn-system .fa, .btn-dark .fa, .btn-primary .fa { margin-right: 8px; } .btn-default#g-columns-list-close .fa, .btn-success#g-columns-list-close .fa, .btn-danger#g-columns-list-close .fa, .btn-info#g-columns-list-close .fa, .btn-system#g-columns-list-close .fa, .btn-dark#g-columns-list-close .fa, .btn-primary#g-columns-list-close .fa { margin-right: 0px; } .btn-default.article_image_delete .fa, .btn-success.article_image_delete .fa, .btn-danger.article_image_delete .fa, .btn-info.article_image_delete .fa, .btn-system.article_image_delete .fa, .btn-dark.article_image_delete .fa, .btn-primary.article_image_delete .fa { margin-right: 0; } .btn-default#g-select-columns .fa, .btn-success#g-select-columns .fa, .btn-danger#g-select-columns .fa, .btn-info#g-select-columns .fa, .btn-system#g-select-columns .fa, .btn-dark#g-select-columns .fa, .btn-primary#g-select-columns .fa { margin-right: 0px; } .btn-default.btn-value-remove, .btn-success.btn-value-remove, .btn-danger.btn-value-remove, .btn-info.btn-value-remove, .btn-system.btn-value-remove, .btn-dark.btn-value-remove, .btn-primary.btn-value-remove { margin-left: 15px; } .btn-default.btn-value-remove .fa-trash-o, .btn-success.btn-value-remove .fa-trash-o, .btn-danger.btn-value-remove .fa-trash-o, .btn-info.btn-value-remove .fa-trash-o, .btn-system.btn-value-remove .fa-trash-o, .btn-dark.btn-value-remove .fa-trash-o, .btn-primary.btn-value-remove .fa-trash-o { margin-right: 0px; } .btn-default.btn-delete-permutation, .btn-success.btn-delete-permutation, .btn-danger.btn-delete-permutation, .btn-info.btn-delete-permutation, .btn-system.btn-delete-permutation, .btn-dark.btn-delete-permutation, .btn-primary.btn-delete-permutation { text-align: center; color: #FFF; } .btn-default.btn-delete-permutation i, .btn-success.btn-delete-permutation i, .btn-danger.btn-delete-permutation i, .btn-info.btn-delete-permutation i, .btn-system.btn-delete-permutation i, .btn-dark.btn-delete-permutation i, .btn-primary.btn-delete-permutation i { margin: 0; } .btn-default.fa-link, .btn-success.fa-link, .btn-danger.fa-link, .btn-info.fa-link, .btn-system.fa-link, .btn-dark.fa-link, .btn-primary.fa-link { height: 35px; } .btn-default { color: #000; } .attribute-value-add { margin-top: 16px; } .btn-success { background-color: #1cbb8c; border-color: #1cbb8c; } .btn-success:hover { background-color: #179a73; border-color: #179a73; } .btn-danger { background-color: #ff3d60; border-color: #ff3d60; } .btn-danger:hover { background-color: #ff1741; border-color: #ff1741; } .btn-info { background-color: #5664d2; border-color: #5664d2; } .btn-info:hover { background-color: #3848ca; border-color: #3848ca; } .btn-primary { background-color: #939dba; border-color: #939dba; } .btn-primary:hover { background-color: #8691b2; border-color: #8691b2; } .btn-system { background-color: #fcb92c; border-color: #fcb92c; } .btn-system:hover { background-color: #fbac06; border-color: #fbac06; } @media (min-width: 768px) { #fg-values-edit #settings-tabs .resp-tabs-container .resp-tab-content { padding-bottom: 0; } } #fg-values-edit #settings-tabs .resp-tabs-container .resp-tab-content #languages-main .btn-value-add { margin-bottom: 15px; } #fg-values-edit #settings-tabs .resp-tabs-container .default-value { margin-bottom: 1rem; } #g-list td a i { color: #2a3042 !important; } #g-list input.product-price, #g-list input.product-price-promo { width: 100%; } #g-columns-list { font-size: 13px; font-weight: 400; border: 1px solid #f3f4f7 !important; border-radius: 0.25rem; } #g-columns-list ul li { border-bottom: 1px solid #f3f4f7 !important; height: auto !important; min-height: 30px; display: flex; align-items: center; } #g-results { font-size: 13px; margin-top: 10px; } #g-results #g-list { color: #2a3042; } #g-results #g-list > thead:nth-child(1) > tr:nth-child(1) { background-color: #f3f4f7; } #g-results #g-list th { vertical-align: middle; } #g-results table { color: #2a3042; } #g-results table thead tr th { border: none; } #g-results table tbody tr { background-color: #fff; } #g-results table tbody tr:hover { background-color: #f3f4f7; } #g-results table tbody tr td { border-color: #f3f4f7; } #g-results table tbody tr td a:not(.btn) { transition: 0.15s ease; } #g-results table tbody tr td a:not(.btn):hover { text-decoration: none; color: #2a3042; } #g-results .g-search-select, #g-results #g-row-limit { text-align: center; } #g-results .form-control { border-color: #8691b2; color: #2a3042; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 13px; } #g-results .form-control:focus { box-shadow: none; } .table-striped tbody tr:nth-of-type(2n+1) { background-color: #fff; } .table-bordered th, .table-bordered td { border-right: none; border-left: none; } .text-right { display: flex; align-items: center; justify-content: flex-end; } @media (max-width: 575px) { .text-right.text-centred-xs { justify-content: center; } } .text-right #g-row-limit { width: auto; margin: 0 10px; } @media (max-width: 575px) { .text-centred-xs { justify-content: center; } } @media (min-width: 768px) { .pull-left-sm { display: flex; align-items: center; justify-content: flex-start; } } .pagination { display: flex; align-items: center; justify-content: flex-end; margin: 0; gap: 10px; } .pagination span { font-weight: 900; } .flags { padding-left: 20px; } .flags img { width: 14px; margin-top: -8px; } .fa-star { color: #1cbb8c; margin-right: 5px; } .text-danger { color: #ff3d60 !important; } ol.sortable, ol.sortable ol { margin: 0 0 0 25px; padding: 0; list-style-type: none; } ol.sortable { margin: 0; } ol.sortable, ol.sortable *, ol.sortable *:after, ol.sortable *:before { box-sizing: content-box; } .sortable li { margin: 0; padding: 0; } .sortable li div.content { color: #2a3042; cursor: move; height: 45px; line-height: 45px; margin: 0; padding: 0 10px; border-bottom: 1px solid #e1e1e1; height: 100%; } .sortable li div.content .text-danger { margin-right: 10px; } @media (max-width: 575px) { .sortable li div.content .text-danger { margin-top: 16px; vertical-align: top; margin-right: 5px; } } #fg-pages-list .sortable li div.content { color: #2a3042; cursor: move; height: 45px; line-height: 45px; margin: 0; padding: 0 10px; border-bottom: 1px solid #e1e1e1; height: 100%; } @media (min-width: 576px) { #fg-pages-list .sortable li div.content { display: flex; align-items: center; } } #fg-pages-list .sortable li div.content .text-danger { margin-right: 10px; } @media (max-width: 575px) { #fg-pages-list .sortable li div.content .text-danger { margin-top: 16px; vertical-align: top; margin-right: 5px; } } #fg-pages-list .sortable li div.content b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 576px) { #fg-pages-list .sortable li div.content b { display: block; } } @media (max-width: 575px) { #fg-pages-list .sortable li div.content b { display: inline-block; width: calc(100% - 70px); } } @media (min-width: 1200px) { #fg-pages-list .sortable li div.content b { width: calc(100% - 670px); } } @media (min-width: 992px) and (max-width: 1199px) { #fg-pages-list .sortable li div.content b { width: calc(100% - 222px); } } @media (min-width: 768px) and (max-width: 991px) { #fg-pages-list .sortable li div.content b { width: calc(100% - 222px); } } @media (min-width: 576px) and (max-width: 767px) { #fg-pages-list .sortable li div.content b { width: calc(100% - 222px); } } #fg-pages-list .sortable li div.content .menu-box-title { display: flex; align-items: center; justify-content: flex-start; } @media (max-width: 575px) { #fg-pages-list .sortable li div.content .menu-box-title .disclose, #fg-pages-list .sortable li div.content .menu-box-title .text-danger { margin-top: 0; } } @media (max-width: 575px) { #fg-pages-list .sortable li div.content .menu-box-title { width: 100%; } } @media (min-width: 1200px) { #fg-pages-list .sortable li div.content .menu-box-title { width: calc(100% - 670px); } } @media (min-width: 992px) and (max-width: 1199px) { #fg-pages-list .sortable li div.content .menu-box-title { width: calc(100% - 222px); } } @media (min-width: 768px) and (max-width: 991px) { #fg-pages-list .sortable li div.content .menu-box-title { width: calc(100% - 222px); } } @media (min-width: 576px) and (max-width: 767px) { #fg-pages-list .sortable li div.content .menu-box-title { width: calc(100% - 222px); } } @media (max-width: 575px) { #fg-pages-list .sortable li.sort-leaf .content b { display: inline-block; width: calc(100% - 52px); } } #fg-product-edit .sortable li div.content b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 62px); } .sortable li.sort-branch div { color: #2a3042; } .sort-leaf .disclose { content: "- "; text-indent: -3000px; background-image: url("/libraries/jquery-nested-sortable/skin-vista/icons.gif"); background-position: -16px -64px; background-repeat: no-repeat; display: inline-block; height: 16px; vertical-align: top; width: 16px; margin: 16px 5px 0 1px; } @media (min-width: 576px) { .sort-leaf .disclose { margin: 0px 5px 0 1px; } } li.sort-collapsed.sort-hover div { border-color: #999999; } .disclose { cursor: pointer; width: 20px; display: none; text-align: center; } .sortable li.sort-collapsed > ol { display: none; } .sortable li.sort-branch > div .disclose { display: block; float: left; margin-right: 15px; } .sortable li.sort-collapsed > div .disclose > span:before { display: inline-block; font-family: FontAwesome; font-size: 10px; content: "\f054"; height: 25px; width: 25px; line-height: 25px; border-radius: 13px; background: rgba(134, 145, 178, 0.1); color: #8691b2; border: 1px solid #8691b2; transition: 0.15s ease; } .sortable li.sort-collapsed > div .disclose:hover > span:before, .sortable li.sort-expanded > div .disclose:hover > span:before { background: #8691b2; color: #FFF; } .sortable li.sort-expanded > div .disclose > span:before { display: inline-block; font-family: FontAwesome; font-size: 10px; content: "\f078"; height: 25px; width: 25px; line-height: 25px; border-radius: 13px; background: rgba(134, 145, 178, 0.1); color: #8691b2; border: 1px solid #8691b2; transition: 0.15s ease; } .menu_sortable .btn-group { display: none; transition: 0.15s ease; } .menu_sortable div:hover .btn-group { display: block; margin-top: -1px; } .menu_sortable div:hover .btn-group.pull-right { float: none; margin-bottom: 20px; margin-left: 20px; } @media (min-width: 576px) { .menu_sortable div:hover .btn-group.pull-right { float: right; margin-bottom: 0; margin-left: 0; display: flex; justify-content: space-between; align-items: center; } } @media (min-width: 1200px) { .menu_sortable div:hover .btn-group.pull-right { width: 668px; } } @media (min-width: 992px) and (max-width: 1199px) { .menu_sortable div:hover .btn-group.pull-right { width: 222px; } } @media (min-width: 768px) and (max-width: 991px) { .menu_sortable div:hover .btn-group.pull-right { width: 222px; } } @media (min-width: 576px) and (max-width: 767px) { .menu_sortable div:hover .btn-group.pull-right { width: 222px; } } @media (max-width: 1199px) { .menu_sortable div:hover .btn-group .btn.btn-sm .fa { margin-right: 0; } } @media (max-width: 1199px) { .menu_sortable div:hover .btn-group .hidden-xs { display: none; } } .resp-vtabs li.resp-tab-active { position: relative; z-index: 1; margin-right: -1px; padding: 10px 15px; margin-bottom: 0; border-top: none; border: none; border-left: none; border-right: none; border-right: 2px solid #8691b2; background-color: #f3f4f7; } .resp-tab-active { color: #8691b2; } .htabs li.resp-tab-active { border-right: none; color: #2a3042; background-color: #8691b2; border-radius: 0.25rem; color: #fff; } .htabs li.resp-tab-active .fa-star { color: #fff; } .resp-vtabs > .resp-tabs-container { border: none; min-height: 274px; } #fg-order-details .details .order-history div { font-size: 13px; } #fg-order-details .details i.fa-copy { font-size: 16px; cursor: pointer; margin-left: 5px; margin-right: 10px; } #fg-order-details .details b a { color: #8691b2; transition: ease 0.3s; } #fg-order-details .details b a:hover { color: #2a3042; } #fg-order-details .details .order-status { margin-bottom: 5px; } #fg-order-details .resend_order_confirmation_email { margin-top: 25px; } .date-range-icon { display: flex; align-items: center; } .date-range-icon .fa-calendar:before { margin-left: 10px; margin-right: 10px; height: 100%; } .input-group .btn { border-radius: 0 3px 3px 0; display: flex; align-items: center; } #images-uploader, #files-uploader { clear: both; } #images-uploader, #images-uploader *, #files-uploader, #files-uploader * { box-sizing: content-box !important; } #images-list { margin: 0; padding: 0 5px; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 200px)); } #images-list li { background: #FFF; text-align: center; display: block; height: 165px; margin: 5px 5px 10px 5px; vertical-align: middle; position: relative; } #images-list li.sortable-chosen { -webkit-box-shadow: -1px 1px 6px rgba(0, 0, 0, 0.75); -moz-box-shadow: -1px 1px 6px rgba(0, 0, 0, 0.75); box-shadow: -1px 1px 6px rgba(0, 0, 0, 0.75); } #images-list li .article-image { height: 100%; width: 100%; object-fit: cover; } #images-list li .image-alt { padding: 5px; height: 30px; font-size: 13px; } #images-list li .article_image_delete { border: 0; padding: 13px; position: absolute; top: 0; right: 0; } #images-list li .article_image_delete i { font-size: 18px; } #images-list li .image-alt { position: absolute; bottom: 10px; border: 0; background: #2a3042; text-align: center; color: #FFF; } #images-list li .image-alt::placeholder { color: #FFF; } #images-list li:hover .article-image-edit, #images-list li.pending .article-image-edit { display: block; } .article-image-edit { background: rgba(255, 255, 255, 0.8); position: absolute; height: 100%; width: 150px; cursor: pointer; line-height: 168px; display: none; } .article-image-edit i { font-size: 28px; color: #cc0000; } .article-image-edit img { height: 50px; position: relative; top: 12px; } #files-list { list-style-type: none; margin: 0; padding: 0; } #files-list li { float: left; margin: 5px 7px; } #files-list li .article_file_delete { border-color: rgba(0, 0, 0, 0.05); } #fg-order-details .details .row { margin-bottom: 15px; } .cke_chrome { background: #fff !important; } .cke_bottom, .cke_top { background: #fff !important; } .plupload_filelist_header, .plupload_filelist_footer { background: #dbdee8 !important; } .plupload_scroll .plupload_filelist { background: transparent !important; } .icheckbox_minimal-blue { background-position: 0 0 !important; } .icheckbox_minimal-blue:hover { background-position: 0 0 !important; } .icheckbox_minimal-blue.checked { background-position: -40px 0 !important; } .icheckbox_minimal-blue.checked:hover { background-position: -40px 0 !important; } #fg-product-edit .form-group, #fg-promotion-edit .form-group, #fg-article-edit .form-group, #fg-values-edit .form-group { width: 100%; } #fg-product-edit .form-group .list, #fg-promotion-edit .form-group .list, #fg-article-edit .form-group .list, #fg-values-edit .form-group .list { margin-bottom: 5px; } #fg-product-edit #settings-tabs .settings-tabs .form-group .menu_sortable .sortable .content, #fg-promotion-edit #settings-tabs .settings-tabs .form-group .menu_sortable .sortable .content, #fg-article-edit #settings-tabs .settings-tabs .form-group .menu_sortable .sortable .content, #fg-values-edit #settings-tabs .settings-tabs .form-group .menu_sortable .sortable .content { display: flex; justify-content: flex-start; align-items: center; } #fg-product-edit #settings-tabs .settings-tabs .form-group .menu_sortable .sortable .content .g-checkbox, #fg-promotion-edit #settings-tabs .settings-tabs .form-group .menu_sortable .sortable .content .g-checkbox, #fg-article-edit #settings-tabs .settings-tabs .form-group .menu_sortable .sortable .content .g-checkbox, #fg-values-edit #settings-tabs .settings-tabs .form-group .menu_sortable .sortable .content .g-checkbox { margin-right: 5px; } #fg-product-edit #settings-tabs .settings-tabs .form-group #products_related, #fg-promotion-edit #settings-tabs .settings-tabs .form-group #products_related, #fg-article-edit #settings-tabs .settings-tabs .form-group #products_related, #fg-values-edit #settings-tabs .settings-tabs .form-group #products_related { max-width: 100%; overflow: overlay; } #fg-g-edit .sortable .sort-leaf .content, #fg-layout-edit .sortable .sort-leaf .content { display: flex; align-items: center; } @media (max-width: 575px) { #fg-g-edit .sortable .sort-leaf .content, #fg-layout-edit .sortable .sort-leaf .content { align-items: flex-start; } } @media (max-width: 575px) { #fg-g-edit .sortable .sort-leaf .content .icheckbox_minimal-blue, #fg-layout-edit .sortable .sort-leaf .content .icheckbox_minimal-blue { margin-top: 16px; margin-right: 5px; } } @media (max-width: 575px) { #files-uploader_container .plupload .plupload_content .plupload_filelist_footer, #images-uploader_container .plupload .plupload_content .plupload_filelist_footer { display: flex; align-items: center; } } #files-uploader_container .plupload .plupload_content .plupload_filelist_footer, #images-uploader_container .plupload .plupload_content .plupload_filelist_footer { height: auto; } #files-uploader_container .plupload .plupload_content .plupload_filelist_footer .plupload_file_status, #files-uploader_container .plupload .plupload_content .plupload_filelist_footer .plupload_file_size, #files-uploader_container .plupload .plupload_content .plupload_filelist_footer .plupload_progress, #images-uploader_container .plupload .plupload_content .plupload_filelist_footer .plupload_file_status, #images-uploader_container .plupload .plupload_content .plupload_filelist_footer .plupload_file_size, #images-uploader_container .plupload .plupload_content .plupload_filelist_footer .plupload_progress { width: 40px; } .selectize-control .selectize-input .item a.remove { margin: 1px; } .progress-box { position: absolute; top: 0px; width: 100%; height: 100%; z-index: 200; background: #fff; padding: 0px; margin-left: -15px; } .progress-box.hidden { display: none; } .progress { margin: 15px; height: 35px; transform: translateY(-100%); position: relative; top: 30%; background-color: #333; } .version { position: relative; top: 5%; } .version h3 p { display: inline-block; } .version h3 { text-align: center; } #fg-order-details .details table { margin-top: 30px; } #fg-order-details .details table .order-product-details .custom-fields { font-size: 11px; } #fg-order-details .details table .order-product-details .custom-fields b { font-weight: 600; } #fg-order-details .details table .order-product-details .atributes { font-size: 11px; } #fg-order-details .details table .order-product-details .atributes b { font-weight: 600; } .table { white-space: nowrap; font-size: 13px; } .table .tab-center { text-align: center; } .table .product-image { float: left; width: 75px; height: 75px; margin-right: 10px; } .table .product-image img { width: 100%; height: 100%; object-fit: contain; } .table .tab-right { text-align: right; } .table a:not(.btn) { color: #4aa3ff; transition: 0.15s ease; font-weight: 500; } .table a:not(.btn):hover { color: #2a3042; } .table a.btn { color: #fff; } .table a.btn:hover, .table a.btn:focus { color: #fff; } .table a.btn-default { color: #000; } .table a.btn-default:hover, .table a.btn-default:focus { color: #000; } .table thead { background-color: #f3f4f7; } .table thead th { vertical-align: middle; border-bottom: none; border-top: none; } .table tbody td { vertical-align: middle; } .table tbody td.product-image { width: 100px; padding: 0; } .table tbody td.product-image img { width: 100%; } #table-products .product-categories { display: block; width: 100%; text-wrap: wrap; } #table-products .product-name { display: flex; justify-content: space-between; } #table-products .product-name .duplicate-product { margin-left: 15px; } #table-products .duplicate-product { float: right; font-size: 13px; } #table-products .btn-success { color: #FFF !important; } #table-products .btn-success.btn-create-product { margin-top: 5px; } .inpost-map-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); z-index: 1000; padding: 100px; display: none; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } @media (max-width: 767px) { .inpost-map-container { padding: 15px; } } .inpost-map-container #inpost-map { background: #FFF; } .inpost-map-container .inpost-hide { margin: 15px auto; float: right; color: #FFF !important; text-transform: uppercase; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; font-weight: 600; } .sales-grid { text-align: center; } .sales-grid td { padding: 2px 4px; width: 12.5%; } .mobile-menu-btn { position: fixed; right: 10px; bottom: 10px; z-index: 9999; height: 50px; width: 50px; color: #FFF; background: #2a3042; line-height: 50px; text-align: center; font-size: 25px; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: none; } @media (max-width: 991px) { .mobile-menu-btn { display: block; } } @media (max-width: 575px) { .mobile-menu-btn.active { background: #fff; color: #2a3042; } } @media (max-width: 575px) { .hidden-xs { display: none; } } .dashboard-page #table-products > .row > #g-menu, .dashboard-page .g-container > .row > #g-menu { margin-bottom: 10px; } @media (max-width: 767px) { .dashboard-page #table-products > .row > .col-md-3 > .pull-right, .dashboard-page .g-container > .row > .col-md-3 > .pull-right { float: left; } } @media (max-width: 767px) { .dashboard-page #table-products > .row > .col-md-3 > .pull-right #g-columns-list, .dashboard-page .g-container > .row > .col-md-3 > .pull-right #g-columns-list { right: auto; left: 15px; } } .dashboard-page .g-container .panel-info .panel-body #fg-newsletter-prepare .form-group .input-group #dates { max-width: 200px; } .dashboard-page .g-container .panel-info .panel-body #fg-newsletter-prepare .form-group .input-group .date-range-icon { border-top: 1px solid #ced4da; border-right: 1px solid #ced4da; border-bottom: 1px solid #ced4da; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .dashboard-page .g-container .panel-info .panel-body #fg-newsletter-prepare .form-group select#template { max-width: 233px; } @media (max-width: 767px) { .dashboard-page .g-container .panel-info .panel-body .resp-vtabs .resp-tabs-container { padding: 0; } } .dashboard-page .g-container .panel-info .panel-body .resp-vtabs .resp-tabs-container h2 i { margin-right: 10px; } .dashboard-page .g-container .panel-info .panel-body .resp-vtabs .resp-tabs-container .resp-tab-content { padding: 10px; } @media (max-width: 767px) { .dashboard-page .g-container .panel-info .panel-body .resp-vtabs .resp-tabs-container .resp-tab-content { padding: 10px; } } .dashboard-page .g-container .panel-info .panel-body #fg-order-details .details .row .col-lg-4 .row .buttons .order_status_change_email, .dashboard-page .g-container .panel-info .panel-body #fg-order-details .details .row .col-lg-4 .row .buttons .order_status_change, .dashboard-page .g-container .panel-info .panel-body #fg-order-details .details .row .col-xl-4 .row .buttons .order_status_change_email, .dashboard-page .g-container .panel-info .panel-body #fg-order-details .details .row .col-xl-4 .row .buttons .order_status_change { margin-bottom: 10px; } .dashboard-page .g-container .panel-info .panel-body #fg-order-details .details .input-group span.input-group-addon { border-top-left-radius: 0; border-bottom-left-radius: 0; } @media (max-width: 575px) { .dashboard-page .g-container .panel-info .panel-body #fg-order-details .details .row .col-md-6 .col-sm-6:last-child .form-control { margin-top: 15px; } } .status_select #order-status { max-width: 280px; } .combination-attribute { border: 1px solid #ced4da; } .combination-attribute .title { padding: 5px 10px; font-weight: 600; } .combination-attribute .values { padding: 5px 10px; list-style-type: none; } @media (max-width: 768px) { .panel .panel-heading .btn-send-order-to-apilo { float: none !important; } } .panel .panel-heading.with-buttons { display: flex; align-items: center; justify-content: space-between; } .nav.nav-tabs-right { justify-content: flex-end; } .input-group-addon { display: flex; align-items: center; justify-content: center; min-width: 65px; } select.input-sm { line-height: 20px; } .form-control { font-size: 14px; } .baselinker-product-search, .apilo-product-search { cursor: pointer; } .baselinker-found-products { margin-top: 10px; } .baselinker-found-products p { margin-bottom: 0; } .baselinker-found-products button { margin-top: 5px; } .dashboard-summary { display: flex; flex-wrap: wrap; gap: 20px; } .dashboard-summary .panel { max-width: 300px; width: 100%; } .custom-labels { display: flex; flex-wrap: wrap; gap: 5px; } .custom-labels input { max-width: 150px; border: 1px solid #dfdfdf !important; padding: 0 5px; font-size: 12px !important; } .custom-labels input::placeholder { color: #dfdfdf; font-style: italic; } input.form-control[type=text], select.form-control { height: 35px; font-size: 13px; } textarea.form-control { font-size: 13px; } .order-details .paid-status { margin-top: 10px; } .order-details .paid-status a { font-weight: 300; } .order-details .paid-status .panel-body span { display: inline-flex; height: 30px; width: 30px; background: #2a3042; color: #FFF; align-items: center; justify-content: center; border-radius: 50%; } .order-details .paid-status .panel-body span.danger { background: #ff1741; } .product-xml-data { display: grid; grid-template-columns: 1fr; gap: 10px; } @media (min-width: 768px) { .product-xml-data { grid-template-columns: 1fr 1fr; } } @media (min-width: 992px) { .product-xml-data { grid-template-columns: 1fr 1fr 1fr; } } @media (min-width: 1200px) { .product-xml-data { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } } .product-xml-data input::placeholder { font-style: italic; opacity: 0.5; } .product-xml-data .custom_label_0_container, .product-xml-data .custom_label_1_container, .product-xml-data .custom_label_2_container, .product-xml-data .custom_label_3_container, .product-xml-data .custom_label_4_container { position: relative; } .product-xml-data .custom_label_0_container .custom_label_0_suggestions, .product-xml-data .custom_label_0_container .custom_label_1_suggestions, .product-xml-data .custom_label_0_container .custom_label_2_suggestions, .product-xml-data .custom_label_0_container .custom_label_3_suggestions, .product-xml-data .custom_label_0_container .custom_label_4_suggestions, .product-xml-data .custom_label_1_container .custom_label_0_suggestions, .product-xml-data .custom_label_1_container .custom_label_1_suggestions, .product-xml-data .custom_label_1_container .custom_label_2_suggestions, .product-xml-data .custom_label_1_container .custom_label_3_suggestions, .product-xml-data .custom_label_1_container .custom_label_4_suggestions, .product-xml-data .custom_label_2_container .custom_label_0_suggestions, .product-xml-data .custom_label_2_container .custom_label_1_suggestions, .product-xml-data .custom_label_2_container .custom_label_2_suggestions, .product-xml-data .custom_label_2_container .custom_label_3_suggestions, .product-xml-data .custom_label_2_container .custom_label_4_suggestions, .product-xml-data .custom_label_3_container .custom_label_0_suggestions, .product-xml-data .custom_label_3_container .custom_label_1_suggestions, .product-xml-data .custom_label_3_container .custom_label_2_suggestions, .product-xml-data .custom_label_3_container .custom_label_3_suggestions, .product-xml-data .custom_label_3_container .custom_label_4_suggestions, .product-xml-data .custom_label_4_container .custom_label_0_suggestions, .product-xml-data .custom_label_4_container .custom_label_1_suggestions, .product-xml-data .custom_label_4_container .custom_label_2_suggestions, .product-xml-data .custom_label_4_container .custom_label_3_suggestions, .product-xml-data .custom_label_4_container .custom_label_4_suggestions { position: absolute; top: 101%; left: 0; border: 1px solid #1cbb8c; width: 100%; display: none; z-index: 99; } .product-xml-data .custom_label_0_container .custom_label_0_suggestions div, .product-xml-data .custom_label_0_container .custom_label_1_suggestions div, .product-xml-data .custom_label_0_container .custom_label_2_suggestions div, .product-xml-data .custom_label_0_container .custom_label_3_suggestions div, .product-xml-data .custom_label_0_container .custom_label_4_suggestions div, .product-xml-data .custom_label_1_container .custom_label_0_suggestions div, .product-xml-data .custom_label_1_container .custom_label_1_suggestions div, .product-xml-data .custom_label_1_container .custom_label_2_suggestions div, .product-xml-data .custom_label_1_container .custom_label_3_suggestions div, .product-xml-data .custom_label_1_container .custom_label_4_suggestions div, .product-xml-data .custom_label_2_container .custom_label_0_suggestions div, .product-xml-data .custom_label_2_container .custom_label_1_suggestions div, .product-xml-data .custom_label_2_container .custom_label_2_suggestions div, .product-xml-data .custom_label_2_container .custom_label_3_suggestions div, .product-xml-data .custom_label_2_container .custom_label_4_suggestions div, .product-xml-data .custom_label_3_container .custom_label_0_suggestions div, .product-xml-data .custom_label_3_container .custom_label_1_suggestions div, .product-xml-data .custom_label_3_container .custom_label_2_suggestions div, .product-xml-data .custom_label_3_container .custom_label_3_suggestions div, .product-xml-data .custom_label_3_container .custom_label_4_suggestions div, .product-xml-data .custom_label_4_container .custom_label_0_suggestions div, .product-xml-data .custom_label_4_container .custom_label_1_suggestions div, .product-xml-data .custom_label_4_container .custom_label_2_suggestions div, .product-xml-data .custom_label_4_container .custom_label_3_suggestions div, .product-xml-data .custom_label_4_container .custom_label_4_suggestions div { padding: 5px; cursor: pointer; background: #1cbb8c; color: #FFF; border-bottom: 1px solid #1cbb8c; } .product-xml-data .custom_label_0_container .custom_label_0_suggestions div:last-child, .product-xml-data .custom_label_0_container .custom_label_1_suggestions div:last-child, .product-xml-data .custom_label_0_container .custom_label_2_suggestions div:last-child, .product-xml-data .custom_label_0_container .custom_label_3_suggestions div:last-child, .product-xml-data .custom_label_0_container .custom_label_4_suggestions div:last-child, .product-xml-data .custom_label_1_container .custom_label_0_suggestions div:last-child, .product-xml-data .custom_label_1_container .custom_label_1_suggestions div:last-child, .product-xml-data .custom_label_1_container .custom_label_2_suggestions div:last-child, .product-xml-data .custom_label_1_container .custom_label_3_suggestions div:last-child, .product-xml-data .custom_label_1_container .custom_label_4_suggestions div:last-child, .product-xml-data .custom_label_2_container .custom_label_0_suggestions div:last-child, .product-xml-data .custom_label_2_container .custom_label_1_suggestions div:last-child, .product-xml-data .custom_label_2_container .custom_label_2_suggestions div:last-child, .product-xml-data .custom_label_2_container .custom_label_3_suggestions div:last-child, .product-xml-data .custom_label_2_container .custom_label_4_suggestions div:last-child, .product-xml-data .custom_label_3_container .custom_label_0_suggestions div:last-child, .product-xml-data .custom_label_3_container .custom_label_1_suggestions div:last-child, .product-xml-data .custom_label_3_container .custom_label_2_suggestions div:last-child, .product-xml-data .custom_label_3_container .custom_label_3_suggestions div:last-child, .product-xml-data .custom_label_3_container .custom_label_4_suggestions div:last-child, .product-xml-data .custom_label_4_container .custom_label_0_suggestions div:last-child, .product-xml-data .custom_label_4_container .custom_label_1_suggestions div:last-child, .product-xml-data .custom_label_4_container .custom_label_2_suggestions div:last-child, .product-xml-data .custom_label_4_container .custom_label_3_suggestions div:last-child, .product-xml-data .custom_label_4_container .custom_label_4_suggestions div:last-child { border-bottom: none; } .jconfirm-title { line-height: 1.25 !important; } .site-title { font-size: 18px; font-weight: 600; margin: 5px 0 10px 5px; } .site-subtitle { font-size: 13px; margin: 0 0 10px 5px; } #g-list { margin-bottom: 15px !important; } .pagination input[type=number] { border: 1px solid #dddddd; height: 31px; width: 50px; text-align: center; } .input-group-addon { width: auto; } .input-group-addon label { display: flex; align-items: center; gap: 5px; } .additional_fields input[type=text] { height: 40px; } #integrationsDropdownBtn { width: 50px; text-align: center; } .dropdown-menu-right a { font-size: 14px; } /*# sourceMappingURL=style.css.map */