html{
height: 100%;
}
.html, body {
height: 100%;
margin: 0;
padding: 0;
/*font-family: 'Open Sans', sans-serif;*/
font-size: 12px;
/*color: #666666;*/
color: #5b5b5b;
text-rendering: optimizeLegibility;
font-family: 'Gotham Pro Regular';
/* font-family: 'Roboto';*/
background: #ebeef2;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
}
a{
color: #212121;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: 0.66em;
/* font-family: 'Roboto', sans-serif;*/
font-weight: 500;
line-height: 1.1;
color: inherit;
}
.toast {
border-radius: 10px !important;
}
.toast-title {
color: #495057;
font-weight: 500;
font-size: 16px;
}
.toast-message {
color: #454545;
font-size: 1.25rem;
}
.toast-error,
.toast-info,
.toast-success,
.toast-warning {
background-color: #fff;
}
#toast-container > div {
min-width: 300px !important;
padding: 15px 20px 15px 60px;
box-shadow: 0 0 20px rgba(173, 181, 189, 0.5);
background-color: #fff;
opacity: 1;
width: 100%;
}
#toast-container > div:hover {
box-shadow: 0 0 20px rgba(173, 181, 189, 0.1);
}
#toast-container > .toast-success {
background-size: 2rem;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='%230AC074'/%3E%3Cpath d='M17.0582 27.6647C16.7058 27.4297 16.3702 27.2955 16.1185 27.0438C14.172 25.1141 12.2423 23.1676 10.2958 21.2546C9.90984 20.8687 9.89306 20.6002 10.2958 20.2311C11.0341 19.5431 11.7389 18.8383 12.4269 18.1C12.8296 17.6805 13.0813 17.7644 13.4505 18.1503C14.3901 19.1403 15.3802 20.0968 16.3534 21.0533C17.0917 21.7916 17.1085 21.7748 17.8636 21.0197C20.7163 18.1503 23.6024 15.2977 26.4383 12.4115C26.9417 11.8913 27.2941 11.841 27.7807 12.3947C28.368 13.0659 29.0224 13.6868 29.6769 14.2909C30.0964 14.6768 30.1131 15.0124 29.6936 15.4152C25.8006 19.2914 21.9076 23.2011 18.0147 27.0774C17.7797 27.3123 17.4106 27.4465 17.0582 27.6647Z' fill='white'/%3E%3C/svg%3E%0A") !important;
}
#toast-container > .toast-warning {
background-size: 2rem;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23FFB821'/%3E%3Cg clip-path='url(%23clip0_170_1104)'%3E%3Cpath d='M18.0771 13.7187C18.0579 13.3911 18.0386 13.0829 18.0193 12.7553C17.8844 10.578 19.0212 9.63392 21.1214 10.1156C21.9307 10.3083 22.528 11.3102 22.4509 12.5241C22.3353 14.7399 22.1812 16.9364 22.027 19.1522C21.9885 19.8844 21.9692 20.6358 21.8922 21.368C21.8343 21.869 21.7958 22.447 21.5068 22.8324C21.1985 23.237 20.6397 23.6609 20.158 23.6802C19.7342 23.6994 19.1754 23.2563 18.9056 22.8516C18.6166 22.4277 18.5588 21.8304 18.5203 21.2909C18.3469 18.7669 18.212 16.2428 18.0771 13.7187C18.0579 13.7187 18.0579 13.7187 18.0771 13.7187Z' fill='white'/%3E%3Cpath d='M22.1619 28.054C22.1812 29.133 21.3912 29.9807 20.3507 30C19.291 30.0193 18.4625 29.21 18.4432 28.1503C18.4239 27.0713 19.2332 26.2042 20.2544 26.185C21.2756 26.1464 22.1426 26.9942 22.1619 28.054Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_170_1104'%3E%3Crect width='4.45087' height='20' fill='white' transform='translate(18 10)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") !important;
}
#toast-container > .toast-info {
background-size: 2rem;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='%230099FB'/%3E%3Cg clip-path='url(%23clip0_170_1103)'%3E%3Cpath d='M16 18.8036C15.9502 17.8929 16.3818 17.5179 17.0956 17.3572C17.743 17.1965 18.3572 16.9286 18.988 16.7857C21.7271 16.2143 23.2709 17.9643 22.5903 20.875C22.2251 22.4465 21.7271 23.9822 21.3785 25.5715C20.8639 27.9465 21.4283 28.5357 23.6361 28.0536C23.7357 28.0357 23.8519 28 24.0013 27.9465C24.0677 28.625 23.8851 29.0893 23.2211 29.25C22.2583 29.5 21.3121 29.9107 20.3493 29.9822C18.0584 30.1607 16.7802 28.5179 17.2948 26.1072C17.66 24.4465 18.158 22.8036 18.5398 21.1429C19.1208 18.75 18.49 18.125 16.2822 18.75C16.1992 18.7857 16.1162 18.7857 16 18.8036Z' fill='white'/%3E%3Cpath d='M22.0093 14.6071C20.6481 14.6071 19.5691 13.5714 19.6023 12.2679C19.6189 11.0179 20.6979 10 21.9927 10C23.3042 10 24.35 11.0357 24.35 12.3036C24.3334 13.6071 23.3374 14.6071 22.0093 14.6071Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_170_1103'%3E%3Crect width='8.33333' height='20' fill='white' transform='translate(16 10)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") !important;
}
#toast-container > .toast-error {
background-size: 2rem;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23F72947'/%3E%3Cg clip-path='url(%23clip0_170_1105)'%3E%3Cpath d='M16.7906 19.9258C16.5602 19.7049 16.3442 19.4937 16.1282 19.2825C14.8512 18.0152 13.5695 16.7478 12.2926 15.4805C11.8989 15.0917 11.8989 14.818 12.3022 14.4244C13.0174 13.7139 13.7327 13.0035 14.448 12.293C14.8464 11.8993 15.1057 11.9041 15.5089 12.3026C16.949 13.7283 18.3844 15.1541 19.8245 16.5798C19.8773 16.6278 19.9109 16.695 19.9685 16.7718C20.0694 16.6758 20.1414 16.6134 20.2038 16.5462C21.6439 15.1205 23.0793 13.6947 24.5194 12.269C24.8794 11.9137 25.1723 11.9137 25.5323 12.269C26.2572 12.9843 26.9772 13.6995 27.6973 14.4148C28.0958 14.8084 28.1006 15.0821 27.7069 15.4709C26.2812 16.887 24.8554 18.3032 23.4297 19.7145C23.3625 19.7817 23.2809 19.8345 23.1849 19.9065C23.3625 20.0794 23.4969 20.2138 23.6313 20.3482C24.9994 21.7067 26.3676 23.0653 27.7357 24.4238C28.0814 24.7694 28.0814 25.0623 27.7309 25.4127C26.9964 26.1424 26.262 26.8672 25.5323 27.5921C25.1723 27.9522 24.8794 27.9522 24.5194 27.5969C23.0793 26.1712 21.6439 24.7454 20.2038 23.3197C20.1414 23.2573 20.079 23.1997 20.0021 23.1277C19.9301 23.1949 19.8677 23.2477 19.8053 23.3101C18.3652 24.7358 16.9298 26.1616 15.4897 27.5873C15.1105 27.9618 14.8368 27.9618 14.4624 27.5921C13.7279 26.8672 12.9934 26.1376 12.2638 25.4127C11.9133 25.0671 11.9133 24.7694 12.259 24.4238C13.7039 22.9933 15.1441 21.5579 16.589 20.1274C16.6514 20.0746 16.709 20.0122 16.7906 19.9258Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_170_1105'%3E%3Crect width='16' height='15.8752' fill='white' transform='translate(12 12)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") !important;
}
.toast-progress {
opacity: 1;
}
.toast-success > .toast-progress {
background-color: #0ac074;
}
.toast-warning > .toast-progress {
background-color: #ffb821;
}
.toast-error > .toast-progress {
background-color: #f62947;
}
.toast-info > .toast-progress {
background-color: #0099fb;
}
.toast-close-button {
color: #495057 !important;
right: 0 !important;
top: 0 !important;
font-size: 30px !important;
font-weight: 400 !important;
}
.text-gray{
color: #444;
}
.page-header {
vertical-align: middle;
margin: 0px 0 15px 0;
padding: 0;
border-bottom: none;
padding-top: 2rem;
}
.table-responsive{
background: #fff;
border-radius: 1.5rem;
/* box-shadow: 0px 6px 8px rgb(4 4 7 / 10%);*/
}
.well{
/* border-radius: 1.5rem; */
/* box-shadow: 0px 6px 8px rgb(4 4 7 / 10%);*/
/* -webkit-box-shadow: 0px 6px 8px rgb(4 4 7 / 10%);*/
/* background: #fff; */
/* border: none; */
background: rgba(255, 255, 255, .94);
border: 1px solid rgba(225, 231, 240, .95);
border-radius: 18px;
box-shadow: 0 18px 38px rgba(40, 51, 75, .08);
}
.table > thead > tr > td{
padding: 12px 10px 12px 10px;
}
.table-bordered > thead > tr > td{
border: 1px solid #ebecf1;
}
.page-header h1 {
color: #67738b;
display: inline-block;
margin: 0;
font-size: 20px;
font-weight: 500;
line-height: 2.5rem;
position: relative;
padding-left: 1.5rem;
font-family: 'Oktah';
font-style: italic;
}
.breadcrumb {
display: inline-block;
background: none;
margin: 0;
padding: 0 10px;
}
.breadcrumb li a {
color: #999999;
font-size: 11px;
padding: 0px;
margin: 0px;
}
.breadcrumb li:last-child a {
color: #ea9c44;
}
.breadcrumb li a:hover {
text-decoration: none;
}
.breadcrumb li + li:before {
content: "/";
font-family: FontAwesome;
color: #BBBBBB;
padding: 0 5px;
}
a:hover, a:focus {
text-decoration: none;
}
/* fix for bootstrap hidden and visible */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
display: inline;
}
#container {
min-height: 100%;
width: 100%;
position: relative;
}
.container-fluid {
padding-left: 10px;
padding-right: 20px;
}
#header {
min-height: 0px;
background: #FFFFFF;
/* border-bottom: 1px solid #E5E5E5;*/
margin: 0;
padding: 0;
/*box-shadow: 0px -3px 7px 0px #999;*/
box-shadow: 1px 0px 5px 0px rgba(0,0,0,.1);
/* font-family: 'Roboto';*/
display: block;
}
#header .nav > li {
float: left;
height: 56px;
}
#header .nav > li li {
min-width: 200px;
}
#header .navbar-header {
min-height: 0px;
padding: 0;
}
/* Mobile */
@media (max-width: 767px) {
#header .navbar-header {
margin-right: 0px;
margin-left: 0px;
float: left;
}
}
#header #button-menu + .navbar-brand {
padding: 10px 10px 10px 10px;
margin-right: 10px;
height: auto;
}
#header .nav > li > a {
padding: 3px 20px;
line-height: 50px;
cursor: pointer;
color: #6D6D6D;
/* border-left: 1px solid #E1E1E1;*/
display: flex;
justify-content: end;
align-items: center;
height: 100%;
}
#header .nav > li > a > .label {
text-shadow: none;
padding: 1px 4px;
position: absolute;
top: 8px;
left: 6px;
}
#button-menu {
padding: 10px 16px 10px 18px;
line-height: 35px;
float: left;
display: inline-block;
cursor: pointer;
color: #66728b;
/* border-right: 1px solid #E1E1E1;*/
font-size: 16px;
display: flex;
height: 56px;
align-items: center;
}
#button-menu .bx{
font-size: 2.5rem;
z-index: -1;
}
.btn-danger {
color: #f44336;
background-color: unset;
border-color: unset;
border: none;
font-weight: 800;
font-size: 19px!important;
}
.btn-danger:hover{
background-color: unset;
border:none;
background: none;
color: #444444;
}
#profile {
display: none;
}
#column-left.active #profile {
display: block;
padding: 10px 15px 10px 15px;
overflow: auto;
border-bottom: 1px solid #6d6d6d;
}
#profile div {
float: left;
color: #C4C4C4;
}
#profile div i {
font-size: 42px;
color: #2ca5d3;
}
#profile div + div {
margin-left: 15px;
}
#profile h4 {
margin-top: 6px;
font-family: 'Gotham Pro Regular';
/*font-family: 'Open Sans', sans-serif;*/
font-size: 15px;
font-weight: 400;
color: #FFF;
margin-bottom: 0;
}
#column-left {
width: 59px;
height: 105%;
position: absolute;
/* top: 0px; */
padding-top: 0px;
z-index: 10;
transition: all 0.05s;
background-color: #ffffff;
box-shadow: 0px 0px 25px rgb(4 4 7 / 10%);
/* min-height: 100vh;*/
}
#column-left.active {
width: 235px;
display: block;
}
#content {
padding-bottom: 40px;
/* transition: all 0.3s;*/
}
#column-left + #content {
margin-left: 55px;
}
#column-left + #content + #footer {
margin-bottom: 0;
padding-bottom: 0;
display: flex;
width: 100%;
align-items: center;
justify-content: center;
height: 6rem;
/* display: none;*/
}
/* Mobile */
@media (max-width: 767px) {
#column-left {
overflow: hidden;
display: none;
}
#column-left + #content {
margin-left: 0;
}
#column-left + #content + #footer {
margin-left: 0;
}
}
.m-0 {
margin: 0!important
}
.m-1 {
margin: .25rem!important
}
.m-2 {
margin: .5rem!important
}
.m-3 {
margin: 1rem!important
}
.m-4 {
margin: 1.5rem!important
}
.m-5 {
margin: 3rem!important
}
.m-auto {
margin: auto!important
}
.mx-0 {
margin-right: 0!important;
margin-left: 0!important
}
.mx-1 {
margin-right: .25rem!important;
margin-left: .25rem!important
}
.mx-2 {
margin-right: .5rem!important;
margin-left: .5rem!important
}
.mx-3 {
margin-right: 1rem!important;
margin-left: 1rem!important
}
.mx-4 {
margin-right: 1.5rem!important;
margin-left: 1.5rem!important
}
.mx-5 {
margin-right: 3rem!important;
margin-left: 3rem!important
}
.mx-auto {
margin-right: auto!important;
margin-left: auto!important
}
.my-0 {
margin-top: 0!important;
margin-bottom: 0!important
}
.my-1 {
margin-top: .25rem!important;
margin-bottom: .25rem!important
}
.my-2 {
margin-top: .5rem!important;
margin-bottom: .5rem!important
}
.my-3 {
margin-top: 1rem!important;
margin-bottom: 1rem!important
}
.my-4 {
margin-top: 1.5rem!important;
margin-bottom: 1.5rem!important
}
.my-5 {
margin-top: 3rem!important;
margin-bottom: 3rem!important
}
.my-auto {
margin-top: auto!important;
margin-bottom: auto!important
}
.mt-0 {
margin-top: 0!important
}
.mt-1 {
margin-top: .25rem!important
}
.mt-2 {
margin-top: .5rem!important
}
.mt-3 {
margin-top: 1rem!important
}
.mt-4 {
margin-top: 1.5rem!important
}
.mt-45{
margin-top: 2rem!important;
}
.mt-5 {
margin-top: 3rem!important
}
.mt-auto {
margin-top: auto!important
}
.me-0 {
margin-right: 0!important
}
.me-1 {
margin-right: .25rem!important
}
.me-2 {
margin-right: .5rem!important
}
.me-3 {
margin-right: 1rem!important
}
.me-4 {
margin-right: 1.5rem!important
}
.me-5 {
margin-right: 3rem!important
}
.me-auto {
margin-right: auto!important
}
.mb-0 {
margin-bottom: 0!important
}
.mb-1 {
margin-bottom: .25rem!important
}
.mb-2 {
margin-bottom: .5rem!important
}
.mb-3 {
margin-bottom: 1rem!important
}
.mb-4 {
margin-bottom: 1.5rem!important
}
.mb-5 {
margin-bottom: 3rem!important
}
.mb-auto {
margin-bottom: auto!important
}
.ms-0 {
margin-left: 0!important
}
.ms-1 {
margin-left: .25rem!important
}
.ms-2 {
margin-left: .5rem!important
}
.ms-3 {
margin-left: 1rem!important
}
.ms-4 {
margin-left: 1.5rem!important
}
.ms-5 {
margin-left: 3rem!important
}
.ms-auto {
margin-left: auto!important
}
.p-0 {
padding: 0!important
}
.p-1 {
padding: .25rem!important
}
.p-2 {
padding: .5rem!important
}
.p-3 {
padding: 1rem!important
}
.p-4 {
padding: 1.5rem!important
}
.p-5 {
padding: 3rem!important
}
.px-0 {
padding-right: 0!important;
padding-left: 0!important
}
.px-1 {
padding-right: .25rem!important;
padding-left: .25rem!important
}
.px-2 {
padding-right: .5rem!important;
padding-left: .5rem!important
}
.px-3 {
padding-right: 1rem!important;
padding-left: 1rem!important
}
.px-4 {
padding-right: 1.5rem!important;
padding-left: 1.5rem!important
}
.px-5 {
padding-right: 3rem!important;
padding-left: 3rem!important
}
.px-2rem {
padding-right: 2rem!important;
padding-left: 2rem!important
}
.py-0 {
padding-top: 0!important;
padding-bottom: 0!important
}
.py-1 {
padding-top: .25rem!important;
padding-bottom: .25rem!important
}
.py-2 {
padding-top: .5rem!important;
padding-bottom: .5rem!important
}
.py-3 {
padding-top: 1rem!important;
padding-bottom: 1rem!important
}
.py-4 {
padding-top: 1.5rem!important;
padding-bottom: 1.5rem!important
}
.py-5 {
padding-top: 3rem!important;
padding-bottom: 3rem!important
}
.pt-0 {
padding-top: 0!important
}
.pt-1 {
padding-top: .25rem!important
}
.pt-2 {
padding-top: .5rem!important
}
.pt-3 {
padding-top: 1rem!important
}
.pt-4 {
padding-top: 1.5rem!important
}
.pt-5 {
padding-top: 3rem!important
}
.pe-0 {
padding-right: 0!important
}
.pe-1 {
padding-right: .25rem!important
}
.pe-2 {
padding-right: .5rem!important
}
.pe-3 {
padding-right: 1rem!important
}
.pe-4 {
padding-right: 1.5rem!important
}
.pe-5 {
padding-right: 3rem!important
}
.pb-0 {
padding-bottom: 0!important
}
.pb-1 {
padding-bottom: .25rem!important
}
.pb-2 {
padding-bottom: .5rem!important
}
.pb-3 {
padding-bottom: 1rem!important
}
.pb-4 {
padding-bottom: 1.5rem!important
}
.pb-5 {
padding-bottom: 3rem!important
}
.ps-0 {
padding-left: 0!important
}
.ps-1 {
padding-left: .25rem!important
}
.ps-2 {
padding-left: .5rem!important
}
.ps-3 {
padding-left: 1rem!important
}
.ps-4 {
padding-left: 1.5rem!important
}
.ps-5 {
padding-left: 3rem!important
}
.flex-fill {
flex: 1 1 auto!important
}
.flex-row {
flex-direction: row!important
}
.flex-column {
flex-direction: column!important
}
.flex-row-reverse {
flex-direction: row-reverse!important
}
.flex-column-reverse {
flex-direction: column-reverse!important
}
.flex-grow-0 {
flex-grow: 0!important
}
.flex-grow-1 {
flex-grow: 1!important
}
.flex-shrink-0 {
flex-shrink: 0!important
}
.flex-shrink-1 {
flex-shrink: 1!important
}
.flex-wrap {
flex-wrap: wrap!important
}
.flex-nowrap {
flex-wrap: nowrap!important
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse!important
}
.gap-0 {
gap: 0!important
}
.gap-1 {
gap: .25rem!important
}
.gap-2 {
gap: .5rem!important
}
.gap-3 {
gap: 1rem!important
}
.gap-4 {
gap: 1.5rem!important
}
.gap-5 {
gap: 3rem!important
}
.justify-content-start {
justify-content: flex-start!important
}
.justify-content-end {
justify-content: flex-end!important
}
.justify-content-center {
justify-content: center!important
}
.justify-content-between {
justify-content: space-between!important
}
.justify-content-around {
justify-content: space-around!important
}
.justify-content-evenly {
justify-content: space-evenly!important
}
.align-items-start {
align-items: flex-start!important
}
.align-items-end {
align-items: flex-end!important
}
.align-items-center {
align-items: center!important
}
.align-items-baseline {
align-items: baseline!important
}
.align-items-stretch {
align-items: stretch!important
}
.align-content-start {
align-content: flex-start!important
}
.align-content-end {
align-content: flex-end!important
}
.align-content-center {
align-content: center!important
}
.align-content-between {
align-content: space-between!important
}
.align-content-around {
align-content: space-around!important
}
.align-content-stretch {
align-content: stretch!important
}
.align-self-auto {
align-self: auto!important
}
.align-self-start {
align-self: flex-start!important
}
.align-self-end {
align-self: flex-end!important
}
.align-self-center {
align-self: center!important
}
.align-self-baseline {
align-self: baseline!important
}
.align-self-stretch {
align-self: stretch!important
}
/* Menu */
#menu, #menu ul, #menu li {
padding: 0;
margin: 0;
list-style: none;
}
#menu {
margin-bottom: 25px;
}
#menu > li {
position: relative;
}
#menu li a {
text-decoration: none;
display: flex;
padding: 10px;
cursor: pointer;
font-weight: 400;
-webkit-transition: border-left-color 0.3s ease, background-color 0.3s ease;
-o-transition: border-left-color 0.3s ease, background-color 0.3s ease;
transition: border-left-color 0.3s ease, background-color 0.3s ease;
margin: 2px 8px 2px 6px;
border-radius: 1.5rem;
justify-content: start;
align-items: center;
}
#menu li a i {
font-size: 25px;
padding: 0px;
width: 30px;
height: 25px;
text-align: center;
background: none;
color: #66728b;
background: #f2f4f7;
border-radius: 0.75rem;
padding: 0.5rem;
height: 3.5rem;
width: 3.5rem;
}
#menu > li > a {
color: #1a1630;
font-size: 15px;
padding-left: 9px;
/*border-bottom: 1px solid #e2e2e2;*/
margin: 0.2rem;
}
#menu li ul{
overflow: hidden;
box-shadow: 15px 10px 15px rgb(4 4 7 / 7%);
border: 1px solid#e9ecf0;
border-left: 1px solid#f3f4f5;
}
.active #menu li ul{
box-shadow: none;
}
#menu li ul a{
padding-left: 0;
}
.active #menu li ul a{
padding-left: 20px;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 5px 0px 0px 20px;
}
#menu > li > a:hover {
background-color: unset;
}
#menu > li > a > span {
display: none;
margin-left: 8px;
}
#menu li li a {
color: #363d40;
}
#menu li li a:hover {
color: #eb9d44;
}
#menu li.active li a:hover{
color: #eb9d44;
}
#menu li li a:before {
content: "\ea50";
font-size: 20px;
font-family: 'boxicons';
margin-left: 5px;
margin-right: 5px;
transition: margin ease 0.5s;
color: #66728b;
}
#menu li li a:hover:before {
margin-right: 20px;
}
.active #menu > li.active > a {
color: #1a1630;
background: #ebeef1;
}
#menu > li.active > a i{
color: #ff9800;
}
#menu li.active li a {
color: #576482;
padding: 5px;
padding-left: 5px;
font-size: 13px;
}
#menu li li.active > a:last-child {
color: #56d5fb;
}
#menu li li.active a:last-child:before {
margin-left: 20px;
margin-right: 10px;
}
#menu > li > ul {
position: absolute;
left: 58px;
top: 0px;
width: 210px;
background-color: #fff;
visibility: hidden;
}
.active #menu > li > a:hover {
background-color: #f9f9f9;
}
#menu .collapse li.open ul li a{
padding-left: 40px;
}
#menu li ul {
overflow: hidden;
}
#menu > li:hover > ul {
/* visibility: visible;*/
/* border-radius: 0rem 1.5rem 1.5rem 0rem;*/
/*visibility: visible;
border-radius: 0rem 1.5rem 1.5rem 0rem;
border-radius: 1.5rem;
margin-left: 0.1rem;*/
/* width: auto;*/
/* padding-right: 1rem;
padding-left: 1rem;*/
}
#menu > li:hover > ul.collapse.in{
/* border-radius: unset;*/
}
#menu li li a.parent:after, #column-left.active #menu > li a.parent:after {
font-family: 'boxicons';
content: "\ea50";
float: right;
margin-right: 5px;
margin-left: 10px;
margin-top: 0;
transition: all 0.5s;
}
#menu li li.open > a.parent:after, #column-left.active #menu > li.open > a.parent:after, #column-left.active #menu > li li.open > a.parent:after {
transition: all 0.5s;
transform: rotate(90deg);
}
#menu li ul a {
/*padding-left: 20px;*/
/* font-family: 'Roboto';*/
font-size: 1.1rem;
}
#menu li li ul a {
padding-left: 40px;
}
#menu li li li ul a {
padding-left: 60px;
}
#menu li li li li ul a {
padding-left: 80px;
}
/* Menu Active */
/* Desktop */
@media (min-width: 768px) {
#column-left.active {
overflow: auto;
}
#column-left.active + #content {
margin-left: 55px;
opacity: 0.2;
pointer-events: none;
}
#column-left.active + #content + #footer {
margin-left: 235px;
height: 100px;
}
}
/* Mobile */
@media (max-width: 767px) {
#column-left.active + #content {
position: relative;
opacity: 0.4;
/* filter: blur(2px);*/
pointer-events: none;
/*left: 235px;*/
}
#column-left.active + #content + #footer {
position: relative;
left: 235px;
}
}
#column-left.active {
width: 242px;
overflow: scroll;
}
#column-left.active #menu > li > a > span {
display: inline;
font-family: 'Oktah';
font-style: italic;
font-weight: 500;
color: #66728b;
margin-left: 1.5rem;
height: 2rem;
}
#column-left.active #menu > li > ul {
position: relative;
left: auto;
top: auto;
width: auto;
visibility: visible;
border: none;
}
/* footer */
#footer {
height: 300px;
text-align: center;
visibility: hidden;
}
/* Navs */
.nav > li.disabled > a {
color: #999;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
color: #999;
}
/* Tabs */
.nav-tabs > li > a {
color: #666;
border-radius: 2px 2px 0 0;
border: none;
}
.nav-tabs > li > a:hover {
}
.nav-tabs {
margin-bottom: 1rem;
border: none;
margin-top: 1rem;
background: #f6f7f9;
border-radius: 1rem;
width: fit-content;
display: flex;
justify-content: center;
margin-left: auto;
margin-right: auto;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus,
.nav-tabs > li > a.active, .nav-tabs > li > a.active:hover, .nav-tabs > li > a.active:focus {
font-weight: bold;
background: #ffffff;
text-shadow: none;
border-radius: 10px;
border: none;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}
.nav > li > a:hover, .nav > li > a:focus{
background: none;
border: none;
/* border: 1px solid#fff;*/
}
.form-control:hover {
border: 1px solid #ea9c44;
border-top-color: #ea9c44;
-webkit-box-shadow: inset 0 1px 2px rgb(234 156 68 / 10%);
box-shadow: inset 0 1px 2px rgb(234 156 68 / 10%);
}
div.required .control-label:not(span):before, td.required:before {
content: '* ';
color: #F00;
font-weight: bold;
}
.table thead td span[data-toggle="tooltip"]:after, label.control-label span:after {
font-family: FontAwesome;
color: #1E91CF;
content: "\f059";
margin-left: 4px;
}
fieldset legend {
padding-bottom: 5px;
padding-top: 10px;
}
input[type="radio"], input[type="checkbox"] {
margin: 2px 0 0;
}
.radio, .checkbox {
min-height: 18px;
}
input[type="radio"], .radio input[type="radio"], .radio-inline input[type="radio"], input[type="checkbox"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
position: relative;
width: 13px;
width: 16px \0;
height: 13px;
height: 16px \0;
-webkit-appearance: none;
background: white;
border: 1px solid #dcdcdc;
border: 1px solid transparent \0;
border-radius: 1px;
}
input[type="radio"]:focus, .radio input[type="radio"]:focus, .radio-inline input[type="radio"]:focus, input[type="checkbox"]:focus, .checkbox input[type="checkbox"]:focus, .checkbox-inline input[type="checkbox"]:focus {
border-color: #4d90fe;
outline: 0;
}
input[type="radio"]:active, .radio input[type="radio"]:active, .radio-inline input[type="radio"]:active, input[type="checkbox"]:active, .checkbox input[type="checkbox"]:active, .checkbox-inline input[type="checkbox"]:active {
background-color: #ebebeb;
border-color: #c6c6c6;
}
input[type="radio"]:checked, .radio input[type="radio"]:checked, .radio-inline input[type="radio"]:checked, input[type="checkbox"]:checked, .checkbox input[type="checkbox"]:checked, .checkbox-inline input[type="checkbox"]:checked {
background: #fff;
}
input[type="radio"], .radio input[type="radio"], .radio-inline input[type="radio"] {
width: 15px;
width: 18px \0;
height: 15px;
height: 18px \0;
border-radius: 1em;
}
input[type="radio"]:checked::after, .radio input[type="radio"]:checked::after, .radio-inline input[type="radio"]:checked::after {
position: relative;
top: 3px;
left: 3px;
display: block;
width: 7px;
height: 7px;
content: '';
background: #666;
border-radius: 1em;
}
input[type="checkbox"]:hover, .checkbox input[type="checkbox"]:hover, .checkbox-inline input[type="checkbox"]:hover {
border-color: #c6c6c6;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
-webkit-box-shadow: none \9;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
box-shadow: none \9;
}
input[type="checkbox"]:checked::after, .checkbox input[type="checkbox"]:checked::after, .checkbox-inline input[type="checkbox"]:checked::after {
position: absolute;
top: -6px;
left: -5px;
display: block;
content: url('../image/checkmark.png');
}
.table thead td {
font-weight: bold;
}
.table thead > tr > td, .table tbody > tr > td {
vertical-align: middle;
color: #212121;
}
.content-dashboard .table thead > tr > td, .content-dashboard .table tbody > tr > td {
color: #444;
}
.table a.asc:after {
content: " \f107";
font-family: FontAwesome;
font-size: 14px;
}
.table a.desc:after {
content: " \f106";
font-family: FontAwesome;
font-size: 14px;
}
.pagination {
margin: 0;
}
.form-group {
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 0;
}
/*.form-group + .form-group {
border-top: 1px solid #ededed;
}*/
/* Panels */
.panel {
border-radius: 0px;
}
.panel .panel-heading {
position: relative;
}
.panel-heading h3 i {
margin-right: 8px;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.panel-heading i {
font-size: 16px;
font-weight: 500;
}
.panel-heading h3 {
font-size: 16px;
font-weight: 500;
display: inline-block;
font-family: 'Oktah';
font-style: italic;
font-weight: 400;
color: #67738b;
}
/* Primary Panel */
.panel-primary {
border: 1px solid #c3e4f6;
border-top: 2px solid #5cb7e7;
}
.panel-primary .panel-heading {
color: #1e91cf;
border-color: #96d0f0;
background: white;
}
/* Default Panel */
.panel-default {
padding: 0px;
border: none;
border-radius: 1.5rem;
/* box-shadow: 0px 6px 8px rgb(4 4 7 / 10%);*/
/* -webkit-box-shadow: 0px 6px 8px rgb(4 4 7 / 10%);*/
background: #fff;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
border-top: 1px solid #f4f4f4;
border-right: none;
border-left: none;
}
.table > tbody > tr > td{
padding: 0.5rem 1.5rem;
}
.panel-default .panel-heading {
color: #fff;
border-color: #2e2e35;
background: #2e2e35;
border-radius: 1.5rem 1.5rem 0px 0px;
}
.img-thumbnail i {
color: #FFFFFF;
background-color: #EEEEEE;
text-align: center;
vertical-align: middle;
width: 100px;
height: 100px;
padding-top: 20px;
vertical-align: middle;
display: inline-block;
}
.img-thumbnail.list i {
width: 40px;
height: 40px;
padding-top: 10px;
}
/* Tiles */
/*.tile {
margin-bottom: 15px;
border-radius: 3px;
color: #FFFFFF;
transition: all 1s;
background: #2e2e35;
border: 1px solid #f5f5f5;
}*/
.tile{
margin-bottom: 15px;
border-radius: 1.5rem;
color: #FFFFFF;
transition: all 1s;
background: #fff;
/* box-shadow: 0px 6px 8px rgb(4 4 7 / 10%);*/
}
.tile:hover {
cursor: pointer;
}
.tile a {
color: #FFFFFF;
}
.tile-heading {
padding: 12px 20px;
text-transform: uppercase;
color: #67738b;
font-size: 15px;
font-weight: 400;
font-family: 'Oktah';
font-style: italic;
}
.tile .tile-heading .pull-right {
transition: all 1s;
opacity: 0.7;
}
.tile:hover .tile-heading .pull-right {
opacity: 1;
}
.tile-body {
padding: 15px 10px 15px 10px;
color: #fff;
line-height: 48px;
}
.tile .tile-body i {
font-size: 30px;
opacity: 0.3;
transition: all 1s;
padding-top: 10px;
}
.tile:hover .tile-body i {
color: #FFFFFF;
opacity: 1;
}
.tile-footer {
padding: 5px 8px;
}
#column-left.active #stats {
display: block;
}
#stats {
display: none;
border-radius: 2px;
color: #666666;
background: #2b2b2b;
margin: 15px 20px;
padding: 5px 0;
}
#stats ul, #stats li {
padding: 0;
margin: 0;
list-style: none;
}
#stats li {
font-size: 11px;
color: #9d9d9d;
padding: 5px 10px;
border-bottom: 1px dotted #373737;
}
#stats div:first-child {
margin-bottom: 4px;
}
#stats .progress {
height: 3px;
margin-bottom: 0;
}
.jqvmap-label {
z-index: 999;
}
.alert {
overflow: auto;
}
/* Menu Fix For System -> Layout -> Banner */
.collapse.in {
display: block;
visibility: unset;
}
.collapse {
display: none;
visibility: unset;
}
/* Menu Fix For System -> Layout -> Banner */
/* Fix form-group margin inside the modal */
.modal-body .form-group {
margin: 0;
}
/* Fixed Sumernote Button Height */
.note-toolbar.panel-heading i {
font-size: 14px;
}
/* Filemanager Folder Size */
#filemanager .fa-folder.fa-5x {
font-size: 10.5em;
}
#button-filter{
width: 100%;
font-weight: 700;
margin-top: 0.5rem;
background: #ebeef2;
border-radius: 1rem;
padding: 1rem;
font-size: 1.1rem;
display: flex;
justify-content: center;
align-items: center;
}
#button-filter i{
margin-right: 0.5rem;
}
label{
color: #000;
}
#header #button-menu + .navbar-brand{
/*display: none;*/
}
#head-help, #head-home {
display: none;
}
#button-customer{
width: 100%;
}
#tab-customer{
font-size: 15px;
}
#input-store, #input-customer,#input-customer-group,#input-firstname,#input-telephone,#input-lastname,#input-email,#input-product,#input-quantity{
font-size: 12px;
/*height: auto;*/
}
#tab-customer .text-danger{
font-size: 12px;
}
#button-add-product{
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 0;
}
#button-add-product button{
width: 100%;
}
#tab-cart tbody{
height: 50px;
font-size: 15px;
}
@media (max-width: 767px) {
#button-product-add{
height: 38px;
margin-top: 27px;
font-size: 15px;
}
}
#tab-product > fieldset legend{
text-align: center;
font-size: 20px;
font-weight: 700;
color: #666;
}
#div-input-quantity{
border-top: none;
}
#tab-cart .tab-content{
border: 1px solid #e5e5e5;
border-radius: 3px;
}
#button-reset{
width: 75%;
/*right: 25%;*/
position: relative;
}
#button-save,#button-save-ar-mov,#button-save-ar-mov-tab{
text-align: center;
width: 100%;
}
#comment-order{
text-align: right;
padding-bottom: 10px;
}
#cart-total > legend{
text-align: center;
margin-top: 10px;
margin-bottom: 5px;
font-size: 25px;
font-weight: 700;
padding-bottom: 20px;
padding-bottom: 20px;
}
#tab-product{
}
#cart-total{
display: inline-block;
/*background-image:linear-gradient(135deg,#fff260,#e8ffc1);*/
background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
/*background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%);*/
border: 1px solid #e5e5e5;
margin-top: 30px;
width: 100%;
border-radius: 3px;
}
#total-cart-table{
padding: 20px;
}
#cart-total > fieldset > legend{
text-align: center;
margin-top: 0px;
margin-bottom: 15px;
font-size: 25px;
font-weight: 700;
padding-bottom: 20px;
padding-bottom: 20px;
}
/*
#logo-login{
float: none;!important;
}
#logo-login a{
float: none!important;
}
.cont-login{
background-image:url(/admin/view/image/background.jpg);
}
.cont-login header{
background: rgba(255,255,255,0.8) !important;
box-shadow: 1px 0px 5px #4a4a4a;
}
.cont-login .panel{
background: rgba(255,255,255,0.7)!important;
box-shadow: 5px 5px 28px 0px #4a4a4a;
border-radius: 5px;
margin-top: 50px;
}
.cont-login hr{
display: none;
}
*/
.content-login{
background-image: url('../image/login_banner_1.jpeg');
position: absolute;
/*z-index: -1;*/
height: 100%;
width: 100%;
display: block;
top: 0;
left: 0;
background-size: cover;
background-position: center center;
}
.content-login:after{
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
display: block;
left: 0;
top: 0;
content: "";
background-color: rgba(0, 0, 0, 0.7);
}
.content-login .panel{
background: rgba(255,255,255,0.7)!important;
box-shadow: 5px 5px 28px 0px #4a4a4a;
border-radius: 5px;
margin-top: 50px;
}
#invoice-print h1{
margin-top: 50px;
margin-bottom: 30px;
border-bottom: 2px solid #818181;
padding-bottom: 10px;
font-size: 30px;
}
#invoice-print h3{
font-size: 15px;
}
#invoice-un-print{
padding-bottom: 10px;
}
.invoice-es-logo{
border-top: 2px solid #818181;
padding-top: 30px;
}
#invoice-footer{
margin-bottom: 100px;
}
#input-product-input-ean, #div-input-quantity, #input-product-input{
font-size: 20px;
}
#input-product-label-ean,#input-product-label{
font-size: 12px;
}
#tab-article a{
font-weight: 800;
cursor: pointer;
padding: 5px;
}
#tab-article{
text-align: center;
font-size: 15px;
}
.invoice-total h3{
font-weight: 700;
font-size: 18px;
}
#stats li{
font-size: 13px;
color: #000;
background: #4ab4b9;
font-weight: 700;
}
#stats{
margin: 15px 10px;
padding: 3px 0;
}
/*
.table-bordered > thead > tr > td, .table > thead > tr > td,.table-bordered > tbody > tr > td{
border: 2px solid #242424!important;
}
.table > thead > tr > td{
background: #e4e4e4;
}
*/
#profile div i{
margin-right: 10px;
}
#profile h4{
margin-top: 10px!important;
}
@media (max-width: 767px) {
#entry-customer-form{
float: none;
}
}
#add-product-sale{
padding: 0 0 0 0;
}
.order-info{
display: inline-block;
position: relative;
}
.order-info-right .form-group{
display: inline-block;
position: relative;
}
.order-info-left .form-group{
padding-top: 10px;
padding-bottom: 10px;
}
.order-info-right textarea.form-control{
height: 110px;
}
.order-info-left{
border: 1px solid #e4e4e4;
background: #fff;
}
/* Print settings and sticker editor */
.print-settings-page .print-settings-card,
.sticker-editor-page .sticker-editor-form,
.sticker-editor-page .sticker-preview-panel{
border: 1px solid #e3e9f2;
border-radius: 8px;
box-shadow: 0 12px 30px rgba(36, 48, 71, 0.08);
overflow: hidden;
}
.print-settings-page .print-settings-card{
float: none;
margin: 0 auto 28px;
padding: 0;
}
.print-settings-page .nav-tabs{
display: flex;
gap: 4px;
margin: 0 0 24px;
overflow-x: auto;
padding: 8px 0 8px;
}
.print-settings-page .nav-tabs > li{
float: none;
margin: 0;
}
.print-settings-page .nav-tabs > li > a{
border: 0;
border-radius: 7px;
color: #71809a;
font-weight: 500;
margin: 0;
padding: 10px 16px;
white-space: nowrap;
}
.print-settings-page .nav-tabs > li.active > a,
.print-settings-page .nav-tabs > li > a.active,
.print-settings-page .nav-tabs > li > a:hover{
background: #fff4e5;
border: 0;
color: #ee921f;
}
.print-settings-page .sticker-template-table{
border: 1px solid #e7ebf2;
border-radius: 8px;
margin-bottom: 16px;
overflow: hidden;
}
.print-settings-page .sticker-template-table > thead > tr > td{
background: #f7f9fc;
border-bottom: 1px solid #e7ebf2;
color: #6e7c95;
font-weight: 500;
padding: 14px 18px;
}
.print-settings-page .sticker-template-table > tbody > tr > td{
border-top: 1px solid #edf0f5;
padding: 12px 18px;
vertical-align: middle;
}
.sticker-template-name{
color: #2f3b52;
font-weight: 500;
}
.sticker-size-badge{
background: #f3f6fa;
border: 1px solid #e1e7f0;
border-radius: 6px;
color: #71809a;
display: inline-flex;
font-size: 12px;
font-weight: 500;
padding: 5px 9px;
white-space: nowrap;
}
.sticker-template-actions{
white-space: nowrap;
}
.sticker-template-actions .btn{
align-items: center;
display: inline-flex;
height: 38px;
justify-content: center;
margin-left: 5px;
padding: 0;
width: 38px;
}
.print-settings-page .add-new-sticker{
margin: 0 0 24px;
text-align: left;
}
.print-settings-page .tab-content > .tab-pane > .form-group,
.print-settings-page .card-inv-collapsed > .form-group{
border: 0 !important;
margin: 0;
padding: 12px 0;
}
.print-agent-section,
.receipt-width-section{
padding: 24px 0;
}
.print-agent-section{
border-bottom: 1px solid #e5eaf2;
}
.print-agent-section__heading,
.print-agent-section__heading > div,
.print-workstation header,
.print-workstation footer,
.print-workstation footer > div{
display: flex;
align-items: center;
}
.print-agent-heading-actions{
display: flex;
align-items: center;
gap: 8px;
}
.print-agent-section__heading,
.print-workstation header,
.print-workstation footer{
justify-content: space-between;
gap: 16px;
}
.print-agent-section__heading > div{
gap: 12px;
}
.print-agent-icon{
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
border-radius: 8px;
background: #fff2df;
color: #f7931e;
font-size: 24px;
}
.print-agent-section h3,
.receipt-width-section h3{
margin: 0;
color: #34415d;
font-size: 18px;
font-weight: 600;
}
.print-agent-section p,
.receipt-width-section p{
margin: 3px 0 0;
color: #8b98af;
}
.print-agent-pairing{
margin-top: 20px;
padding: 18px;
border: 1px solid #dce4ef;
border-radius: 8px;
background: #f8fafc;
}
.print-agent-pairing__row{
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 10px;
margin-top: 8px;
}
.print-agent-code{
display: flex;
align-items: center;
gap: 14px;
margin-top: 14px;
}
.print-agent-code strong{
padding: 7px 12px;
border: 1px solid #ffc778;
border-radius: 6px;
background: #fff8ed;
color: #b96500;
font-size: 24px;
letter-spacing: 4px;
}
.print-agent-code small,
.print-workstation__meta{
color: #8b98af;
}
.print-workstations{
display: grid;
gap: 12px;
margin-top: 20px;
}
.print-workstation{
padding: 18px;
border: 1px solid #dce4ef;
border-radius: 8px;
background: #fff;
}
.print-workstation.is-current{
border-color: #f5a33c;
box-shadow: 0 0 0 2px rgba(247,147,30,.1);
}
.print-workstation header > div{
display: flex;
align-items: center;
gap: 8px;
}
.agent-status{
width: 9px;
height: 9px;
border-radius: 50%;
background: #b7c0ce;
}
.agent-status.is-online{
background: #52c77a;
box-shadow: 0 0 0 4px rgba(82,199,122,.13);
}
.agent-status-text{
padding: 3px 8px;
border-radius: 5px;
background: #f1f4f8;
color: #75829a;
font-size: 12px;
}
.print-workstation__meta{
margin: 6px 0 14px 17px;
font-size: 12px;
}
.print-workstation__settings{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.print-workstation__settings label{
display: block;
margin-bottom: 6px;
color: #697690;
}
.print-workstation footer{
margin-top: 14px;
padding-top: 14px;
border-top: 1px solid #edf0f5;
color: #8b98af;
}
.print-workstation footer > div{
gap: 8px;
}
.print-agent-empty{
display: flex;
flex-direction: column;
align-items: center;
padding: 28px;
border: 1px dashed #d6deea;
border-radius: 8px;
color: #8794aa;
text-align: center;
}
.print-agent-empty i{
margin-bottom: 7px;
font-size: 28px;
}
.print-agent-empty strong{
color: #4a5872;
}
.print-section-title{
margin-bottom: 14px;
}
.receipt-width-grid{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.receipt-width-row{
display: grid;
grid-template-columns: minmax(0, 1fr) 130px;
align-items: center;
gap: 12px;
padding: 12px 14px;
border: 1px solid #e3e8f0;
border-radius: 8px;
}
.receipt-width-row label{
margin: 0;
}
.receipt-width-row label strong,
.receipt-width-row label span{
display: block;
}
.receipt-width-row label span{
margin-top: 2px;
color: #8b98af;
font-size: 12px;
}
@media (max-width: 767px){
.print-agent-section__heading,
.print-workstation header,
.print-workstation footer,
.print-agent-code{
align-items: stretch;
flex-direction: column;
}
.print-agent-heading-actions{
align-items: stretch;
flex-direction: column;
}
.print-workstation__settings,
.receipt-width-grid{
grid-template-columns: 1fr;
}
.print-workstation footer > div{
flex-wrap: wrap;
}
}
.sticker-editor-layout{
display: grid;
gap: 24px;
grid-template-columns: minmax(560px, 1.2fr) minmax(420px, 0.8fr);
margin-bottom: 32px;
}
.sticker-editor-page .sticker-editor-form{
margin: 0;
}
.sticker-editor-page .sticker-editor-form .panel-heading{
padding: 18px 22px;
}
.sticker-editor-page .sticker-editor-form .panel-title{
align-items: center;
color: #53627b;
display: flex;
font-size: 18px;
font-weight: 500;
gap: 9px;
}
.sticker-editor-page .sticker-editor-form .panel-title i,
.sticker-preview-heading h3 i{
color: #f39a28;
font-size: 21px;
}
.sticker-editor-page .sticker-editor-form .panel-body{
padding: 0 22px 8px;
}
.sticker-editor-section{
border-bottom: 1px solid #e8edf4;
padding: 20px 0 8px;
}
.sticker-editor-section:last-child{
border-bottom: 0;
}
.sticker-editor-section h4{
color: #2f3b52;
font-size: 15px;
font-weight: 500;
margin: 0 0 16px;
}
.sticker-editor-page .form-group{
margin-bottom: 16px;
}
.sticker-editor-page .form-group label{
color: #6f7d95;
font-size: 13px;
font-weight: 500;
margin-bottom: 7px;
}
.sticker-editor-page .form-control{
border: 1px solid #dfe5ee;
border-radius: 7px;
box-shadow: none;
height: 44px;
padding: 9px 12px;
}
.sticker-editor-page .form-control:focus{
border-color: #f3a13b;
box-shadow: 0 0 0 3px rgba(243, 161, 59, 0.12);
}
.sticker-input-suffix{
position: relative;
}
.sticker-input-suffix .form-control{
padding-right: 40px;
}
.sticker-input-suffix span{
color: #95a0b2;
pointer-events: none;
position: absolute;
right: 12px;
top: 12px;
}
.sticker-section-heading{
align-items: center;
display: flex;
justify-content: space-between;
}
.sticker-barcode-switch{
margin: -4px 0 12px;
}
.sticker-preview-panel{
align-self: start;
background: #fff;
padding: 22px;
position: sticky;
top: 16px;
}
.sticker-preview-heading{
align-items: flex-start;
display: flex;
gap: 16px;
justify-content: space-between;
}
.sticker-preview-heading h3{
align-items: center;
color: #354159;
display: flex;
font-size: 18px;
font-weight: 500;
gap: 8px;
margin: 0 0 5px;
}
.sticker-preview-heading p{
color: #8a96a9;
font-size: 12px;
line-height: 1.45;
margin: 0;
}
.sticker-preview-test-data{
display: grid;
gap: 12px;
grid-template-columns: minmax(0, 1.5fr) minmax(120px, 0.7fr);
margin-top: 20px;
}
.sticker-preview-stage{
align-items: center;
background: #f4f6f9;
border: 1px solid #e2e7ef;
border-radius: 8px;
display: flex;
justify-content: center;
margin-top: 4px;
min-height: 410px;
overflow: auto;
padding: 24px;
}
.sticker-preview-label{
background: #fff;
border: 1px solid #cfd6e1;
border-radius: 4px;
box-shadow: 0 10px 28px rgba(38, 48, 67, 0.15);
box-sizing: border-box;
color: #111827;
display: flex;
flex-direction: column;
justify-content: flex-start;
max-width: 100%;
overflow: hidden;
position: relative;
text-align: center;
}
.sticker-preview-title,
.sticker-preview-name,
.sticker-preview-price{
font-weight: 700;
position: relative;
z-index: 1;
}
.sticker-preview-title{
padding-top: 5px;
}
.sticker-preview-name{
overflow-wrap: anywhere;
}
.sticker-preview-price{
width: 100%;
}
.sticker-preview-barcode{
bottom: 5px;
left: 6px;
position: absolute;
right: 6px;
}
.sticker-preview-barcode svg{
display: block;
height: auto;
margin: 0 auto;
max-width: 100%;
}
.sticker-preview-barcode-fallback{
color: #111827;
display: none;
margin: 0 auto;
max-width: 260px;
text-align: center;
width: 88%;
}
.sticker-preview-barcode-fallback span{
background: repeating-linear-gradient(90deg, #111827 0, #111827 2px, transparent 2px, transparent 4px, #111827 4px, #111827 5px, transparent 5px, transparent 8px);
display: block;
height: 34px;
width: 100%;
}
.sticker-preview-barcode-fallback small{
display: block;
font-family: monospace;
font-size: 10px;
letter-spacing: 0;
line-height: 14px;
}
@media (max-width: 1199px){
.sticker-editor-layout{
grid-template-columns: 1fr;
}
.sticker-preview-panel{
position: static;
}
}
@media (max-width: 767px){
.print-settings-page .print-settings-card{
width: 100%;
}
.print-settings-page .print-settings-card > .panel-body,
.sticker-editor-page .sticker-editor-form .panel-body,
.sticker-preview-panel{
padding-left: 14px;
padding-right: 14px;
}
.sticker-editor-layout{
display: block;
}
.sticker-preview-panel{
margin-top: 18px;
}
.sticker-preview-test-data{
grid-template-columns: 1fr;
}
.sticker-preview-stage{
min-height: 300px;
padding: 12px;
}
.sticker-template-actions .btn{
margin: 3px 0 3px 3px;
}
}
/* Sold products analytics */
.product-performance-report .container-fluid{
max-width: 1900px;
}
.product-report-summary{
display: grid;
gap: 14px;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
margin-bottom: 16px;
}
.product-report-metric{
align-items: center;
background: #fff;
border: 1px solid #e6eaf1;
border-radius: 8px;
display: flex;
gap: 13px;
min-height: 92px;
padding: 16px;
}
.product-report-metric__icon{
align-items: center;
border-radius: 8px;
display: flex;
flex: 0 0 44px;
font-size: 22px;
height: 44px;
justify-content: center;
}
.product-report-metric__icon i{
padding: 0;
}
.product-report-metric__icon.metric-blue{ background: #eef6ff; color: #3785dd; }
.product-report-metric__icon.metric-green{ background: #ecf9f2; color: #2fa36a; }
.product-report-metric__icon.metric-orange{ background: #fff4e6; color: #f28a17; }
.product-report-metric__icon.metric-red{ background: #fff0ef; color: #dc5b56; }
.product-report-metric div{
min-width: 0;
}
.product-report-metric span:not(.product-report-metric__icon){
color: #7d899e;
display: block;
font-size: 12px;
font-weight: 600;
margin-bottom: 4px;
}
.product-report-metric strong{
color: #303b52;
display: block;
font-size: 20px;
font-weight: 600;
line-height: 1.2;
}
.product-report-metric small{
color: #98a2b3;
display: block;
font-size: 10px;
margin-top: 3px;
}
.product-report-layout{
align-items: flex-start;
margin-left: -8px;
margin-right: -8px;
}
.product-report-layout > [class*="col-"]{
padding-left: 8px;
padding-right: 8px;
}
.product-report-filter{
background: #fff;
border: 1px solid #e6eaf1;
border-radius: 8px;
box-shadow: none;
padding: 16px;
}
.product-report-filter .form-group{
margin-bottom: 10px;
padding: 0;
}
.product-report-filter .control-label{
color: #4d586d;
font-size: 12px;
font-weight: 600;
margin-bottom: 5px;
}
.product-report-filter .form-control{
border-color: #dfe5ee;
border-radius: 8px;
box-shadow: none;
height: 40px;
}
.product-report-filter #button-filter{
align-items: center;
border-radius: 8px;
display: flex;
font-weight: 600;
height: 42px;
justify-content: center;
margin-top: 14px;
}
.product-report-charts{
display: grid;
gap: 16px;
grid-template-columns: minmax(0, 3fr) minmax(300px, 2fr);
margin-bottom: 16px;
}
.product-report-chart,
.product-report-table{
background: #fff;
border: 1px solid #e6eaf1;
border-radius: 8px;
overflow: hidden;
}
.product-report-chart > header{
align-items: center;
border-bottom: 1px solid #edf0f5;
color: #526079;
display: flex;
font-size: 14px;
font-weight: 600;
height: 52px;
padding: 0 17px;
}
.product-report-chart > header span{
align-items: center;
display: flex;
gap: 8px;
}
.product-report-chart > header i{
color: #f28a17;
font-size: 19px;
padding: 0;
}
.product-report-chart__canvas{
height: 300px;
padding: 16px 18px;
}
.product-report-chart__canvas--pie{
padding-left: 10px;
padding-right: 10px;
}
.product-report-table .table{
margin: 0;
}
.product-report-table .table > thead > tr > th{
background: #fafbfc;
border-bottom: 1px solid #e9edf3;
color: #718099;
font-size: 11px;
font-weight: 700;
padding: 13px 12px;
text-transform: uppercase;
vertical-align: middle;
}
.product-report-table .table > tbody > tr > td{
border-top: 1px solid #edf0f4;
color: #445067;
font-size: 12px;
padding: 13px 12px;
vertical-align: middle;
}
.product-report-product{
color: #344057;
display: inline-block;
font-size: 13px;
font-weight: 600;
max-width: 420px;
}
.product-report-product__meta{
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 5px 9px;
margin-top: 5px;
}
.product-report-product__meta > span{
color: #8a96a9;
font-size: 10px;
}
.product-report-product__meta .product-report-category{
background: #f7f8fb;
border: 1px solid #e5e9f0;
border-radius: 6px;
color: #68758b;
padding: 2px 6px;
}
.product-report-number{
white-space: nowrap;
}
.product-report-number small{
color: #98a2b3;
display: block;
font-size: 10px;
margin-top: 2px;
}
.product-report-stock,
.product-report-reorder,
.product-report-enough{
align-items: center;
background: #edf8f2;
border-radius: 6px;
color: #28885a;
display: inline-flex;
font-size: 11px;
font-weight: 600;
gap: 4px;
justify-content: center;
min-height: 25px;
padding: 3px 8px;
white-space: nowrap;
}
.product-report-stock.is-low{
background: #fff6e8;
color: #c77916;
}
.product-report-stock.is-empty{
background: #fff0ef;
color: #cf514d;
}
.product-report-reorder{
background: #fff4e7;
color: #bd6d13;
}
.product-report-reorder i,
.product-report-enough i{
font-size: 15px;
padding: 0;
}
.product-report-enough{
border-radius: 50%;
height: 25px;
padding: 0;
width: 25px;
}
.product-report-pagination{
align-items: center;
border-top: 1px solid #edf0f4;
color: #8995a8;
display: flex;
justify-content: space-between;
min-height: 56px;
padding: 7px 14px;
}
.product-report-pagination .pagination{
margin: 0;
}
.product-report-empty{
height: 100px;
}
@media (min-width: 1200px){
.product-report-filter{
max-height: calc(100vh - 30px);
overflow-y: auto;
position: sticky;
top: 15px;
z-index: 20;
}
}
@media (max-width: 1199px){
.product-report-charts{
grid-template-columns: 1fr;
}
}
@media (max-width: 767px){
.product-report-summary{
grid-template-columns: 1fr 1fr;
}
.product-report-layout > [class*="col-"]{
float: none;
width: 100%;
}
.product-report-filter{
margin-bottom: 14px;
}
.product-report-chart__canvas{
height: 260px;
}
.product-report-pagination{
align-items: flex-start;
flex-direction: column;
gap: 8px;
}
}
@media (max-width: 480px){
.product-report-summary{
grid-template-columns: 1fr;
}
}
.order-info-page .page-header{
margin-bottom: 1.5rem;
}
.order-info-page__number{
color: #98a2b3;
font-size: .72em;
font-style: normal;
font-weight: 600;
}
.order-info-actions{
align-items: center;
display: flex;
flex-wrap: wrap;
gap: .7rem;
}
.order-info-actions .btn{
align-items: center;
border-radius: 8px;
display: inline-flex;
font-weight: 600;
gap: .55rem;
margin: 0;
min-height: 40px;
padding: .8rem 1.1rem;
}
.order-info-actions .btn i{
font-size: 1.55rem;
padding: 0;
}
.order-info-layout{
display: flex;
flex-wrap: wrap;
margin-left: -.8rem;
margin-right: -.8rem;
}
.order-info-sidebar,
.order-info-main{
padding-left: .8rem;
padding-right: .8rem;
}
.order-info-card,
.order-info-products-card{
background: #fff;
border: 1px solid #e3e8f1;
border-radius: 12px;
box-shadow: 0 10px 30px rgba(48, 61, 83, .06);
overflow: hidden;
}
.order-info-card{
margin-bottom: 1.4rem;
}
.order-info-card .panel-heading{
align-items: center;
background: #fff;
border-bottom: 1px solid #edf1f6;
display: flex;
min-height: 58px;
padding: 1.3rem 1.5rem;
}
.order-info-card .panel-title{
align-items: center;
color: #475467;
display: flex;
font-family: 'Oktah';
font-size: 1.45rem;
font-style: italic;
font-weight: 600;
gap: .8rem;
}
.order-info-card .panel-title i{
color: #f29831;
font-size: 1.8rem;
}
.order-info-card > .table{
margin: 0;
}
.order-info-card > .table > tbody > tr > td{
border-color: #edf1f6;
color: #344054;
padding-bottom: 1rem;
padding-top: 1rem;
vertical-align: middle;
}
.order-info-card .btn-icon{
align-items: center;
background: #f6f8fb;
border-radius: 8px;
display: inline-flex;
height: 30px;
justify-content: center;
width: 30px;
}
.order-info-card .btn-icon i{
font-size: 1.45rem;
}
.order-info-card .orderComments__content{
margin: 0;
padding: 0 .8rem 0 0;
}
.order-info-additional-toggle{
align-items: center;
background: #fff;
border: 1px solid #dfe5ee;
border-radius: 8px;
color: #667085;
display: flex;
font-weight: 600;
gap: .6rem;
justify-content: center;
min-height: 44px;
width: 100%;
}
.order-info-additional-toggle:hover,
.order-info-additional-toggle:focus{
background: #f8fafc;
border-color: #d4dce8;
color: #344054;
}
.order-info-card--additional form{
padding: 0 1.4rem;
}
.order-info-card--additional .order-input-comment{
padding: 0;
}
.order-info-card--additional > .col-sm-12{
justify-content: flex-end;
padding: 1rem 1.4rem 1.4rem;
}
.order-info-products-card__heading{
align-items: center;
border-bottom: 1px solid #edf1f6;
display: flex;
justify-content: space-between;
min-height: 70px;
padding: 1.3rem 1.6rem;
}
.order-info-products-card__heading > div{
align-items: center;
display: flex;
gap: 1rem;
}
.order-info-products-card__icon{
align-items: center;
background: #fff5e8;
border-radius: 8px;
color: #f29831;
display: inline-flex;
height: 40px;
justify-content: center;
width: 40px;
}
.order-info-products-card__icon i{
font-size: 2rem;
}
.order-info-products-card__heading h2{
color: #344054;
font-family: 'Oktah';
font-size: 1.6rem;
font-style: italic;
font-weight: 600;
margin: 0 0 .15rem;
}
.order-info-products-card__heading small{
color: #98a2b3;
font-size: 1.05rem;
}
.order-info-products-card__count{
background: #f3f5f8;
border-radius: 8px;
color: #667085;
font-size: 1.05rem;
font-weight: 700;
padding: .55rem .8rem;
}
.order-info-page .order-info-receipt{
padding: 0 1.6rem 1.5rem;
}
.order-info-page .order-info-receipt:before{
display: none;
}
.order-info-receipt .table{
margin-bottom: 0;
}
.order-info-receipt .table > thead > tr > td{
background: #f8fafc;
border-bottom: 1px solid #e8edf4;
color: #667085;
font-size: 1.05rem;
font-weight: 700;
padding: 1.15rem 1rem;
}
.order-info-receipt .table > tbody > tr > td{
border-color: #edf1f6;
padding-bottom: 1.25rem;
padding-top: 1.25rem;
vertical-align: middle;
}
.order-info-receipt .table > tbody > tr:hover{
background: #fbfcfe;
}
.order-info-page .order-info-receipt table tbody tr{
border-bottom: 1px solid #edf1f6;
}
.order-info-receipt > .table + .table{
border-top: 1px solid #edf1f6;
margin-top: 1rem;
}
@media (min-width: 1200px){
.order-info-sidebar{
align-self: flex-start;
position: -webkit-sticky;
position: sticky;
top: 15px;
}
}
@media (max-width: 991px){
.order-info-main{
margin-top: .2rem;
}
}
@media (max-width: 767px){
.order-info-page .page-header .container-fluid-centered{
display: flex;
flex-direction: column;
}
.order-info-page .page-header h1{
order: 1;
}
.order-info-page .page-header .breadcrumb{
order: 2;
}
.order-info-actions{
justify-content: flex-start;
margin-top: 1rem;
order: 3;
width: 100%;
}
.order-info-actions .btn{
flex: 1 1 calc(50% - .7rem);
justify-content: center;
}
.order-info-receipt{
overflow-x: auto;
padding-left: .8rem;
padding-right: .8rem;
}
.order-info-receipt .table{
min-width: 620px;
}
}
/* Return details */
.return-info-page .page-header{
margin-bottom: 1.5rem;
}
.return-info-page__number{
color: #98a2b3;
font-size: .72em;
font-style: normal;
font-weight: 600;
}
.return-info-actions{
align-items: center;
display: flex;
flex-wrap: wrap;
gap: .7rem;
}
.return-info-actions .btn{
align-items: center;
border-radius: 8px;
display: inline-flex;
font-weight: 600;
gap: .55rem;
margin: 0;
min-height: 40px;
padding: .8rem 1.1rem;
}
.return-info-actions .btn i{
font-size: 1.55rem;
padding: 0;
}
.return-info-layout{
display: flex;
flex-wrap: wrap;
margin-left: -.8rem;
margin-right: -.8rem;
}
.return-info-sidebar,
.return-info-main{
padding-left: .8rem;
padding-right: .8rem;
}
.return-info-card,
.return-info-products-card{
background: #fff;
border: 1px solid #e3e8f1;
border-radius: 12px;
box-shadow: 0 10px 30px rgba(48, 61, 83, .06);
overflow: hidden;
}
.return-info-card{
margin-bottom: 1.4rem;
}
.return-info-card .panel-heading{
align-items: center;
background: #fff;
border-bottom: 1px solid #edf1f6;
display: flex;
min-height: 58px;
padding: 1.3rem 1.5rem;
}
.return-info-card .panel-title{
align-items: center;
color: #475467;
display: flex;
font-family: 'Oktah';
font-size: 1.45rem;
font-style: italic;
font-weight: 600;
gap: .8rem;
}
.return-info-card .panel-title i{
color: #f29831;
font-size: 1.8rem;
}
.return-info-card > .table{
margin: 0;
}
.return-info-card > .table > tbody > tr > td{
border-color: #edf1f6;
color: #344054;
padding-bottom: 1rem;
padding-top: 1rem;
vertical-align: middle;
}
.return-info-card .btn-icon{
align-items: center;
background: #f6f8fb;
border-radius: 8px;
display: inline-flex;
height: 30px;
justify-content: center;
width: 30px;
}
.return-info-card .btn-icon i{
font-size: 1.45rem;
}
.return-info-status{
background: #fff7ed;
border-radius: 8px;
color: #b8640e;
display: inline-flex;
font-size: 1.05rem;
font-weight: 700;
padding: .45rem .7rem;
}
.return-info-status.is-success{
background: #ecfdf3;
color: #27834a;
}
.return-info-total{
color: #c66b10 !important;
font-size: 1.45rem;
font-weight: 700;
white-space: nowrap;
}
.return-info-comment-row td{
background: #fbfcfe;
}
.return-related-link{
align-items: center;
color: #475467;
display: grid;
gap: .2rem .8rem;
grid-template-columns: minmax(0, 1fr) auto;
padding: .2rem .4rem;
}
.return-related-link small{
color: #98a2b3;
font-size: 1.05rem;
}
.return-related-link i{
grid-column: 2;
grid-row: 1 / 3;
}
.return-info-products-card{
margin-bottom: 1.4rem;
}
.return-info-products-card__heading{
align-items: center;
border-bottom: 1px solid #edf1f6;
display: flex;
justify-content: space-between;
min-height: 70px;
padding: 1.3rem 1.6rem;
}
.return-info-products-card__heading > div{
align-items: center;
display: flex;
gap: 1rem;
}
.return-info-products-card__icon{
align-items: center;
background: #fff5e8;
border-radius: 8px;
color: #f29831;
display: inline-flex;
flex: 0 0 40px;
height: 40px;
justify-content: center;
}
.return-info-products-card__icon i{
font-size: 2rem;
padding: 0;
}
.return-info-products-card__heading h2{
color: #344054;
font-family: 'Oktah';
font-size: 1.6rem;
font-style: italic;
font-weight: 600;
margin: 0 0 .15rem;
}
.return-info-products-card__heading small{
color: #98a2b3;
font-size: 1.05rem;
}
.return-info-products-card__summary{
align-items: flex-end !important;
flex-direction: column;
gap: .15rem !important;
}
.return-info-products-card__summary span{
color: #98a2b3;
font-size: 1.05rem;
}
.return-info-products-card__summary strong{
color: #c66b10;
font-size: 1.5rem;
}
.return-info-order-link{
align-items: center;
border-radius: 8px;
display: inline-flex;
height: 38px;
justify-content: center;
margin: 0;
padding: 0;
width: 38px;
}
.return-info-order-link i{
font-size: 1.7rem;
padding: 0;
}
.return-info-products-table{
margin: 0;
min-width: 620px;
}
.return-info-products-table > thead > tr > td{
background: #f8fafc;
border-bottom: 1px solid #e8edf4;
color: #667085;
font-size: 1.05rem;
font-weight: 700;
padding: 1.15rem 1.6rem;
}
.return-info-products-table > tbody > tr > td{
border-color: #edf1f6;
color: #344054;
padding: 1.25rem 1.6rem;
vertical-align: middle;
}
.return-info-products-table > tbody > tr:hover{
background: #fbfcfe;
}
.return-info-products-table a{
color: #344054;
font-weight: 600;
}
.return-page-list .data_table td:last-child .d-flex{
gap: .45rem;
}
.button-return-quick-view{
align-items: center;
display: inline-flex;
justify-content: center;
}
.return-quick-view__loading,
.return-quick-view__error{
align-items: center;
border: 1px solid #e6ebf2;
border-radius: 8px;
color: #667085;
display: flex;
gap: .7rem;
justify-content: center;
min-height: 120px;
padding: 2rem;
text-align: center;
}
.return-quick-view__loading i{
color: #f29831;
font-size: 2rem;
padding: 0;
}
.return-quick-view__error{
background: #fff7f7;
border-color: #ffd7d7;
color: #c33d3d;
}
.return-quick-view__product-count{
color: #98a2b3;
font-size: 1.05rem;
}
.return-quick-view__comment-item{
grid-column: 1 / -1;
}
.return-quick-view__comment{
font-weight: 500 !important;
white-space: pre-wrap;
}
@media (min-width: 1200px){
.return-info-sidebar{
align-self: flex-start;
position: -webkit-sticky;
position: sticky;
top: 15px;
}
}
@media (max-width: 991px){
.return-info-main{
margin-top: .2rem;
}
}
@media (max-width: 767px){
.return-info-page .page-header .container-fluid-centered{
display: flex;
flex-direction: column;
}
.return-info-page .page-header h1{
order: 1;
}
.return-info-page .page-header .breadcrumb{
order: 2;
}
.return-info-actions{
justify-content: flex-start;
margin-top: 1rem;
order: 3;
width: 100%;
}
.return-info-actions .btn{
flex: 1 1 calc(50% - .7rem);
justify-content: center;
}
.return-info-products-card__heading{
align-items: flex-start;
gap: 1rem;
}
.return-quick-view__comment-item{
grid-column: auto;
}
}
#cart-total legend{
color: #666;
}
#tab-article a{
color: #666666;
}
.quick-order{
background: #1ab01c;
}
.quick-order a{
color: #fff!important;
font-weight: 600;
}
.quick-order a:hover{
/*background: #22a724!important;*/
opacity: 0.8;
}
.quick-order i{
font-size: 18px;
vertical-align: middle;
padding-right: 0px;
}
.day-sale{
display: inline-block;
margin-left: 5px;
border: 1px solid #fff;
padding: 0 10px 0px 10px;
border-radius: 5px;
margin-bottom: 0px;
font-size: 25px!important;
margin-top: 0px;
font-weight: 200;
}
.month-sale{
float: right !important;
padding-top: 0px;
}
#sales_total_fafa i{
float: left;
}
#sales_total_seller .month-sale{
padding-top: 3px;
}
.btn-primary{
background-color: unset;
border: none;
transition: all 0.3s;
color: #65728b;
display: flex;
justify-content: center;
align-items: center;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{
background-color: #65728b;
border-color: #65728b;
}
.btn-primary:hover,.btn-primary::after{
/*border: 1px solid #777777;*/
color: #67738b;
background:none;
transition: all 0.3s;
font-weight: 500;
}
.btn-regular{
background: #eceef2;
padding: 0.8rem 2rem;
color: #454545;
margin: auto;
border: none;
transition: all 0.3s;
display: flex;
justify-content: center;
align-items: center;
}
.btn-regular:hover,.btn-regular::after{
color: #767676!important;
background: #ebf9fe!important;
}
.btn-success:hover {
color: #fff;
background-color: #535f77;
border-color: #535f77;
}
.btn-primary i, .btn-default i{
/* font-size: 16px;*/
font-size: 20px;
padding-right: 0.25rem;
/* color: #7b7b7b;*/
}
.btn-default {
background: none;
border: none;
display: flex;
justify-items: center;
align-items: center;
gap: 0.5rem;
}
.table-bordered{
border: none;
}
.table > thead:first-child > tr:first-child > td{
/*font-family: 'Roboto';
color: #000;*/
font-size: 14px;
font-family: 'Oktah';
font-style: italic;
font-weight: 500;
color: #67738b;
}
.table > thead:first-child > tr:first-child > td > a{
color: #67738b;
}
.quantity-block{
display: inline-block;
position: relative;
width: 100%;
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed;
padding-top: 10px;
}
@media (min-width: 768px) {
#product_price_arrival, #product_price, #product_price_valuta{
padding-left: 0px;
padding-right: 0px;
}
}
.second-price-block, .select_product_type{
padding-left: 0px;
padding-right: 0px;
}
.product_right_column{
text-align: center;
padding: 20px;
margin-top: 40px;
}
.product_right_column a{
margin:20px;
}
.login-panel{
margin-top: 150px;
text-align: center;
}
.form-control-login{
background-color: rgba(255, 255, 255, 0.1);
color: #FFFFFF;
border-color: rgba(255, 255, 255, 0.5);
padding: 15px 19px;
border-left: 0 none;
border: medium none;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-bottom: 0;
line-height: normal;
height: auto;
font-size: 0.8571em;
transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
box-shadow: none;
border-radius: 1rem;
font-size: 15px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.form-control-login:focus{
background-color: rgba(255, 255, 255, 0.2);
color: #FFFFFF;
outline: none;
}
.form-control-login::placeholder{
color: #fff;
}
.content-login .login-panel{
z-index: 9;
position: relative;
}
#input-login-data{
padding: 8px 13px;
font-size: 18px;
font-weight: normal;
line-height: 1;
text-align: center;
border: none;
border-radius: 0px;
width: 50px;
background-color: rgba(255, 255, 255, 0.1);
color: #FFFFFF;
border-color: rgba(255, 255, 255, 0.5);
border-radius: 1rem;
font-size: 22px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.help-block a{
color: #b7b7b7;
}
.help-block{
text-align: right;
padding-right: 5px;
margin-top: 15px;
margin-bottom: 0px;
}
#button-login,#button-reset{
background-color: #e59943;
border: 1px solid #e99b44;
transition: all 0.3s;
border-radius: 0px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 4px;
height: 40px;
width: 100%;
border-radius: 1rem;
color: #fff;
}
#button-login:hover,#button-reset:hover{
border: 1px solid #fff;
color: #fff;
background:none;
/* border-radius: 0px;*/
transition: all 0.3s;
}
#login-input{
padding-top: 0px;
}
.login-logo{
margin-bottom: 20px;
}
#profile small{
color: #989898;
}
.arrivals-invoice-receiver,.arrivals-invoice-contragent,.invoice-receiver,.invoice-contragent{
/* width: 49%;*/
position: relative;
display: inline-block;
}
.arrivals-invoice-receiver, .invoice-receiver{
vertical-align: top;
}
.arrivals-invoice-top,.invoice-top{
margin-bottom: 20px;
display: flex;
justify-content: space-between;
}
.arrivals-invoice-contragent, .invoice-contragent{
text-align: left;
}
.foot_panel{
/* font-family: 'Roboto';*/
position: fixed;;
left: 0;
bottom: 0;
padding: 5px;
background: #ffffff;
color: #000;
width: 100%;
text-align: center;
height: 150px;
z-index: 11;
display: none;
padding: 0px;
border-left: 1px solid;
border-top: 1px solid #fff;
}
.total_sum_div{
height: 150px;
padding-left: 0px;
padding-right: 0px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: 5px solid #eb9d44;
background: #eb9d44;
color: #fff;
}
#total_sum{
/* font-size: 80px;
display: inline-block;
position: relative;*/
}
#total_sum_title{
display: inline-block;
position: relative;
width: 100%;
text-align: center;
font-size: 20px;
}
#cart .form-control{
text-align: center;
padding: 5px 5px;
}
#container-fluid-order{
/*padding-left: 0px;
padding-right: 0px;
min-height: 500px;*/
margin-bottom: 5rem;
}
#container-fluid-order .panel-default{
/*margin-left: 20px;
margin-right: 20px;*/
border: none;
}
#container-fluid-order .panel{
-webkit-box-shadow: none;
background: #ebeef2;
}
.content_order .page-header{
margin-left: 20px;
margin-right: 20px;
}
.order-put-ean{
/* margin-top: 30px;*/
margin-bottom: 10px;
}
#input-product-label,#input-product-label-ean{
font-size: 18px;
padding-top: 2px;
}
.order-checkout-middle{
gap: 0.5rem;
margin-top: 10px;
display: flex;
justify-content: space-between;
}
.order-checkout-middle .button-add{
margin-bottom: 0px;
}
.order-checkout-middle button{
font-size: 16px;
width: 100%;
white-space: normal;
border-radius: 1rem;
}
.order-checkout-middle .btn-primary:hover{
color: inherit;
background: #fff;
}
.order-checkout-middle .btn-primary:active, .order-checkout-middle .btn-primary:focus{
background-color: unset;
border-color: unset;
color: #000;
}
.order-checkout-middle #button-refresh{
/* width: 100%;
position: relative;
display: inline-block;
padding: 5px;
background-color: #59d8fb;
border-color: #59d8fb;
border-radius: 0.5rem;*/
gap: 0.5rem;
}
.order-checkout-middle #button-refresh:hover{
background: #46bfe0;
}
.order-checkout-middle #input-payment-method{
border-radius: 2px;
}
.checkout-button #button-checkout-popup{
background: #7be35a;
font-size: 35px;
width: 100%;
box-shadow: inset 0 -5px 0 0 #5ecb3a;
color: #fff;
/* margin-top: 20px;*/
height: 70px;
}
.btn-success {
color: #fff;
background-color: #67738b;
border-color: #67738b;
box-shadow: inset 0 -2px 0 0 #3d4451;
}
.checkout-button #button-checkout-popup:hover{
background: #5ecb3a;
color: #fff;
}
/*#button-popup-catalog{
background: #59d8fb;
box-shadow: inset 0 -2px 0 0 #11809e;
color: #fff;
}*/
.counter-order .page-header{
border-bottom: 1px solid #e5e5e5;
}
#container-fluid-order #order{
display: none;
}
#input-product-input-sku{
font-size: 20px;
}
#title_customer_top .customer_name{
font-size: 20px;
border: 1px solid #f5f6f8;
border-radius: 1rem;
width: auto;
padding: 0.5rem 1rem 0.2rem 1rem;
margin-left: 1rem;
color: #67738b;
background: #fff;
text-transform: uppercase;
}
.order-customer-data label{
font-size: 11px;
display: inline-block;
position: relative;
width: 100%;
padding-left: 15px;
}
#input-card-number{
font-size: 14px;
width: 100%;
padding-left: 20px;
}
.order-customer-input{
/*padding-right: 100px;
padding-left: 100px;*/
}
.order-customer-input ul.dropdown-menu {
width: 100%;
left: 0!important;
}
.order-customer-input .dropdown-header{
background: #e6e6e6;
color: #444;
}
.dropdown-header > li > a{
text-align: left;
}
.order-customer-data{
display: inline-block;
position: relative;
height: 100%;
width: 100%;
padding-bottom: 10px;
border-radius: 1.5rem;
color: #fff;
background:#fff;
margin-bottom: 35px;
padding: 1rem;
}
.order-customer-data .form-group{
margin: 0px;
padding: 0;
}
#input-customer-id{
border: 1px solid #ababab;
}
.order-customer-input .dropdown-menu{
text-align: center;
}
.order-customer-input .dropdown-header{
color: #1ed0e2;
}
.order-customer-data #input-customer, .order-customer-data #input-customer-group, .order-customer-data #input-firstname,.order-customer-data #input-telephone,.order-customer-data #input-lastname{
font-size: 16px;
border-radius: .5rem;
text-align: center;
}
#input-customer-id{
/* font-size: 18px;*/
text-align: center;
border-radius: 1rem;
border: none;
border: 1px solid#ebeef2;
}
.order-customer-form #button-customer{
/*font-size: 18px;*/
font-size: 13px;
background:#59d8fb;
width: 100%;
/* border-radius: 1.5rem;*/
height: 40px;
color: #fff;
box-shadow: inset 0 -2px 0 0 #0b80a0;
}
.order-customer-form #button-quick-order{
/*font-size: 18px;*/
font-size: 13px;
background:#f39731;
width: 100%;
border: 1px solid #f39731;
margin-bottom: 15px;
/* border-radius: 1.5rem;*/
height: 40px;
box-shadow: inset 0 -2px 0 0 #bb6e23;
color: #fff;
}
.order-customer-form #button-customer:hover{
color: #fff;
background:#38bfe4;
}
.order-customer-form #button-quick-order:hover{
color: #fff;
background: #e47304;
border: 1px solid #e47304;
}
.content_order .alert-danger,#container-fluid-arrival .alert-danger,#container-fluid-moving .alert-danger{
z-index: 9999;
position: absolute;
height: auto;
background-color: #ffb3b3;
font-weight: 700;
right: 1.5rem;
top: 8.25rem;
display: flex;
background-color: #ffeeee;
border-color: #f64242;
color: #f64242;
justify-content: start;
align-items: center;
gap: 1rem;
padding: 0.5rem 2rem 0.5rem 1rem;
border-radius: 1rem;
border: 1px solid;
}
.content_order .alert-success,#container-fluid-arrival .alert-success,#container-fluid-moving .alert-success{
/* top: 0;
z-index: 9999;
position: absolute;
height: 57px;
padding-top: 20px;
background-color: #3ac13a;
color: #fff;
font-weight: 700;
border-radius: 0px;
padding-left: 40px;
padding-right: 40px;
border: none;
margin-left: 7px;
padding: 2rem 0;
*/
z-index: 9999;
position: absolute;
height: 57px;
padding-top: 20px;
background-color: #3ac13a;
color: #fff;
font-weight: 700;
border-radius: 0px;
padding-left: 40px;
padding-right: 40px;
border: none;
margin-left: 8px;
padding: 2rem 0;
border-radius: 5px;
padding: 3rem;
top: 60px;
display: flex;
flex-direction: row;
align-items: center;
box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 30%);
}
.content_order .alert-success i,#container-fluid-arrival .alert-success i,#container-fluid-moving .alert-success i{
margin-right: 10px;
}
}
#container-fluid-order .close, #container-fluid-arrival .close,#container-fluid-moving .close{
/*opacity: 1;
color: #fff;
margin-left: 10px;
position: absolute;
right: 20px;
top: 20px;
font-size: 30px;*/
opacity: 1;
color: #fff;
margin-left: 10px;
position: absolute;
right: 10px;
top: 5px;
font-size: 20px;
}
#container-fluid-order .close i, #container-fluid-arrival .close i,#container-fluid-moving .close i{
position: absolute;
top: 5px;
right: 0;
font-size: 15px;
}
.content_order .page-header{
padding-bottom: 15px;
margin-bottom: 0px;
}
.content_order #footer hr{
border-top: none;
margin-top: 20px;
}
.quick-order-bolt{
background: #e20707;
width: 45px;
}
.quick-order-bolt a{
color: #fff!important;
font-size: 20px;
}
.quick-order-bolt a:hover{
background: #cc0b0b!important;
}
.quick-order-bolt i{
padding-left: 3px;
}
thead tr{
background: #fff!important
}
.content_order .panel-body{
padding:0px;
}
.container-fluid .panel-body{
border: none;
}
.container-fluid .panel-body .table{
margin-bottom: 0px;
/* margin-bottom: 20px;*/
}
.nav-tabs > li.active > a{
border: none;
/* border-bottom: 1px solid #ddd;*/
}
.btn{
/*padding: 6px 11px;*/
/* font-size: 12px;*/
border-radius: 1rem;
}
.common-start-form{
display: flex;
flex-direction: column;
border-radius: 1.5rem;
background: #fff;
padding: 2rem 1rem;
gap: 1rem;
}
/*.arrive_form #input_shop,.moving_form #input_shop_from{
margin-bottom: 20px;
}*/
/*.arrival-customer-form #button-contragent,.moving-customer-form #button-continue{
width: 100%;
font-size: 13px;
background: #59d8fb;
border-radius: 10rem;
height: 40px;
color: #fff;
box-shadow: inset 0 -2px 0 0 #0b80a0;
}
.arrival-customer-form #button-contragent:hover,.moving-customer-form #button-continue:hover{
color: #2e2e35;
background: #fff;
}*/
.arrival_panel #arrival, .moving_panel #moving{
display: none;
}
#container-fluid-arrival, #container-fluid-moving{
/*padding-left: 0px;
padding-right: 0px;
min-height: 500px;*/
}
#container-fluid-arrival .panel, #container-fluid-moving .panel,#container-fluid-inventory .panel, #container-fluid-template .panel{
box-shadow:none;
-webkit-box-shadow: none;
background: unset;
}
#container-fluid-arrival #total_sum,#container-fluid-moving #total_sum,#container-fluid-inventory #total_sum{
/* width: 100%;*/
}
#container-fluid-arrival #total_quantity,#container-fluid-moving #total_quantity, #container-fluid-inventory #total_quantity{
/* width: 30px;
display: inline-block;
font-size: 21px;
border-radius: 100%;
background: #fff;
color: #3f3f3f;
font-weight: 800;
margin-right: 5px;
position: absolute;
right: .5rem;
bottom: .5rem;*/
}
#container-fluid-arrival #total_sum_title{
width: 25%;
font-size: 20px;
}
#container-fluid-arrival #button-refresh,#container-fluid-moving #button-refresh,#container-fluid-inventory #button-refresh{
width: 100%;
}
.order-input-comment,.order-input-comment label,.order-input-status,.order-input-status label{
padding-top: 0px!important;
}
.order-input-comment textarea{
/* height: 35px; */
height: auto;
}
.sale-count{
}
.dashboard .tile{
min-height: 200px;
position: relative;
}
.dashboard .tile a{
color: #848484;
}
.dashboard{
/*background: url(/catalog/view/image/stripes-light.png);*/
background-position: top;
padding-bottom: 50px;
padding-top: 10px;
}
.tile-body h2{
font-size: 65px;
color: #444444;
}
.tile-percent span{
color: #f39731!important;
}
.tile-body h2:hover {
cursor: pointer;
}
.tile-body{
text-align: center;
position: relative;
display: inline-block;
margin-left: 20px;
}
.tile-stores{
color: #000;
margin-left: 10px;
margin-right: 10px;
text-align: center;
padding-top: 1rem;
padding-bottom: 1rem;
}
.store_sale_line #first{
width: 60%;
display: flex;
justify-content: flex-start;
margin-bottom: 0px;
font-size: 12px;
text-transform: uppercase;
font-weight: 500;
color: #67738b;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
font-family: 'Oktah';
font-style: italic;
}
.store_sale_line #second{
width: 40%;
display: flex;
justify-content: flex-end;
margin-bottom: 0px;
font-size: 16px;
font-weight: 500;
color: #67738b;
font-family: 'Oktah';
font-style: italic;
}
.store_sale_line{
padding: 7px 15px;
margin-bottom: 10px;
border-radius: 1rem;
background: #eceef2;
display: flex;
align-items: center;
/* background: linear-gradient(135deg, rgb(231 123 0) 23%, rgb(234 156 68) 91%);*/
}
.tile-percent{
/*color: #c0e49d;*/
font-size: 15px;
font-weight: 700;
margin-left: 10px;
margin-bottom: 10px;
}
.dashboard-header-left{
position: relative;
display: inline-block;
width: 49%;
}
.dashboard-header-right{
position: relative;
display: inline-block;
width: 49%;
}
.dashboard-header-right a{
display: inline-block;
position: relative;
font-weight: 700;
}
.dashboard-header-right #range{
text-align: right;
}
/*{
linear-gradient(to right, #c2e59c, #269dff);
}*/
.account-header{
font-size: 15px;
}
.quick-order i{
color: #fff!important;
transition: 0.9s;
font-size: 22px;
}
.quick-order{
line-height: 55px;
padding-right: 20px;
background: none;
}
.new-quick-order a{
background-color: #eb9d44;
box-shadow: inset 0 -2px 0 0 #bb6e23;
border-radius: 1rem;
color: #fff;
cursor: pointer;
display: inline-block;
padding: 5px 15px 5px 15px;
font-size: .9rem;
font-weight: 700;
line-height: 1.3rem;
outline: none;
text-align: center;
text-decoration: none;
transition: background .1s linear,box-shadow .1s linear;
border: none;
width: 100%;
}
#dashboard-total p, #dashboard-total h2{
display: inline-block;
position: relative;
margin-bottom: 0;
}
#dashboard-total p{
margin-left: 5px;
font-weight: 700;
font-size: 16px;
color: #444444;
}
.dashboard-recent,.dashboard-bestsellers,.dashboard-chart,.dashboard-chart .pull-left,.dashboard-news,.dashboard-chartsales,.dashboard-chartsales .pull-left{
padding: 0px;
text-transform: uppercase;
font-size: 15px;
font-weight: 700;
}
.dashboard .panel-default{
border: 1px solid rgba(63, 63, 63);
min-height: 300px;
border-radius: 1rem;
overflow: hidden;
border: none;
transition: all 1s;
}
.dashboard .panel-default:hover{
cursor: pointer;
}
.dashboard td{
border-right: 1px solid #616161;
}
.dashboard table .btn{
padding: 4px 7px;
}
.content-dashboard{
padding-bottom: 0px!important;
}
.cont-login #footer hr{
margin-top: 0px!important;
}
.tile-heading i{
}
.dashboard-chart .pull-right, .dashboard-chartsales .pull-right{
-webkit-text-fill-color: #444;
padding-top: 7px;
padding-right: 15px;
}
.dashboard-chart .pull-right a i,.dashboard-chartsales .pull-right a i{
font-size: 20px;
font-weight: 500;
color: #c0e49d;
}
.dashboard-chart .dropdown-menu,.dashboard-chartsales .dropdown-menu{
background-color: #3f3f3f;
}
.dashboard-chart .dropdown-menu > .active > a ,.dashboard-chart .dropdown-menu a:hover, .dashboard-chartsales .dropdown-menu > .active > a ,.dashboard-chartsales .dropdown-menu a:hover{
background-color: #c0e49d;
-webkit-text-fill-color: #3f3f3f;
}
.dashboard .legendLabel{
color: #262626;
padding-left: 10px;
font-size: 15px;
border: none;
}
.dashboard .legendColorBox{
border: none;
}
.dashboard .tickLabel{
font-size: 14px;
color: #262626;
}
.dashboard .flot-x-axis .tickLabel{
font-size: 12px;
}
.quick-order > a:hover, .quick-order > a:focus{
background: #6ffec3!important;
transition: all 1s;
}
.dashboard .table > tbody > tr > td{
border-bottom: 1px solid #e4e4e4;
}
.dashboard .table > thead:first-child > tr:first-child > td {
background: #fff;
color: #444;
border: none;
}
.content-dashboard .table-responsive{
box-shadow: none;
}
.dashboard .panel-default .panel-heading{
border-bottom: 1px solid #e4e4e4;
}
.dashboard tbody{
background: #fff;
color: #444;
}
.dashboard .panel-default{
background: #fff;
}
.dashboard .tile {
min-height: 188px;
padding: 18px;
border: 1px solid rgba(222, 229, 240, .95);
border-radius: 20px;
background: rgba(255, 255, 255, .96);
box-shadow: 0 18px 42px rgba(38, 51, 77, .08);
overflow: hidden;
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.dashboard .tile:hover {
transform: translateY(-2px);
box-shadow: 0 22px 48px rgba(38, 51, 77, .11);
border-color: rgba(207, 217, 232, 1);
}
.dashboard .tile .tile-heading {
display: flex;
align-items: center;
gap: 10px;
color: #66728b;
font-family: 'Oktah';
font-size: 15px;
font-style: italic;
font-weight: 500;
line-height: 1.25;
min-height: 44px;
margin-bottom: 12px;
padding-right: 72px;
padding-left: 0!important;
}
.dashboard-card-icon {
width: 42px;
height: 42px;
flex: 0 0 42px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 14px;
color: #fff;
box-shadow: 0 12px 26px rgba(38, 51, 77, .14);
}
.dashboard-card-icon i {
font-size: 22px;
line-height: 1;
}
.dashboard-card-icon--sale {
background: linear-gradient(135deg, #ffb45d, #f39731);
}
.dashboard-card-icon--daysale {
background: linear-gradient(135deg, #48c7eb, #149cc8);
}
.dashboard-card-icon--average {
background: linear-gradient(135deg, #8a9af8, #6577dc);
}
.dashboard-card-icon--orders {
background: linear-gradient(135deg, #4fca89, #1fa66a);
}
.dashboard-card-icon--profit {
background: linear-gradient(135deg, #35d07f, #14a85a);
}
.dashboard-card-icon--customer {
background: linear-gradient(135deg, #f4b35e, #df8435);
}
.dashboard-card-icon--online {
background: linear-gradient(135deg, #51c7d9, #2d8fb0);
}
.dashboard-card-icon--bestsellers {
background: linear-gradient(135deg, #f5bd5d, #ec8f2d);
}
.dashboard-card-icon--recent {
background: linear-gradient(135deg, #8392f2, #5f73d9);
}
.dashboard-card-icon--chart-count {
background: linear-gradient(135deg, #4fca89, #1fa66a);
}
.dashboard-card-icon--chart-sale {
background: linear-gradient(135deg, #48c7eb, #149cc8);
}
.dashboard .tile-body {
display: flex;
align-items: baseline;
justify-content: flex-start;
gap: 6px;
min-height: 54px;
margin-left: 0;
text-align: left;
}
.dashboard .tile-body h2 {
float: none!important;
color: #333d51;
font-size: 38px;
font-weight: 700;
line-height: 1;
letter-spacing: 0;
}
.dashboard .tile-body > i {
display: none;
}
.dashboard #dashboard-total p {
margin-left: 0;
color: #7a8598;
font-size: 14px;
font-weight: 600;
}
.dashboard .tile-percent {
position: absolute;
top: 20px;
right: 18px;
display: flex;
justify-content: flex-start;
min-height: 24px;
margin: 0;
color: #7a8598;
font-size: 12px;
font-weight: 600;
}
.dashboard .tile-percent span {
display: inline-flex!important;
align-items: center;
gap: 2px;
width: auto!important;
min-width: 0;
padding: 3px 8px;
border-radius: 999px;
background: #f5f7fb;
}
.dashboard-profit-toggle {
position: absolute;
top: 18px;
right: 18px;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
padding: 0;
border: 1px solid #e1e7f0;
border-radius: 12px;
background: #f8fafc;
color: #66728b;
box-shadow: none;
transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.dashboard-profit-toggle:hover {
background: #fff7ed;
border-color: rgba(234, 156, 68, .35);
color: #ea9c44;
}
.dashboard-profit-toggle i {
padding: 0;
font-size: 19px;
}
.dashboard-profit-private .tile-percent {
top: 58px;
right: 18px;
}
.dashboard-profit-value {
transition: filter .2s ease, opacity .2s ease;
}
.dashboard-profit-private.is-hidden .dashboard-profit-value {
filter: blur(12px);
opacity: .45;
user-select: none;
}
.dashboard-profit-private.is-hidden .store_sale_line #second {
min-width: 44px;
}
.dashboard .tile-stores {
margin: 12px 0 0 0;
padding: 0;
text-align: left;
}
.dashboard .store_sale_line {
gap: 12px;
margin-bottom: 8px;
padding: 8px 10px;
border: 1px solid #edf1f7;
border-radius: 12px;
background: #f8fafc;
}
.dashboard .store_sale_line #first {
color: #6f7b90;
font-size: 11px;
font-weight: 500;
}
.dashboard .store_sale_line #second {
color: #30394d;
font-size: 14px;
font-weight: 500;
}
.dashboard .tile .tile-footer {
margin-top: 14px;
}
.dashboard .tile .tile-footer a,
.dashboard .btn-grayish {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 8px 14px;
border: 1px solid #e1e7f0;
border-radius: 12px;
background: #f8fafc;
color: #5f6d82;
font-weight: 700;
box-shadow: none;
}
.dashboard .tile .tile-footer a:hover,
.dashboard .btn-grayish:hover {
background: #fff;
color: #ea9c44;
border-color: rgba(234, 156, 68, .35);
}
.dashboard-hidden-title {
top: 42%;
color: #66728b;
}
.dashboard .panel-default {
border: 1px solid rgba(222, 229, 240, .95);
border-radius: 20px;
background: rgba(255, 255, 255, .96);
box-shadow: 0 18px 42px rgba(38, 51, 77, .08);
overflow: hidden;
}
.dashboard .panel-default:hover {
box-shadow: 0 22px 48px rgba(38, 51, 77, .1);
}
.dashboard .panel-default .panel-heading {
min-height: 72px;
padding: 18px 22px 14px;
border-bottom: 1px solid #edf1f7;
background: rgba(255, 255, 255, .98);
}
.dashboard .panel-default .panel-heading .tile-heading {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
color: #66728b;
font-family: 'Oktah';
font-size: 15px;
font-style: italic;
font-weight: 500;
line-height: 1.25;
padding-left: 0!important;
}
.dashboard .panel-default .table-responsive {
border-radius: 0;
background: transparent;
}
.dashboard .panel-default .table {
margin-bottom: 0;
}
.dashboard .panel-default .table > thead > tr > td {
padding: 14px 18px;
border-bottom: 1px solid #edf1f7;
color: #30394d;
font-size: 14px;
font-weight: 500;
}
.dashboard .panel-default .table > tbody > tr > td {
padding: 8px 18px;
border-bottom: 1px solid #edf1f7;
color: #475467;
font-size: 13px;
vertical-align: middle;
}
.dashboard .panel-default .table > tbody > tr:last-child > td {
border-bottom: 0;
}
.dashboard .panel-default .table > tbody > tr:hover > td {
background: #f8fafc;
}
.dashboard .panel-default .btn-primary {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 36px;
height: 34px;
padding: 0 10px;
border: 1px solid #e3e8f1;
border-radius: 12px;
background: #f5f7fb;
box-shadow: none;
color: #66728b;
}
.dashboard .panel-default .btn-primary:hover {
border-color: rgba(234, 156, 68, .35);
background: #fff7ed;
color: #ea9c44;
}
.dashboard .panel-default .btn-primary i {
padding: 0;
font-size: 18px;
}
#menu-title{
font-size: 18px;
position: relative;
text-decoration: none;
display: block;
padding: 10px;
text-transform: uppercase;
font-weight: 700;
padding-left: 14px;
padding-top: 14px;
background: linear-gradient(45deg, #c2e59c, #269dff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
border-bottom: 1px solid #6d6d6d;
}
.account-header img{
/*box-shadow: 0px 2px 5px #2e2e35;*/
margin-bottom: 5px;
width: 100%;
margin-right: 5px;
}
#reset-password h1{
font-size: 16px;
color: #fff;
margin-bottom: 20px;
}
.form-control-reset{
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
height: 45px!important;
padding: 8px 11px;
font-size: 16px!important;
line-height: 1.42857;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#login-reset a{
padding: 10px 16px;
}
#login-input #input-password,#login-input #input-confirm{
z-index: 2;
float: left;
width: 100%;
background-color: rgba(255, 255, 255, 0.1);
color: #FFFFFF;
border-color: rgba(255, 255, 255, 0.5);
padding: 15px 19px;
border-left: 0 none;
border: medium none;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-bottom: 0;
line-height: normal;
height: auto;
font-size: 0.8571em;
transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
box-shadow: none;
border-radius: 1rem;
font-size: 15px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
#login-input #input-password:focus,#login-input #input-confirm:focus{
background-color: rgba(255, 255, 255, 0.2);
color: #FFFFFF;
outline: none;
}
.sms-total-part #button-save {
text-align: center;
width: 15%;
}
.sms-total-part #sms-total-buttons{
margin-top: 40px;
}
.sms-total-part {
border-top: 1px solid #acacac;
margin-top: 20px;
}
@media (max-width: 568px) {
#profile_name{
display: none;
}
#new_order_header{
display: none;
}
.page-header h1{
font-size: 15px;
padding-top: 3px;
line-height: 20px;
}
.container-fluid .breadcrumb{
display: none;
}
#button_inv_print{
display: none;
}
}
@media (max-width: 767px) {
.container-fluid{
padding-left: 5px;
padding-right: 5px;
}
.panel-body{
padding-left: 0px;
padding-right: 0px;
}
.panel-body .data_table{
padding: 0px;
}
}
@media (max-width: 468px) {
.panel-body .data_table{
padding: 0px;
}
}
@media (max-width: 360px) {
.page-header h1{
/*width: 100px;*/
width: auto;
}
}
@media (max-width: 1024px) {
#input-product-label, #input-product-label-ean {
font-size: 15px;
}
}
/*@media (max-width: 568px) {*/
@media (max-width: 767px) {
/*#tab-product,#sku_input_block, #ean_input_block{
padding: 0px;
}*/
/*#ean_sku_block{
padding-right: 0px;
}*/
/* .order-put-ean,.order-put-sku{
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
}*/
/*.order-checkout-middle{
display: none;
}*/
.checkout-button #button-save,.checkout-button #button-save-ar-mov,#button-save-ar-mov-tab{
font-size: 22px;
padding-top: 35px;
padding-bottom: 35px;
padding-left: 0px;
padding-right: 0px;
height: auto;
}
#ean_input_block input,#sku_input_block input{
padding:5px;
}
#total_sum{
font-size: 40px;
margin-top: 30px;
}
.content_order .table-responsive{
padding:0px;
}
.content_order .pull-right{
display: none;
}
#cart .form-control{
/* width: 50px;*/
}
.order-customer-input {
padding-right: 15px;
padding-left: 15px;
}
.dropdown-menu{
width: 90%;
}
}
.ean_short_title{
display: none;
}
.sku_short_title{
display: none;
}
/*@media (min-width: 767px) and (max-width: 980px){
.sku_short_title{
display: block;
}
.sku_long_title{
display: none;
}
.ean_short_title{
display: block;
}
.ean_long_title{
display: none;
}
}*/
/*@media (max-width: 1250px) {
#input-product-label, #input-product-label-ean {
font-size: 16px;
}
}*/
#short_button_title{
display: none;
}
@media (min-width: 767px) and (max-width: 1082px) {
#short_button_title{
display: block;
}
#long_button_title{
display: none;
}
.order-checkout-middle button {
font-size: 14px;
}
.button-add i{
display: none;
}
}
@media (min-width: 468px) and (max-width: 767px) {
/*.order-customer-form{
width: 60%;
left: 20%;
}*/
}
.text-danger-order{
color: #fff;
font-weight: 800;
}
@media (max-width: 568px){
.login-panel {
margin-top: 40%;
}
.login-logo img{
width: 250px;
}
}
.login-logo img{
width: 250px;
}
.popup {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
z-index: 9999;
background: rgba(0, 0, 0, 0.7);
}
/* Modal Content/Box */
.popup-content {
margin: 15% auto;
padding: 30px 30px;
color: #444;
width: 35%;
text-align: center;
border-radius: 1.5rem;
border: none;
transform: translateY(-35%);
background: #fbfbfb;
height: auto;
display: flex;
flex-direction: column;
/* font-family: 'Roboto';*/
}
#popup_success{
margin: 15% auto;
padding: 30px 30px;
color: #333;
width: 35%;
text-align: center;
border-radius: 1.5rem;
border: none;
transform: translateY(-35%);
background: #fff;
height: auto;
display: flex;
flex-direction: column;
}
#popup_product_list{
margin: 15% auto;
padding: 50px 30px 30px 30px;
color: #383838;
width: 50%;
text-align: center;
border-radius: 1.5rem;
border: none;
transform: translateY(-35%);
background: #fff;
height: auto;
display: flex;
flex-direction: column;
}
#popup_product_list .close{
color: #383838;
float: right;
font-size: 23px;
font-weight: bold;
opacity: 1;
text-align: right;
position: absolute;
right: 15px;
top: 15px;
}
#button-go-main{
/*width: 45%;
background: #fff;*/
color: #383838;
/* border: none;*/
padding: 1rem 2rem;
}
#button-print-invoice{
background: #e99b44;
padding: 1rem 3rem;
/* width: 45%;*/
/* border: none;*/
color: #fff;
}
#button-print-invoice:hover{
color: #fff;
background: #d88f3d;
}
.print-popup-buttons{
display: flex;
flex-direction: row;
justify-content: space-between;
}
.prods-list-popup-buttons{
display: flex;
flex-direction: row;
justify-content: flex-end;
margin: 2rem 0 0rem 0;
align-items: center;
gap:2rem;
}
.prods-list-popup-buttons .btn{
border-radius: 10rem;
padding: .75rem 3rem;
}
@media (max-width: 467px){
#button-print-invoice, #button-go-main{
width: 100%;
font-size: 18px;
}
#button-print-invoice{
margin-bottom: 2rem;
}
.print-popup-buttons{
flex-direction: column;
}
}
/* The Close Button */
.close {
color: #fff;
float: right;
font-size: 23px;
font-weight: bold;
opacity: 0.8;
text-align: right;
transition: all 300ms ease;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.checkout-popup{
/*position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
z-index: 1000;*/
/* background: rgba(0, 0, 0, 0.9);*/
}
.product-list-popup{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
z-index: 1000;
background: rgba(0, 0, 0, 0.9);
}
.product-list-popup h2{
border-bottom: 2px solid;
font-size: 40px;
padding-bottom: 10px;
}
.checkout-popup h2{
border-bottom: 2px dotted #d4d4d4;
font-size: 40px;
padding-bottom: 10px;
}
.popup_total_sum{
font-size: 35px;
display: flex;
width: 100%;
align-items: center;
}
.popup_total_sum #total_sum{
font-size: 40px;
}
.popup_choose_payment_type span{
font-size: 25px;
}
/*.popup_total_sum .left-side, .popup_choose_payment_type .left-side, .popup_rest .left-side{
float: left;
}
.popup_total_sum .right-side, .popup_choose_payment_type .right-side, .popup_rest .right-side{
float: right;
}*/
.popup_total_sum .right-side{
font-size: 25px;
}
#total_sum_popup{
font-size: 40px;
}
.popup_rest{
width: 100%;
display: inline-block;
font-size: 25px;
margin: 20px 0px 20px 0px;
}
.popup_choose_payment_type #input-payment-type{
/* padding: 0 35px 0px 50px;*/
padding: 0 10px 0px 15px;
border: none;
box-shadow: none;
border: 2px solid#eb9d44;
background: #fff;
font-size: 20px;
text-align: center;
}
.popup_choose_payment_type{
width: 100%;
border-bottom: 1px dashed #e5e5e5;
}
.popup_total_sum #left, .popup_choose_payment_type #left, .popup_rest #left{
text-align: left;
}
.popup_total_sum #right, .popup_choose_payment_type #right, .popup_rest #right{
text-align: right;
font-weight: 800;
color: #eb9d44;
font-size: 35px;
}
#input-received-money{
font-size: 30px;
/*padding: 10px 5px 5px 5px;*/
color: #383838;
text-align: center;
line-height: 35px;
border: none;
box-shadow: none;
border: 2px solid#eb9d44;
padding: 5px;
background: #fff;
}
#input-discount-amount{
font-size: 26px;
/*padding: 10px 5px 5px 5px;*/
color: #383838;
text-align: center;
line-height: 35px;
border: none;
box-shadow: none;
border: 2px solid#eb9d44;
padding: 5px;
background: #fff;
}
.checkout-button #button-save,.checkout-button #button-save-ar-mov,#button-save-ar-mov-tab{
margin-top: 20px;
height: 45px;
font-size: 15px;
padding: 0px;
margin-bottom: 0px;
background: #eb9d44;
color: #fff;
border: 1px solid #eb9d44;
border-radius: 1rem;
}
.checkout-button #button-save:hover,.checkout-button #button-save-ar-mov,#button-save-ar-mov-tab:hover{
background: #d87425;
color: #fff;
}
#container-fluid-arrival #button-save-ar-mov,#button-save-ar-mov-tab,#container-fluid-moving #button-save-ar-mov,#container-fluid-inventory #button-save-ar-mov#button-save-ar-mov-tab{
margin-top: 15px;
height: 70px;
background: #7be35a;
font-size: 35px;
width: 100%;
border: none;
border-radius: 1.5rem;
box-shadow: inset 0 -5px 0 0 #5ecb3a;
color: #fff;
}
#container-fluid-arrival #button-save-ar-mov,#button-save-ar-mov-tab:hover,#container-fluid-moving #button-save-ar-mov,#container-fluid-inventory #button-save-ar-mov,#button-save-ar-mov-tab:hover{
background: #5ecb3a;
color: #fff;
}
#popup-success-title{
font-size: 40px;
margin-top: 10px;
display: inline-block;
width: 100%;
}
#popup-product-list-title{
font-size: 25px;
margin-top: 0px;
display: inline-block;
margin-bottom: 20px;
position: absolute;
top: 10px;
left: 30px;
}
#popup_success #loading{
text-align: center;
width: 100%;
margin: 4rem 0;
}
#popup_success img{
width: 15%;
margin-top: 20px;
margin-bottom: 30px;
}
#popup-redirect-title{
font-size: 14px;
}
#popup-rest-value{
text-align: right;
font-size: 25px;
margin-top: 25px;
font-weight: 800;
color: #444;
}
#checkout-refresh-mobile,#checkout-refresh-tablet{
display: none;
}
@media (min-width: 890px) and (max-width: 1400px){
.popup-content,#popup_success,#popup_product_list {
width: 50%;
transform: translateY(-15%);
}
#total_sum{
font-size: 3rem!important;
margin-top: 0;
height: 3.75rem!important;
}
}
@media (max-width: 568px){
.popup-content,#popup_success,#popup_product_list{
padding: 15px 10px;
width: 100%;
transform: translateY(0%);
}
#input-received-money{
height: 45px;
}
.popup_choose_payment_type #input-payment-type {
font-size: 22px;
padding: 0 10px 0px 10px;
height: 45px;
}
#popup_inputs,#popup_success,#popup_product_list{
display: inline-block;
}
.popup_choose_payment_type #left, .popup_rest #left{
text-align: center;
}
}
@media (min-width: 568px) and (max-width: 890px){
.popup-content,#popup_success,#popup_product_list{
padding: 15px 10px;
width: 75%;
transform: translateY(-15%);
}
#input-received-money{
height: 45px;
}
.popup_choose_payment_type #input-payment-type {
font-size: 22px;
padding: 0 10px 0px 10px;
height: 45px;
}
.popup-content .checkout-button{
float: none;
display: inline-block;
}
}
@media (max-width: 400px){
.popup_total_sum #right{
font-size: 16px;
}
#popup-rest-value{
font-size: 16px;
}
.rest-money-popup{
font-size: 40px;
}
}
@media (max-width: 488px){
.content_order .alert-danger, #container-fluid-arrival .alert-danger, #container-fluid-moving .alert-danger,#container-fluid-inventory .alert-danger{
margin-left:0px;
}
#total_sum_title{
display: none;
}
#total_sum{
margin-top: 30px;
font-size: 22px;
}
.total_sum_div{
height: 90px;
border-bottom: 2px solid;
}
/* .checkout-button{
display: none;
}*/
#tab-product{
/* width: 60%;*/
}
#ean_sku_block{
width: 100%;
}
#checkout-refresh-mobile{
display: inline-block;
position: relative;
display: inline-block;
float: left;
width: 15%;
height: 80px;
}
#button-product-add-mobile{
margin-top: 32px;
}
#button-checkout-popup,#container-fluid-arrival #button-save-ar-mov,#container-fluid-moving #button-save-ar-mov,#container-fluid-inventory #button-save-ar-mov{
width: 100%;
margin-top: 9px;
background: #3ac13a;
font-size: 20px;
padding: 3px 5px 2px 5px;
height: 35px;
}
/*#container-fluid-arrival #total_quantity{
width: 25px;
font-size: 17px;
}*/
#button-product-add-mobile{
margin-top: 32px;
background: #ffe000;
color: #2e2e35;
}
.checkout-button-mobile{
width: 40%;
padding-left: 3px;
padding-right: 3px;
}
}
@media (min-width: 488px) and (max-width: 767px){
.checkout-button #button-checkout-popup,.checkout-button #button-save-ar-mov-tab,.checkout-button #button-save-ar-mov{
font-size: 26px;
padding: 0px;
height: 38px;
}
#checkout-refresh-tablet{
display: inline-block;
position: relative;
display: inline-block;
width: 25%;
margin-top: 31px;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
#button-product-add-tablet{
color: #2e2e35;
width: 100%;
background: #ffe000;
padding: 10px 15px 7px 15px;
}
#button-product-add-tablet i{
font-size: 15px;
}
}
#popup_success,#popup_product_list{
display: none;
}
@media (min-width: 768px) and (max-width: 1200px){
.average-dashboard-column{
display: none;
}
.dashboard .row .col-sm-3,.dashboard .row .col-sm-12{
padding-left: 5px;
padding-right: 5px;
}
.tile-heading {
font-size: 14px;
}
.tile-body h2{
font-size: 40px;
}
#dashboard-total p{
font-size: 10px;
}
}
#header #button-menu + .navbar-brand{
display: block;
padding: 1px 0px 0px 0px;
margin-left: 1rem;
height: 56px;
display: flex;
}
#header #button-menu + .navbar-brand img{
width: 185px;
}
@media (max-width: 667px){
#header #button-menu + .navbar-brand{
display:none;
}
}
#report-sale-table-sum{
font-weight: 900;
font-size: 15px;
}
.table-pagination{
display: inline-block;
width: 75%;
margin-top: 20px;
padding-left: 20px;
}
.setting-button-block #button-save{
width: auto;
}
#setting-form-bg{
padding-bottom: 100px;
}
.btn-warning {
color: #fff!important;
background-color: #ea9c44;
border: 1px solid #d98624;
box-shadow: none;
height: 36px;
}
.btn-warning:hover{
background-color: #be721a;
border-color: #be721a;
color: #fff;
}
.block-attention-inventory{
border: 1px solid #ea9c44;
border-radius: 0.25rem;
padding: 10px;
text-align: justify;
margin-bottom: 25px;
background: #fff;
width: 90%;
left: 5%;
border-radius: 0.5rem;
padding: 1rem!important;
}
#attention-inventory{
color: #ea9c44;
margin-bottom: 10px;
display: inline-block;
}
#container-fluid-inventory{
/* padding-top: 5%;*/
}
.dropdown-menu{
width: auto;
overflow: hidden;
}
#cash_list_store_name{
display: inline-block;
float: left;
}
#cash_list_sum{
text-align: right;
position: relative;
display: inline-block;
float: right;
}
#cash_list li{
width: 100%;
display: inline-block;
padding: 6px;
}
#header .nav > li li{
min-width: 100px;
}
.cash-list-header{
width: 160px;
font-size: 18px;
}
#cash_total_sum{
float: right;
font-size: 20px;
}
#cash_list > li > a{
text-align: center;
padding: 6px 0px 6px 0px;
background: #ebeef2;
border-radius: 1rem;
}
.contragent-form .nav-tabs{
border-radius: 3px;
text-align: center;
display: inline-block;
border-radius: 1rem
}
.contragent-form .table thead > tr > td, .contragent-form .table tbody > tr > td {
background: #fff;
}
.customer-form .nav-tabs{
border-radius: 1rem;
text-align: center;
display: inline-block;
}
.customer-form .table thead > tr > td, .customer-form .table tbody > tr > td {
background: #fff;
}
.customer-form form{
text-align: center;
}
.contragent-form form{
text-align: center;
}
.tile-details{
color: #000;
display: inline-block;
width: 100%;
}
.tile .input-cash-value{
font-size: 16px;
display: block;
height: 40px;
text-align: center;
padding: 8px 11px;
line-height: 1.42857;
color: #555;
background-color: #fff;
background-image: none;
font-weight: 800;
border: 1px solid #ccc;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.cash_action_button{
font-size: 13px;
padding: 10px;
margin-bottom: 15px;
/* border-radius: 3px;*/
display: inline-block;
width: 100%;
text-align: center;
height: 35px;
margin-top: 10px;
border: none;
background: #59d8fb;
color: #fff;
text-transform: uppercase;
font-weight: 800;
}
.choose_operation_block{
padding-top: 15px;
padding-bottom: 15px;
border-width: 1px;
border-style: solid;
display: inline-block;
border-bottom: 1px solid #ebeef2;
border-top: 1px solid #ebeef2;
border-left: none;
border-right: none;
}
}
.choose_operation_block div label{
width: 100%;
}
.choose_operation_block input{
vertical-align: middle;
margin: 5px;
}
.choose_operation_block > div{
font-size: 14px;
float: left;
color: #262626;
}
.take-cash-button{
text-align: center;
color: #000;
display: inline-block;
width: 100%;
/*margin-top: 35px;*/
}
#cash-total-sum h2,#cash-total-sum p {
display: inline-block;
position: relative;
font-weight: 800;
text-align: right;
width: 49%;
color: #262626;
}
#cash-total-sum .value{
width: 49%;
font-size: 25px;
color: #262626;
font-weight: 700;
text-align: right;
}
#cash-total-sum .title{
width: 49%;
font-size: 18px;
color: #262626;
text-transform: uppercase;
}
.take-cash-button button[disabled]{
cursor: no-drop;
background: #c0c0c0;
}
.cash-comment{
margin-top: 15px;
padding-left: 0px;
padding-right: 0px;
}
.cash-comment textarea{
height: 55px;
}
#total-cash{
margin-top: 0px;
margin-bottom: 10px;
padding: 8px 8px;
}
#cash-total-sum .store_name{
width: 49%;
display: inline-block;
padding: 8px 8px;
text-transform: uppercase;
font-size: 18px;
font-weight: 700;
margin-top: 0px;
margin-bottom: 10px;
float: left;
color: #262626;
}
.cash-input-value,.cash-radio-block{
width: 49%;
display: inline-block;
}
.cash-input-value #input-received-money{
width: 100%;
border-radius: 4px;
color: #2e2e35;
border: 1px solid#ddd;
min-width: 100%;
}
.cash-radio-block{
margin-top: 10px;
}
#cash-total-sum{
display: inline-block;
position: relative;
width: 100%;
margin-top: 20px;
}
#cash-total-sum .title{
padding: 8px 8px;
}
#cash-total-sum #expected-sum{
padding: 0px 8px;
}
.cash-register-page .table-bordered > thead > tr > td{
border: none;
}
.cash-register-page .data_table{
margin-bottom: 10px;
}
#stores-cash-register .store_sale_line{
padding: 10px;
margin-bottom: 15px;
border-radius: 3px;
}
#stores-cash-register .store_cash_link a{
border-radius: 1rem;
width: 100%;
font-size: 14px;
cursor: pointer;
transition: all 0.3s;
opacity: 0.9;
}
.store_cash_link{
padding: 10px;
margin-bottom: 10px;
}
#stores-cash-register .store_cash_link a:hover{
transition: all 0.3s;
opacity: 1;
}
#cash-main-page-container{
background-position: bottom;
padding-bottom: 100px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 2rem;
margin: 0 3rem;
}
.cash-main-content{
padding-bottom: 0px!important;
}
@media (max-width: 468px){
.cash-list-header{
width: 100px;
}
.cash-list-header .fa{
display: none;
}
}
@media (max-width: 335px){
.cash-list-header{
width: 85px;
}
}
@media (max-width: 798px){
#new_order_header{
display: none;
}
#cash_total_sum{
font-size: 15px;
}
}
.modal-content{
color: #fff;
padding: 20px;
border-radius: 1.5rem;
}
.invoice-header img{
width: 150px;
margin-top: 50px;
margin-bottom: 30px;
font-size: 30px;
right: 0px;
}
.invoice-header{
/*border-bottom: 2px solid #818181;*/
margin-bottom: 20px;
}
.invoice-small-header{
border-top: 1px dotted #818181;
display: inline-block;
position: relative;
width: 100%;
padding: 10px 0px 0px 0px;
text-align: center;
/*border-bottom: 1px solid #818181;*/
}
.invoice-small-top img{
width: 150px;
margin-top: 10px;
margin-bottom: 20px;
font-size: 30px;
right: 0px;
}
.invoice-small-header_1{
display: inline-block;
position: relative;
width: 100%;
text-align: center;
}
.invoice-item-list{
border-top: 1px dotted #818181;
font-size: 14px;
padding: 5px 5px 5px 0px;
}
.invoice-small-bottom{
border-top: 2px solid #818181;
display: inline-block;
position: relative;
width: 100%;
padding: 10px 0px 0px 0px;
text-align: center;
border-bottom: 1px solid #818181;
}
.login-panel .alert-danger{
border: none;
background: none;
font-size: 14px;
}
.prod_actual_qty{
display: none;
}
@media (min-width: 992px){
.prod-content__results{
overflow: scroll;
height: 50vh;
}
.quick-order i{
margin-right: 5px;
}
/* #total_sum{
font-size: 65px;
display: inline-block;
position: relative;
height: 70px;
color: #fff;
}*/
#total_sum_title{
display: inline-block;
width: auto;
font-size: 20px;
position: absolute;
bottom: 10px;
right: 20px;
text-align: right;
color: #fff;
}
#ean_sku_block .form-control{
height: 50px;
border-radius: 1rem;
font-size: 3rem;
text-align: center;
/* color: #000; */
display: flex;
}
.order-checkout-middle button{
/* height: 40px; */
}
.foot_panel{
box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 20%);
border-top: none;
}
.content_order .table-responsive{
box-shadow: 0px 0px 4px rgb(4 4 7 / 10%);
}
.content_order footer{
display: none;
}
/*.btn-default{
border-radius: 10rem;
padding: 1rem 2rem;
}
.input-group.date .btn-default{
padding: 8px 13px;
}*/
/*#button-filter{
border-radius: 10rem;
height: 40px;
}*/
.prod_actual_qty{
position: absolute;
right: 5px;
bottom: 5px;
font-size: 15px;
background: #eb9d44;
color: #fff;
padding: 0.25rem .5rem;
border-radius: 10rem;
display: flex;
width: auto;
height: 25px;
justify-content: center;
align-items: center;
font-weight: bold;
box-shadow: inset 0 -2px 0 0 #bc701a;
display: none;
}
.prod_list_name{
font-size: 15px;
}
}
tbody#cart > tr > td{
position: relative;
}
.prod-content{
background: #fff;
min-height: 50px;
}
#popup_product_list .search-line{
position: relative;
display: flex;
flex-direction: row;
padding: .5rem;
width: 100%;
justify-content: space-between;
margin-bottom: 20px;
padding-top: 10px;
}
#popup_product_list .search-line input{
font-size: 13px;
padding: .5rem;
border: 1px solid#383838;
border-radius: 5px;
color: #000;
vertical-align: middle;
line-height: 20px;
height: 35px;
margin: 0 .25rem;
}
#popup_product_list .search-line select{
/*width: 100%;*/
margin-left: .25rem;
border-radius: 5px;
color: #000;
text-align: center;
text-align-last:center;
}
.prod-content__results{
overflow: scroll;
}
#prods-list-output .prod_list_cat{
font-size: 12px;
letter-spacing: 4px;
}
#prods-list-output .prod_list_name{
position: relative;
text-align: left;
}
#prods-list-output .prod_list_qty{
position: absolute;
display: block;
bottom: 5px;
right: 5px;
background: #00b900;
padding: 0px 10px;
border-radius: 8px;
color: #fff;
height: 20px;
}
#prods-list-output .prod_list_price{
font-size: 15px;
}
.popup-success-alert{
display: none;
z-index: 1000;
position: fixed;
width: 250px;
background: #85c53b;
height: 80px;
justify-content: center;
align-items: center;
right: 100px;
top: 100px;
border-radius: 5px;
}
.popup-success-alert__message{
position: relative;
font-size: 15px;
color: #fff;
}
.alert-danger .close{
/*position: absolute;
right: 5px;*/
top: 9px;
display: flex;
color: #f74242;
}
.alert-danger .close:hover{
opacity: 1;
transition: all 300ms ease;
color: #c91d1d;
}
tr.not-active-prod{
background: #e6e6e6;
}
tr.not-active-prod .label-danger{
background-color: #777777;
}
#form-product .table > tbody > tr > td{
position: relative;
}
.total_qty{
position: absolute;
right: 0px;
bottom: 0px;
background: #ddd;
border: none;
width: 20px;
height: 20px;
text-align: center;
vertical-align: middle;
display: flex;
justify-content: center;
align-items: center;
}
/*
*/
.panel-default .panel-heading:before{
content: "";
position: absolute;
left: 0px;
padding: 3px;
border-radius: 0 50px 0 0;
height: 46px;
background-color: #56d5fb;
top: -5px;
display: none;
}
.panel-default .panel-heading{
color: #212529;
border-color: #ebecf1;
background: #fff;
overflow: hidden;
}
.add-new-sticker{
text-align: center;
margin: 1rem 1rem 0rem 1rem;
}
#tab-stickers .table-responsive{
box-shadow: none;
}
.print-single input,
.print-single textarea {
border: 1px solid #eeeeee;
box-sizing: border-box;
margin: 0;
outline: none;
padding: 10px;
font-size: 1.25rem;
}
.print-single input[type="button"] {
-webkit-appearance: button;
cursor: pointer;
}
.print-single input::-webkit-outer-spin-button,
.print-single input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.print-single .input-group {
clear: both;
position: relative;
width: 100%;
display: flex;
justify-content: center;
gap: 0.5rem;
}
.mm-abs-suffix{
position: absolute;
right: 2rem;
top: 0.7rem;
font-size: 1.2rem;
text-transform: uppercase;
}
.print-single .input-group input[type='button'] {
/* background-color: #eeeeee;*/
/* min-width: 28px;*/
/* width: auto;*/
transition: all 300ms ease;
}
.print-single .input-group .button-minus,
.print-single .input-group .button-plus {
height: 2.5rem;
padding: 0rem;
width: 2.5rem;
position: relative;
font-size: 1.75rem;
line-height: 2rem;
display: flex;
justify-content: center;
align-self: center;
}
.print-single .input-group .button-minus{
border-radius: 5rem;
}
.print-single .input-group .button-plus{
border-radius: 5rem;
font-size: 1.25rem;
}
.print-single .input-group .quantity-field {
position: relative;
height: 39px;
left: 0px;
text-align: center;
width: 35px;
display: inline-block;
font-size: 16px;
margin: 0 0 5px;
resize: vertical;
top: 0;
margin: 0;
padding: 0;
border: none;
}
.print-single input[type="number"] {
-moz-appearance: textfield;
-webkit-appearance: none;
}
#barcode_status{
padding: 5px;
}
.input-group-sticker-status{
width: 100%;
}
.form-group.barcode-section{
width: 100%;
}
.input-group-sticker-status select.form-control{
border-radius: 25px!important;
}
.sticker_rotation{
border-radius: 25px!important;
}
.sticker_decimals{
border-radius: 25px!important;
}
.pagination > li > a, .pagination > li > span{
border-bottom: none;
border-top: none;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
background-color: #a0a0a0;
border-color: #a0a0a0;
}
.pagination > li:first-child > a, .pagination > li:first-child > span{
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span{
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
border-right: none;
}
.sidebar-user-info{
flex-direction: column;
padding: 1rem 4rem;
width: 100%;
align-items: center;
border-bottom: 1px solid#f0f1f4;
display: none;
position: absolute;
bottom: 0;
background: #ebeef2;
}
.sidebar-user-info .profile-pic{
width: 60px;
border-radius: 50%;
}
.sidebar-user-info .profile-name{
padding: 0.5rem;
font-size: 16px;
/* font-family: 'Roboto';*/
text-align: center;
}
.active .sidebar-user-info{
display: flex;
/* margin-bottom: 1rem;*/
}
.print-stickers.open > .dropdown-menu{
text-align: center;
padding: 5px 10px;
}
.print-stickers.show{
display: inline-block !important;
}
.alert-success{
background-color: #4ece53;
border-color: #4ece53;
color: #fff;
width: 22rem;
position: absolute;
top: 6rem;
z-index: 999999;
right: 2rem;
height: 3rem;
box-shadow: 0px 6px 8px rgb(4 4 7 / 10%);
border-radius: 1rem;
}
.alert-success .close{
font-size: 18px;
top: 0.6rem;
position: absolute;
right: 1rem;
color: #ebffec;
box-shadow: none;
}
.alert-success .close:hover{
color: #fff;
}
.temp-hidden{
display: none;
}
.ml-0{
margin-left: 0px!important;
}
.ml-50{
margin-left: 50px;
}
.mt-3{
margin-top: 3rem;
}
.shift-li{
line-height: 55px;
padding-right: 20px;
background: none;
}
.shift-clock i{
color: #08b308;
font-size: 12px;
}
.shift-clock{
font-size: 12px;
color: #08b308;
display: flex;
align-items: center;
margin-left: 1.25rem;
}
.shift-clock__icon{
padding-right: .5rem;
position: absolute;
left: 0;
top: 0.1rem;
}
.shift-clock.red{
color: red;
}
.shift-clock.red i{
color: red;
}
.shift-main-info{
position: relative;
display: inline-block;
border-bottom: 1px solid #ebeef2;
width: 100%;
height: 100%;
padding-bottom: 1rem;
}
/*.rounded-orange-btn{
background-color: #f29731;
box-shadow: inset 0 -2px 0 0 #bb6e23;
border-radius: 10rem;
color: #fff;
cursor: pointer;
display: inline-block;
padding: 10px 20px 10px 20px;
font-size: inherit;
font-weight: 700;
line-height: 1.6rem;
outline: none;
text-align: center;
text-decoration: none;
transition: background .1s linear,box-shadow .1s linear;
border: none;
}*/
.rounded-orange-btn{
width: auto!important;
background-color: #f29731!important;
box-shadow: inset 0 -2px 0 0 #bb6e23;
border-radius: 1rem!important;
color: #fff;
cursor: pointer;
display: inline-block;
padding: 10px 20px 10px 20px!important;
font-size: inherit;
font-weight: 700;
line-height: 1.6rem;
outline: none;
text-align: center;
text-decoration: none;
transition: background .1s linear,box-shadow .1s linear;
border: none!important;
height: auto!important;
}
.rounded-orange-btn:hover{
background-color: #bb6e23;
}
.white-text{
color: #fff!important;
}
.mb-1{
margin-bottom: 1rem;
}
/*Order page new styles*/
.popup_discount{
border-bottom: 2px dotted #d4d4d4;
padding-bottom: 1rem;
}
.popup_discount-title{
font-size: 25px;
}
.new-price-popup{
font-size: 25px!important;
position: absolute;
top: -15px;
text-decoration: line-through;
color: #444;
}
.hide{
display: none;
}
#total_sum_w_discount{
font-size: 40px;
}
.cash-icon{
background-image: url('/catalog/view/image/cash_icon.svg');
display: inline-block;
width: 20px;
height: 20px;
min-width: 20px;
}
#menu li li a.parent:after{
margin-top: 0px;
}
.container-fluid .panel-body{
padding-top: 0;
/* padding-left: 0;*/
}
@media (max-width: 920px){
#header #button-menu + .navbar-brand {
display: none;
}
}
@media (max-width: 600px){
.shift-clock__title{
display: none;
}
}
@media (max-width: 488px){
.cash-list-header {
width: 100px;
}
}
@media (max-width: 468px){
#header .nav > li > a{
height: 56px;
}
}
@media (max-width: 400px){
#header .nav > li > a{
justify-content: center;
}
.cash-icon{
/* display: none;*/
}
#header .nav > li > a{
padding-right: 10px;
}
.account-header{
display: none!important;
}
}
.shift-middle-info{
position: relative;
display: inline-block;
/* border-bottom: 1px solid #ebeef2;*/
width: 100%;
height: 100%;
padding: 0rem;
padding-bottom: 1rem;
padding-top: 1rem;
}
.pl-2{
padding-left: 2rem!important;
}
.correction_panel{
box-shadow: none;
-webkit-box-shadow: none;
background: unset;
}
.correction_form{
display: inline-block;
position: relative;
border: 1px solid #fff;
height: 100%;
width: 100%;
padding-bottom: 30px;
border-radius: 4px;
color: #fff;
background: #fff;
box-shadow: 0px 6px 8px rgb(4 4 7 / 10%);
margin-bottom: 35px;
padding-top: 30px;
}
.correction_panel #correction{
display: none;
}
#cart .explanation-textarea{
height: 5rem;
text-align: left;
display: inline-block;
padding: 0.5rem 1rem;
}
#cart .form-control {
border-radius: 1rem;
}
.d-flex{
display: flex;
}
.flex-ai-center{
align-items: center;
}
.marked-box{
border: 1px solid#eb9d44;
padding: 0.5rem 1rem;
border-radius: 0.25rem;
color: #eb9d44;
background: rgba(255,255,255,.8);
font-weight: bold;
}
.alert-brdr{
border: 1px solid #f00!important;
}
.correction_user{
font-weight: 800;
color: #ff9901;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 0.25rem;
}
.status-color-0{
color: red!important;
}
.status-color-1{
/* color: green!important;*/
color: #58a658!important;
}
.btn-info{
display: inline-flex;
justify-content: center;
align-items: center;
border: 1px solid;
border-radius: 50%;
padding: 7px;
width: 30px;
height: 30px;
text-align: center;
background: #59d8fb;
color: #fff;
}
.btn-success-rounded{
display: inline-flex;
justify-content: center;
align-items: center;
border: 1px solid;
border-radius: 50%;
padding: 7px;
width: 30px;
height: 30px;
text-align: center;
background: #00b900;
color: #fff;
}
.correction-loader__icon{
padding-right: 0.5rem;
}
.correction-loader__title{
display: flex;
flex-direction: row;
align-items: center;
}
.correction-loader i {
color: #6D6D6D;
font-size: 12px;
}
.correction-loader{
font-size: 12px;
color: #6D6D6D;
display: flex;
align-items: center;
}
.nav-notes__corrections{
}
.nav-notes{
line-height: 55px;
padding-right: 20px;
background: none;
}
.correction-loader__title--count{
background: #ebedf1;
width: 1.5rem;
height: 1.5rem;
margin-left: 0.5rem;
color: #444444;
display: flex;
line-height: 1rem;
border-radius: 1rem;
justify-content: center;
align-items: center;
}
.dropdown-menu{
border-radius:4px;
border: 1px solid rgb(0 0 0 / 0%)!important;
}
#cash-main-page-container .tile{
margin-right: 1rem;
}
.cash-details-first{
background: #fff;
/* border-radius: 0.8rem;*/
/* box-shadow: 0px 6px 8px rgb(4 4 7 / 10%);*/
border-radius: 1.5rem;
}
.section-blured{
filter: blur(50px);
}
.eye-icon {
background-image: url(/image/ico/eye-slash.svg);
display: inline-block;
width: 18px;
height: 20px;
position: relative;
background-size: contain;
background-repeat: no-repeat;
}
.stores-profit__hidden-title,.dashboard-hidden-title{
position: absolute;
top: 20%;
color: #444444;
width: 100%;
text-align: center;
font-size: 1.25rem;
text-transform: uppercase;
font-weight: 800;
display: flex;
justify-content: center;
align-items: center;
padding: 1rem;
width: 100%;
}
.stores-profit__hidden-title .eye-icon,.dashboard-hidden-title .eye-icon{
margin-right: 0.5rem;
}
.btn-info-square{
display: inline-flex;
justify-content: center;
align-items: center;
border: 1px solid;
text-align: center;
color: #fff;
background: #ea9c44;
color: #fff;
width: auto;
border-radius: 0.5rem;
padding: 0.75rem 2rem;
height: auto;
transition: all 0.3s;
}
.price-tips{
position: absolute;
display: flex;
bottom: -1.5rem;
right: 0rem;
z-index: 2;
}
.price-tips__item{
width: 3rem;
height: 2rem;
background: #66728b;
margin:0.25rem;
border-radius: 4px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
cursor: pointer;
padding: 0;
line-height: 2rem;
opacity: .8;
transition: all 0.3s;
}
.price-tips__item:hover{
transition: all 0.3s;
opacity: 1;
color: #fff;
}
.price-tips__item.clr-20{
background: #22da9c;
}
.price-tips__item.clr-30{
background: #22da48;
}
.price-tips__item.clr-40{
background: #0dcf11;
}
.price-tips__item.clr-50{
background: #00b404;
}
.btn-info-square:hover{
background: #dd8c30;
color: #fff;
border:1px solid #dd8c30;
transition: all 0.3s;
}
.btn-accent{
background: #ff9901;
color: #fff;
}
.btn-accent:hover{
color: #fff;
background: #e48c06;
}
.btn-accent-blue{
background: #66728b;
color: #fff;
}
.btn-accent-blue:hover{
color: #fff;
background: #38bde0;
}
.d-flex{
display: flex;
}
.justify-content-center{
justify-content: center;
}
.margin-1{
margin: 1rem;
}
.mb-2{
margin-bottom: 2rem;
}
.width-50-2{
width: calc(50% - 2rem);
}
.btn-accent-blue:focus, .btn-accent-blue.focus{
background-color: #6acdf0;
border-color: #6acdf0;
}
.btn-orange-icon{
color: #ff9a01;
background: none;
padding: 0;
font-weight: 800;
font-size: 18px!important;
}
.color-orange{
color: #ff9901!important;
}
.qty-block{
padding: 0.25rem 0.5rem;
margin-left: 0.5rem;
border: none;
transition: all 0.3s;
color: #fff;
}
.return-modal__info{
padding: 1rem;
width: 100%;
margin-left: auto;
margin-right: auto;
border-radius: 1rem;
background: rgb(168 168 168 / 10%);
padding: 1.5rem 2rem;
}
.return-modal__info-line{
display: flex;
justify-content: space-between;
}
.return-modal__info .val{
color: #000000;
font-weight: 900;
text-decoration: underline;
}
.return-modal__comment{
margin-bottom: 0;
}
@media (max-width: 500px){
.width-50-2{
width: calc(100% - 2rem);
}
.return-panel fieldset{
padding: 1rem;
}
fieldset#order-info div{
padding-bottom: 1rem;
}
#form-returned button{
margin-right: 2rem;
}
.return-modal__info{
width: 100%;
}
.return-modal .modal-body{
padding: 0;
}
.return-panel .cart-qty-inpt{
padding: 0;
}
.StyledReceiptInfo table tbody tr td{
padding: 0.75rem;
}
}
.StyledReceiptInfo {
padding: 1rem 1rem 2rem;
position: relative;
z-index: 0;
display: flex;
width: 100%;
flex-direction: column;
color: #000;
}
.StyledReceiptInfo table{
width: 100%;
}
.StyledReceiptInfo:before {
content: "";
position: absolute;
z-index: -1;
inset: 0;
/* background: linear-gradient(45deg,#f5f5f5,#edf9fc);*/
--mask: conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/15px 100%;
-webkit-mask: var(--mask);
mask: var(--mask);
background: #f3f4f7;
border-radius: 0.5rem;
}
.StyledReceiptInfo__general{
border-bottom: 2px solid#fff;
margin-bottom: 1rem;
padding-bottom: 1rem;
}
.pb-025{
padding-bottom: 0.25rem;
}
.pt-025{
padding-top: 0.25rem;
}
.StyledReceiptInfo table tbody tr{
border-bottom: 1px solid#fff;
}
.StyledReceiptInfo table tbody tr:last-child{
border-bottom: none;
}
.StyledReceiptInfo__general .col-sm-3{
padding-top: 1rem;
}
.pr-05{
padding-right: 0.5rem;
}
.d-none{
display: none!important;
}
.StyledReceiptInfo:before{
border-radius: 1rem 1rem 0 0;
}
.StyledReceiptInfo.WhiteReceipt:before{
background-color: #fff;
background: #fff;
}
.table.table-bordered tbody tr:last-child td{
border-bottom: none;
}
.form-control{
-webkit-box-shadow:unset;
box-shadow:unset;
border-radius: 0.75rem;
border: 1px solid #e7e7e7;
}
.dropdown-toggle .bx-face{
font-size: 2rem;
}
.navbar-static-top .bx-log-out-circle{
font-size: 1.5rem;
margin-left: 0.5rem;
transform: rotate(180deg);
}
.mt-2{
margin-top: 2rem;
}
.mt-1{
margin-top: 1rem;
}
.pull-right{
display: flex;
align-items: center;
justify-content: flex-end;
}
.data_table .btn-primary i{
color: #66728b;
}
.btn-icon{
width: 30px;
height: 30px;
background: none;
color: #66728b;
border: none;
padding: 0;
font-size: 1.5rem;
}
.mb-05{
margin-bottom: 0.5rem;
}
.px-1{
padding: 1rem;
}
.mb-0{
margin-bottom: 0;
}
.pr-0{
padding-right: 0;
}
#additionalOrderInfo{
/* display: none;*/
}
.additionalOrderInfo .bx:before{
content: "\eb8b";
}
.additionalOrderInfo.collapsed .bx:before{
content: "\ebc0";
}
.d-none{
display: none;
}
.pl-1{
padding-left: 1rem;
}
.orderComments__content li{
position: relative;
padding: 1rem 0 0.5rem 0;
padding-left: 1rem;
border: 1px dashed #e1e3e6;
margin-bottom: 1rem;
padding: 1rem;
list-style: none;
border-radius: 0.5rem;
padding-top: 0;
}
.orderComments__content span{
right: 0rem;
position: absolute;
border: 1px solid #ebeef2;
border-radius: 0.5rem;
padding: 0.25rem 1rem;
display: flex;
top: 0;
border-right-width: 0;
border-top-width: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 0;
background: #eceef2;
}
.orderComments__content div{
padding-top: 1rem;
}
.orderComments__content{
position: relative;
}
.ml-1{
margin-left: 1rem!important;
}
.pb-0{
padding-bottom: 0;
}
.quick-view-modal__info-line{
display: flex;
justify-content: space-between;
}
.categories-blocks{
grid-gap: 1vw;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.categories-blocks__item{
min-height: 300px;
display: flex;
justify-content: flex-end;
align-items: center;
flex-direction: column;
width: 100%;
height: 100%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
border: none;
box-shadow: unset;
min-width: 1px;
padding: 0.5rem;
}
.categories-blocks__item--img{
}
.categories-blocks__item--name{
font-size: 1.2rem;
line-height: 1.5rem;
color: #66728b;
height: 3rem;
}
.categories-blocks__item--btn{
}
.categories-blocks__item--btn .btn-primary{
border: 1px solid #d3d8e3;
color: #66728b;
border-radius: 1rem;
}
.categories-blocks__item--content{
background: rgb(242 244 247 / 90%);
border-radius: 1rem;
padding: 2rem 3rem;
width: 100%;
}
@media (max-width: 880px){
.categories-blocks{
grid-template-columns: 1fr 1fr;
grid-gap:4vw;
}
}
@media (max-width: 488px){
.categories-blocks{
grid-template-columns: 1fr 1fr;
grid-gap:4vw;
}
.quick-view-modal__info{
width: 100%;
}
.quick-view-modal .StyledReceiptInfo{
padding: 0;
}
.quick-view-modal .table > thead:first-child > tr:first-child > td{
font-size: 9px;
}
.form-horizontal .form-group{
margin-left: 5px;
margin-right: 5px;
}
.categories-blocks__item--content{
padding: 2rem 1rem;
}
.products-filter-container{
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: space-between;
}
.container-fluid-centered{
display: flex;
flex-direction: column-reverse;
align-items: center;
}
.scrollable-table{
overflow: scroll;
}
.pull-right .btn{
padding: 6px 8px;
margin: 0 0.25rem;
}
.products-filter-container .pull-right{
width: 50%;
}
.products-filter-container h1{
width: 50%;
}
.card{
flex-direction: column!important;
}
.tab-content .form-group .control-label{
text-align: left;
font-size: 14px;
}
.contragent-form .nav-tabs{
display: flex;
}
.tab-content fieldset legend{
padding-left: 1rem;
}
.table-responsive{
border: none;
}
}
@media (max-width: 420px){
.quick-view-modal .modal-footer{
display: flex;
flex-direction: column;
gap: 1vw;
align-items: center;
width: 100%;
}
.quick-view-modal .modal-footer .btn{
width: 80%;
display: flex;
justify-content: center;
margin: 0!important;
}
.quick-view-modal .modal-body {
padding: 0;
}
}
.modal-header .close{
color: #464646;
}
.btn-primary{
margin:auto;
}
.align-items-center{
align-items: center;
}
.table-responsive .btn-primary{
margin: 0;
}
.flex-direction-row{
flex-direction: row;
}
.card{
display: flex;
flex-direction: column;
border-radius: 1.5rem;
background: #fff;
padding: 2rem 1rem;
}
.form-horizontal .form-group{
display: flex;
align-items: center;
}
.filtration .form-group{
padding-top: 7px;
padding-bottom: 7px;
}
.w-100{
width: 100%!important;
}
.w-50{
width: 50%!important;
}
.pull-right{
flex-flow: wrap;
}
.filtration .bx-calendar{
color: #7b7b7b;
}
@media (min-width: 1200px) {
.panel-body > .filtration.hidden-sm.hidden-xs {
max-height: calc(100vh - 30px);
overflow-x: hidden;
overflow-y: auto;
position: -webkit-sticky;
position: sticky;
top: 15px;
transition: box-shadow .2s ease, transform .2s ease;
will-change: transform;
z-index: 20;
}
}
.border-none{
border:none!important;
}
.box-shadow-none{
box-shadow: none!important;
}
.bx-stop-circle{
color: red;
font-size: 1.25rem;
}
.bx-play-circle{
color: green;
font-size: 1.25rem;
}
.color-red{
color: red!important;
}
.color-green{
color: green!important;
}
.dropdown-menu{
border-radius: 1.5rem;
margin-top: 0.5rem;
box-shadow: 0 6px 12px rgb(160 160 160 / 18%);
}
@media (min-width: 768px){
.cash-list-header .dropdown-menu{
width: 200px;
right: 0;
left: -20px;
padding: 1rem;
}
.account-header .dropdown-menu{
left: -20px;
width: 130px;
min-width: 130px;
text-align: center;
}
.quick-view-modal .modal-footer .btn-warning{
margin: 0 0.5rem;
}
.quick-view-modal .modal-footer{
display: flex;
justify-content: center ;
}
}
.order-customer-input .bx-phone{
position: absolute;
right: 2rem;
color: #66728b;
top: 0.75rem;
transform: revert;
font-size: 1.5rem;
}
.tile-stores .store_sale_line:last-child{
margin-bottom: 0;
}
.dashboard .panel-default .panel-heading{
border-radius: 0;
}
.dashboard .panel-default .panel-heading .tile-heading{
padding: 0!important;
}
.dashboard .panel-default .panel-heading:before{
top: 0;
}
.dashboard .table > tbody > tr:last-child > td{
border-bottom: none;
}
.dashboard-chart__range{
display: flex;
list-style: none;
gap: 0.75rem;
margin-right: 1rem;
margin-bottom: 0;
margin-top: 0.4rem;
}
.dashboard-chart__range li.active{
color: #ff9901;
-webkit-text-fill-color: #ff9901;
}
.dashboard-chart__range li a{
font-size: 1rem;
}
.dashboard .dashboard-analytics-card {
min-height: 0;
border: 1px solid #e3e9f2;
border-radius: 8px;
box-shadow: 0 16px 36px rgba(38, 51, 77, .07);
cursor: default;
overflow: hidden;
}
.dashboard .dashboard-analytics-card:hover {
cursor: default;
}
.dashboard .dashboard-analytics-card .dashboard-analytics-card__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
min-height: 76px;
padding: 14px 18px!important;
background: #fff;
}
.dashboard .dashboard-analytics-card .dashboard-analytics-card__title {
display: flex;
align-items: center;
gap: 10px;
min-height: 42px;
margin: 0;
color: #66728b;
font-family: 'Oktah';
font-size: 15px;
font-style: italic;
font-weight: 500;
line-height: 1.25;
text-transform: uppercase;
}
.dashboard-analytics-card__controls {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 16px;
min-width: 0;
}
.dashboard-analytics-card__total {
display: flex;
align-items: baseline;
gap: 7px;
padding-right: 16px;
border-right: 1px solid #e8edf5;
color: #8a95a8;
font-size: 12px;
font-weight: 500;
text-transform: none;
white-space: nowrap;
}
.dashboard-analytics-card__total strong {
color: #333d51;
font-size: 21px;
font-weight: 700;
line-height: 1;
}
.dashboard .dashboard-analytics-card .dashboard-chart__range {
display: inline-flex;
align-items: center;
gap: 3px;
margin: 0;
padding: 4px;
border: 1px solid #e3e9f2;
border-radius: 8px;
background: #f6f8fb;
text-transform: none;
}
.dashboard .dashboard-analytics-card .dashboard-chart__range li {
display: block;
color: #7a8598;
-webkit-text-fill-color: currentColor;
}
.dashboard .dashboard-analytics-card .dashboard-chart__range li a {
display: block;
padding: 7px 10px;
border-radius: 6px;
color: inherit;
font-size: 12px;
font-weight: 500;
line-height: 1;
text-decoration: none;
transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
}
.dashboard .dashboard-analytics-card .dashboard-chart__range li.active a {
background: #fff;
box-shadow: 0 3px 10px rgba(38, 51, 77, .09);
color: #f39731;
}
.dashboard .dashboard-analytics-card .dashboard-chart__range li:not(.active) a:hover {
background: #edf1f7;
color: #4d5a72;
}
.dashboard .dashboard-analytics-card__body {
position: relative;
min-height: 300px;
padding: 18px 20px 14px;
background: #fff;
}
.dashboard-chart-canvas {
width: 100%;
height: 268px;
opacity: 1;
transition: opacity .18s ease;
}
.dashboard-chart-canvas.is-loading {
opacity: .28;
}
.dashboard-chart-state {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #8a95a8;
font-size: 14px;
font-weight: 500;
text-align: center;
}
.dashboard-chart-state[hidden] {
display: none;
}
.dashboard .dashboard-analytics-card .legend {
position: absolute;
top: 2px!important;
left: 4px!important;
}
.dashboard .dashboard-analytics-card .legend > div {
display: none;
}
.dashboard .dashboard-analytics-card .legend table {
position: relative!important;
top: auto!important;
left: auto!important;
border-spacing: 0;
}
.dashboard .dashboard-analytics-card .legendLabel {
padding: 0 14px 0 5px;
color: #7a8598;
font-size: 11px;
font-weight: 500;
}
.dashboard .dashboard-analytics-card .legendColorBox > div {
border: 0!important;
}
.dashboard .dashboard-analytics-card .legendColorBox > div > div {
width: 7px!important;
height: 7px!important;
border-width: 0!important;
border-radius: 50%;
}
.dashboard .dashboard-analytics-card .tickLabel {
color: #8a95a8;
font-size: 11px;
}
.dashboard-chart-tooltip {
position: absolute;
z-index: 1100;
display: flex;
flex-direction: column;
gap: 2px;
min-width: 92px;
padding: 9px 11px;
border: 1px solid #e3e9f2;
border-radius: 7px;
background: rgba(255, 255, 255, .98);
box-shadow: 0 12px 28px rgba(38, 51, 77, .15);
color: #7a8598;
font-size: 11px;
pointer-events: none;
transform: translate(-50%, -100%);
}
.dashboard-chart-tooltip strong {
color: #333d51;
font-size: 16px;
font-weight: 700;
}
@media (max-width: 767px) {
.dashboard .dashboard-analytics-card .dashboard-analytics-card__header {
align-items: flex-start;
flex-direction: column;
gap: 12px;
}
.dashboard-analytics-card__controls {
align-items: stretch;
flex-direction: column;
gap: 10px;
width: 100%;
}
.dashboard-analytics-card__total {
padding: 0;
border-right: 0;
}
.dashboard .dashboard-analytics-card .dashboard-chart__range {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
width: 100%;
}
.dashboard .dashboard-analytics-card .dashboard-chart__range li a {
padding-right: 5px;
padding-left: 5px;
text-align: center;
}
.dashboard .dashboard-analytics-card__body {
padding-right: 10px;
padding-left: 10px;
}
}
.nav > .account-header > a > img{
max-width: 45px;
}
#filemanager .popover-title{
color: #333;
}
#filemanager .modal-title{
color: #333;
}
#module_commonTelegram_boot_token, .module_commonTelegram_chat_ids_field{
border-radius: 0rem 1rem 1rem 0rem!important;
}
.telegram-helper-info{
background: #f3f4f7;
border-radius: 2rem;
padding: 2rem;
color: #67738b;
}
.tax-objects-result{
width: 100%;
}
.tax-objects-result__group{
margin-bottom: 2rem;
border: 1px solid #e7e7e7;
border-radius: 1rem;
padding: 1.5rem;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.5rem;
}
.prro_received_data{
padding: 2rem 1rem;
}
.tax-objects-result__placeholder{
width: 100%;
position: relative;
display: flex;
font-size: 0.8rem;
color: #ff9901;
}
.tax-objects-result__value{
color: #000;
}
.tax-objects-result__group div{
}
.prro-info{
line-height: 55px;
padding-right: 1rem;
background: none;
}
.prro-info-wrapper{
display: flex;
height: 100%;
}
.prro-view-modal .tax-objects-result__group{
border: none;
gap: 1rem 4rem;
}
.tax-objects-result__group.border-bottom{
border-bottom: 1px solid;
border-radius: 0;
border-color: #e5e5e5;
}
.color-darker-orange{
color: #eb9d44;
}
.zooming-blinking{
animation: zoom-blink 2s linear infinite;
}
@keyframes zoom-blink {
0% {
transform: scale(1, 1);
opacity: 1;
}
50% {
transform: scale(0.8, 0.8);
opacity: 0.7;
}
100% {
transform: scale(1, 1);
opacity: 1;
}
}
.blinking{
animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
50% {
opacity: 0.6;
/* color: #f23325;*/
}
}
.lighty-rounded-bg-orange{
background: #ffecdd;
border-radius: 1rem;
}
.w-15rem{
width: 15rem;
}
.modal-smaller{
}
.checkout-popup .modal-header{
border-bottom: 1px dashed #e5e5e5;
}
.checkout-popup .modal-footer{
border-top: 1px dashed #e5e5e5;
}
.color-gray{
color: #444;
}
.lighty-rounded-bg-gray{
background: #eceef2;
border-radius: 1rem;
}
.text-upper{
text-transform: uppercase;
}
.color-light-red {
color: #ee6e6e!important;
}
.order-fiscalized{
position: absolute;
left: -25px;
}
.order-fiscalized .bx{
font-size: 18px;
color: #f29831;
}
.p-relative{
position: relative;
}
.lighty-gray{
color: #6e6e6e!important;
}
.btn-clipboard{
color: #7b7b7b!important;
background: none;
}
.nav-tabs > li > a.active{
}
.btn-warning i{
color: #fff;
}
.products-filter-container .pull-right{
gap: 1rem;
}
.dropdown-toggle .fa-caret-down{
display: none;
}
#button-popup-catalog{
background: #eceef2;
}
.btn.spinning{
width: 150px;
display: flex;
justify-content: center;
}
.show-arrival-sale-price{
cursor: pointer;
}
.popup-preloader{
display: flex;
}
.popup-preloader .bx-loader-circle{
font-size: 4rem;
opacity: .5;
}
.pagination > li > a, .pagination > li > span{
border: 0.7px solid #eceef2;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
color: #000000;
}
/*Invoice preview*/
.receipt-preview{
font-family: 'Open Sans', sans-serif;
font-size: 1.1rem;
}
.receipt-preview__header{
text-align: center;
font-weight: 900;
line-height: 1rem;
font-size: 1.1rem;
margin-bottom: 1rem;
margin-top: 1rem;
}
.receipt-preview__body{
}
.receipt-preview__body--prodname{
margin-bottom: 0;
}
.receipt__lr{
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 2rem;
}
.receipt-preview__body--qty{
}
.receipt-preview__body--total{
}
.receipt-preview__footer{
}
.receipt-preview__footer--totaltitle.totalsum{
font-size: 1.3rem;
font-weight: 700;
}
.receipt-preview__footer--totalvalue.totalsum{
font-size: 1.3rem;
font-weight: 700;
}
.receipt-preview__conslusion{
}
.receipt-braker{
background: #828282;
height: 1px;
width: 100%;
position: relative;
display: flex;
margin: 1rem 0;
}
.receipt-preview__product{
}
.receipt-preview__footer p.heading{
font-size: 1rem;
font-weight: 600;
text-transform: uppercase;
text-align: center;
}
.receipt-preview__footer--title{
margin-bottom: 0;
}
.receipt-preview__footer--value{
margin-bottom: 0;
}
.receipt-preview .highlighted{
font-weight: 700;
font-size: 1.2rem;
}
.receipt-preview-custom{
text-align: center;
margin-top: 1rem;
}
/*Invoice preview end*/
.btn.spinning{
pointer-events: none;
}
.btn[disabled]{
pointer-events: none;
}
.bx-loader-circle.spinning.fa-spin{
height: 16px;
font-size: 17px;
}
.opening-balance{
text-align: center;
font-size: 1.8rem;
height: 4rem;
}
.opening-balance-wrapper{
position: relative;
}
.opening-balance-wrapper__currency{
color: #9a9a9a;
top: 0.8rem;
position: absolute;
right: 2rem;
font-size: 1.5rem;
background: #fff;
}
.content_order .alert-danger .close{
position: absolute;
right: 7px;
top: 5px;
display: flex;
color: #f74242;
font-size: 18px;
}
.popover > .arrow{
display: none;
}
.popover-body{
display: flex;
}
.popover{
box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
border-radius: 1rem;
}
.products-filter-container .btn{
padding: 0.75rem 1rem;
}
.color-alert{
color: #f34731;
}
.summary-objects-result__group {
margin-bottom: 2rem;
border: 1px solid #e7e7e7;
border-radius: 1rem;
padding: 1.5rem;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.5rem 4rem;
}
.summary-objects-result__group div{
display: flex;
justify-content: space-between;
}
.summary-objects-result__placeholder{
height: 2rem;
display: flex;
align-items: center;
}
.summary-objects-result__value{
font-size: 1.5rem;
height: 2rem;
color: #000;
font-weight: 800;
}
.summary-result{
width: 100%;
}
.summary_received_data{
width: 100%;
padding: 1rem;
justify-content: center;
margin-left: auto!important;
margin-right: auto!important;
}
@media (max-width: 1200px){
.summary-objects-result__group{
grid-template-columns: 1fr;
}
.summary-objects-result__group div{
border-bottom: 1px solid#e7e7e7;
}
.summary-objects-result__group div:last-child{
border:none;
}
}
@media (max-width: 400px){
.summary-objects-result__group div{
flex-direction: column;
}
.summary-objects-result__placeholder{
color: #ea9c44;
font-weight: 500;
font-size: 1.15rem;
}
}
/*New styles [weight]*/
.input-group-button{
position: absolute;
z-index: 5;
}
.input-group-button.minus{
left: 0rem;
height: 100%;
}
.input-group-button.plus{
right: 0rem;
height: 100%;
}
.cart-qty-inpt{
font-size: 1.5rem;
}
.plus-minus-input .cart-qty-inpt:focus + .input-group-btn.refresh .refresh-prod-info{
visibility: visible!important;
}
.input-group-btn.refresh{
position: absolute;
right: 6rem;
left: auto;
z-index: 9;
right: 5rem;
}
.input-group-btn.refresh .refresh-prod-info{
color: #f28633;
height: 2rem;
top: 1rem;
width: 2rem;
padding: 0;
top: 0.5rem;
border-radius: 1rem;
line-height: 14px;
height: 2.5rem;
min-width: 25px;
right: 0.5rem;
}
.input-group-btn.refresh .refresh-prod-info .bx{
width: 2rem;
/* height: 1.25rem; */
}
.side_panel{
/* font-family: 'Gotham Pro Regular';*/
position: fixed;
bottom: 3rem;
padding: 5px;
background: #ffffff;
color: #000;
width: 25%;
text-align: center;
height: 550px;
z-index: 11;
display: none;
padding: 0px;
border: 1px solid#dedede;
/* border-top: 1px solid #fff; */
right: 0;
left: auto;
top: 7rem;
flex-direction: column;
justify-content: space-between;
border-radius: 2rem 0rem 0rem 2rem;
overflow: hidden;
}
.side_panel__actions{
padding: 3rem;
padding-bottom: 0;
}
.content-area.shorter{
width: 72.33%;
}
.side_panel__totals{
display: flex;
justify-content: space-around;
padding: 2rem;
align-items: center;
gap: 0rem;
background: #fff;
color: #fff;
border: none;
padding-top: 0;
padding-bottom: 0;
}
.side_panel__totals--pieces{
display: grid;
width: 100%;
justify-content: space-between;
padding: 0 1rem;
grid-template-columns: 6fr 4fr 1fr;
font-size: 1.75rem;
align-items: center;
position: relative;
border-bottom: 1px solid#dedede;
border-radius: 0;
}
.side_panel__totals--weight{
display: grid;
width: 100%;
justify-content: space-between;
padding: 0 1rem;
grid-template-columns: 6fr 4fr 1fr;
font-size: 1.75rem;
align-items: center;
position: relative;
border-bottom: 1px solid#dedede;
border-radius: 0;
}
.side_panel__totals--sum{
align-items: flex-end;
display: grid;
width: 100%;
justify-content: space-between;
border-radius: 1.5rem;
padding: 0 1rem;
/* grid-template-columns: 6fr 4fr 1fr;*/
grid-template-columns: 1fr 6fr 1fr;
font-size: 1.75rem;
color: #2d2d2d;
gap: 0.25rem;
}
.side_panel__totals label{
margin: 0;
text-align: left;
color: #454545;
}
.side_panel__totals label + span{
font-size: 3rem;
height: 3.75rem;
display: flex;
justify-content: flex-end;
align-items: flex-start;
color: #454545;
}
.side_panel__totals label + b{
text-align: right;
}
.side_panel__totals--pieces b, .side_panel__totals--weight b{
position: absolute;
right: 1rem;
bottom: 0.1rem;
font-size: 1.75rem;
color: #454545;
}
.side_panel__totals--sum label{
color: #454545;
}
.side_panel__totals--sum label + span{
color: #454545!important;
/*font-size: 4rem!important;
height: 4.75rem!important;*/
font-size: 3rem!important;
height: 3.5rem!important;
}
.total_sum_div{
height: 100%;
/* max-height: 300px;
min-height: 300px;*/
}
@media (min-width: 576px){
.modal-dialog {
max-width: 550px;
}
}
@media (min-width: 768px){
.modal-smaller.catalog-popup .modal-dialog {
max-width: 750px;
width: 750px;
}
.modal-dialog.wider {
max-width: 750px;
width: 750px;
}
}
.ean-sku-block__sku label, .ean-sku-block__ean label{
position: absolute;
right: 5px;
top: -19px;
background: #fff;
padding: 0 1rem;
margin-bottom: 0;
height: 2rem;
color: #555;
}
.ean-sku-block__ean{
position: relative;
}
.ean-sku-block__sku{
margin-top: 3rem;
position: relative;
margin-bottom: 2rem;
}
.order-checkout-middle__catalog{
min-width: 1px;
}
.catalog-popup .search-line{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 1rem;
}
.catalog-popup .search-line input, .catalog-popup .search-line select{
font-size: 1rem;
height: 3rem;
border: 1px solid#b0b0b0;
border-radius: 0.75rem;
padding: 0 1rem;
}
.prods-list-popup-buttons .btn{
border-radius: 1rem;
border: 1px solid#d6d6d6;
}
.catalog-success-alert{
display: none;
}
.catalog-success-alert__message{
position: relative;
font-size: 15px;
color: #01b802;
}
#cart .plus-minus-input .btn-default{
padding: 0.6rem 0.5rem;
border-radius: 1rem;
height:100%;
}
#cart .btn-default:hover{
background: #66728b;
color: #fff;
text-align: center;
}
#cart .btn-default i.bx{
padding: 0;
}
.side-totals__wrapper{
background: #f5f6f8;
border-radius: 2rem;
display: flex;
flex-direction: column;
width: 100%;
padding: 1rem;
border: 1px solid#dedede;
}
.side_panel{
-webkit-transition: -webkit-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
-o-transition: -o-transform 0.5s ease;
transition: transform 0.5s ease;
}
.side_panel.sticks{
transform: translateY(-5rem);
}
.catalog-popup .modal-dialog{
overflow-y: initial !important
}
.catalog-popup .modal-body{
/* height: 80vh;*/
overflow-y: auto;
}
.catalog-popup .content{
/* height: 90vh;*/
}
.moving-page .side_panel__totals--sum{
display: none;
}
.moving-page .side_panel__totals--weight{
border-bottom: none;
border-top: 1px solid#dedede;
}
.moving-page .side_panel__totals--pieces{
border:none;
}
.error-line{
border-left: 5px solid red;
background: #fff3f3;
}
.no-border{
border:none!important;
}
.correction-page .side_panel__totals--weight, .correction-page .side_panel__totals--pieces{
border:none;
}
.correction-page .side_panel__totals--weight{
border-top: 1px solid#dedede;
}
.correction-page .side_panel{
height: 575px;
}
.inventory-page .side_panel__totals--weight, .inventory-page .side_panel__totals--pieces{
border:none;
}
.inventory-page .side_panel__totals--weight{
border-top: 1px solid#dedede;
}
.inventory-page .side_panel{
/* height: 575px;*/
height: 500px;
}
.inventory-popup__info--accept{
font-size: 1.3rem;
text-align: left;
border: 1px solid#ea9c44;
padding: 1rem;
border-radius: 0.5rem;
width: 50%;
min-width: 1px;
}
.inventory-popup__info--draft{
font-size: 1.3rem;
text-align: left;
border: 1px solid#00b901;
padding: 1rem;
border-radius: 0.5rem;
min-width: 1px;
width: 50%;
}
.inventory-popup__info{
display: flex;
gap: 4rem;
}
.inventory-popup__buttons{
}
.inventory-popup .modal-header{
border-bottom: none;
}
.inventory-popup .modal-footer{
border: none;
}
/*Product Page*/
.product-page__row{
position: relative;
}
.prodpage-label{
font-size: 1.3rem;
position: absolute;
top: -12px;
background: #fff;
height: 15px;
padding: 0 1rem;
font-family: 'Oktah';
font-style: italic;
font-weight: 400;
color: #67738b;
}
.prodpage-value{
}
.prodpage-value input, .prodpage-value select{
font-size: 1.5rem;
height: 4rem;
padding-top: 1rem;
border-radius: 1rem;
border: 1px solid #adadad
}
.product-page__general{
padding: 0px;
}
.product-page__general--wrapper{
padding: 0px;
border: none;
border-radius: 1.5rem;
background: #fff;
padding: 3rem;
display: flex;
flex-direction: column;
gap: 2.5rem;
}
.product-page__wrapper{
display: grid;
grid-template-columns: 5fr 3fr;
gap: 2rem;
}
.product-page__stock{
padding: 0px;
}
.stock-wrapper{
border: none;
border-radius: 1.5rem;
background: #fff;
padding: 3rem;
display: flex;
flex-direction: column;
}
.stock-wrapper{
position: relative;
width: 100%;
}
.stock-wrapper__label{
font-size: 1.4rem;
background: #fff;
padding: 0 1rem;
font-family: 'Oktah';
font-style: italic;
font-weight: 400;
color: #67738b;
}
.stock-wrapper__content{
display: flex;
width: 100%;
min-width: 1px;
flex-direction: column;
padding: 2rem 1rem;
}
.stock-wrapper__content--list{
display: flex;
list-style: none;
padding: 0;
margin: 0;
gap: 1.5rem;
flex-direction: column;
}
.content-list__item{
display: flex;
font-size: 1.5rem;
background: #eceef2;
justify-content: space-between;
padding: 1rem 2rem;
border-radius: 1.5rem;
font-family: 'Oktah';
font-style: italic;
font-weight: 500;
color: #67738b;
}
.product-page__row--sub{
width: 50%;
}
.product-sticky-save{
align-items: center;
background: rgba(255, 255, 255, .94);
border: 1px solid #e3e8f1;
border-radius: 1.4rem;
bottom: 2rem;
box-shadow: 0 18px 42px rgba(48, 61, 83, .16);
display: flex;
gap: 1.2rem;
justify-content: space-between;
left: 50%;
max-width: 52rem;
opacity: 0;
padding: 1rem 1.2rem;
pointer-events: none;
position: fixed;
transform: translate(-50%, 2rem);
transition: opacity .2s ease, transform .2s ease;
width: calc(100% - 4rem);
z-index: 1000;
}
.product-sticky-save.is-visible{
opacity: 1;
pointer-events: auto;
transform: translate(-50%, 0);
}
.product-sticky-save__text{
align-items: center;
color: #667085;
display: flex;
font-size: 1.3rem;
font-weight: 600;
gap: .7rem;
}
.product-sticky-save__text i{
color: #f29831;
font-size: 1.8rem;
}
.product-sticky-save__button{
align-items: center;
display: inline-flex;
gap: .6rem;
white-space: nowrap;
}
.product-integrations{
background: #f8fafc;
border: 1px solid #e7ebf2;
border-radius: 1.4rem;
margin-top: 1rem;
padding: 2.4rem 1.6rem 1.6rem;
}
.product-integrations .prodpage-label{
background: #f8fafc;
}
.product-integrations__tabs{
border: 0;
display: flex;
gap: .8rem;
margin: 0 0 1.2rem;
}
.product-integrations__tabs > li{
margin: 0;
}
.product-integrations__tabs > li > a{
align-items: center;
background: #fff;
border: 1px solid #e3e8f1;
border-radius: 999px;
color: #667085;
display: inline-flex;
font-size: 1.25rem;
font-weight: 600;
gap: .7rem;
line-height: 1;
padding: 1rem 1.35rem;
}
.product-integrations__tabs > li.active > a,
.product-integrations__tabs > li.active > a:hover,
.product-integrations__tabs > li.active > a:focus{
background: #1f2937;
border-color: #1f2937;
color: #fff;
}
.product-integrations__tab-dot{
background: #98a2b3;
border-radius: 50%;
display: inline-flex;
height: .9rem;
width: .9rem;
}
.product-integrations__tab-dot--rozetka{
background: #16a34a;
}
.product-integrations__tab-dot--prom{
background: #7c3aed;
}
.product-integrations__tab-dot--opencart{
background: #0ea5e9;
}
.product-integrations__tab-dot--woocommerce{
background: #96588a;
}
.product-integrations__layout{
display: grid;
gap: 1.4rem;
grid-template-columns: minmax(28rem, .75fr) minmax(42rem, 1.25fr);
}
.product-integrations__card,
.product-integrations__content-card{
background: #fff;
border: 1px solid #e3e8f1;
border-radius: 1.2rem;
box-shadow: 0 12px 26px rgba(48, 61, 83, .06);
padding: 1.4rem;
}
.product-integrations__head{
align-items: center;
color: #475467;
display: flex;
font-family: 'Oktah';
font-size: 1.45rem;
font-style: italic;
font-weight: 600;
justify-content: space-between;
margin-bottom: 1.2rem;
}
.product-integrations__head small{
background: #f1f3f7;
border-radius: 999px;
color: #8a94a6;
font-size: 1.05rem;
font-style: normal;
padding: .3rem .8rem;
}
.product-integrations__head small.is-on{
background: #eaf7ee;
color: #248a45;
}
.product-integrations__fields{
display: grid;
gap: 1rem;
grid-template-columns: 1fr;
}
.product-integrations__content-card{
display: grid;
gap: 1.1rem;
}
.product-integrations__fields label,
.product-integrations__content-card label{
margin: 0;
}
.product-integrations__fields span,
.product-integrations__content-card span{
color: #667085;
display: block;
font-size: 1.1rem;
font-weight: 500;
margin-bottom: .45rem;
}
.product-integrations__price-grid{
display: grid;
gap: 1rem;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.product-integrations__fields .form-control,
.product-integrations__content-card .form-control{
border: 1px solid #dbe3ef;
border-radius: 1rem;
box-shadow: none;
font-size: 1.3rem;
height: 3.8rem;
}
.product-integrations__content-card textarea.form-control{
height: auto;
line-height: 1.45;
resize: vertical;
}
.integration-attributes{
display: grid;
gap: .8rem;
}
.integration-attributes__row{
display: grid;
gap: .8rem;
grid-template-columns: minmax(12rem, .8fr) minmax(16rem, 1.2fr) 3.8rem;
}
.integration-attribute-delete{
align-items: center;
background: #fff5f5;
border: 1px solid #ffd6d6;
border-radius: 1rem;
color: #d92d20;
display: inline-flex;
height: 3.8rem;
justify-content: center;
padding: 0;
width: 3.8rem;
}
.integration-attribute-delete:hover{
background: #ffecec;
color: #b42318;
}
.product-integrations__attribute-add{
align-items: center;
background: #f5f7fb;
border: 1px solid #e3e8f1;
border-radius: 1rem;
color: #475467;
display: inline-flex;
font-size: 1.2rem;
gap: .5rem;
height: 3.6rem;
margin-top: .8rem;
padding: 0 1.2rem;
width: auto;
}
.product-integrations__attribute-add:hover{
background: #eef3f8;
color: #1f2937;
}
.product-integrations__sync,
.product-integrations__error{
font-size: 1.1rem;
margin-top: 1rem;
}
.product-integrations__sync{
color: #98a2b3;
}
.product-integrations__error{
color: #e03131;
}
.product-integrations__actions{
display: flex;
flex-wrap: wrap;
gap: .8rem;
margin-top: 1rem;
}
.product-integrations__sync-button,
.product-integrations__fetch-button,
.product-integrations__content-sync-button{
align-items: center;
background: #f5f7fb;
border: 1px solid #e3e8f1;
border-radius: 1rem;
color: #475467;
display: inline-flex;
font-size: 1.2rem;
gap: .5rem;
height: 3.4rem;
padding: 0 1.2rem;
width: auto;
}
.product-integrations__sync-button:hover,
.product-integrations__fetch-button:hover,
.product-integrations__content-sync-button:hover{
background: #eef3f8;
color: #1f2937;
}
.product-integrations__sync-button:disabled,
.product-integrations__fetch-button:disabled,
.product-integrations__content-sync-button:disabled{
cursor: not-allowed;
opacity: .55;
}
.product-integrations__sync-button.is-loading i,
.product-integrations__fetch-button.is-loading i,
.product-integrations__content-sync-button.is-loading i{
animation: integration-sync-spin .8s linear infinite;
}
@keyframes integration-sync-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@media (max-width: 1399px) {
.product-integrations__layout{
grid-template-columns: 1fr;
}
}
@media (max-width: 991px) {
.product-integrations__price-grid{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 575px) {
.product-integrations__tabs{
flex-wrap: wrap;
}
.product-integrations__price-grid{
grid-template-columns: 1fr;
}
.integration-attributes__row{
grid-template-columns: 1fr;
}
.integration-attribute-delete{
width: 100%;
}
}
#product-category{
font-size: 1.2rem;
}
.popup_rest__combined{
display: flex;
}
#input-received-card,
#input-certificate-code{
font-size: 30px;
color: #383838;
text-align: center;
line-height: 35px;
border: none;
box-shadow: none;
border: 2px solid#eb9d44;
padding: 5px;
background: #fff;
}
#input-certificate-code{
font-size: 17px;
}
.popup_rest__certificate{
display: flex;
}
.certificate-payment-info{
display: block;
width: 100%;
margin-top: 0.35rem;
font-size: 1.1rem;
line-height: 1;
text-align: right;
color: #747d8c;
position: absolute;
bottom: -25px;
}
.certificate-payment-info.text-danger{
color: #ff3333!important;
}
.store_line_popup{
padding: 7px 15px;
margin-bottom: 10px;
border-radius: 1rem;
background: #eceef2;
display: flex;
align-items: center;
justify-content: space-between;
}
.store_line_popup--store{
display: flex;
justify-content: flex-start;
margin-bottom: 0px;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
color: #000;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.store_line_popup--value{
display: flex;
justify-content: flex-end;
margin-bottom: 0px;
font-size: 16px;
font-weight: 800;
color: #000;
}
.btn-grayish{
background: #eceef2!important;
padding: 0.8rem 2rem!important;
color: #000!important;
}
#cash-main-page-container .tile-heading{
font-size: 18px;
}
#stores-cash-register h2{
font-size: 4rem;
font-weight: 900;
}
.prodpage-value input::placeholder, .prodpage-value select::placeholder{
opacity: .5;
}
.tab-invoices__nav{
margin-bottom: 1rem;
border: none;
margin-top: 1rem;
background: #f6f7f9;
border-radius: 1rem;
width: fit-content;
display: flex;
/* justify-content: center;*/
margin-left: auto;
margin-right: auto;
overflow: scroll;
position: relative;
width: 100%;
justify-content: flex-start;
}
.tab-invoices__nav .btn{
font-weight: bold;
background: #ffffff;
text-shadow: none;
border-radius: 10px;
border: none;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}
.tab-invoices__nav .btn.collapsed{
color: #666;
/* border-radius: 2px 2px 0 0; */
border: none;
font-size: 0.95rem;
position: relative;
display: block;
padding: 10px 15px;
background: unset;
box-shadow: none;
}
#tab-invoices-nav .card{
padding: 1rem 1rem;
border: none;
}
#tab-invoices-nav .form-group{
padding: 1rem 0;
}
.form-switch {
display: flex;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
align-items: center;
gap: 1rem;
}
.form-switch i {
position: relative;
display: inline-block;
margin-right: .5rem;
width: 46px;
height: 26px;
background-color: #e6e6e6;
border-radius: 23px;
vertical-align: text-bottom;
transition: all 0.3s linear;
}
.form-switch i::before {
content: "";
position: absolute;
left: 0;
width: 42px;
height: 22px;
background-color: #fff;
border-radius: 11px;
transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
transition: all 0.25s linear;
}
.form-switch i::after {
content: "";
position: absolute;
left: 0;
width: 22px;
height: 22px;
background-color: #fff;
border-radius: 11px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
transform: translate3d(2px, 2px, 0);
transition: all 0.2s ease-in-out;
}
.form-switch:active i::after {
width: 28px;
transform: translate3d(2px, 2px, 0);
}
.form-switch:active input:checked + i::after { transform: translate3d(16px, 2px, 0); }
.form-switch input { display: none; }
.form-switch input:checked + i { /*background-color: #4BD763;*/ background-color:#66728b; }
.form-switch input:checked + i::before { transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0); }
.form-switch input:checked + i::after { transform: translate3d(22px, 2px, 0); }
.card-inv-collapsed{
grid-template-columns: 1fr 1fr;
display: grid;
}
.border-top-gray{
border-top: 1px solid #ededed;
}
.card-inv-collapsed .form-group{
margin: 0 15px;
}
.invoice-table td{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.table-bordered.invoice-table{
border: 2px solid #000;
}
.table-bordered.invoice-table td{
border: 1.5px solid #000000!important;
font-size: 15px;
font-weight: 500;
}
.invoice-table.table > thead:first-child > tr:first-child > td{
font-size: 15px;
font-family: system-ui, sans-serif;
background: #d4d4d4!important;
background-color: #d4d4d4!important;
padding: 0.5rem;
}
#invoice-print h1, #invoice-print h3{
font-family: system-ui, sans-serif;
color: #000;
}
#invoice-print h1{
font-size: 26px;
border-bottom: 2px solid #000000;
margin-bottom: 1rem;
margin-top: 2rem;
}
.arrivals-invoice-receiver b, .arrivals-invoice-contragent b, .invoice-contragent b{
text-transform: uppercase;
border-bottom: 2px solid#000000;
margin-bottom: 0rem;
}
.arrivals-invoice-receiver, .arrivals-invoice-contragent, .invoice-contragent{
width: 50%;
}
.label-success{
background-color: #8fc265;
}
.label-warning {
background-color: #e89757;
}
.label-danger {
background-color: #f85e5e;
}
.btn-gray{
background: #f3f4f7;
}
.side_panel.templates{
height: 500px;
}
.btn.checkout-action-btn{
margin-top: 15px;
height: 70px;
background: #7be35a;
font-size: 35px;
width: 100%;
border: none;
border-radius: 1.5rem;
box-shadow: inset 0 -5px 0 0 #5ecb3a;
color: #fff;
}
.btn.checkout-action-btn:hover{
background: #5ecb3a;
color: #fff;
}
.templates-popup__info{
}
.templates-popup__info--name{
}
.inventory-popup__info--comment{
}
.templates-popup{
}
/*New Login Page*/
.content-login .login-panel{
background: rgb(255 255 255 / 90%);
border-radius: 1rem;
padding: 2rem;
box-shadow: 0px 5px 100px 15px rgba(0,0,0,0.1);
height: 350px;
margin: 0;
display: flex;
align-items: center;
gap: 4rem;
padding: 4rem;
}
.content-login{
height: 100%;
padding: 0!important;
background-image:unset;
background-image: linear-gradient(to right, #141e30, #67738b);
/* background-image: linear-gradient(to right, #67738b, #d3d5c8);*/
}
.content-login:after{
background-color: unset;
}
.login-wrapper{
display: flex;
justify-content: center;
height: 100%;
align-items: center;
}
.content-login > .container-fluid{
height: 100%;
}
.form-control-login::placeholder{
color: #67738b;
}
.form-control-login{
color: #67738b;
border-color: rgb(103 115 139 / 40%);
background-color: rgb(242 244 247);
}
#input-login-data{
color: #67738b;
background-color: rgb(242 244 247);
}
.form-control-login:focus{
color: #4d5463;
background-color: rgb(242 244 247);
}
#login-input #input-password:focus, #login-input #input-confirm:focus{
color: #4d5463;
background-color: rgb(242 244 247);
}
#login-input #input-password, #login-input #input-confirm{
color: #67738b;
background-color: rgb(242 244 247);
}
.btn-anim-filling{
position: relative;
display: block;
color: white;
font-size: 14px;
/* font-family: "montserrat";*/
text-decoration: none;
margin: 30px 0;
border: 2px solid #ff7675;
padding: 14px 60px;
text-transform: uppercase;
overflow: hidden;
transition: 1s all ease;
}
.btn-anim-filling::before{
background: #e59943;
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: -1;
transition: all 0.6s ease;
}
.btn-anim-filling.st1::before{
width: 100%;
height: 0%;
transform: translate(-50%,-50%) rotate(-45deg);
}
.btn-anim-filling.st1:hover::before{
height: 380%;
}
#button-login, #button-reset{
background-color: #67738b;
border: 1px solid #67738b;
transition: all 0.3s;
border-radius: 0px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px;
height: 50px;
width: 100%;
border-radius: 1rem;
color: #fff;
font-size: 1rem;
margin: 0;
}
.login-panel .alert-danger{
position: absolute;
}
#login-input .bx-show, #login-input .bx-hide{
top: 1.2rem;
position: absolute;
font-size: 1.5rem;
right: 1rem;
z-index: 2;
color: #67738b;
}
.table-bordered.invoice-table td{
padding: 0 0.5rem;
}
.check-container {
width: 6.25rem;
height: 7.5rem;
display: flex;
flex-flow: column;
align-items: center;
justify-content: space-between;
}
.check-container .check-background {
width: 100%;
height: calc(100% - 1.25rem);
background: linear-gradient(to bottom right, #7d8494, #67738b);
box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
transform: scale(0.84);
border-radius: 50%;
animation: animateContainer 0.75s ease-out forwards 0.75s;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
}
.check-container .check-background svg {
width: 65%;
transform: translateY(0.25rem);
stroke-dasharray: 80;
stroke-dashoffset: 80;
animation: animateCheck 0.35s forwards 1.25s ease-out;
}
.check-container .check-shadow {
bottom: calc(-15% - 5px);
left: 0;
border-radius: 50%;
background: radial-gradient(closest-side, #777f92, transparent);
animation: animateShadow 0.75s ease-out forwards 0.75s;
}
@keyframes animateContainer {
0% {
opacity: 0;
transform: scale(0);
box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
}
25% {
opacity: 1;
transform: scale(0.9);
box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
}
43.75% {
transform: scale(1.15);
box-shadow: 0px 0px 0px 43.334px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
}
62.5% {
transform: scale(1);
box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 21.667px rgba(255, 255, 255, 0.25) inset;
}
81.25% {
box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
}
100% {
opacity: 1;
box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
}
}
@keyframes animateCheck {
from {
stroke-dashoffset: 80;
}
to {
stroke-dashoffset: 0;
}
}
@keyframes animateShadow {
0% {
opacity: 0;
width: 100%;
height: 15%;
}
25% {
opacity: 0.25;
}
43.75% {
width: 40%;
height: 7%;
opacity: 0.35;
}
100% {
width: 85%;
height: 15%;
opacity: 0.25;
}
}
.change-date-block input.form-control{
width: 100px;
max-width: 150px;
text-align: center;
}
.change-date-block .input-group-btn{
min-width: 1px;
width: auto;
}
.short-date-info__success{
padding-left: 2rem;
color: green;
display: none;
}
.changes-modal__list--comment{
}
.changes-modal__list--date{
color: #ff9901;
}
.changes-modal__list{
color: #444;
width: 100%;
}
.changes-modal__line{
border-bottom: 1px solid#e3e1e1;
padding-bottom: 0.5rem;
margin-bottom: 0.5rem;
}
.changes-modal__line:last-child{
border-bottom: none;
}
button:focus{
outline: 1px dotted!important;
}
.btn-primary.focus, .btn-primary:focus{
box-shadow: 0px 0px 15px 0px rgba(103,115,139,0.3)!important;
}
.btn-primary:focus, .btn-primary.focus{
color: #67738b;
}
.popup_discount_balance span{
font-size: 1.5rem;
}
.popup_discount_balance span:last-child{
font-size: 2rem;
}
.popup_discount_balance{
background: #fff1ee;
border-radius: 1rem;
border: 1px solid#f1aea4;
}
.popup_discount_balance.positive{
background: #eeffe9;
border-radius: 1rem;
border: 1px solid#c8e8be;
}
.accumulative-save-btn{
position: absolute;
top: 0;
z-index: 9999;
display: flex;
right: 0;
align-items: center;
gap: 0.25rem;
color: #fff!important;
}
.accumulative-block{
}
.accumulative-block__title{
width: 50%;
font-size: 1.3rem;
text-transform: uppercase;
margin-bottom: 0;
}
.accumulative-block__value{
width: 50%;
display: flex;
justify-content: flex-end;
}
.accumulative-block__value input{
font-size: 1.4rem;
padding-right: 6rem;
width: 200px;
display: flex;
text-align: left;
padding-left: 2rem;
}
.accumulative-block__currency{
position: absolute;
bottom: 0.5rem;
right: 110px;
}
.popup_discount_balance--fline{
border-bottom: 1px dashed #c8e8be;
padding-bottom: 0.5rem;
margin-bottom: 0.5rem;
}
.fade{
transition: opacity .05s linear;
}
.big-preloader__wrapper{
display: flex;
justify-content: center;
align-content: center;
padding: 2rem;
}
.big-preloader .bx-loader-circle.spinning.fa-spin{
font-size: 3rem;
height: 3rem;
color: #cfcfcf;
}
.content-area.shorter .container-fluid{
/* padding-left: 0;*/
}
.container-fluid.products-filter-container{
padding-left: 25px;
}
.container-fluid.actions-filter-container{
padding-left: 25px;
}
.document-status{
background: #edfff3;
padding: 0.5rem 0rem;
border-radius: 0.6rem;
}
.status-color-1 .document-status{
border: 1px solid#aae9aa;
}
.status-color-0 .document-status{
background: #fff9ed;
border: 1px solid#ffc15c;
color: #eb9d44;
}
.color-orange .customer-status{
background: #fff9ed;
border: 1px solid#ffc15c;
color: #eb9d44;
padding: 0.5rem 1rem;
border-radius: 0.6rem;
display: flex;
justify-content: center;
align-items: center;
gap: 0.5rem;
}
.color-green .customer-status{
background: #edfff3;
padding: 0.5rem 0rem;
border-radius: 0.6rem;
display: flex;
justify-content: center;
background: #edfff3;
border: 1px solid#aae9aa;
align-items: center;
gap: 0.5rem;
border: 1px solid#aae9aa;
}
.color-green{
color:#58a658!important
}
.fs-11rem{
font-size: 1.1rem;
}
.fs-09rem{
font-size: 0.9rem;
}
.payment-method-blue{
color: #06a7fe;
}
.payment-method-orange{
color: #ffe900;
}
.payment-method-green{
color: #70de68;
}
.payment-method__wrapper{
background: #f3f4f7;
color: #3b455a;
border-radius: 0.5rem;
padding: 0.2rem 0.7rem 0.2rem 0.5rem;
min-width: 1px;
width: unset;
max-width: max-content;
}
.order-list-row > td{
vertical-align: middle!important;
}
.order-list-order{
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
line-height: 1.25;
}
.order-list-order__number{
color: #344054;
font-size: 1.15rem;
font-weight: 700;
}
.order-list-order__status{
margin-top: 2px;
}
.order-list-order.color-light-red .order-list-order__number,
.order-list-order.color-light-red .order-list-order__status{
color: inherit;
}
.order-list-order .order-source-badge{
margin-top: 6px;
}
.order-list-fiscal-column{
min-width: 105px;
width: 10%;
}
.order-list-total-cell{
min-width: 145px;
}
.order-list-total{
display: flex;
flex-direction: column;
gap: 4px;
margin-bottom: 6px;
}
.order-list-total__amount{
color: #344054;
font-size: 1.15rem;
font-weight: 700;
line-height: 1.2;
white-space: nowrap;
}
.order-list-total__return{
align-items: center;
background: #fef2f2;
border: 1px solid #fecaca;
border-radius: 6px;
color: #dc2626;
display: inline-flex;
font-size: .9rem;
font-weight: 600;
gap: 4px;
line-height: 1.2;
max-width: max-content;
padding: 3px 6px;
white-space: nowrap;
}
.order-list-total__return i{
font-size: 1.05rem;
}
.order-list-total-cell .payment-method__wrapper{
white-space: nowrap;
}
.color-gray{
color: #67738b!important;
}
.table-user-line {
font-weight: 800;
color: #67738b;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 0.25rem;
}
.return-fiscalized{
position: absolute;
left: -5px;
}
.return-fiscalized .bx {
font-size: 18px;
color: #f29831;
}
.product-list__sku input{
text-align: center;
}
.product-list__subhead{
color: #98a2b3;
font-size: 1.1rem;
font-weight: 500;
margin-top: .2rem;
}
.product-list__category-chip{
background: #f8fafc;
border: 1px solid #e3e8f1;
border-radius: 999px;
color: #667085;
display: inline-flex;
font-size: 11px;
font-weight: 500;
line-height: 1.4;
margin-top: .55rem;
padding: .25rem .8rem;
width: fit-content;
padding: 5px 9px;
margin-top: 0;
}
.product-list__online-reserve{
margin-left: 0;
margin-top: .55rem;
width: fit-content;
}
.product-list__name{
display: flex;
font-weight: 800;
color: #000;
flex-direction: column;
width: 100%;
}
.product-list__code-stack .form-control{
height: 22px;
}
.product-list__code-stack{
display: flex;
flex-direction: column;
gap: .2rem;
font-weight: 800;
color: #000;
}
.product-list__sku-inline{
align-items: center;
color: #667085;
display: flex;
font-size: 1.15rem;
gap: .4rem;
padding: 0 .8rem .5rem 1.2rem;
}
.product-list__sku-label{
color: #98a2b3;
}
.product-list__integrations{
align-items: center;
display: flex;
flex-wrap: wrap;
gap: .45rem;
justify-content: center;
}
.product-list__integration-dot{
background: #98a2b3;
border: 2px solid #fff;
border-radius: 50%;
box-shadow: 0 0 0 1px rgba(16, 24, 40, .12);
display: inline-flex;
height: 1.4rem;
width: 1.4rem;
}
.product-list__integration-dot--rozetka{
background: #16a34a;
}
.product-list__integration-dot--prom{
background: #7c3aed;
}
.product-list__integration-dot--opencart{
background: #0ea5e9;
}
.product-list__integration-dot--woocommerce{
background: #96588a;
}
.product-list__integration-dot--failed{
box-shadow: 0 0 0 2px rgba(224, 49, 49, .35);
}
.product-list__integration-dot--pending{
box-shadow: 0 0 0 2px rgba(245, 158, 11, .35);
}
.product-list__integration-dot--synced{
box-shadow: 0 0 0 2px rgba(34, 197, 94, .22);
}
.product-list__integration-empty{
color: #c0c7d2;
}
.product-list__price input{
text-align: center;
}
.product-list__price .product-list__price--text{
font-size: 13px;
font-weight: 800;
color: #000;
}
.form-control.error{
border-color: red;
background: #fff5f5;
}
.inventory-green{
border-radius: 0.5rem;
background: #3ac13a12;
color: #0bb60b;
font-size: 1.5rem;
line-height: 1.5rem;
}
.inventory-red{
border-radius: 0.5rem;
background: #ea2c2c26;
color: #ea2c2c;
font-size: 1.5rem;
line-height: 1.5rem;
}
.inventory-normal{
border-radius: 0.5rem;
background: #f5f6f8;
color: #000000;
font-size: 1.5rem;
line-height: 1.5rem;
}
/*Preloader*/
/*body {
background-color: var(--bg);
color: var(--fg);
font: 1em/1.5 "DM Sans", sans-serif;
height: 100vh;
display: grid;
place-items: center;
transition: background-color var(--trans-dur), color var(--trans-dur);
}*/
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.preloader {
text-align: center;
width: 100%;
position: fixed;
width: 100%;
height: 100%;
/* position: absolute;*/
z-index: 9999;
top: 0;
left: 0;
padding-top: 20%;
background: rgb(103 115 139 / 40%);
transition-property: visibility, opacity;
transition-duration: 0s, 1s;
}
.preloader.preloader-hidden{
opacity: 0;
visibility: hidden;
transition-property: opacity, visibility;
transition-duration: 1s, 0s;
transition-delay: 0s, 1s;
/* z-index: -1;*/
/* width: 0;*/
/* height: 0;*/
}
.preloader__text {
position: relative;
height: 1.5em;
color: #fff;
font-size: 1.5rem;
}
.preloader__msg {
animation: msg 0.3s 4.7s linear forwards;
position: absolute;
width: 100%;
color: #fff;
}
.preloader__msg--last {
animation-direction: reverse;
animation-delay: 5s;
visibility: hidden;
}
.cart {
display: block;
margin: 0 auto 1.5em auto;
width: 8em;
height: 8em;
}
.cart__lines,
.cart__top,
.cart__wheel1,
.cart__wheel2,
.cart__wheel-stroke {
animation: cartLines 2s ease-in-out infinite;
}
.cart__lines {
stroke: #eb9d44;
}
.cart__top {
animation-name: cartTop;
}
.cart__wheel1 {
animation-name: cartWheel1;
transform: rotate(-0.25turn);
transform-origin: 43px 111px;
}
.cart__wheel2 {
animation-name: cartWheel2;
transform: rotate(0.25turn);
transform-origin: 102px 111px;
}
.cart__wheel-stroke {
animation-name: cartWheelStroke;
}
.cart__track {
stroke: hsla(var(--hue), 10%, 10%, 0.1);
transition: stroke var(--trans-dur);
}
/* Dark theme */
@media (prefers-color-scheme: dark) {
:root {
--bg: hsl(var(--hue), 10%, 10%);
--fg: hsl(var(--hue), 10%, 90%);
}
.cart__track {
stroke: #fff;
}
}
/* Animations */
@keyframes msg {
from {
opacity: 1;
visibility: visible;
}
99.9% {
opacity: 0;
visibility: visible;
}
to {
opacity: 0;
visibility: hidden;
}
}
@keyframes cartLines {
from,
to {
opacity: 0;
}
8%,
92% {
opacity: 1;
}
}
@keyframes cartTop {
from {
stroke-dashoffset: -338;
}
50% {
stroke-dashoffset: 0;
}
to {
stroke-dashoffset: 338;
}
}
@keyframes cartWheel1 {
from {
transform: rotate(-0.25turn);
}
to {
transform: rotate(2.75turn);
}
}
@keyframes cartWheel2 {
from {
transform: rotate(0.25turn);
}
to {
transform: rotate(3.25turn);
}
}
@keyframes cartWheelStroke {
from,
to {
stroke-dashoffset: 81.68;
}
50% {
stroke-dashoffset: 40.84;
}
}
/*Preloader end*/
.popup_rest__bonuses{
display: flex;
}
#input-received-bonuses{
font-size: 30px;
color: #383838;
text-align: center;
line-height: 35px;
border: none;
box-shadow: none;
border: 2px solid#eb9d44;
padding: 5px;
background: #fff;
}
.integrations-wrapper{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 2rem;
}
.integrations__item{
min-height: 300px;
display: flex;
justify-content: flex-end;
align-items: center;
flex-direction: column;
width: 100%;
height: 100%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
border: none;
box-shadow: unset;
min-width: 1px;
padding: 0.5rem;
}
.integrations__item--content{
background: rgb(242 244 247 / 90%);
border-radius: 1rem;
padding: 1.25rem 3rem;
width: 100%;
}
.integrations__item--name{
font-size: 2rem;
line-height: 1.5rem;
color: #66728b;
height: auto;
margin-bottom: 1rem;
}
.integrations__item--btn{
}
.integrations__item--btn a{
border: 1px solid #d3d8e3;
color: #66728b;
border-radius: 1rem;
}
.ncard{
}
.ncard1{
}
.ncard-wrapper{
padding: 0px;
border: none;
border-radius: 1.5rem;
background: #fff;
padding: 3rem;
display: flex;
flex-direction: column;
gap: 2.5rem;
}
.ncard__row{
position: relative;
}
.ncard-label{
font-size: 1.3rem;
position: absolute;
top: -12px;
background: #fff;
height: 15px;
padding: 0 1rem;
font-family: 'Oktah';
font-style: italic;
font-weight: 400;
color: #67738b;
}
.ncard-value input, .ncard-value select{
font-size: 1.5rem;
height: 4rem;
padding-top: 1rem;
border-radius: 1rem;
border: 1px solid #adadad;
}
.ncard.ncard23 {
display: grid;
grid-template-columns: 2fr 3fr;
}
.ncard.ncard13 {
display: grid;
grid-template-columns: 1fr 3fr;
}
.combined-diff{
display: none;
/* width: 20%; */
font-size: 2rem;
line-height: 2rem;
color: #000;
}
.combined-diff.negative{
color: #f53636;
}
.combined-diff.positive{
color: #63c844;
}
.modal-footer .checkout-button.disallowed{
width: 100%;
position: relative;
display: flex;
gap: 2rem;
flex-direction: column;
align-items: center;
}
.modal-footer.withdiff{
display: flex;
justify-content: center;
flex-direction: column-reverse;
}
#title_customer_top .store_name{
font-size: 20px;
/* border: 1px solid #67738b;*/
border-radius: 1rem;
width: auto;
padding: 0.5rem 1rem 0.2rem 1rem;
margin-left: 1rem;
color: #67738b;
background: #f3f4f7;
text-transform: uppercase;
}
.add-discount-btn, .add-customer-btn{
display: flex;
justify-content: end;
align-items: center;
gap: 0.5rem;
padding: 1rem 0.25rem;
color: #67738b!important;
font-size: 1.2rem;
cursor: pointer;
transition: all 0.6s ease;
}
.add-discount-btn:hover, .add-customer-btn:hover{
color: #eb9d44!important;
transition: all 0.6s ease;
}
.order_price-column span{
font-size: 1rem;
}
.order_price-column{
letter-spacing: 1px;
/* display: flex;
flex-direction: column;
align-items: center;*/
}
.vertical-top{
vertical-align: text-top!important;
}
.fs-15{
font-size: 1.5rem;
}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle{
line-height: 1;
}
.input-group-discount{
display: flex;
flex-direction: row;
align-items: center;
}
.input-group-discount .form-control{
width: 70%;
text-align: center;
font-weight: 700;
font-size: 1.2rem;
}
.input-group-discount__options{
}
.input-group-discount__option{
}
.vertical-middle{
vertical-align: middle!important;
}
.order-discount-popup__table tfoot tr td{
border-bottom: none;
}
.disc-list-popup-buttons .btn {
border-radius: 1rem;
border: 1px solid #d6d6d6;
padding: .75rem 3rem;
}
.order-discount-popup__table tfoot tr td{
background: #f0f3f9;
text-transform: uppercase;
border-color: #fff;
font-weight: 900;
color: #67738b;
font-size: 1.15rem;
}
.order-discount-popup__table tfoot tr td:first-child{
border-radius: 1rem 0rem 0rem 1rem;
}
.order-discount-popup__table tfoot tr td:last-child{
border-radius: 0rem 1rem 1rem 0rem;
}
.modal-header{
border-bottom: none;
padding-top: 0;
}
.checkout-comment{
margin-top: 1rem;
}
.checkout-comment__expl{
color: #444;
}
#menu-notification .bx-bell {
display: inline-block;
animation: 3s bell-vibrate ease-in-out infinite;
}
@keyframes bell-vibrate {
0% { transform: rotate(0); }
4% { transform: rotate(8deg); }
8% { transform: rotate(-8deg); }
12% { transform: rotate(8deg); }
16% { transform: rotate(-8deg); }
20% { transform: rotate(0); }
100% { transform: rotate(0); }
}
.side_panel__actions .checkout-button{
margin-top: 1rem;
}
.btn-gray.selected{
background: #67738b;
color: #fff!important;
}
.search-customer-popup{
font-size: 2rem;
height: 4rem;
margin-bottom: 1rem;
width: auto;
display: flex;
}
.customer-content__search{
display: flex;
justify-content: center;
}
.line-through{
text-decoration: line-through;
}
.price-wdiscount{
color: green;
font-weight: 800;
}
.prod_list_available{
color: #3d4451;
background: #f3f4f7;
padding: 0.25rem 0.5rem;
border-radius: 1rem;
font-size: 1rem;
margin-right: 1rem;
}
.h-20{
height: 20px;
}
.text-error{
color: #dc3545!important;
}
.h-25{
height: 25px;
}
.bradius-05{
border-radius: 0.5rem;
}
.provide-payment__inputs{
}
.provide-payment__wrapper__whole{
text-align: center;
color: #67738b !important;
width: 100%;
position: relative;
display: flex;
justify-content: center;
gap: 0.5rem;
align-items: center;
}
.input-label{
font-size: 1.1rem;
position: absolute;
top: 5px;
background: #fff;
height: 15px;
padding: 0;
font-family: 'Oktah';
font-style: italic;
font-weight: 400;
color: #67738b;
}
.linetype-0 td.amount-col{
color: #dc3545 !important;
}
.linetype-1 td.amount-col{
color: #eb9d44 !important;
}
.linetype-2 td.amount-col{
color: #29a745 !important;
}
.qr-code-placeholder{
width: 150px; /* Set the width of the QR code */
height: 150px; /* Set the height of the QR code */
border: 2px dashed #ccc; /* Dashed border to indicate a placeholder */
display: flex;
justify-content: center;
align-items: center;
text-align: center;
background-color: #f9f9f9; /* Light background for contrast */
border-radius: 8px; /* Optional: Rounded corners */
font-size: 14px;
font-weight: bold;
color: #888;
margin: 20px auto; /* Center horizontally if used in a container */
}
.transaction-section{
background: #ebeef2;
border-radius: 1.5rem;
padding: 2rem;
padding-top: 3rem;
margin: 0 2rem;
}
.transaction-section__wrapper{
grid-template-columns: 1fr 5fr;
display: grid !important;
gap: 2rem;
}
.transaction-section__wrapper--amount{
text-align: center;
font-size: 2rem;
height: 4rem;
padding-top: 1rem;
}
.transaction-section__wrapper--desc{
height: 4rem;
}
.tab-customer__balance{
background: #ebeef2;
}
.tab-customer__wrapper{
border-bottom: 1px solid #ebeef2;
margin-bottom: 2rem;
padding-bottom: 2rem !important;
}
.product-finder__filter{
justify-content: space-between;
align-items: end;
}
.product-finder__filter .form-group{
width: 100%;
padding-bottom: 0;
padding-top: 0;
}
.product-finder__filter button{
width: 20%!important;
height: 3rem;
}
.hg-button {
font-size: 1.5rem;
padding: 10px;
}
.hg-lang-switch {
background-color: #007bff;
color: white;
border-radius: 5px;
}
.hg-backspace {
background-color: #dc3545;
color: white;
border-radius: 5px;
}
.simple-keyboard {
position: fixed;
bottom: 0;
width: 100%;
z-index: 9999;
background: #f4f4f4;
border-top: 1px solid #ccc;
}
.simple-keyboard .hg-button {
font-size: 1.5rem;
padding: 10px;
}
.simple-keyboard.hg-theme-default{
width: calc(100% - 100px);
}
.keyboard-container{
}
.shift-clock__title{
cursor: pointer;
}
.shift-middle-info{
padding: 0;
border-radius: 1rem;
overflow: hidden;
border: 1px solid #edeff5;
}
.shift-middle-info__line{
display: flex;
justify-content: space-between;
padding-bottom: 0.5rem;
/* border-bottom: 1px solid #eceef2;*/
padding-top: 0.75rem;
padding-left: 1rem;
padding-right: 1rem;
}
.shift-middle-info__left{
margin-bottom: 0;
}
.shift-middle-info__right{
margin-bottom: 0;
}
.shift-bottom-info{
background: #ebeef2;
border-radius: 1rem;
padding: 1rem;
margin-bottom: 1rem;
margin-top: 1rem;
}
.shift-bottom-info__line{
display: flex;
justify-content: space-between;
padding-bottom: 0.5rem;
padding-top: 0.75rem;
padding-left: 1rem;
padding-right: 1rem;
}
.shift-bottom-info__left{
margin-bottom: 0;
}
.shift-bottom-info__right{
margin-bottom: 0;
}
.shift-middle-info__line:nth-child(odd) {
background-color: #eceef2;
}
.shift-middle-info__line:last-child {
border-bottom: none;
}
.content-dashboard .shift-middle-info__line{
padding-bottom: 0.75rem;
padding-top: 1rem;
}
.product_history__body{
color: #555;
}
.quick-view-modal.product-history-dialog .modal-dialog.wider{
max-width: 860px;
}
.product-history-dialog__body{
background: #f8fafc;
padding-top: 0;
}
.product-history-dialog__stores{
background: #fff;
border-bottom: 1px solid #e9edf4;
margin: 0 -22px 18px;
overflow-x: auto;
padding: 14px 22px;
}
.product-history-tabs{
border: 0;
display: flex;
gap: 8px;
margin: 0;
min-width: max-content;
}
.product-history-tabs > li{
float: none;
margin: 0;
}
.product-history-tabs > li > a{
align-items: center;
background: #f7f9fc;
border: 1px solid #e2e8f0;
border-radius: 8px;
color: #667085;
display: inline-flex;
font-size: 13px;
font-weight: 600;
gap: 7px;
margin: 0;
padding: 9px 12px;
}
.product-history-tabs > li > a i{
font-size: 17px;
padding: 0;
}
.product-history-tabs > li.active > a,
.product-history-tabs > li.active > a:hover,
.product-history-tabs > li.active > a:focus{
background: #fff4e6;
border-color: #f5bd79;
color: #b8640e;
}
.product-history-timeline{
display: grid;
gap: 10px;
}
.product-history-event{
align-items: flex-start;
background: #fff;
border: 1px solid #e3e8f1;
border-radius: 8px;
display: grid;
gap: 12px;
grid-template-columns: 40px minmax(0, 1fr);
padding: 13px 14px;
transition: border-color .18s ease, box-shadow .18s ease;
}
.product-history-event:hover{
border-color: #d4dce8;
box-shadow: 0 6px 18px rgba(48, 61, 83, .06);
}
.product-history-event__icon{
align-items: center;
background: #f1f5f9;
border-radius: 8px;
color: #667085;
display: inline-flex;
font-size: 20px;
height: 40px;
justify-content: center;
width: 40px;
}
.product-history-event__icon i{
padding: 0;
}
.product-history-event--arrival .product-history-event__icon,
.product-history-event--moving_in .product-history-event__icon,
.product-history-event--return .product-history-event__icon{
background: #ecfdf3;
color: #27834a;
}
.product-history-event--sale .product-history-event__icon,
.product-history-event--moving_out .product-history-event__icon,
.product-history-event--correction .product-history-event__icon{
background: #fff1f1;
color: #d64545;
}
.product-history-event--price .product-history-event__icon{
background: #fff4e6;
color: #f29831;
}
.product-history-event__content{
min-width: 0;
}
.product-history-event__head{
align-items: center;
display: flex;
gap: 12px;
justify-content: space-between;
min-height: 28px;
}
.product-history-event__title{
color: #344054;
font-size: 14px;
font-weight: 700;
}
.product-history-event__change{
align-items: center;
border-radius: 8px;
display: inline-flex;
flex: 0 0 auto;
font-size: 12px;
font-weight: 700;
gap: 6px;
padding: 5px 8px;
}
.product-history-event__change.is-positive{
background: #ecfdf3;
color: #27834a;
}
.product-history-event__change.is-negative{
background: #fff1f1;
color: #d64545;
}
.product-history-event__change.is-price{
background: #fff7ed;
color: #b8640e;
}
.product-history-event__old-value{
color: #98a2b3;
font-weight: 500;
text-decoration: line-through;
}
.product-history-event__change i{
font-size: 16px;
padding: 0;
}
.product-history-event__meta{
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 5px 14px;
margin-top: 5px;
}
.product-history-event__meta a,
.product-history-event__meta span{
align-items: center;
color: #8492a8;
display: inline-flex;
font-size: 11px;
gap: 5px;
}
.product-history-event__meta a{
color: #5d6d87;
font-weight: 600;
}
.product-history-event__meta i{
font-size: 14px;
padding: 0;
}
.product-history-dialog__loading,
.product-history-dialog__empty{
align-items: center;
color: #98a2b3;
display: flex;
flex-direction: column;
font-size: 13px;
gap: 8px;
justify-content: center;
min-height: 220px;
text-align: center;
}
.product-history-dialog__loading{
flex-direction: row;
}
.product-history-dialog__loading i,
.product-history-dialog__empty i{
color: #f29831;
font-size: 28px;
padding: 0;
}
.product-history-dialog__empty.is-error{
color: #d64545;
}
.product-history-dialog__pagination{
display: flex;
justify-content: center;
margin-top: 16px;
}
.product-history-dialog__pagination .pagination{
margin: 0;
}
@media (max-width: 767px){
.product-history-dialog__stores{
margin-left: -14px;
margin-right: -14px;
padding-left: 14px;
padding-right: 14px;
}
.product-history-event__head{
align-items: flex-start;
flex-direction: column;
gap: 7px;
}
.product-history-event__change{
align-self: flex-start;
}
}
.checkout-comment{
display: flex;
justify-content: center;
flex-direction: column;
}
.checkout-popup .modal-footer{
display: flex;
flex-direction: column;
width: 100%;
}
.checkout-popup .modal-footer .checkout-comment{
order: 3;
}
.checkout-popup .modal-footer .checkout-button{
width: 100%;
}
.order-queue-widget{
margin-right: 10px;
background: rgb(252 252 252 / 94%);
border: 1px solid rgba(225, 231, 240, .95);
border-radius: 18px;
box-shadow: 0 18px 38px rgba(40, 51, 75, .08);
padding: 0.5rem 2rem;
}
.table-responsive .btn-primary{
margin: 0;
align-items: center;
background: #f5f7fb;
border: 0;
border-radius: 9px;
color: #667085;
display: inline-flex;
height: 28px;
justify-content: center;
margin-right: 8px;
vertical-align: middle;
min-width: 30px;
width: auto;
}
.products-filter-container .btn-default{
margin: 0;
align-items: center;
background: #f5f7fb;
border: 0;
border-radius: 9px;
color: #667085;
display: inline-flex;
height: 34px;
justify-content: center;
margin-right: 8px;
vertical-align: middle;
width: 34px;
}
.products-filter-container #generate-ean{
width: auto;
}
.products-filter-container .btn i{
width: 20px;
}
.quick-view-modal .modal-footer{
border: none;
}
/* .table-responsive .btn-primary.danger{ */
.btn-primary.danger{
background: #fff1f1;
border-color: #ffd7d7;
box-shadow: none;
color: #e03131;
}
.data_table .btn-primary.danger{
max-width: 30px;
}
.data_table .btn-primary i{
line-height: 14px;
}
.data_table .btn-primary.danger i{
color: #e03131;
}
.img-thumbnail{
width: 50px;
height: 50px;
}
.document-status{
font-size: 1rem;
}
.arrivals-paid-status__title{
font-size: 1rem;
}
.product-integrations__heading{
color: #67738b;
display: inline-block;
margin: 0;
font-size: 20px;
font-weight: 500;
line-height: 2.5rem;
position: relative;
padding-left: 1.5rem;
font-family: 'Oktah';
font-style: italic;
margin-top: 3rem;
margin-bottom: 0;
}
.product-sticky-save__button{
background: #eaf7ee;
color: #248a45;
border: 1px solid #ceead7;
box-shadow: unset;
}
.product-sticky-save__button:hover{
background: #daf1e1;
color: #248a45;
border: 1px solid #ceead7;
transform: scale(1.05);
}
.low-stock-inform{
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.online-reserve-badge{
align-items: center;
background: #fff7ed;
border: 1px solid #fed7aa;
border-radius: 999px;
color: #c2410c;
display: inline-flex;
font-size: 11px;
font-weight: 800;
gap: 4px;
line-height: 1;
margin-left: 8px;
padding: 5px 9px;
white-space: nowrap;
}
.online-reserve-badge i{
font-size: 13px;
}
.header-integration-orders{
display: list-item;
}
.header-integration-orders.is-empty{
display: none;
}
.header-integration-orders__toggle{
align-items: center;
cursor: pointer;
display: inline-flex !important;
gap: 6px;
padding: 13px 10px !important;
position: relative;
}
.header-integration-orders__toggle i{
color: #f29831;
font-size: 20px;
}
.header-integration-orders.has-orders .header-integration-orders__toggle i{
animation: 3s bell-vibrate ease-in-out infinite;
}
.header-integration-orders__count{
align-items: center;
background: #f29831;
border-radius: 999px;
color: #ffffff;
display: inline-flex;
font-size: 12px;
font-weight: 800;
height: 20px;
justify-content: center;
min-width: 20px;
padding: 0 6px;
}
.header-integration-orders__toggle{
background: #fff3e6!important;
height: 40px !important;
top: 8px;
border-radius: 1rem;
}
.header-held-cart{
background: #fff3e6;
height: 40px !important;
top: revert-layer;
border-radius: 1rem;
margin-right: 1rem;
}
.header-held-cart__count{
color: #fff!important;
}
.header-integration-orders__menu{
border: 1px solid #e3e8f1;
border-radius: 16px;
box-shadow: 0 18px 42px rgba(48, 61, 83, .16);
min-width: 360px;
overflow: hidden;
padding: 0;
}
.header-integration-orders__head{
align-items: center;
background: #f8fafc;
border-bottom: 1px solid #e3e8f1;
color: #475467;
display: flex;
font-size: 13px;
font-weight: 800;
justify-content: space-between;
padding: 12px 14px;
}
.header-integration-orders__head a{
color: #f29831;
font-size: 12px;
font-weight: 800;
}
.header-integration-orders__list{
max-height: 360px;
overflow-y: auto;
}
.header-integration-orders__item{
align-items: center;
border-bottom: 1px solid #edf1f7;
color: #475467;
display: grid !important;
gap: 10px;
grid-template-columns: 74px 1fr auto;
padding: 11px 14px !important;
}
.header-integration-orders__item:hover{
background: #fff7ed;
color: #1f2937;
}
.header-integration-orders__platform{
align-items: center;
border-radius: 999px;
display: inline-flex;
font-size: 10px;
font-weight: 900;
justify-content: center;
min-height: 22px;
padding: 0 8px;
text-transform: uppercase;
}
.header-integration-orders__platform--rozetka{
background: #ecfdf3;
color: #15803d;
}
.header-integration-orders__platform--prom{
background: #f3e8ff;
color: #7c3aed;
}
.header-integration-orders__platform--opencart{
background: #e0f2fe;
color: #0284c7;
}
.header-integration-orders__platform--woocommerce{
background: #f5e8f4;
color: #96588a;
}
.header-integration-orders__platform--reserve{
background: #fff7ed;
color: #c2410c;
}
.header-integration-orders__item--reserve{
cursor: default;
}
.header-integration-orders__main,
.header-integration-orders__meta{
display: flex;
flex-direction: column;
line-height: 1.35;
}
.header-integration-orders__main strong{
color: #344054;
font-size: 12px;
}
.header-integration-orders__main span,
.header-integration-orders__meta span{
color: #667085;
font-size: 11px;
}
.header-integration-orders__meta{
align-items: flex-end;
white-space: nowrap;
}
.header-integration-orders__empty{
color: #98a2b3;
font-size: 12px;
font-weight: 700;
padding: 18px;
text-align: center;
}
.product-integrations__tabs > li.active > a,
.product-integrations__tabs > li.active > a:hover,
.product-integrations__tabs > li.active > a:focus,
.product-integrations__tabs > li > a.active,
.product-integrations__tabs > li > a.active:hover,
.product-integrations__tabs > li > a.active:focus{
border-radius: 999px;
}
.integration-order-modal__product-meta .active{
align-items: center;
border-radius: 8px;
display: inline-flex;
font-size: 10px;
font-weight: 800;
min-height: 20px;
padding: 0px 10px;
min-width: 65px;
text-align: center;
justify-content: center;
background: #ecfdf3;
color: #15803d;
border: 1px solid #b5e7c8;
}
.product-list__name--badges{
display: flex;
justify-items: flex-start;
gap: 1rem;
margin-top: 5px;
}
.product-list__name--badges .online-reserve-badge{
margin:0;
}
.order-queue-widget__badge{
color: #fff!important;
}
/* Arrival create and details */
.arrival-create-page #container-fluid-arrival {
margin-bottom: 24px;
padding-right: 18px;
padding-left: 18px;
}
.arrival-create-page #container-fluid-arrival .arrival-create-card {
margin: 0;
border: 0;
background: transparent;
box-shadow: none;
overflow: visible;
}
.arrival-create-page .arrival-create-card,
.arrival-info-page .arrival-info-card {
border: 1px solid #e2e8f1;
border-radius: 8px;
background: #fff;
box-shadow: 0 16px 38px rgba(38, 51, 77, .07);
overflow: hidden;
}
.arrival-create-page .arrival-create-card > .panel-body {
padding: 0;
}
.arrival-create-page .arrival-step-tabs {
display: none!important;
}
.arrival-create-page .arrival-create-card .tab-content {
padding: 0;
}
.arrival-create-page #tab-customer.active {
align-items: flex-start;
display: flex;
justify-content: center;
min-height: calc(100vh - 235px);
padding-top: clamp(18px, 5vh, 64px);
}
.arrival-create-page #tab-cart.active {
display: block!important;
padding: 0;
}
.arrival-create-page #tab-customer .arrival-customer-form {
max-width: 650px;
padding-top: 0;
padding-bottom: 0;
width: 100%;
}
.arrival-create-page .arrival-customer-data {
padding: 24px;
}
.arrival-create-page .arrival-customer-data .form-group {
display: block;
margin: 0 0 16px;
padding: 0;
}
.arrival-create-page .arrival-customer-data label {
color: #7b8495;
display: block;
font-size: 11px;
font-weight: 700;
margin: 0 0 6px;
padding: 0;
text-align: left;
}
.arrival-create-page .arrival-field-control {
position: relative;
}
.arrival-create-page .arrival-field-control .form-control {
background: #fbfcfe;
border: 1px solid #dfe6ef;
border-radius: 8px;
box-shadow: none;
color: #344054;
font-size: 15px;
height: 48px;
padding: 10px 14px;
text-align: left;
width: 100%;
}
.arrival-create-page .arrival-field-control .form-control:focus {
background: #fff;
border-color: #f59a23;
box-shadow: 0 0 0 3px rgba(245, 154, 35, .12);
}
.arrival-create-page .arrival-contragent-control > i {
color: #98a2b3;
font-size: 19px;
left: 15px;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.arrival-create-page .arrival-contragent-control .form-control {
padding-left: 44px;
}
.arrival-create-page .arrival-customer-actions {
border-top: 1px solid #edf1f6;
margin-top: 22px;
padding-top: 20px;
}
.arrival-create-page .arrival-customer-actions .btn {
align-items: center;
background: #66728b;
border: 1px solid #66728b;
border-radius: 8px;
box-shadow: none;
color: #fff;
display: flex;
font-size: 13px;
font-weight: 700;
gap: 8px;
height: 46px;
justify-content: center;
width: 100%;
}
.arrival-create-page .arrival-customer-actions .btn:hover,
.arrival-create-page .arrival-customer-actions .btn:focus {
background: #56627a;
border-color: #56627a;
color: #fff;
}
.arrival-create-page .arrival-cart-table-wrap {
padding: 0;
}
.arrival-create-page #arrival {
display: flex;
gap: 6px;
max-width: 560px;
margin: 18px auto 8px;
padding: 5px;
border: 1px solid #e3e9f2;
border-radius: 8px;
background: #f5f7fa;
}
.arrival-create-page #arrival > li {
flex: 1 1 0;
margin: 0;
}
.arrival-create-page #arrival > li > a {
margin: 0;
padding: 10px 14px;
border: 0;
border-radius: 6px;
color: #7a8598;
font-size: 13px;
font-weight: 500;
line-height: 1.2;
}
.arrival-create-page #arrival > li.active > a {
background: #fff;
box-shadow: 0 4px 12px rgba(38, 51, 77, .08);
color: #f29831;
}
.arrival-create-page .tab-content {
padding: 12px 18px 18px;
}
.arrival-create-page .arrival-customer-form {
padding-top: 24px;
padding-bottom: 24px;
}
.arrival-products-table {
margin: 0;
border: 0!important;
background: #fff;
}
.arrival-create-page .arrival-products-table {
min-width: 680px;
width: 100%;
}
.arrival-create-page .arrival-products-table__number {
width: 40px;
}
.arrival-create-page .arrival-products-table__product {
width: auto;
}
.arrival-create-page .arrival-products-table__quantity {
width: 165px;
}
.arrival-create-page .arrival-products-table__unit {
width: 52px;
}
.arrival-create-page .arrival-products-table__price {
width: 82px;
}
.arrival-create-page .arrival-products-table__total {
width: 92px;
}
.arrival-create-page .arrival-products-table__action {
width: 52px;
}
.arrival-products-table > thead > tr > td {
padding: 13px 12px;
border: 0;
border-bottom: 1px solid #e5eaf2!important;
background: #f7f9fc;
color: #66728b;
font-size: 12px;
font-weight: 600;
letter-spacing: 0;
text-transform: uppercase;
}
.arrival-products-table > tbody > tr > td {
padding: 13px 12px;
border: 0;
border-bottom: 1px solid #edf1f6;
vertical-align: middle;
}
.arrival-products-table > tbody > tr:last-child > td {
border-bottom: 0;
}
.arrival-local-value,
.arrival-currency-value {
display: block;
white-space: nowrap;
}
.arrival-local-value {
color: #344054;
font-weight: 600;
}
.arrival-currency-value {
width: max-content;
margin: 5px auto 0;
padding: 3px 7px;
border: 1px solid #b9e6c8;
border-radius: 6px;
background: #effaf3;
color: #25804c;
font-size: 11px;
font-weight: 600;
line-height: 1.2;
}
.arrival-currency-value--right {
margin-right: 0;
}
.arrival-currency-totals {
display: flex;
flex-wrap: wrap;
gap: 7px;
width: 100%;
padding: 12px 10px 0;
}
.arrival-currency-totals > span {
display: inline-flex;
align-items: baseline;
justify-content: space-between;
gap: 10px;
min-width: 112px;
padding: 7px 9px;
border: 1px solid #b9e6c8;
border-radius: 7px;
background: #effaf3;
}
.arrival-currency-totals small {
color: #609173;
font-size: 10px;
font-weight: 500;
}
.arrival-currency-totals strong {
color: #217a47;
font-size: 13px;
font-weight: 700;
}
.arrival-info-actions {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
gap: 8px;
}
.arrival-info-actions .btn,
.arrival-info-actions .print-stickers {
margin: 0;
}
.arrival-info-container {
padding-bottom: 30px;
}
.arrival-info-layout {
display: flex;
align-items: flex-start;
margin-right: -8px;
margin-left: -8px;
}
.arrival-info-sidebar,
.arrival-info-products-column {
padding-right: 8px;
padding-left: 8px;
}
.arrival-info-sidebar {
display: flex;
flex-direction: column;
}
.arrival-info-sidebar > .col-md-12 {
padding: 0;
}
.arrival-info-page .arrival-info-card {
min-height: 0;
margin-bottom: 16px;
}
.arrival-info-page .arrival-info-card > .panel-heading {
display: flex;
align-items: center;
min-height: 58px;
padding: 13px 16px;
border-bottom: 1px solid #e5eaf2;
background: #fff;
}
.arrival-info-page .arrival-info-card .panel-title {
display: flex;
align-items: center;
gap: 9px;
color: #4e5b73;
font-family: 'Oktah';
font-size: 15px;
font-style: italic;
font-weight: 500;
letter-spacing: 0;
}
.arrival-info-page .arrival-info-card .panel-title i {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 7px;
background: #fff4e5;
color: #f29831;
font-size: 19px;
}
.arrival-info-page .arrival-info-card > .table {
margin: 0;
}
.arrival-info-page .arrival-info-card--summary > .table td,
.arrival-info-page .arrival-info-card--supplier > .table td {
padding-top: 10px;
padding-bottom: 10px;
border-right: 0;
border-bottom: 1px solid #edf1f6;
vertical-align: middle;
}
.arrival-info-page .arrival-info-card--summary > .table tr:last-child td,
.arrival-info-page .arrival-info-card--supplier > .table tr:last-child td {
border-bottom: 0;
}
.arrival-info-page .arrival-info-card .btn-icon {
border: 0;
background: #f4f6fa;
color: #71809a;
}
.arrival-info-page .arrival-info-card--products .scrollable-table {
padding: 0;
}
.arrival-info-page .arrival-products-table--info td:first-child {
min-width: 210px;
}
.arrival-info-currency-summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin: 0 16px 16px;
padding: 12px 14px;
border: 1px solid #b9e6c8;
border-radius: 7px;
background: #f3fbf6;
}
.arrival-info-currency-summary__label {
display: inline-flex;
align-items: center;
gap: 7px;
color: #56846a;
font-size: 12px;
font-weight: 500;
}
.arrival-info-currency-summary__label i {
font-size: 17px;
}
.arrival-info-currency-summary__values {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 7px;
}
.arrival-info-currency-summary__values strong {
padding: 4px 8px;
border-radius: 6px;
background: #fff;
color: #217a47;
font-size: 13px;
font-weight: 700;
}
.arrival-create-page ~ .side_panel .total_sum_div {
height: auto;
min-height: 150px;
padding: 14px 10px;
}
.arrival-create-page ~ .side_panel .side-totals__wrapper {
width: 100%;
}
@media (max-width: 991px) {
.arrival-info-layout {
display: block;
}
.arrival-info-actions {
margin-bottom: 12px;
}
.arrival-create-page .tab-content {
padding-right: 10px;
padding-left: 10px;
}
}
@media (max-width: 767px) {
.arrival-create-page #arrival {
margin-right: 10px;
margin-left: 10px;
}
.arrival-create-page #arrival > li > a {
padding: 9px 6px;
font-size: 11px;
}
.arrival-info-currency-summary {
align-items: flex-start;
flex-direction: column;
}
.arrival-info-currency-summary__values {
justify-content: flex-start;
}
}
/* Moving create and details */
.moving-create-page #container-fluid-moving {
margin-bottom: 24px;
padding-left: 18px;
padding-right: 18px;
}
.moving-create-page #container-fluid-moving .moving-create-card {
background: transparent;
border: 0;
box-shadow: none;
margin: 0;
overflow: visible;
}
.moving-create-page .moving-create-card > .panel-body,
.moving-create-page .moving-create-card .tab-content {
padding: 0;
}
.moving-create-page .moving-step-tabs {
display: none !important;
}
.moving-create-page #tab-customer.active {
align-items: flex-start;
display: flex;
justify-content: center;
min-height: calc(100vh - 235px);
padding-top: clamp(18px, 5vh, 64px);
}
.moving-create-page #tab-cart.active {
display: block !important;
padding: 0;
}
.moving-create-page #tab-customer .moving-customer-form {
max-width: 700px;
padding: 0;
width: 100%;
}
.moving-create-page .moving-customer-data {
padding: 24px;
}
.moving-create-page .moving-customer-data__heading p {
color: #8994a7;
font-size: 11px;
margin: 4px 0 0;
}
.moving-create-page .moving-route-grid {
align-items: end;
display: grid;
gap: 14px;
grid-template-columns: minmax(0, 1fr) 38px minmax(0, 1fr);
}
.moving-create-page .moving-route-grid .form-group {
display: block;
margin: 0;
padding: 0;
}
.moving-create-page .moving-route-grid label {
align-items: center;
color: #717d92;
display: flex;
font-size: 11px;
font-weight: 700;
gap: 6px;
margin: 0 0 6px;
padding: 0;
text-align: left;
}
.moving-create-page .moving-route-grid label i {
color: #f29831;
font-size: 16px;
}
.moving-create-page .moving-field-control .form-control {
background: #fbfcfe;
border: 1px solid #dfe6ef;
border-radius: 8px;
box-shadow: none;
color: #344054;
font-size: 14px;
height: 48px;
padding: 10px 14px;
width: 100%;
}
.moving-create-page .moving-field-control .form-control:focus {
background: #fff;
border-color: #f59a23;
box-shadow: 0 0 0 3px rgba(245, 154, 35, .12);
}
.moving-create-page .moving-route-arrow {
align-items: center;
background: #f5f7fa;
border: 1px solid #e3e8f0;
border-radius: 50%;
color: #71809a;
display: flex;
font-size: 19px;
height: 38px;
justify-content: center;
margin-bottom: 5px;
width: 38px;
}
.moving-create-page .moving-customer-actions {
border-top: 1px solid #edf1f6;
margin-top: 22px;
padding-top: 20px;
}
.moving-create-page .moving-customer-actions .btn {
align-items: center;
background: #66728b;
border: 1px solid #66728b;
border-radius: 8px;
box-shadow: none;
color: #fff;
display: flex;
font-size: 13px;
font-weight: 700;
gap: 8px;
height: 46px;
justify-content: center;
width: 100%;
}
.moving-create-page .moving-customer-actions .btn:hover,
.moving-create-page .moving-customer-actions .btn:focus {
background: #56627a;
border-color: #56627a;
color: #fff;
}
.moving-create-page .moving-cart-table-wrap {
border-radius: 8px;
overflow-x: auto;
padding: 0;
width: 100%;
}
.moving-create-page .moving-products-table {
background: linear-gradient(to bottom, #f7f9fc 0, #f7f9fc 43px, #e8edf4 43px, #e8edf4 44px, #fff 44px, #fff 100%);
min-width: 680px !important;
table-layout: fixed;
width: 100% !important;
}
.moving-create-page .moving-products-table__number {
width: 42px;
}
.moving-create-page .moving-products-table__product {
width: calc(100% - 419px);
}
.moving-create-page .moving-products-table__available {
width: 92px;
}
.moving-create-page .moving-products-table__unit {
width: 54px;
}
.moving-create-page .moving-products-table__quantity {
width: 175px;
}
.moving-create-page .moving-products-table__action {
width: 56px;
}
.moving-create-page .moving-sale-panel .side_panel__totals {
min-height: 62px;
}
.moving-create-page .moving-sale-panel .side_panel__totals--pieces {
border-bottom: 0;
}
.moving-info-page .moving-info-card > .panel-body {
padding: 16px;
}
.moving-info-route {
align-items: stretch;
display: grid;
gap: 10px;
grid-template-columns: minmax(0, 1fr) 38px minmax(0, 1fr);
}
.moving-info-route__point {
background: #f8fafc;
border: 1px solid #e4e9f1;
border-radius: 8px;
min-width: 0;
padding: 13px;
}
.moving-info-route__point span {
align-items: center;
color: #8490a3;
display: flex;
font-size: 10px;
font-weight: 700;
gap: 5px;
margin-bottom: 6px;
text-transform: uppercase;
}
.moving-info-route__point span i {
color: #f29831;
font-size: 15px;
}
.moving-info-route__point strong {
color: #344054;
display: block;
font-size: 13px;
line-height: 1.35;
overflow-wrap: anywhere;
}
.moving-info-route__arrow {
align-items: center;
align-self: center;
background: #fff4e5;
border-radius: 50%;
color: #e88921;
display: flex;
font-size: 20px;
height: 38px;
justify-content: center;
width: 38px;
}
.moving-info-meta {
border-top: 1px solid #edf1f6;
margin-top: 16px;
}
.moving-info-meta__row {
align-items: center;
border-bottom: 1px solid #edf1f6;
display: flex;
gap: 12px;
justify-content: space-between;
min-height: 48px;
padding: 9px 2px;
}
.moving-info-meta__row:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.moving-info-meta__label {
align-items: center;
color: #758197;
display: flex;
font-size: 12px;
font-weight: 600;
gap: 7px;
}
.moving-info-meta__label > i {
color: #8b97aa;
font-size: 17px;
}
.moving-info-meta__label .btn-icon {
flex: 0 0 28px;
height: 28px;
margin: 0;
padding: 0;
width: 28px;
}
.moving-info-date-editor {
width: 100%;
}
.moving-info-date-editor .form-group {
display: block;
margin: 0;
}
.moving-info-date-editor .form-control {
border-radius: 7px !important;
height: 38px;
}
.moving-info-date-editor .btn {
align-items: center;
border-radius: 7px;
display: inline-flex;
height: 38px;
justify-content: center;
margin: 0;
}
.moving-info-status {
border: 1px solid #dfe5ee;
border-radius: 999px;
color: #68758a;
display: inline-block;
font-size: 10px;
font-weight: 700;
line-height: 1.25;
max-width: 62%;
padding: 5px 9px;
text-align: right;
}
.moving-info-status.is-draft {
background: #fff7ed;
border-color: #fed7aa;
color: #c2610c;
}
.moving-info-status.is-complete {
background: #effaf3;
border-color: #bce8ca;
color: #287d4a;
}
.moving-info-page .moving-products-table--info {
margin: 0;
min-width: 650px;
}
.moving-info-page .moving-products-table--info td:first-child {
min-width: 230px;
width: 44%;
}
.moving-info-page .moving-info-product-name a {
color: #344054;
font-weight: 600;
}
.moving-info-page .moving-info-code {
color: #7b879a;
font-size: 11px;
}
@media (max-width: 767px) {
.moving-create-page .moving-route-grid,
.moving-info-route {
grid-template-columns: 1fr;
}
.moving-create-page .moving-route-arrow,
.moving-info-route__arrow {
justify-self: center;
margin: 0;
transform: rotate(90deg);
}
.moving-info-meta__row--date {
align-items: flex-start;
flex-direction: column;
}
.moving-info-status {
max-width: 100%;
text-align: left;
}
}
@media (min-width: 576px) {
.product-history-modal.modal-dialog {
max-width: 850px;
width: 850px;
}
}
.report-sale-summary{
margin-bottom: 22px;
}
.report-summary-grid{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
gap: 12px;
margin-bottom: 14px;
}
.report-summary-card{
background: #fff;
border: 1px solid #e8edf5;
border-radius: 18px;
box-shadow: 0 16px 35px rgba(34, 42, 66, 0.06);
min-height: 118px;
padding: 18px;
position: relative;
overflow: hidden;
}
.report-summary-card:after{
content: '';
position: absolute;
inset: auto -22px -28px auto;
width: 88px;
height: 88px;
border-radius: 50%;
background: rgba(148, 163, 184, 0.09);
}
.report-summary-card__icon{
align-items: center;
background: #f6f8fb;
border-radius: 14px;
color: #667085;
display: inline-flex;
height: 38px;
justify-content: center;
margin-bottom: 12px;
width: 38px;
}
.report-summary-card__icon i{
font-size: 20px;
padding: 0;
}
.report-summary-card__label{
color: #758195;
display: block;
font-size: 13px;
font-weight: 700;
line-height: 1.25;
margin-bottom: 4px;
}
.report-summary-card__value{
color: #30394d;
display: block;
font-size: 22px;
font-weight: 800;
line-height: 1.2;
overflow-wrap: anywhere;
}
.report-summary-card--cash .report-summary-card__icon{
background: #ecfdf3;
color: #16a34a;
}
.report-summary-card--card .report-summary-card__icon{
background: #eff6ff;
color: #2563eb;
}
.report-summary-card--transfer .report-summary-card__icon{
background: #ecfeff;
color: #0891b2;
}
.report-summary-card--bonuses .report-summary-card__icon{
background: #fffbeb;
color: #d97706;
}
.report-summary-card--certificate .report-summary-card__icon{
background: #f5f3ff;
color: #7c3aed;
}
.report-summary-card--return .report-summary-card__icon{
background: #fef2f2;
color: #dc2626;
}
.report-summary-card--profit .report-summary-card__icon{
background: #ecfeff;
color: #0891b2;
}
.report-summary-details{
display: grid;
grid-template-columns: minmax(280px, 0.8fr) minmax(320px, 1.2fr);
gap: 14px;
}
.report-payment-chart,
.report-summary-meta{
background: #fff;
border: 1px solid #e8edf5;
border-radius: 18px;
box-shadow: 0 16px 35px rgba(34, 42, 66, 0.05);
padding: 18px;
}
.report-payment-chart{
align-items: center;
display: flex;
gap: 18px;
}
.report-payment-chart__circle{
align-items: center;
border-radius: 50%;
display: flex;
flex: 0 0 128px;
height: 128px;
justify-content: center;
position: relative;
width: 128px;
}
.report-payment-chart__circle:before{
background: #fff;
border-radius: 50%;
content: '';
inset: 22px;
position: absolute;
}
.report-payment-chart__circle span{
color: #667085;
font-size: 12px;
font-weight: 800;
line-height: 1.25;
max-width: 70px;
position: relative;
text-align: center;
}
.report-payment-chart__legend{
display: flex;
flex-direction: column;
gap: 8px;
}
.report-payment-chart__legend-item{
align-items: center;
color: #5f6b7c;
display: flex;
font-size: 13px;
font-weight: 700;
gap: 8px;
}
.report-payment-chart__dot{
border-radius: 50%;
display: inline-flex;
height: 10px;
width: 10px;
}
.report-summary-meta{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
gap: 10px;
}
.report-summary-meta__item{
background: #f8fafc;
border: 1px solid #edf1f7;
border-radius: 14px;
padding: 14px;
}
.report-summary-meta__item span{
color: #758195;
display: block;
font-size: 12px;
font-weight: 700;
margin-bottom: 6px;
}
.report-summary-meta__item strong{
color: #30394d;
display: block;
font-size: 20px;
font-weight: 800;
}
@media (max-width: 991px){
.report-summary-details{
grid-template-columns: 1fr;
}
}
.report-export-button{
align-items: center;
background: linear-gradient(135deg, #fff7ed 0%, #ffffff 100%);
border: 1px solid #fed7aa;
border-radius: 1rem;
box-shadow: 0 12px 28px rgba(242, 152, 49, 0.14);
color: #c26b0b;
display: inline-flex;
gap: 7px;
font-size: 1.1rem;
font-weight: 700;
justify-content: center;
margin-top: 0.5rem;
padding: 1rem 1.4rem;
transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease;
}
.report-export-button:hover,
.report-export-button:focus{
background: linear-gradient(135deg, #ffedd5 0%, #fff7ed 100%);
border-color: #fdba74;
box-shadow: 0 14px 32px rgba(242, 152, 49, 0.2);
color: #9a4f05;
}
.report-export-button i,
#button-export-pdf i{
font-size: 18px;
padding: 0;
}
.report-export-modal .modal-dialog{
max-width: 460px;
}
.report-export-modal .modal-content{
border: 0;
border-radius: 22px;
box-shadow: 0 28px 80px rgba(15, 23, 42, 0.22);
overflow: hidden;
}
.report-export-modal .modal-header{
align-items: center;
border-bottom: 1px solid #edf1f7;
display: flex;
justify-content: space-between;
padding: 20px 24px;
}
.report-export-modal .modal-title{
align-items: center;
color: #344054;
display: inline-flex;
font-size: 20px;
font-weight: 800;
gap: 9px;
margin: 0;
}
.report-export-modal .modal-title i{
color: #ef4444;
font-size: 22px;
padding: 0;
}
.report-export-modal .close{
align-items: center;
background: #f7f9fc;
border: 0;
border-radius: 50%;
color: #667085;
display: inline-flex;
height: 34px;
justify-content: center;
margin: 0;
opacity: 1;
padding: 0;
width: 34px;
}
.report-export-modal .modal-body{
padding: 22px 24px;
}
.report-export-options-title{
color: #667085;
font-size: 13px;
font-weight: 800;
margin-bottom: 12px;
text-transform: uppercase;
}
.report-export-option{
align-items: center;
background: #f8fafc;
border: 1px solid #e8edf5;
border-radius: 14px;
color: #344054;
cursor: pointer;
display: flex;
font-size: 14px;
font-weight: 700;
gap: 10px;
margin-bottom: 10px;
padding: 13px 14px;
}
.report-export-option input{
margin: 0;
}
.report-export-modal .modal-footer{
border-top: 1px solid #edf1f7;
display: flex;
gap: 10px;
justify-content: flex-end;
padding: 16px 24px 22px;
}
/* Order list quick view */
.quick-view-modal .modal-dialog.wider{
max-width: 920px;
width: calc(100% - 32px);
}
.quick-view-modal .modal-content{
background: #fff;
border: 0;
border-radius: 16px;
box-shadow: 0 28px 80px rgba(15, 23, 42, .22);
overflow: hidden;
}
.quick-view-modal__header{
align-items: center;
border-bottom: 1px solid #e9edf4;
display: flex;
justify-content: space-between;
padding: 18px 22px;
}
.quick-view-modal__heading{
align-items: center;
display: flex;
gap: 12px;
}
.quick-view-modal__heading-icon{
align-items: center;
background: #fff4e6;
border-radius: 8px;
color: #f59b2f;
display: inline-flex;
flex: 0 0 42px;
font-size: 22px;
height: 42px;
justify-content: center;
}
.quick-view-modal__heading-icon i{
padding: 0;
}
.quick-view-modal__eyebrow{
color: #98a2b3;
display: block;
font-size: 11px;
font-weight: 700;
line-height: 1.2;
margin-bottom: 3px;
text-transform: uppercase;
}
.quick-view-modal .modal-title{
color: #344054;
font-size: 20px;
font-weight: 700;
line-height: 1.25;
margin: 0;
}
.quick-view-modal__close.close{
align-items: center;
background: #f4f6f9;
border: 0;
border-radius: 50%;
color: #667085;
display: inline-flex;
font-size: 24px;
height: 36px;
justify-content: center;
margin: 0;
opacity: 1;
padding: 0;
text-shadow: none;
width: 36px;
}
.quick-view-modal__close.close:hover{
background: #e9edf4;
color: #344054;
}
.quick-view-modal__close i{
padding: 0;
}
.quick-view-modal__body{
max-height: calc(100vh - 220px);
overflow-y: auto;
padding: 20px 22px;
}
.quick-view-modal__products{
border: 1px solid #e6ebf2;
border-radius: 8px;
overflow: hidden;
}
.quick-view-modal__section-heading{
align-items: center;
background: #f8fafc;
border-bottom: 1px solid #e6ebf2;
color: #475467;
display: flex;
font-size: 14px;
font-weight: 700;
justify-content: space-between;
padding: 11px 14px;
}
.quick-view-modal__section-heading span{
align-items: center;
display: inline-flex;
gap: 7px;
}
.quick-view-modal__section-heading i{
color: #f59b2f;
font-size: 18px;
padding: 0;
}
.quick-view-modal__table-wrap{
overflow-x: auto;
}
.quick-view-modal .quick-view-modal__table-wrap .table{
margin: 0;
min-width: 620px;
}
.quick-view-modal .quick-view-modal__table-wrap .table > thead > tr > td{
background: #fff;
border: 0;
border-bottom: 1px solid #e9edf4;
color: #667085;
font-size: 12px;
font-weight: 700;
padding: 11px 14px;
text-transform: uppercase;
}
.quick-view-modal .quick-view-modal__table-wrap .table > tbody > tr > td{
border: 0;
border-bottom: 1px solid #edf1f5;
color: #344054;
font-size: 14px;
padding: 13px 14px;
vertical-align: middle;
}
.quick-view-modal .quick-view-modal__table-wrap .table > tbody > tr:last-child > td{
border-bottom: 0;
}
.quick-view-modal__product-name{
font-weight: 600;
}
.quick-view-modal__product-quantity{
white-space: nowrap;
}
.quick-view-modal__info{
background: transparent;
border: 0;
box-shadow: none;
display: grid;
gap: 10px;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin: 14px 0 0;
padding: 0;
width: 100%;
}
.quick-view-modal__info-item{
background: #f8fafc;
border: 1px solid #e6ebf2;
border-radius: 8px;
display: flex;
flex-direction: column;
gap: 6px;
justify-content: center;
margin: 0;
min-height: 72px;
padding: 12px 14px;
}
.quick-view-modal__info-label{
align-items: center;
color: #7b879c;
display: inline-flex;
font-size: 12px;
font-weight: 600;
gap: 6px;
}
.quick-view-modal__info-label i{
color: #8492a8;
font-size: 16px;
padding: 0;
}
.quick-view-modal__info .val{
color: #344054;
font-size: 15px;
font-weight: 700;
line-height: 1.35;
overflow-wrap: anywhere;
text-decoration: none;
}
.quick-view-modal__info-item--total{
align-items: center;
background: #fff7ed;
border-color: #fed7aa;
display: flex;
flex-direction: row;
grid-column: 1 / -1;
justify-content: space-between;
min-height: 66px;
}
.quick-view-modal__info-item--total .quick-view-modal__info-label{
color: #9a5b13;
font-size: 14px;
}
.quick-view-modal__info-item--total .val{
color: #c66b10;
font-size: 24px;
font-weight: 800;
white-space: nowrap;
}
.quick-view-modal__footer{
align-items: center;
background: #fbfcfe;
border-top: 1px solid #e9edf4 !important;
display: flex;
gap: 10px;
justify-content: space-between !important;
padding: 14px 22px 18px;
}
.quick-view-modal__print-actions{
display: flex;
gap: 10px;
margin-left: auto;
}
.quick-view-modal__footer .fiscalize-area:empty{
display: none;
}
.quick-view-modal__footer .btn{
align-items: center;
border-radius: 8px;
display: inline-flex;
font-size: 14px;
font-weight: 600;
gap: 7px;
height: 42px;
justify-content: center;
margin: 0 !important;
padding: 0 16px;
width: auto;
}
.quick-view-modal__footer .btn i{
font-size: 18px;
padding: 0;
}
.quick-view-modal__footer .quick-view-modal__secondary-action{
background: #eef2f7 !important;
border: 1px solid #dce3ed !important;
box-shadow: 0 2px 5px rgba(52, 64, 84, .08);
color: #526078 !important;
}
.quick-view-modal__footer .quick-view-modal__secondary-action i{
color: #66758e !important;
}
.quick-view-modal__footer .quick-view-modal__secondary-action:hover,
.quick-view-modal__footer .quick-view-modal__secondary-action:focus{
background: #e3e9f1 !important;
border-color: #cfd8e5 !important;
color: #344054 !important;
}
.quick-view-modal__footer .btn-warning{
background: #f59b2f;
border: 1px solid #d98624;
box-shadow: 0 2px 5px rgba(52, 64, 84, .08);
color: #fff;
}
@media (max-width: 767px){
.quick-view-modal .modal-dialog.wider{
margin: 12px auto;
width: calc(100% - 24px);
}
.quick-view-modal__header,
.quick-view-modal__body,
.quick-view-modal__footer{
padding-left: 14px;
padding-right: 14px;
}
.quick-view-modal__body{
max-height: calc(100vh - 190px);
}
.quick-view-modal__info{
grid-template-columns: 1fr;
}
.quick-view-modal__info-item--total{
grid-column: auto;
}
.quick-view-modal__footer{
align-items: stretch;
flex-direction: column;
}
.quick-view-modal__footer .fiscalize-area,
.quick-view-modal__print-actions{
display: flex;
margin: 0;
width: 100%;
}
.quick-view-modal__footer .fiscalize-area .btn{
width: 100%;
}
.quick-view-modal__print-actions .btn{
flex: 1 1 0;
}
}
@media (max-width: 480px){
.quick-view-modal__eyebrow{
display: none;
}
.quick-view-modal .modal-title{
font-size: 18px;
}
.quick-view-modal__heading-icon{
flex-basis: 38px;
height: 38px;
}
.quick-view-modal__print-actions{
flex-direction: column;
}
.quick-view-modal__info-item--total .val{
font-size: 20px;
}
}
/* Return creation */
.return-create-layout{
display: flex;
flex-wrap: wrap;
margin-left: -8px;
margin-right: -8px;
}
.return-create-layout > [class*="col-"]{
padding-left: 8px;
padding-right: 8px;
}
.return-create-card{
background: #fff;
border: 1px solid #e5eaf1;
border-radius: 8px;
box-shadow: 0 12px 30px rgba(52, 64, 84, .07);
margin-bottom: 16px;
overflow: hidden;
}
.return-create-card .return-create-card__heading{
align-items: center;
background: #fff;
border-bottom: 1px solid #e9edf4;
display: flex;
justify-content: space-between;
min-height: 68px;
padding: 13px 18px;
}
.return-create-card__title{
align-items: center;
display: flex;
gap: 11px;
}
.return-create-card__title .panel-title{
color: #526078;
font-family: 'Oktah';
font-size: 18px;
font-style: italic;
font-weight: 500;
margin: 0;
}
.return-create-card__icon{
align-items: center;
background: #fff4e6;
border-radius: 8px;
color: #f59b2f;
display: inline-flex;
flex: 0 0 40px;
font-size: 21px;
height: 40px;
justify-content: center;
}
.return-create-card__icon--selected{
background: #eef4ff;
color: #667ca7;
}
.return-create-card__icon i{
padding: 0;
}
.return-create-card > .return-panel{
padding: 18px;
}
.return-order-search{
background: #f8fafc;
border: 1px solid #e7ebf2;
border-radius: 8px;
margin-bottom: 14px;
padding: 13px 14px;
}
.return-order-search > label{
color: #667085;
display: block;
font-size: 12px;
font-weight: 700;
margin-bottom: 7px;
}
.return-order-search__controls{
display: flex;
gap: 8px;
}
.return-order-search__controls .form-control{
background: #fff;
border: 1px solid #dfe5ee;
border-radius: 8px;
box-shadow: none;
height: 42px;
min-width: 0;
}
.return-order-search__controls .find-order{
align-items: center;
background: #66758e;
border: 1px solid #5b6980;
border-radius: 8px;
color: #fff;
display: inline-flex;
font-size: 14px;
font-weight: 600;
gap: 6px;
height: 42px;
justify-content: center;
margin: 0;
min-width: 112px;
padding: 0 15px;
}
.return-order-search__controls .find-order:hover,
.return-order-search__controls .find-order:focus{
background: #56647b;
border-color: #4e5b70;
}
.return-order-search__controls .find-order i{
font-size: 18px;
padding: 0;
}
.return-order-summary{
border: 1px solid #e5eaf1;
border-radius: 8px;
margin-bottom: 14px;
overflow: hidden;
}
.return-order-summary__heading{
align-items: center;
background: #f8fafc;
border-bottom: 1px solid #e7ebf2;
color: #526078;
display: flex;
font-size: 13px;
justify-content: space-between;
padding: 10px 13px;
}
.return-order-summary__heading span{
align-items: center;
display: inline-flex;
font-weight: 700;
gap: 6px;
}
.return-order-summary__heading i{
color: #35a85b;
font-size: 17px;
padding: 0;
}
.return-order-summary__heading strong{
color: #344054;
font-size: 14px;
}
.return-order-summary__grid{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.return-order-summary__item{
border-bottom: 1px solid #edf1f5;
display: flex;
flex-direction: column;
gap: 3px;
min-height: 76px;
padding: 11px 13px;
}
.return-order-summary__item:nth-child(odd){
border-right: 1px solid #edf1f5;
}
.return-order-summary__item span{
align-items: center;
color: #8490a4;
display: inline-flex;
font-size: 11px;
font-weight: 600;
gap: 5px;
}
.return-order-summary__item span i{
font-size: 15px;
padding: 0;
}
.return-order-summary__item strong{
color: #344054;
font-size: 14px;
font-weight: 700;
overflow-wrap: anywhere;
}
.return-order-summary__item small{
color: #667085;
font-size: 11px;
}
.return-order-summary__fiscal{
align-items: center;
background: #ecfdf3;
color: #267a42;
display: flex;
font-size: 12px;
gap: 6px;
grid-column: 1 / -1;
padding: 9px 13px;
}
.return-order-summary__fiscal i{
font-size: 17px;
padding: 0;
}
.return-order-summary__fiscal strong{
margin-left: auto;
}
.return-order-error{
align-items: center;
background: #fff2f2;
border: 1px solid #ffd5d5;
border-radius: 8px;
color: #c43c3c;
display: flex;
font-size: 13px;
font-weight: 600;
gap: 8px;
margin-bottom: 14px;
padding: 12px 14px;
}
.return-order-error i{
font-size: 19px;
padding: 0;
}
.return-products-section,
.return-selected-section,
.return-options{
border: 1px solid #e5eaf1;
border-radius: 8px;
overflow: hidden;
}
.return-section-heading{
align-items: center;
background: #f8fafc;
border-bottom: 1px solid #e7ebf2;
display: flex;
justify-content: space-between;
min-height: 48px;
padding: 9px 12px;
}
.return-section-heading > div{
align-items: center;
display: flex;
gap: 7px;
}
.return-section-heading h4{
color: #526078;
font-size: 14px;
font-weight: 700;
margin: 0;
}
.return-section-heading__icon{
align-items: center;
color: #f59b2f;
display: inline-flex;
font-size: 18px;
justify-content: center;
}
.return-section-heading__icon i{
padding: 0;
}
.return-section-count{
align-items: center;
background: #e9eef6;
border-radius: 999px;
color: #526078;
display: inline-flex;
font-size: 11px;
font-weight: 800;
height: 24px;
justify-content: center;
min-width: 24px;
padding: 0 7px;
}
.return-products-table-wrap{
border: 0;
margin: 0;
}
.return-products-table{
margin: 0;
min-width: 650px;
}
.return-products-table > thead > tr > td{
background: #fff;
border: 0;
border-bottom: 1px solid #e9edf4;
color: #7b879c;
font-size: 11px;
font-weight: 700;
padding: 10px 12px;
text-transform: uppercase;
}
.return-products-table > tbody > tr > td{
border: 0;
border-bottom: 1px solid #edf1f5;
color: #344054;
font-size: 13px;
padding: 12px;
vertical-align: middle;
}
.return-products-table > tbody > tr:last-child > td{
border-bottom: 0;
}
.return-product-name{
font-weight: 600;
line-height: 1.35;
}
.return-product-quantity,
.return-products-table .price,
.return-products-table .total{
white-space: nowrap;
}
.return-products-table .btn-return-product{
align-items: center;
background: #fff4e6;
border: 1px solid #ffd7a3;
border-radius: 8px;
color: #c66b10;
display: inline-flex;
font-size: 12px;
font-weight: 700;
gap: 5px;
height: 34px;
justify-content: center;
margin: 0;
padding: 0 10px;
}
.return-products-table .btn-return-product:hover{
background: #ffe8c7;
border-color: #ffc878;
}
.return-products-table .btn-return-product i{
font-size: 16px;
padding: 0;
}
.return-selected-section{
margin-bottom: 14px;
}
.return-selected-table{
min-width: 590px;
}
.return-product-row--selected{
background: #fcfdff;
}
.return-quantity-control{
align-items: center;
display: flex;
flex-direction: column;
gap: 3px;
}
.return-quantity-control .cart-qty-inpt{
border: 1px solid #dfe5ee;
border-radius: 7px;
box-shadow: none;
height: 34px;
padding: 4px;
width: 62px;
}
.return-quantity-control span{
color: #98a2b3;
font-size: 9px;
white-space: nowrap;
}
.return-products-table .btn-moveback-product{
align-items: center;
background: #fff1f1;
border: 1px solid #ffd7d7;
border-radius: 8px;
color: #d64545;
display: inline-flex;
font-size: 18px;
height: 34px;
justify-content: center;
margin: 0;
padding: 0;
width: 34px;
}
.return-products-table .btn-moveback-product:hover{
background: #ffe3e3;
}
.return-products-table .btn-moveback-product i{
padding: 0;
}
.return-empty-row td{
background: #fff !important;
padding: 24px 12px !important;
}
.return-empty-state{
align-items: center;
color: #98a2b3;
display: inline-flex;
flex-direction: column;
font-size: 12px;
gap: 6px;
}
.return-empty-state i{
color: #aab4c5;
font-size: 24px;
padding: 0;
}
.return-options__heading{
border-bottom: 0;
}
.return-options__grid{
display: grid;
gap: 12px;
grid-template-columns: repeat(2, minmax(0, 1fr));
padding: 12px;
}
.return-options__grid .form-group{
margin: 0;
}
.return-options__grid label{
color: #667085;
display: block;
font-size: 11px;
font-weight: 700;
margin-bottom: 6px;
}
.return-options__grid .form-control{
background: #fff;
border: 1px solid #dfe5ee;
border-radius: 8px;
box-shadow: none;
color: #344054;
font-size: 13px;
height: 42px;
}
.return-options__grid textarea.form-control{
height: 68px;
resize: vertical;
}
.return-options__full{
grid-column: 1 / -1;
}
.return-create-actions{
border-top: 1px solid #e9edf4;
display: flex;
justify-content: flex-end;
margin: 16px -18px -18px;
padding: 14px 18px 16px;
}
.return-create-actions .button-return-modal{
align-items: center;
border-radius: 8px;
display: inline-flex;
font-size: 14px;
font-weight: 700;
gap: 6px;
height: 42px;
justify-content: center;
margin: 0;
min-width: 160px;
padding: 0 17px;
}
.return-create-actions .button-return-modal i{
font-size: 18px;
padding: 0;
}
.return-create-actions .button-return-modal[disabled]{
background: #e9edf3;
border-color: #dfe5ed;
box-shadow: none;
color: #98a2b3 !important;
opacity: 1;
}
@media (min-width: 992px){
.return-selection-sticky{
position: sticky;
top: 15px;
transition: top .2s ease;
}
}
@media (max-width: 1199px){
.return-options__grid{
grid-template-columns: 1fr;
}
.return-options__full{
grid-column: auto;
}
}
@media (max-width: 991px){
.return-create-layout{
display: block;
}
}
@media (max-width: 575px){
.return-create-layout{
margin-left: 0;
margin-right: 0;
}
.return-create-layout > [class*="col-"]{
padding-left: 0;
padding-right: 0;
}
.return-create-card > .return-panel{
padding: 12px;
}
.return-order-search__controls{
align-items: stretch;
flex-direction: column;
}
.return-order-search__controls .find-order{
width: 100%;
}
.return-order-summary__grid{
grid-template-columns: 1fr;
}
.return-order-summary__item:nth-child(odd){
border-right: 0;
}
.return-create-actions{
margin: 14px -12px -12px;
padding: 12px;
}
.return-create-actions .button-return-modal{
width: 100%;
}
}
/* Return confirmation */
.return-confirm-modal .modal-dialog{
max-width: 720px;
width: calc(100% - 30px);
}
.return-confirm-modal .modal-content{
border: 0;
border-radius: 16px;
box-shadow: 0 28px 80px rgba(15, 23, 42, .22);
overflow: hidden;
}
.return-confirm-modal__header{
align-items: center;
border-bottom: 1px solid #e9edf4;
display: flex;
justify-content: space-between;
padding: 17px 20px;
}
.return-confirm-modal__title{
align-items: center;
display: flex;
gap: 11px;
}
.return-confirm-modal__title > span{
align-items: center;
background: #fff4e6;
border-radius: 8px;
color: #f59b2f;
display: inline-flex;
font-size: 21px;
height: 40px;
justify-content: center;
width: 40px;
}
.return-confirm-modal__title i{
padding: 0;
}
.return-confirm-modal__title small{
color: #98a2b3;
display: block;
font-size: 10px;
font-weight: 700;
margin-bottom: 2px;
text-transform: uppercase;
}
.return-confirm-modal__title .modal-title{
color: #344054;
font-size: 19px;
font-weight: 700;
margin: 0;
}
.return-confirm-modal__close.close{
align-items: center;
background: #f4f6f9;
border: 0;
border-radius: 50%;
color: #667085;
display: inline-flex;
font-size: 23px;
height: 35px;
justify-content: center;
margin: 0;
opacity: 1;
padding: 0;
text-shadow: none;
width: 35px;
}
.return-confirm-modal__close i{
padding: 0;
}
.return-confirm-modal__body{
max-height: calc(100vh - 210px);
overflow-y: auto;
padding: 18px 20px;
}
.return-confirm-modal__table-wrap{
border: 1px solid #e5eaf1;
border-radius: 8px;
margin-bottom: 12px;
overflow-x: auto;
}
.return-confirm-modal .return-modal__table{
margin: 0;
min-width: 580px;
}
.return-confirm-modal .return-modal__table > thead > tr > td{
background: #f8fafc;
border: 0;
border-bottom: 1px solid #e7ebf2;
color: #7b879c;
font-size: 11px;
font-weight: 700;
padding: 10px 12px;
text-transform: uppercase;
}
.return-confirm-modal .return-modal__table > tbody > tr > td{
border: 0;
border-bottom: 1px solid #edf1f5;
color: #344054;
font-size: 13px;
padding: 12px;
vertical-align: middle;
}
.return-confirm-modal .return-modal__table > tbody > tr:last-child > td{
border-bottom: 0;
}
.return-confirm-modal .return-modal__info{
background: transparent;
display: grid;
gap: 8px;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin: 0;
padding: 0;
width: 100%;
}
.return-modal__info-item{
background: #f8fafc;
border: 1px solid #e5eaf1;
border-radius: 8px;
display: flex;
flex-direction: column;
gap: 5px;
margin: 0;
min-height: 66px;
padding: 11px 12px;
}
.return-modal__info-item > span{
color: #8490a4;
font-size: 11px;
font-weight: 600;
}
.return-confirm-modal .return-modal__info .val{
color: #344054;
font-size: 13px;
font-weight: 700;
overflow-wrap: anywhere;
text-decoration: none;
}
.return-modal__info-item--full{
grid-column: 1 / -1;
}
.return-confirm-modal__footer{
align-items: center;
background: #fbfcfe;
border-top: 1px solid #e9edf4;
display: flex;
gap: 10px;
justify-content: flex-end;
padding: 13px 20px 17px;
}
.return-confirm-modal__footer .fiscalize-selection{
align-items: center;
display: flex;
margin-right: auto;
}
.return-confirm-modal__footer .fiscalize-selection label{
align-items: center;
display: inline-flex;
font-size: 12px;
font-weight: 600;
gap: 5px;
margin: 0;
}
.return-confirm-modal__footer .fiscalize-selection label i{
color: #35a85b;
font-size: 17px;
padding: 0;
}
.return-confirm-modal__footer .btn{
align-items: center;
border-radius: 8px;
display: inline-flex;
font-size: 13px;
font-weight: 700;
gap: 6px;
height: 40px;
justify-content: center;
margin: 0;
padding: 0 14px;
}
.return-confirm-modal__footer .btn i{
font-size: 17px;
padding: 0;
}
@media (max-width: 575px){
.return-confirm-modal__header,
.return-confirm-modal__body,
.return-confirm-modal__footer{
padding-left: 13px;
padding-right: 13px;
}
.return-confirm-modal__title small{
display: none;
}
.return-confirm-modal__title .modal-title{
font-size: 17px;
}
.return-confirm-modal .return-modal__info{
grid-template-columns: 1fr;
}
.return-modal__info-item--full{
grid-column: auto;
}
.return-confirm-modal__footer{
align-items: stretch;
flex-direction: column;
}
.return-confirm-modal__footer .fiscalize-selection{
margin: 0 0 4px;
}
.return-confirm-modal__footer .btn{
width: 100%;
}
}
/* Settings */
.settings-page__container{
padding-bottom: 36px;
}
.settings-page__actions{
align-items: center;
display: flex;
gap: 8px;
}
.settings-page__actions .btn{
align-items: center;
display: inline-flex;
height: 42px;
justify-content: center;
margin: 0;
min-width: 42px;
padding: 0 12px;
}
.settings-page__actions .btn i{
font-size: 20px;
padding: 0;
}
.settings-page__shell{
background: transparent;
border: 0;
box-shadow: none;
float: none;
margin: 0 auto;
max-width: 1180px;
padding: 0;
}
.settings-page__body{
padding: 0;
}
.settings-page__tabs{
background: #fff;
border: 1px solid #e3e8f1;
border-radius: 8px;
display: flex;
flex-wrap: wrap;
gap: 7px;
margin: 0;
padding: 10px;
}
.settings-page__tabs > li{
float: none;
margin: 0;
}
.settings-page__tabs > li > a{
align-items: center;
background: transparent;
border: 1px solid transparent;
border-radius: 8px;
color: #667085;
display: inline-flex;
font-size: 13px;
font-weight: 600;
gap: 7px;
margin: 0;
padding: 10px 13px;
}
.settings-page__tabs > li > a i{
font-size: 18px;
padding: 0;
}
.settings-page__tabs > li > a:hover,
.settings-page__tabs > li > a:focus{
background: #f7f9fc;
border-color: #e3e8f1;
}
.settings-page__tabs > li.active > a,
.settings-page__tabs > li.active > a:hover,
.settings-page__tabs > li.active > a:focus{
background: #344054;
border-color: #344054;
color: #fff;
}
.settings-page__tab-content{
background: #fff;
border: 1px solid #e3e8f1;
border-radius: 8px;
box-shadow: 0 16px 34px rgba(48, 61, 83, .07);
margin-top: 12px;
padding: 24px 28px;
}
.settings-page__tab-content > .tab-pane{
margin: 0 auto;
max-width: 900px;
}
.settings-page__tab-content > #tab-certificates{
max-width: none;
}
.settings-page__tab-content .form-group{
align-items: center;
border-bottom: 1px solid #edf1f6;
display: flex;
margin: 0;
min-height: 68px;
padding: 11px 0;
}
.settings-page__tab-content .form-group:last-child{
border-bottom: 0;
}
.settings-page__tab-content .control-label{
color: #475467;
font-size: 13px;
font-weight: 600;
padding-bottom: 0;
padding-top: 0;
text-align: left;
}
.settings-page__tab-content .form-control,
.settings-store-form__body .form-control{
background-color: #fff;
border: 1px solid #dfe5ee;
border-radius: 8px;
box-shadow: none;
color: #344054;
min-height: 44px;
transition: border-color .18s ease, box-shadow .18s ease;
}
.settings-page__tab-content .form-control:focus,
.settings-store-form__body .form-control:focus{
border-color: #f2a34a;
box-shadow: 0 0 0 3px rgba(242, 163, 74, .12);
}
.settings-page__tab-content .form-control[disabled],
.settings-store-form__body .form-control[disabled]{
background: #f5f7fa;
color: #8492a8;
}
.settings-page__tab-content textarea.form-control,
.settings-store-form__body textarea.form-control{
min-height: 96px;
resize: vertical;
}
.settings-page__tab-content fieldset + fieldset{
border-top: 1px solid #e3e8f1;
margin-top: 20px;
padding-top: 20px;
}
.settings-page__tab-content legend{
border: 0;
color: #344054;
font-size: 15px;
font-weight: 700;
letter-spacing: 0;
margin: 0 0 6px;
padding: 0;
}
.settings-page__tab-content .img-thumbnail,
.settings-store-form__body .img-thumbnail{
border: 1px solid #dfe5ee;
border-radius: 8px;
padding: 6px;
}
.settings-page__tab-content .checkbox label,
.settings-store-form__body .checkbox label{
color: #475467;
font-weight: 500;
}
.settings-page__tab-content .table-responsive{
border: 1px solid #e3e8f1;
border-radius: 8px;
margin-top: 10px;
}
.settings-page__tab-content .table{
margin: 0;
}
.settings-page__tab-content .table > thead > tr > td{
background: #f8fafc;
border-bottom: 1px solid #e3e8f1;
color: #667085;
font-size: 11px;
font-weight: 700;
padding: 12px 10px;
vertical-align: middle;
}
.settings-page__tab-content .table > tbody > tr > td,
.settings-page__tab-content .table > tfoot > tr > td{
border-color: #edf1f6;
padding: 9px 10px;
vertical-align: middle;
}
.settings-page__tab-content .table .form-control{
min-width: 105px;
}
.settings-page__tab-content .summary-objects-result__group{
border-color: #e3e8f1;
border-radius: 8px;
box-shadow: none;
}
.settings-store-list{
display: grid;
gap: 16px;
margin: 0 auto;
max-width: 1040px;
}
.settings-store-card{
align-items: center;
background: #fff;
border: 1px solid #e3e8f1;
border-radius: 8px;
box-shadow: 0 14px 30px rgba(48, 61, 83, .06);
display: grid;
gap: 14px;
grid-template-columns: 48px minmax(0, 1fr) auto;
padding: 18px;
}
.settings-store-card__icon,
.settings-store-list__heading-icon,
.settings-store-table__store-icon{
align-items: center;
background: #fff4e6;
border-radius: 8px;
color: #ef8f25;
display: inline-flex;
justify-content: center;
}
.settings-store-card__icon{
font-size: 24px;
height: 48px;
width: 48px;
}
.settings-store-card__icon i,
.settings-store-list__heading-icon i,
.settings-store-table__store-icon i{
padding: 0;
}
.settings-store-card__eyebrow{
color: #98a2b3;
display: block;
font-size: 10px;
font-weight: 700;
margin-bottom: 3px;
text-transform: uppercase;
}
.settings-store-card h2,
.settings-store-list__heading h2,
.settings-store-form__heading h2{
color: #344054;
font-size: 17px;
font-weight: 700;
letter-spacing: 0;
margin: 0;
}
.settings-store-card__action,
.settings-store-table__edit{
align-items: center;
border-color: #dfe5ee;
border-radius: 8px;
color: #5d6d87;
display: inline-flex;
font-weight: 600;
gap: 6px;
}
.settings-store-card__action i,
.settings-store-table__edit i{
font-size: 17px;
padding: 0;
}
.settings-store-list__panel,
.settings-store-form__panel{
border: 1px solid #e3e8f1;
border-radius: 8px;
box-shadow: 0 14px 30px rgba(48, 61, 83, .06);
margin: 0;
overflow: hidden;
}
.settings-store-list__heading{
align-items: center;
display: flex;
justify-content: space-between;
min-height: 68px;
padding: 12px 18px;
}
.settings-store-list__heading > div{
align-items: center;
display: flex;
gap: 11px;
}
.settings-store-list__heading-icon{
font-size: 19px;
height: 38px;
width: 38px;
}
.settings-store-list__count{
align-items: center;
background: #f2f4f7;
border-radius: 8px;
color: #667085;
display: inline-flex;
font-size: 12px;
font-weight: 700;
height: 28px;
justify-content: center;
min-width: 28px;
}
.settings-store-table{
margin: 0;
}
.settings-store-table > thead > tr > td{
background: #f8fafc;
border-bottom: 1px solid #e3e8f1;
color: #8492a8;
font-size: 11px;
font-weight: 700;
padding: 11px 18px;
}
.settings-store-table > tbody > tr > td{
border-color: #edf1f6;
padding: 12px 18px;
vertical-align: middle;
}
.settings-store-table__check{
width: 46px;
}
.settings-store-table__name{
align-items: center;
color: #344054;
display: flex;
font-size: 14px;
font-weight: 600;
gap: 10px;
}
.settings-store-table__store-icon{
background: #f1f5f9;
color: #718096;
font-size: 17px;
height: 34px;
width: 34px;
}
.settings-store-table__empty{
color: #98a2b3;
height: 150px;
}
.settings-store-table__empty i,
.settings-store-table__empty span{
display: block;
margin: 4px auto;
}
.settings-store-table__empty i{
font-size: 26px;
padding: 0;
}
.settings-store-form__wrap{
float: none;
margin: 0 auto;
max-width: 900px;
}
.settings-store-form__heading{
align-items: center;
border-bottom: 1px solid #e3e8f1;
display: flex;
gap: 12px;
padding: 16px 20px;
}
.settings-store-form__heading > span{
align-items: center;
background: #fff4e6;
border-radius: 8px;
color: #ef8f25;
display: inline-flex;
font-size: 21px;
height: 42px;
justify-content: center;
width: 42px;
}
.settings-store-form__heading > span i{
padding: 0;
}
.settings-store-form__heading small{
color: #98a2b3;
display: block;
font-size: 10px;
font-weight: 700;
margin-bottom: 2px;
text-transform: uppercase;
}
.settings-store-form__body{
padding: 12px 22px 20px;
}
.settings-store-form__body .form-group{
align-items: center;
border-bottom: 1px solid #edf1f6;
display: flex;
margin: 0;
min-height: 68px;
padding: 11px 0;
}
.settings-store-form__body .form-group:last-child{
border-bottom: 0;
}
.settings-store-form__body .control-label{
color: #475467;
font-size: 13px;
font-weight: 600;
padding-bottom: 0;
padding-top: 0;
text-align: left;
}
@media (max-width: 767px){
.settings-page__tabs{
flex-wrap: nowrap;
overflow-x: auto;
}
.settings-page__tabs > li > a{
white-space: nowrap;
}
.settings-page__tab-content{
padding: 16px 14px;
}
.settings-page__tab-content .form-group,
.settings-store-form__body .form-group{
align-items: stretch;
flex-direction: column;
gap: 8px;
}
.settings-page__tab-content .form-group > [class*="col-"],
.settings-store-form__body .form-group > [class*="col-"]{
padding-left: 0;
padding-right: 0;
width: 100%;
}
.settings-store-card{
grid-template-columns: 42px minmax(0, 1fr);
padding: 14px;
}
.settings-store-card__icon{
height: 42px;
width: 42px;
}
.settings-store-card__action{
grid-column: 1 / -1;
justify-content: center;
width: 100%;
}
.settings-store-table__edit span{
display: none;
}
.settings-store-form__body{
padding: 8px 14px 16px;
}
}
.product-performance-report .product-report-filter .form-group{
padding-bottom: 0;
padding-top: 0;
}
/* Global pagination */
ul.pagination{
align-items: center;
background: #fff;
border: 1px solid #e4e8ef;
border-radius: 8px;
box-shadow: 0 4px 14px rgba(52, 64, 84, .05);
display: inline-flex;
flex-wrap: nowrap;
gap: 4px;
list-style: none;
margin: 0;
max-width: 100%;
overflow-x: auto;
padding: 4px;
vertical-align: middle;
}
ul.pagination > li{
display: block;
flex: 0 0 auto;
margin: 0;
}
ul.pagination > li > a,
ul.pagination > li > span{
align-items: center;
background: transparent;
border: 0;
border-radius: 6px;
box-shadow: none;
color: #69768d;
display: flex;
font-size: 12px;
font-weight: 600;
height: 34px;
justify-content: center;
line-height: 1;
min-width: 34px;
padding: 0 9px;
transition: background-color .16s ease, color .16s ease, box-shadow .16s ease;
}
ul.pagination > li:first-child > a,
ul.pagination > li:first-child > span,
ul.pagination > li:last-child > a,
ul.pagination > li:last-child > span{
border-radius: 6px;
}
ul.pagination > li > a:hover,
ul.pagination > li > a:focus{
background: #fff4e7;
box-shadow: none;
color: #d87913;
outline: none;
}
ul.pagination > .active > a,
ul.pagination > .active > span,
ul.pagination > .active > a:hover,
ul.pagination > .active > span:hover,
ul.pagination > .active > a:focus,
ul.pagination > .active > span:focus{
background: #f29831;
border: 0;
box-shadow: 0 3px 8px rgba(242, 152, 49, .24);
color: #fff;
cursor: default;
}
ul.pagination > .disabled > a,
ul.pagination > .disabled > span,
ul.pagination > .disabled > a:hover,
ul.pagination > .disabled > span:hover{
background: transparent;
box-shadow: none;
color: #c2c9d4;
cursor: not-allowed;
}
@media (max-width: 575px){
ul.pagination{
gap: 2px;
padding: 3px;
}
ul.pagination > li > a,
ul.pagination > li > span{
height: 31px;
min-width: 31px;
padding: 0 7px;
}
}
/* Customer sales analytics */
.customer-order-report .container-fluid{
max-width: 1900px;
}
.customer-order-report .customer-report-filter .form-group{
padding-bottom: 0;
padding-top: 0;
}
.customer-report-table .table{
min-width: 960px;
}
.customer-report-name{
color: #344057;
display: inline-block;
font-size: 13px;
font-weight: 600;
}
.customer-report-contact{
align-items: center;
color: #8a96a9;
display: flex;
flex-wrap: wrap;
font-size: 10px;
gap: 5px 10px;
margin-top: 5px;
}
.customer-report-status{
background: #c4cad4;
border: 2px solid #fff;
border-radius: 50%;
box-shadow: 0 0 0 1px #dfe4eb;
display: inline-block;
height: 8px;
width: 8px;
}
.customer-report-status.is-active{
background: #38b873;
box-shadow: 0 0 0 1px #bce9d1;
}
.customer-report-group{
background: #f6f7fa;
border: 1px solid #e4e8ef;
border-radius: 6px;
color: #68758b;
display: inline-block;
font-size: 10px;
font-weight: 600;
padding: 4px 7px;
}
.customer-report-action{
align-items: center;
background: #f3f6fa;
border: 1px solid #e4e9f0;
border-radius: 7px;
color: #687993;
display: inline-flex;
font-size: 18px;
height: 34px;
justify-content: center;
transition: background-color .16s ease, border-color .16s ease, color .16s ease;
width: 34px;
}
.customer-report-action:hover,
.customer-report-action:focus{
background: #fff4e7;
border-color: #f6c98f;
color: #d87913;
}
.customer-report-action i{
padding: 0;
}
@media (max-width: 767px){
.customer-report-summary{
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 480px){
.customer-report-summary{
grid-template-columns: 1fr;
}
}
/* Cash register */
.cash-register-container,
.cash-register-details-layout { padding: 0 28px 32px; }
.cash-register-details-layout:before,
.cash-register-details-layout:after { display: none; }
.cash-register-summary { display: flex; align-items: center; gap: 16px; max-width: 520px; padding: 20px 22px; margin-bottom: 22px; background: #fff; border: 1px solid #e2e8f2; border-radius: 8px; box-shadow: 0 12px 28px rgba(71, 85, 105, .08); }
.cash-register-summary__icon,
.cash-store-card__head > span,
.cash-operation-card__head > span,
.cash-ledger-card__head > span { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 48px; width: 48px; height: 48px; color: #f59a23; background: #fff4e3; border-radius: 8px; font-size: 24px; }
.cash-register-summary div { display: flex; flex-direction: column; gap: 2px; color: #8b98ad; }
.cash-register-summary strong { color: #2d3852; font-size: 28px; font-weight: 600; line-height: 1.2; }
.cash-register-summary small,
.cash-store-card__amount small { color: #8b98ad; font-size: 14px; font-weight: 500; }
.cash-register-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px; }
.cash-store-card { display: flex; flex-direction: column; min-height: 210px; padding: 20px; background: #fff; border: 1px solid #e2e8f2; border-radius: 8px; box-shadow: 0 12px 28px rgba(71, 85, 105, .07); }
.cash-store-card__head { display: flex; align-items: center; gap: 13px; }
.cash-store-card__head h2 { margin: 0; color: #34405b; font-size: 18px; font-weight: 500; }
.cash-store-card__amount { margin: 24px 0; color: #2d3852; font-size: 30px; font-weight: 600; }
.cash-store-card__link { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; margin-top: auto; }
.cash-register-details-layout { display: grid; grid-template-columns: minmax(280px, 340px) minmax(0, 1fr); align-items: start; gap: 20px; }
.cash-operation-card,
.cash-ledger-card { background: #fff; border: 1px solid #e2e8f2; border-radius: 8px; box-shadow: 0 12px 28px rgba(71, 85, 105, .07); }
.cash-operation-card { position: sticky; top: 12px; padding: 20px; }
.cash-operation-card__head,
.cash-ledger-card__head { display: flex; align-items: center; gap: 13px; padding-bottom: 18px; border-bottom: 1px solid #e8edf5; }
.cash-operation-card__head div { display: flex; min-width: 0; flex-direction: column; }
.cash-operation-card__head small { overflow: hidden; color: #8b98ad; text-overflow: ellipsis; white-space: nowrap; }
.cash-operation-card__head strong { color: #2d3852; font-size: 22px; font-weight: 600; }
.cash-operation-switch { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin: 18px 0; padding: 4px; background: #f3f6fa; border-radius: 7px; }
.cash-operation-switch label { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 40px; margin: 0; color: #71809a; border: 1px solid transparent; border-radius: 6px; cursor: pointer; font-weight: 500; }
.cash-operation-switch label.active { color: #34405b; background: #fff; border-color: #dce4ef; box-shadow: 0 3px 9px rgba(71, 85, 105, .08); }
.cash-operation-switch input { position: absolute; opacity: 0; pointer-events: none; }
.cash-field-label { display: block; margin: 15px 0 7px; color: #65738c; font-weight: 500; }
.cash-amount-input { position: relative; }
.cash-amount-input input { height: 48px; padding-right: 52px; font-size: 18px; }
.cash-amount-input span { position: absolute; top: 50%; right: 15px; color: #8b98ad; transform: translateY(-50%); }
.cash-operation-card textarea { resize: vertical; }
.cash-expected { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 18px 0; padding: 13px 0; border-top: 1px solid #e8edf5; border-bottom: 1px solid #e8edf5; color: #73819a; }
.cash-expected strong { color: #2d3852; font-size: 17px; font-weight: 600; }
.cash-expected strong.is-error { color: #e15757; }
.cash_action_button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 46px; }
.cash-ledger-card { min-width: 0; overflow: hidden; }
.cash-ledger-card__head { padding: 20px; }
.cash-ledger-card__head h2 { margin: 0 0 3px; color: #34405b; font-size: 19px; font-weight: 500; }
.cash-ledger-card__head p { margin: 0; color: #8b98ad; }
.cash-ledger-table { margin: 0; min-width: 760px; }
.cash-ledger-table > thead > tr > td { padding: 13px 16px; color: #66758e; background: #f7f9fc; border-bottom: 1px solid #e5eaf2; font-weight: 500; white-space: nowrap; }
.cash-ledger-table > tbody > tr > td { padding: 13px 16px; vertical-align: middle; border-color: #edf0f5; }
.cash-movement-type { display: inline-flex; align-items: center; gap: 5px; padding: 5px 9px; border-radius: 6px; font-size: 12px; font-weight: 500; white-space: nowrap; }
.cash-movement-type--in { color: #27834b; background: #eaf8ef; }
.cash-movement-type--out { color: #d34c4c; background: #fff0f0; }
.cash-ledger-amount { font-weight: 600; white-space: nowrap; }
.cash-ledger-amount.is-in { color: #27834b; }
.cash-ledger-amount.is-out { color: #d34c4c; }
.cash-ledger-empty { padding: 44px 16px !important; color: #93a0b4; }
.cash-ledger-empty i { display: block; margin-bottom: 8px; font-size: 28px; }
.cash-ledger-pagination { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 16px; border-top: 1px solid #e8edf5; }
@media (max-width: 991px) {
.cash-register-details-layout { grid-template-columns: 1fr; }
.cash-operation-card { position: static; }
}
@media (max-width: 767px) {
.cash-register-container, .cash-register-details-layout { padding: 0 12px 22px; }
.cash-register-grid { grid-template-columns: 1fr; }
.cash-ledger-pagination { align-items: flex-start; flex-direction: column; }
}
/* Product sticker dropdown */
.product-sticker-dropdown {
position: relative;
}
.product-sticker-dropdown .product-sticker-menu {
left: auto;
right: 0;
width: 340px;
min-width: 280px;
max-width: calc(100vw - 30px);
max-height: 420px;
overflow-x: hidden;
overflow-y: auto;
padding: 6px;
background: #fff;
border: 1px solid #e1e7f0;
border-radius: 8px;
box-shadow: 0 14px 32px rgba(45, 56, 82, .14);
text-align: left;
}
.product-sticker-menu__row {
display: flex;
align-items: stretch;
gap: 6px;
padding: 3px 0;
}
.product-sticker-dropdown .product-sticker-menu__name,
.product-sticker-dropdown .product-sticker-menu__all {
height: auto;
min-height: 38px;
margin: 0;
border: 1px solid transparent;
border-radius: 6px;
background: transparent;
box-shadow: none;
color: #4f5d75;
line-height: 1.35;
}
.product-sticker-dropdown .product-sticker-menu__name {
display: block;
flex: 1 1 auto;
min-width: 0;
width: 100%;
padding: 9px 10px;
overflow-wrap: anywhere;
white-space: normal;
text-align: left;
}
.product-sticker-dropdown .product-sticker-menu__all {
flex: 0 0 48px;
width: 48px;
padding: 9px 6px;
text-align: center;
white-space: nowrap;
}
.product-sticker-dropdown .product-sticker-menu__name:hover,
.product-sticker-dropdown .product-sticker-menu__name:focus,
.product-sticker-dropdown .product-sticker-menu__all:hover,
.product-sticker-dropdown .product-sticker-menu__all:focus {
background: #fff5e8;
border-color: #f3c98f;
color: #c96f10;
}
@media (max-width: 767px) {
.product-sticker-dropdown .product-sticker-menu {
width: calc(100vw - 24px);
min-width: 240px;
max-width: 320px;
}
}
@media (max-height: 560px) {
.product-sticker-dropdown .product-sticker-menu {
max-height: calc(100vh - 120px);
}
}