@import url(https://fonts.googleapis.com/css2?family=Lato:wght@700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);
* {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
font-family: 'Lato', sans-serif !important;
--background-color-main: #F2F6FB;
--color-main: #00A7E7;
}
.ag-theme-custom .ag-icon,
.ag-theme-custom .ag-checkbox-input-wrapper, .ag-filter .ag-radio-button-input-wrapper::after, .ag-filter .ag-radio-button-input-wrapper::before{
font-family: "agGridQuartz" !important;
}
:where(.ag-theme-checkboxStyle-3) .ag-checkbox-input-wrapper,
:where(.ag-theme-checkboxStyle-3) .ag-radio-button-input-wrapper {
background-color: var(--ag-checkbox-unchecked-background-color);
border: solid var(--ag-checkbox-border-width) var(--ag-checkbox-unchecked-border-color);
flex: none;
height: var(--ag-icon-size);
position: relative;
width: var(--ag-icon-size);
}
:where(.ag-theme-checkboxStyle-3) .ag-checkbox-input-wrapper:where(.ag-checked),
:where(.ag-theme-checkboxStyle-3) .ag-radio-button-input-wrapper:where(.ag-checked) {
background-color: var(--ag-checkbox-checked-background-color);
border-color: var(--ag-checkbox-checked-border-color);
}
:where(.ag-theme-checkboxStyle-3) .ag-checkbox-input-wrapper:where(.ag-checked)::after {
content: "";
display: block;
position: absolute;
color: #fff;
inset: 0;
background: currentColor;
-webkit-mask: url("data:image/svg+xml;charset=utf-8,") center/contain no-repeat;
mask: url("data:image/svg+xml;charset=utf-8,") center/contain no-repeat;
}
:where(.ag-theme-checkboxStyle-3) .ag-checkbox-input-wrapper:where(.ag-indeterminate) {
background-color: var(--ag-checkbox-indeterminate-background-color);
border-color: var(--ag-checkbox-indeterminate-border-color);
}
:where(.ag-theme-checkboxStyle-3) .ag-checkbox-input-wrapper:where(.ag-indeterminate)::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 20%;
right: 20%;
height: 2px;
background: white;
transform: translateY(-50%);
-webkit-mask: none;
mask: none;
}
:where(.ag-theme-checkboxStyle-3) .ag-checkbox-input-wrapper::after,
:where(.ag-theme-checkboxStyle-3) .ag-radio-button-input-wrapper::after {
pointer-events: none;
}
:where(.ag-theme-checkboxStyle-3) .ag-checkbox-input-wrapper input,
:where(.ag-theme-checkboxStyle-3) .ag-radio-button-input-wrapper input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
display: block;
height: var(--ag-icon-size);
margin: 0;
opacity: 0;
width: var(--ag-icon-size);
}
.ag-icon.ag-icon-desc::before {
background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E%2a%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M12%205v14%22%2F%3E%3Cpath%20d%3D%22m19%2012-7%207-7-7%22%2F%3E%3C%2Fsvg%3E")
}
.ag-icon.ag-icon-asc::before {
background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E%2a%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22m5%2012%207-7%207%207%22%2F%3E%3Cpath%20d%3D%22M12%2019V5%22%2F%3E%3C%2Fsvg%3E")
}
.customSortUpLabel.active .ag-icon.ag-icon-asc::before {
background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22%2300A7E7%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E%2a%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22m5%2012%207-7%207%207%22%2F%3E%3Cpath%20d%3D%22M12%2019V5%22%2F%3E%3C%2Fsvg%3E");
}
.customSortDownLabel.active .ag-icon.ag-icon-desc::before {
background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22%2300A7E7%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E%2a%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M12%205v14%22%2F%3E%3Cpath%20d%3D%22m19%2012-7%207-7-7%22%2F%3E%3C%2Fsvg%3E");
}
h1, h2, h3, h4, th {
color: #182936;
}
.border_padding_text {
border: 1px solid #4e4e4e;
border-radius: 19px;
padding: 6px 12px;
color: #4e4e4e;
line-height: normal;
}
.ql-editor {
font-size: 16px !important;
}
.textSmall {
font-size: 14px !important;
}
.contractor {
margin-right: 10px;
display: inline-block;
}
.productsTable td {
padding: 5px;
}
.filter-chips .MuiChip-root {
margin-bottom: 5px !important;
}
.imageFloat img {
float: left;
}
.limit {
color: #182936;
font-size: 27px;
display: inline;
position: relative;
top: 5px;
margin: 0 8px;
}
.ag-pinned-left .ag-cell {
background-color: #E1E8F0;
border-bottom: 1px solid transparent;
}
.ag-theme-quartz--new .ag-cell {
border-right: 1px solid rgba(221, 221, 221, 0.5);
border-bottom: 1px solid rgba(221, 221, 221, 0.5);
}
.ag-theme-quartz--new .ag-cell[col-id="total"] {
border-bottom: 1px solid white;
}
.ag-theme-quartz--new .ag-cell[col-id="indicator"] {
border-bottom: 1px solid white;
}
.ag-theme-quartz--new .ag-row-even {
background-color: transparent !important;
}
.pinned-header, .pinned-header-col {
justify-content: flex-start !important;
text-align: left;
background-color: #E1E8F0;
color: black;
}
.pinned-header-col .ag-header-cell-label {
justify-content: center;
}
.pinned-header-center {
justify-content: center !important;
text-align: center;
background-color: #00A7E7;
color: white;
border-left: none;
border-right: none;
}
.ag-header-cell.pinned-header-center .ag-header-cell-label {
justify-content: center;
}
.limit_constructor {
color: #182936;
font-size: 24px;
display: inline;
position: relative;
top: 5px;
margin: 24px 8px;
}
.limiting_constructor {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #D3DBDF;
border-radius: 4px;
padding: 10px 5px;
width: 100px;
background-color: #fff;
}
.addons_wrapper_text p {
font-family: 'Montserrat', sans-serif !important;
}
.constructor_addons_list.MuiList-root {
width: 100%;
padding-right: 24px;
}
.header {
font-size: 32px;
padding-left: 25px;
}
.graph {
padding-top: 20px;
}
.graphLabel {
display: flex;
flex-direction: column;
margin-right: 5px;
margin-left: 15px;
}
::-webkit-input-placeholder {
color: inherit;
opacity: 1;
}
:-ms-input-placeholder {
color: inherit;
opacity: 1;
}
::-ms-input-placeholder {
color: inherit;
opacity: 1;
}
::-moz-placeholder {
color: inherit;
opacity: 1;
}
::placeholder {
color: inherit;
opacity: 1;
}
:focus::-webkit-input-placeholder {
color: transparent;
}
:focus:-ms-input-placeholder {
color: transparent;
}
:focus::-ms-input-placeholder {
color: transparent;
}
:focus::-moz-placeholder {
color: transparent;
}
:focus::placeholder {
color: transparent;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
html {
font-size: 16px;
margin: 0
}
body {
font-family: 'Rubik', sans-serif;
min-width: 320px;
color: #303030;
margin: 0
}
a {
color: #007bff
}
input[type=button], input[type=submit], button {
cursor: pointer;
}
input, button {
border: none;
padding: 0;
}
.updating {
padding: 20px;
font-size: 14px;
}
h1 {
margin: 20px 0;
font-size: 30px;
}
h2, h3, h4, h5, h6, p {
margin: 1em 0 0.3em;
font-weight: 400;
}
h2 {
font-size: 20px;
}
h3 {
font-size: 18px;
}
h4 {
font-size: 16px;
}
p {
margin: 1em 0 .7em;
color: #182936;
}
i {
display: inline-block;
overflow: hidden;
background: url(/images/icons.png) no-repeat;
}
#icons_help {
display: inline-block;
overflow: hidden;
background: url(/images/icons_help.png) no-repeat;
}
.moreThenPrev {
color: green !important;
}
.lessThenPrev {
color: red !important;
}
.icon_help {
width: 90px;
height: 90px;
}
.icon_help_1 {
background-position: 14px 0px !important;
}
.icon_help_2 {
background-position: -80px 0px !important;
}
.icon_help_3 {
background-position: -178px -10px !important;
}
.icon_help_4 {
background-position: -80px 0px !important;
}
.icon_help_5 {
background-position: -288px 0px !important;
}
.icon_help_6 {
background-position: -392px 0px !important;
}
.icon_help_7 {
background-position: -504px 0px !important;
}
.icon_help_8 {
background-position: -612px 0px !important;
}
.addon_payment {
height: 1em;
}
.icon_wb, .icon_wb_grey, .icon_ozon, .icon_ozon_grey, .icon_national_catalog,
.icon_yandex_market, .icon_yandex_market_grey, .icon_ali, .icon_ali_grey, .icon_ms, .icon_ms_grey,
.icon_sber, .icon_sber_grey, .icon_national_catalog_grey, .icon_1c, .icon_1c_grey, .icon_avito, .icon_avito_grey,
.icon_evotor, .icon_evotor_grey, .icon_lm, .icon_lm_grey, .icon_webasyst, .icon_webasyst_grey, .icon_ebay, .icon_ebay_grey,
.icon_simaland, .icon_simaland_grey, .icon_lamoda, .icon_lamoda_grey, .icon_insales, .icon_insales_grey,
.icon_vse_instrumenti, .icon_vse_instrumenti_grey {
width: 24px;
height: 24px;
border-radius: 50%;
}
.icon_wb_16, .icon_ozon_16, .icon_chz_16, .icon_ym_16, .icon_ali_16, .icon_sber_16,
.icon_ms_16, .icon_1c_16, .icon_avito_16, .icon_evotor_16, .icon_lm_16, .icon_webasyst_16, .icon_ebay_16, .icon_ebay_grey_16, .icon_lamoda_16, .icon_lamoda__grey_16,
.icon_vse_instrumenti_16 {
width: 16px;
height: 16px;
border-radius: 50%;
}
.icon_ebay, .icon_ebay_grey{
background-image: url(/images/ebay.png);
background-size: contain;
}
.icon_vse_instrumenti, .icon_vse_instrumenti_grey{
background-image: url(/images/vseinstrumentiminimize.jpg);
background-size: contain;
}
.icon_lamoda_16{
width: 16px;
height: 16px;
border-radius: 50%;
background-image: url(/images/lamoda.png);
background-size: contain;
}
.icon_lamoda, .icon_lamoda_grey{
background-image: url(/images/lamoda.png);
background-size: contain;
}
.icon_simaland, .icon_simaland_grey {
background-image: url(/images/simaland.png);
background-size: contain;
}
.icon_insales, .icon_insales_grey {
background-image: url(/images/inSales.png);
background-size: contain;
}
.icon_ebay_grey, .icon_simaland_grey, .icon_lamoda_grey, .icon_lamoda_grey_16, .icon_simaland_grey, .icon_insales_grey{
filter: grayscale(100%);
}
.icon_ozon_16 {
background-position: -48px -16px;
}
.icon_selsup_16 {
background: url(/images/selsup.png) no-repeat center center;
background-size: 16px 16px;
width: 16px;
height: 16px;
display: inline-block;
}
.icon_sber_16 {
background-position: -216px 0;
}
.icon_chz_16 {
background-position: -48px -32px;
}
.icon_ms_16 {
background-position: -152px -16px;
}
.icon_wb_16 {
background-position: -48px 0;
}
.icon_ym_16 {
background-position: -112px 0;
}
.icon_ali_16 {
background-position: -152px 0;
}
.icon_1c_16 {
background-position: -256px 0;
}
.icon_avito_16 {
background-position: -296px 0;
}
.icon_evotor_16 {
background-position: -336px 0;
}
.icon_lm_16 {
background-position: -376px 0;
}
.icon_webasyst_16 {
background-position: -416px 0;
}
.icon_wb_grey {
background-position: 0 -24px;
}
.icon_ozon {
background-position: -24px 0;
}
.icon_ozon_grey {
background-position: -24px -24px;
}
.icon_sber {
background-position: -192px 0;
}
.icon_sber_grey {
background-position: -192px -24px;
}
.icon_ms {
background-position: -168px 0;
}
.icon_ms_grey {
background-position: -168px -24px;
}
.icon_national_catalog {
background-position: -64px 0;
}
.icon_national_catalog_grey {
background-position: -64px -24px;
}
.icon_yandex_market {
background-position: -88px 0;
}
.icon_yandex_market_grey {
background-position: -88px -24px;
}
.icon_ali {
background-position: -128px 0;
}
.icon_ali_grey {
background-position: -128px -24px;
}
.icon_1c {
background-position: -232px 0;
}
.icon_1c_grey {
background-position: -232px -24px;
}
.icon_avito {
background-position: -272px 0;
}
.icon_avito_grey {
background-position: -272px -24px;
}
.icon_evotor {
background-position: -312px 0;
}
.icon_evotor_grey {
background-position: -312px -24px;
}
.icon_lm {
background-position: -352px 0;
}
.icon_lm_grey {
background-position: -352px -24px;
}
.icon_webasyst {
background-position: -392px 0;
}
.icon_webasyst_grey {
background-position: -392px -24px;
}
.menu {
font-size: 14px;
}
.profile {
padding-top: 7px;
padding-right: 10px;
}
.profile-menu {
display: flex;
justify-content: space-between;
align-items: center;
height: 50px;
background: #F2F6FB;
z-index: 9999;
}
.dark_theme {
background-color: #182936;
}
.navigate-item_icon {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
color: white;
background-color: #00A7E7;
}
.navigate-profile_icon {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
}
.navigate-item_icon:hover {
background-color: #228DB6;
}
.luckysheet-scrollbar-ltr::-webkit-scrollbar {
width: 12px !important;
height: 12px !important;
}
.selected_menu_item {
display: flex;
color: #fff;
width: 100%;
white-space: nowrap;
padding: 8px 10px 8px 8px;
background-color: #4f5861 ;
}
.selected_menu_item span {
color: #00A7E7 !important;
}
.selected_menu_item_icon {
padding-right: 19px;
margin-top: 3px;
margin-left: 9px;
color: #FFFFFF;
}
.selected_menu_item_icon .card_icon path,
.selected_menu_item_icon .like_icon path,
.selected_menu_item_icon .partner_icon path{
fill:#00A7E7
}
.navigate-profile {
display: flex;
align-items: center;
text-decoration: none !important;
color: #182936 !important;
padding-right: 40px;
}
.tariffs-notification {
margin-top: 20px;
max-width: 420px;
padding: 32px;
border-radius: 5px;
background-color: #1EC843;
margin-bottom: 32px;
}
.tariffs-orders {
padding: 24px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}
.tariffs-orders-table {
color: #182936;
font-weight: 700;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
.tariffs-orders-table td {
text-align: left;
padding: 12px;
}
.table-tariff-name {
text-transform: uppercase;
color: #00A7E7;
font-size: 16px;
}
.table-tariff-label {
color: #B0BEC5;
font-size: 14px;
}
.tariffs-orders-table tr:nth-child(odd) {
background-color: #F2F6FB
}
.vertical_line {
border-left: 1px solid #B0BEC5;
}
.tariffs-notification-text {
margin: 0;
padding: 11px;
border-left: 2px solid white;
font-weight: 500;
font-size: 16px;
line-height: 22px;
display: flex;
align-items: center;
color: #FFFFFF;
}
.MuiToggleButtonGroup-grouped.Mui-selected {
border-left: 1px solid #00A7E7 !important;
}
.MuiToggleButtonGroup-grouped .radio-icon{
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #D3DBDF;
box-shadow: 0 0 0 7px white, 0 0 0 8px #D3DBDF;
margin-right: 19px
}
.MuiToggleButtonGroup-grouped.Mui-selected .radio-icon{
background-color: white;
box-shadow: 0 0 0 7px #00A7E7, 0 0 0 8px #D3DBDF;
}
.MuiToggleButtonGroup-grouped.Mui-selected.service-button-toggle {
background-color: white !important;
}
.integration_block {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 274px;
height: 246px;
margin: 20px 20px 0 0;
padding: 20px;
border-radius: 7px;
border: 1px solid #D3DBDF;
gap: 16px;
}
.integration_block_price {
position: absolute;
top: 4%;
right: 4%;
text-transform: uppercase;
font-size: 12px;
padding: 8px 12px 8px 12px;
border-radius: 20px;
color: white;
background: #1EC843;
}
.integration_block img{
width: 58px;
height: 58px;
border-radius: 7px;
object-fit: contain;
}
.integration_helpLink {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
}
.customer {
background: #e5eef8;
border-radius: 10px;
padding: 1px 20px;
}
.navigate-item {
display: flex;
justify-content: center;
align-items: center;
}
.profile-help {
border-radius: 10px;
padding-left: 5px;
}
.profile-item {
padding-right: 10px;
padding-bottom: 5px;
}
.settings-button {
margin: 0 30px 0 10px;
}
.navigate-block {
display: flex;
align-items: center;
margin-right: 25px;
}
.align_items_center {
display: flex;
align-items: center;
}
.main_logo {
display: flex;
justify-content: center;
margin-top: 0;
margin-bottom: 0;
}
.main_logo_minimized {
top: 0;
width: 380px;
display: flex;
justify-content: space-between;
align-items: center;
transform: translateX(12px); /* 6px for logo1NewYear.png, 12px for logo1.png */
transition: transform 0.2s ease-in-out;
}
.menu-minimized:hover .main_logo_minimized {
transform: translateX(-196px);
}
.menu-minimized_static .main_logo_minimized {
transform: translateX(-196px);
}
.unavailable_tariff {
background-color: #f2f6fb;
border: 1px solid #96A2A8;
display: flex;
align-items: center;
width: 100%;
}
.unavailable_tariff:hover {
background-color: #f2f6fb !important;
border: 1px solid #96A2A8 !important;
border-right: none !important;
}
.main_logo:hover {
cursor: pointer;
}
.main_logo_minimized:hover {
cursor: pointer;
}
.main_logo img {
width: 134px;
height: 42px; /* 60px for logo1NewYear.png, 42px for logo1.png */;
}
.navigate-profile-block {
margin-left: 50px;
display: flex;
align-items: center;
}
.profile-item_icon {
position: relative;
top: 5px;
}
.menu-item {
display: flex;
color: #fff;
width: 100%;
white-space: nowrap;
padding: 8px 10px 8px 4px;
background-color: transparent;
}
.hovered_menu_item:hover {
background-color: #4f5861;
}
.nowrap {
white-space: nowrap;
}
.dates {
display: inline-block;
padding: 0 10px;
}
.filters_block {
padding: 24px 28px;
background-color: #F2F6FB;
border-radius: 5px;
}
.filters_block_search {
padding: 24px 28px;
margin-bottom: -15px;
background-color: #F2F6FB;
border-radius: 5px;
}
@media (min-width: 768px) {
.recentProducts {
position: relative;
}
}
@media (min-width: 1321px) {
.recentProducts {
top: auto;
}
}
.recentProduct {
display: block;
}
.recentProduct button {
padding: 0 !important;
}
.profile-menu .menu-active {
background: none;
}
.menu-item_block {
display: flex;
align-items: center;
padding: 0;
}
.subMenu-item_block {
display: flex;
align-items: center;
justify-content: space-between;
color: #182936;
font-weight: 700;
margin-left: 15px;
padding-top: 8px;
padding-bottom: 8px;
}
.selected_subMenu-item_block {
display: flex;
align-items: center;
justify-content: space-between;
color: #00A7E7;
font-weight: 700;
margin-left: 15px;
padding-top: 8px;
padding-bottom: 8px;
}
.subMenu-item_block:hover {
color: #00A7E7;
}
.menu-item_icon {
padding-right: 19px;
margin-top: 3px;
margin-left: 9px;
}
.menu .MuiAccordionSummary-root {
min-height: auto !important;
justify-content: left !important;
}
.menu_settings .MuiAccordionSummary-root {
min-height: auto !important;
justify-content: left !important;
}
.menu .MuiAccordionSummary-expandIcon {
position: absolute;
right: 0;
}
.menu .MuiAccordionSummary-expandIconWrapper {
color: #fff;
margin-right: 10px;
}
.menu_settings .MuiAccordionSummary-expandIconWrapper {
color: #fff;
margin-right: 10px;
}
.menu .MuiIconButton-root {
padding: 0 12px !important;
color: #eee;
}
.menu .MuiAccordionSummary-content, .menu .MuiAccordion-root {
margin: 0 !important;
}
.menu_settings .MuiAccordionSummary-content, .menu_settings .MuiAccordion-root {
margin: 0 !important;
}
.menu .MuiAccordionDetails-root {
display: block !important;
}
.menu .MuiPaper-elevation1 {
box-shadow: none !important;
}
.menu .MuiAccordionSummary-root {
padding: 0 !important;
}
.menu_settings .MuiAccordionSummary-root {
padding: 0 !important;
}
.menu.menu-minimized .MuiAccordionDetails-root {
padding: 0 !important;
}
.menu .MuiPaper-root {
border-right: none !important;
background: #212529 !important;
}
.menu .MuiAccordion-root:hover {
background-color: #4f5861 !important;
}
.menu_expanded.MuiAccordion-root .MuiAccordionSummary-expandIconWrapper{
background-color: #4f5861 !important;
transform: rotate(180deg) !important;
}
.menu_expanded.MuiAccordion-root .MuiButtonBase-root{
background-color: #4f5861 !important;
}
.menu_settings .MuiPaper-root {
border-right: none !important;
background: #212529 !important;
}
.subMenu_accordion .MuiPaper-root {
border-right: none !important;
background: transparent !important;
}
.menu .MuiDrawer-paper::-webkit-scrollbar {
width: 0;
}
.menu {
position: relative;
}
.menu .MuiDrawer-paper {
z-index: 1000;
background-color: #212529;
width: 260px;
overflow-x: hidden;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
transition: width 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
}
.additional_menu .MuiDrawer-paper {
position: fixed;
left: 220px;
z-index: 999;
background-color: #212529;
width: 320px !important;
overflow-x: hidden;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
transform: translateX(-550px);
transition: transform 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
}
.additional_menu .subMenu-item_block {
color: #fff;
}
.additional_menu .subMenu-item_block:hover {
color: #00A7E7;
}
.hidden_sub_menu {
display: none;
}
.menu_settings .MuiDrawer-paper {
position: fixed;
z-index: 999;
left: 260px;
top: auto;
bottom: 0px;
height: 100%;
background-color: #212529;
width: 290px;
overflow-x: hidden;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
transform: translateX(-550px);
transition: transform 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
}
.show-drawer .MuiDrawer-paper {
transform: translate(40px);
}
.show-drawer.unshowed .MuiDrawer-paper {
transform: translate(-500px);
}
.show_mobile_drawer .MuiDrawer-paper {
transform: translate(-100px) !important;
z-index: 9999999 !important;
}
.show_mobile_drawer.menu_settings .MuiDrawer-paper {
transform: translate(-2px) !important;
z-index: 9999999 !important;
}
.menu_settings .MuiDrawer-paper:hover {
transform: translate(-2px);
}
.show-drawer .MuiDrawer-paper:hover {
transform: translate(40px);
}
.menu_settings .MuiAccordion-root:hover {
background-color: #4f5861 !important;
}
.menu-minimized .MuiDrawer-paper:hover {
width: 260px;
}
.show_main_drawer .MuiDrawer-paper {
width: 260px !important;
}
.menu-minimized .MuiDrawer-paper {
width: 50px;
/* transition: width 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms; */
}
.menu_settings .MuiDrawer-paper {
width: 290px;
}
/* .menu-minimized .MuiDrawer-paper:hover {
width: 260px;
} */
.menuMinimizeButton {
color: rgba(0, 0, 0, 0.54) !important;
position: absolute !important;
left: 198px;
transition: left 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
padding: 3px !important;
z-index: 100;
}
.menuButton {
display: none !important;
padding: 3px !important;
position: relative;
top: 2px;
}
.menuMinimizeButton.minimized {
left: 33px;
}
.menu a {
color: #fff !important;
}
.menu_settings a {
color: #fff !important;
}
.additional_menu a {
color: #fff !important;
}
.main {
margin-left: 260px;
transition: margin-left 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
}
.main.minimized {
margin-left: 50px;
}
.main_logo_minimized img {
width: 27px; /* 40px for selsupLogoNewYear.png, 27px for selsupLogo.png */
height: 26px; /* 38px for selsupLogoNewYear.png, 26px for selsupLogo.png */
}
.main_logo_minimized .main_logo {
width: 134px;
height: 42px; /* 60px for logo1NewYear.png, 42px for logo1.png */;
}
.header-notification {
margin-left: 260px;
font-size: 14px;
padding: 10px;
margin-bottom: 1px;
cursor: default;
}
.header-notification.minimized {
margin-left: 40px;
}
.fixedButtonPanel {
display: flex;
gap: 5px;
padding: 8px 10px 8px 278px;
z-index: 100;
}
.minimized .fixedButtonPanel {
padding-left: 60px;
}
.subscription_table_row {
font-size: 16px;
}
.iconInTable {
padding: 6px !important;
}
.itemCurrent .MuiDataGrid-cell {
background-color: #ccffcc !important;
}
.MuiDataGrid-root .MuiDataGrid-columnHeaderTitle {
overflow: visible !important;
padding-left: 0.5rem !important;
}
.MuiDataGrid-root .MuiDataGrid-dataContainer {
min-height: auto !important;
}
.MuiOutlinedInput-root {
min-width: 40px;
}
.MuiDataGrid-root .MuiDataGrid-overlay {
padding: 15px 0 0 0;
justify-content: center;
align-items: flex-start;
z-index: 50;
}
.orgSuggest {
width: 400px;
}
.orgSuggest .MuiOutlinedInput-root {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.MuiButton-root {
border-radius: 20px;
}
.MuiButtonGroup-root > *:not(:last-child) > .MuiOutlinedInput-root {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.MuiButtonGroup-root > *:not(:last-child) {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.MuiButtonGroup-root > *:not(:first-child) {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.MuiButtonGroup-root > *:not(:first-child) > .MuiOutlinedInput-root {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.MuiOutlinedInput-input {
padding: 10.5px !important;
}
.MuiInputBase-multiline {
padding: 0 !important;
}
.MuiInputBase-multiline .MuiOutlinedInput-input {
padding: 4px 10px 2px 10px !important;
}
.MuiGrid-container {
padding-bottom: 8px
}
.MuiGrid-container .MuiGrid-container {
padding-bottom: 0
}
.MuiChip-label {
font-size: 16px !important;
}
.MuiTooltip-tooltip {
font-size: 14px !important;
}
.MuiFormControl-marginDense {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.MuiAutocomplete-inputRoot {
padding: 1px !important;
}
.hidden {
display: none !important;
}
.MuiSwitch-colorSecondary.Mui-checked {
color: #eee !important;
}
.MuiSwitch-colorSecondary.Mui-checked + .MuiSwitch-track {
background-color: #87d068 !important;
}
.PrivateTabIndicator-vertical-8 {
display: none !important;
}
.MuiTabs-flexContainerVertical .MuiTab-root.Mui-selected {
background-color: #c6d9f8;
border-radius: 20px;
}
.lastRowBold:last-child {
font-weight: 900;
font-family: sans-serif;
}
.dashboard-table .ag-root {
border-radius: 16px;
overflow: hidden;
}
.dashboard-table .agTable, .dashboard-table .ag-theme-quartz.ag-theme-custom, .dashboard-table .ag-root-wrapper {
margin-top: 0 !important;
border-radius: 16px;
}
.dashboard-graphic-profit>div {
height: 380px;
}
.dashboard-graphic-profit #GraphicProfit {
width: 100% !important;
height: 100% !important;
}
.dashboard-graphic-profit #GraphicProfit>div {
width: 380px !important;
height: auto !important;
}
.dashboard-table-light .ag-row {
background-color: #fff !important;
color: #182936 !important;
}
.dashboard-table-light .ag-row-last {
background-color: #E1E8F0 !important;
}
.dashboard-table-light .ag-header-cell {
color: #182936 !important;
}
.dashboard-table-dark .ag-row {
background-color: #0e2b44 !important;
color: #fff !important;
border-bottom: 1px solid #2a4a6e !important;
}
.dashboard-table-dark .ag-row-last {
background-color: #1a3c5b !important;
}
.dashboard-table-dark .ag-header-cell {
color: #fff !important;
}
.text-param-value {
display: block;
}
.tooltip {
font-size: 150% !important;
}
.large {
font-size: 20px;
}
.scrollHeight {
max-height: 200px;
overflow-y: scroll;
}
.not-required {
color: #ccc;
display: block;
}
.sizeCol {
padding-right: 10px;
white-space: nowrap;
}
.mergeMargin {
padding-top: 13px
}
.multiAddButton {
margin-top: 5px;
cursor: pointer;
}
.multiAddButton-table {
position: absolute;
margin-top: 5px;
cursor: pointer;
}
.MuiOutlinedInput-inputMarginDense {
padding-top: 8.5px !important;
padding-bottom: 8.5px !important;
}
.multiRemoveButton {
margin: 10px 5px 0 0;
cursor: pointer;
}
.MuiDataGrid-root .MuiDataGrid-columnHeaderTitleContainer {
padding: 0 !important;
justify-content: start !important;
}
.MuiDataGrid-root {
border: 1px solid #D3DBDF !important;
border-radius: 0 !important;
}
.table_bg_cell_dark .MuiDataGrid-root {
border: 1px solid #00a7e7 !important;
border-radius: 5px !important;
}
.link_block {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.render_link{
display: flex;
align-items: center;
}
.render_link a{
margin-right: 5px;
}
.import_popup {
background-color: #F2F6FB;
border: 1px solid #D3DBDF
}
.import_popup div{
text-align: center;
padding: 8px;
}
.filters {
padding-bottom: 10px;
}
.checkboxSmall {
font-size: 0.1rem;
margin-bottom: 5px;
outline: none !important;
}
.wbHeader {
background: url(/images/wb.jpg) no-repeat #ffebfc;
}
.wbCell {
background: #ffebfc80;;
}
.lmHeader {
background: url(/images/lm-14.png) no-repeat #ddf8d9;
}
.lmCell {
background:#ddf8d966;
}
.resizeHeader .MuiDataGrid-columnHeaderTitleContainer{
line-height: 20px !important;
white-space: initial !important;
height: 60px !important;
margin-left: 7px;
margin-top: -5px;
padding-top: 5px !important;
}
.MuiDataGrid-columnHeaderTitle {
font-weight: 700 !important;
white-space: initial !important;
overflow: hidden !important;
line-height: 20px !important;
}
.ozonHeader {
background: url(/images/ozon.jpg) no-repeat #e4ecfc;
}
.ozonCell {
background: #e4ecfc80;
}
.icon_yml {
background-image: url(/images/YML.jpg);
width: 24px;
height: 24px;
border-radius: 50%;
}
.icon_amazon {
background: url(/images/amazon.png) no-repeat;
width: 24px;
height: 24px;
border-radius: 50%;
background-size: cover;
}
.import_label {
font-size: 16px;
font-weight: 600;
}
.ymHeader {
background: url(/images/ym.jpg) no-repeat #fcf6e4;
}
.ymCell {
background: #fcf6e480;
}
.aliHeader {
background: url(/images/ali.jpg) no-repeat #fce4e4;
}
.aliCell{
background: #fce4e466;
}
.avitoHeader {
background: url(/images/avito_i.png) no-repeat #e4ecfc;
}
.sberHeader {
background: url(/images/sber.jpg) no-repeat rgba(47, 206, 5, 0.25);
}
.sberCell {
background:#2fce0514;
}
.selected-date {
background-color: #e7eaff !important;
}
.labelPreview-mobile {
display: none;
}
.MuiDataGrid-footerContainer {
justify-content: left !important;
}
.MuiDataGrid-cell .MuiAutocomplete-root {
width: 100%;
}
.flexHeight .MuiDataGrid-main, .flexHeight .Mui-resizeTriggers, .flexHeight .expand-trigger {
position: static !important;
overflow: visible !important;
}
.flexHeight .MuiDataGrid-virtualScrollerContent {
max-height: fit-content !important;
min-height: fit-content !important;
height: auto !important;
}
.flexHeight .MuiDataGrid-virtualScrollerRenderZone {
position: static !important;
}
.flexHeight .MuiDataGrid-virtualScroller, .flexHeight .MuiDataGrid-columnHeaders {
overflow: visible !important;
position: static !important;
margin-top: 0 !important;
}
.table_with_headerBg .MuiDataGrid-columnHeaders {
background-color: #F2F6FB !important;
}
.flexHeight .MuiDataGrid-footer {
justify-content: left !important;
}
.flexHeight .MuiDataGrid-cell, .flexHeight .MuiDataGrid-row {
max-height: fit-content !important;
min-height: fit-content !important;
line-height: inherit !important;
white-space: normal !important;
}
.MuiDataGrid-cell input {
height: 20px;
}
.table_bg_cell .MuiDataGrid-row:nth-child(odd) {
background-color: #F2F6FB !important;
}
.table_bg_cell_dark .MuiDataGrid-row:nth-child(odd) {
background-color: #212529 !important;
}
.table_bg_cell .MuiDataGrid-row:nth-child(odd):hover {
background-color: rgba(0, 0, 0, 0.04) !important;
}
.MuiDataGrid-cell .MuiCheckbox-root {
padding: 0 !important;
}
.MuiDataGrid-cell .MuiCheckbox-root .MuiSvgIcon-root {
height: 0.8em;
width: 0.8em;
}
.MuiOutlinedInput-notchedOutline {
border: none !important;
}
.MuiInputLabel-outlined {
top: -7px !important;
}
.input-group-prepend {
line-height: 40px
}
.addon_group {
clear: both;
padding-top: 10px;
position: relative;
top: -30px
}
.noPadding {
padding: 0 !important;
margin: 0 !important;
}
.MuiDataGrid-cell {
white-space: normal !important;
}
.MuiTabs-indicator {
display: none !important;
}
.normalTabItem.Mui-selected {
background: #eee !important;
}
.tabContent {
padding-top: 10px;
position: relative;
}
.tabContent-prices {
position: relative;
}
.tabContent_dashboard {
background-color: transparent;
}
textarea.description {
font-size: 18px !important;
border: 1px solid #ccc !important;
border-radius: 10px !important;
width: 100%
}
.ql-toolbar {
border-radius: 7px 7px 0 0;
}
.ql-container {
border-radius: 0 0 7px 7px;
}
.page {
padding: 5px 20px 20px 20px;
font-size: 90%;
}
.page.light_turquoise {
padding: 5px 20px 20px 20px;
font-size: 90%;
background-color: #F2F6FB;
}
.page.no-padding {
padding: 0 !important;
}
.page_dashboard {
background: linear-gradient(to bottom, #0095be, #00a7e7);
min-height: calc(100vh - 50px);
}
.limited{
max-width: 1470px;
}
.page.shaddow .limited{
max-width: 1470px;
}
.page_shaddow {
background-color: #F2F6FB;
min-height: calc(100vh - 50px);
}
.start-block {
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding: 55px 76px 55px 32px;
background-color: #182936;
border-radius: 6px;
font-weight: 700;
font-size: 24px;
cursor: pointer;
max-width: 420px;
max-height: 230px;
scale: 1;
transition: scale 0.2s ease-in-out;
}
.start-block:hover{
scale: 1.02;
}
.start-block span{
position: absolute;
top: 2%;
right: 2%;
font-size: 14px;
color: #96A2A8;
}
.start-block img{
margin-right: 32px;
}
.webinar-block {
background-color: #182936;
color: white;
max-width: 600px;
max-height: 230px;
padding-top: 18px;
}
.webinar-block-top {
display: flex;
align-items: center;
font-size: 18px;
font-weight: 700;
margin-right: 50px;
line-height: 22px;
}
.webinar-block-top span{
display: flex;
align-items: center;
color: white;
min-width: 265px;
margin-right: 20px;
border-radius: 0 5px 5px 0;
background-color: #00A7E7;
padding: 9px 24px 9px 26px;
}
.webinar-block-bottom {
display: flex;
}
.webinar-block-bottom img{
max-height: 156px;
align-self: flex-end;
}
.webinar-block-bottom-text {
text-transform: uppercase;
font-size: 28px;
font-weight: 700;
line-height: 32px;
margin: 15px 45px 21px 26px;
}
.webinar-block-bottom-text span{
color: #00A7E7;
}
.buttonPanel {
padding-bottom: 20px;
}
.MuiDialogTitle-root{
font-weight: 700 !important;
}
.remoteViewText {
margin-top: 10px;
font-size: 300% !important;
}
.remoteViewText .MuiAlert-message {
font-size: 25px;
}
.halfRemoteViewText {
font-size: 180% !important;
}
.importantInfo {
position: relative;
padding: 15px;
background: #F2F6FB;
width: 100%;
font-size: 140%;
margin-bottom: 10px;
border-radius: 7px;
}
.importantInfo::before, .modal_ozon_brand::before {
position:absolute;
left: 0;
top: 0;
content: "";
width: 3px;
height: 100%;
background-color: #00A7E7;
border-radius: 7px;
}
.orderInfo {
padding: 15px;
background: #F2F6FB;
font-size: 14px;
margin-top: 10px;
margin-bottom: 10px;
}
.serviceInfo {
padding-left: 20px;
font-size: 150% !important;
}
.smallWbSticker .remoteViewText {
font-size: 100% !important;
}
.group {
width: 100% !important;
}
.total {
font-size: 16px;
padding: 10px 0;
}
.productInfo {
padding: 10px;
margin: 0 !important;
background: #ccffcc;
font-size: 300%;
width: 100% !important;
}
.black {
background: #000;
color: #fff;
padding: 8px 10px;
}
.badValue {
background: rgba(255, 0, 0, 0.34);
}
.errorTooltip .arrow::before {
border-right-color: red;
}
.errorTooltip .tooltip-inner {
background: red;
color: #fff;
}
.buttons {
padding: 5px 0;
}
.spacing {
padding: 10px 0;
}
.toolBar {
padding: 5px 0;
}
.block {
display: block;
}
.tooltipLarge .tooltip-inner {
max-width: 500px;
text-align: left;
}
.popover {
max-width: none;
}
.cellCanEdit {
background-color: rgba(104, 245, 39, 0.21);
}
.filter {
display: inline-block;
padding: 5px 10px;
border-radius: 5px;
background: #c4dbd8;
cursor: pointer;
margin: 5px 10px 10px 0;
}
.supplyLink {
margin-left: 20px;
}
.supply_button_wrapper {
background-color: #F2F6FB;
padding: 5px;
border-radius: 5px;
}
.columnMinWidth {
min-width: 100px !important;
}
.columnMinWidth200 {
min-width: 200px !important;
}
.columnMinWidth300 {
min-width: 300px !important;
}
.removeIcon {
cursor: pointer;
font-size: 1rem !important;
color: red;
}
.addIcon {
cursor: pointer;
font-size: 1rem !important;
color: green;
}
.addColor {
min-width: 180px !important;
}
.laundaryEdit {
min-width: 400px;
}
.delivery {
padding: 10px;
border-radius: 7px;
background: #f2f6fb;
margin: 5px 0 10px 0;
}
.iconLarge {
font-size: 25px;
top: 12px;
margin-left: -10px;
position: absolute;
}
.luckysheet-bottom-controll-row input{
display: none !important;
}
.longTextHeight {
height: 200px !important;
}
.productsPrintCount {
width: 70px !important;
}
.messageView {
position: relative;
padding-bottom: 8px;
}
.labels_filter_block {
display: flex;
gap: 5px;
align-items: center;
}
.label {
font-family: 'Inter', sans-serif;
font-weight: 700;
text-transform: uppercase;
margin-top: 8px;
margin-bottom: 4px;
text-align: left;
color: #182936;
font-size: 14px;
}
.title_crm {
font-family: 'Inter', sans-serif !important;
}
.center-container {
display: flex;
align-items: center;
}
.model-vendor-code{
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
}
.tariff_label {
text-transform: uppercase;
font-weight: 400;
margin-top: 8px;
margin-bottom: 4px;
text-align: left;
color: #96A2A8;
font-size: 14px;
}
.label_constructor {
color: #000;
}
.cost_label {
text-transform: initial;
font-weight: 700;
text-align: left;
color: black;
font-size: 20px;
padding-bottom: 24px;
}
.addons_label {
text-transform: uppercase;
font-weight: 700;
text-align: left;
color: #96A2A8;
font-size: 14px;
max-width: 240px;
}
.tariffFullYearPrice {
text-decoration-line: line-through;
font-size: 114%;
color: #C1CBDD;
margin-right: 8px;
}
.tariffYearPrice {
color: #000;
}
.tariffMonthPrice {
font-size: 14px;
color: #C1CBDD;
margin-left: 4px;
}
.styled_badge {
width: 1px;
margin-right: 15px;
padding-bottom: 20px;
}
.MuiBadge-badge {
background-color: #FFA412 !important;
}
.form {
margin-top: 1px;
}
.formText {
margin-top: 8px;
margin-bottom: 4px;
width: 100%;
font-size: 114%;
}
.formLabel {
text-align: right;
}
.table-auto {
table-layout: auto;
}
#productLabel {
position: absolute;
}
.searchBar {
padding-bottom: 10px;
}
.btn-margin {
margin-right: 5px;
}
.container {
width: auto !important;
padding: 5px;
}
.btn-right {
float: right !important;
}
.buttonRight {
text-align: right;
}
.w-auto {
width: auto;
}
.input-group {
width: 100%;
}
.loader {
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
border: 3px solid #ddd;
border-top: 3px solid #42a5f5;
border-radius: 50%;
height: 30px;
width: 30px;
display: inline-block;
position: relative;
top: 9px;
}
.loaderText {
display: inline-block;
padding-left: 10px;
}
@-webkit-keyframes spin {
to {
border-top-color: #ec407a;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
to {
border-top-color: #ec407a;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.no-overflow {
overflow: visible !important;
}
.searchField {
font-size: 16px;
height: 40px;
width: 100%;
margin: 5px 0 !important;
}
.table {
padding-top: 10px
}
.tabContent-prices .table {
padding-top: 0;
}
.table-search {
font-size: 16px;
width: 100%;
padding-bottom: 15px !important;
}
.dropZone {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
border-radius: 4px;
border: 2px dashed #00A7E7;
background-color: #F2F6FB;
color: #182936;
line-height: 150%;
text-align: center;
padding: 15px 10px;
margin: 10px 0;
font-size: 16px;
outline: none;
cursor: pointer;
}
.dropZone:hover {
cursor: pointer;
}
.cardGroup {
margin-top: 10px;
}
.card-group {
margin-bottom: 10px
}
.productImage {
margin: 30px 30px 20px 0;
display: inline-block;
box-sizing: border-box;
padding: 5px;
border: 1px solid #ccc;
position: relative;
overflow: hidden;
}
.productImage .slided_icon {
left: 0;
position:relative;
background-color: white;
width: 27px;
height: 100%;
}
.productImage--hidden {
display: none;
}
.gradient_button {
position: absolute !;
bottom: 0;
width: 100%;
border: none;
background-image: linear-gradient(to bottom, transparent, white);
border-radius: 0;
}
.deleted {
color: #aaa;
text-decoration: line-through;
}
.removeImage {
color: red;
position: absolute;
top: 2px;
right: 2px;
cursor: pointer;
}
.thumb50 {
max-width: 50px;
max-height: 50px;
border-radius: 4px;
}
.thumb100 {
max-width: 100px;
max-height: 100px;
border-radius: 4px;
}
.thumb200 {
max-width: 200px;
max-height: 200px;
border-radius: 4px;
}
.refund_image {
display: block;
width: 400px;
margin: auto;
}
.MuiDataGrid-root .MuiDataGrid-cellRight {
text-align: left !important;
}
.passage {
padding: 15px 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin: 10px 0;
}
.rack {
padding: 15px 5px 5px;
border: 1px solid #000;
margin: 5px;
float: left;
}
.shelf {
padding: 15px 5px 5px;
border: 1px solid #000;
margin: 5px;
}
.shelf_content {
display: flex;
}
.wms_cell {
padding: 15px 5px 10px;
border: 1px solid #000;
margin: 5px;
display: flex;
}
.monoWarning {
font-size: 18px;
}
.importantText {
font-size: 16px;
text-align: start;
}
.importantText-partner {
font-size: 16px;
text-align: start;
display: flex;
justify-content: space-between;
}
.importantText-partner .container {
display: flex;
gap: 24px;
align-items: center;
}
.importantText-partner .container p {
height: 48px;
width: 501px;
font-size: 16px;
font-weight: 400;
}
.importantText-partner .container .vertical_line {
border-left: 3px solid #00A7E7;
height: 42px;
}
.links {
position: relative;
top: -3px;
}
.nopadding {
padding-right: 0 !important;
}
.modelIcon i {
position: relative;
top: 8px;
left: 10px;
}
.model_article_status {
margin: 20px 0;
}
.green {
color: green;
}
.red {
color: red;
}
.bgPrimary {
background-color: #0014a7;
}
.printBox {
position: relative;
top: 8px;
left: 8px;
margin-right: 5px;
}
.avatar {
width: 30px !important;
height: 30px !important;
}
.status-ok, .status-processed {
color: #7ca704;
}
.statusbg-ok, .statusbg-processed {
background-color: #7ca704 !important;
}
.statusbg-refund {
background-color: #c4c704 !important;
}
.status-error {
color: #a70404;
}
.statusbg-error {
background-color: #a70404 !important;
}
.required-param {
color: red;
}
.field {
min-height: 20px;
}
.wrong {
color: red;
}
.status-warning {
color: #a67a03;
}
.status-created {
color: #767676;
}
.statusbg-created {
background-color: #767676 !important;
}
.progress-error, .progress-warning, .progress-success {
border-radius: 5px;
}
.progress-error .MuiLinearProgress-bar {
background: #dc3545 !important;
}
.progress-warning .MuiLinearProgress-bar {
background: #ffc107 !important;
}
.progress-success .MuiLinearProgress-bar {
background: #28a745 !important;
}
.mainCard {
margin-right: 5px;
margin-bottom: 5px;
float: left;
width: 48%;
}
.notification_close {
position: absolute;
top: 5px;
right: 5px;
color: #00A7E7;
}
.notification_close:hover {
cursor: pointer;
color: #FB3232;
}
.fiftyText {
width: 50%;
white-space: pre-wrap;
}
.fixedButtonPanel {
width: 100%;
position: fixed;
background: #fff;
box-shadow: 0 -10px 20px -15px #666;
bottom: 0;
left: 0;
margin: 0 !important;
}
.pseudo-link {
text-decoration: none;
border-bottom: 1px dotted #337ab7;
}
.pseudo-link:hover {
text-decoration: none;
}
.link {
text-decoration: none;
color: #182936;
}
.link:hover {
text-decoration: none;
color: #182936;
}
.spacer {
padding-top: 100px;
clear: both;
}
.clear {
clear: both;
}
.login-form {
padding: 20px;
width: 100%;
max-width: 500px;
}
.line {
clear: both;
}
.item-success {
background-color: #d4edda;
}
.item-not-received {
background-color: #f8d7da;
}
.redField {
background-color: #f8d7da;
}
.help-group {
float: none !important;
}
.help-item {
float: none !important;
margin-left: 20px;
}
.help-group a, .help-item a {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.no-space {
padding: 0;
}
.menu-right {
float: right;
}
.MuiTablePagination-select {
padding-top: 5px !important;
}
.modal-90w {
width: 90%;
max-width: none !important;
}
.am5-modal {
z-index: 0 !important;
}
.element {
display: block;
max-width: 200px;
margin-bottom: 5px;
}
.elementInner {
background: #337ab7;
padding: 2px 10px;
border-radius: 5px;
color: #fff;
display: inline-block;
position: relative;
}
.selectedElementInner {
border: 2px solid #FFA412;
}
.elementRemove {
position: absolute !important;
right: -10px;
top: -10px;
z-index: 100;
}
.smallInput {
width: 80px;
}
.snackbarClose {
position: absolute !important;
right: -20px !important;
top: -5px !important;
}
.invisible {
display: none !important;
}
.flex_group {
display: flex !important;
}
.tariff_progress_block {
height: 134px;
max-width: 300px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 17px;
color: #96A2A8;
border: 1px solid #96A2A8;
border-radius: 7px;
}
.tariff_sale {
height: 22px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 18px;
font-weight: 700;
font-size: 12px;
padding: 1px 5px;
background-color: #EF2020;
border-radius: 14px;
color: white;
}
.tariff_totalPrice {
display: flex;
justify-content: space-between;
}
.tariff_totalPrice_cancel {
align-self: flex-end;
display: flex;
align-items: center;
color: #1EC843;
font-size: 14px;
}
.price {
float:right;
display: block;
font-size: 22px;
}
.current_tariff_block {
display: flex;
justify-content: space-between;
height: 134px;
max-width: 510px;
min-width: 350px;
background: #182936;
border-radius: 7px;
margin-bottom: 5px;
padding: 22px;
}
.settings {
font-size: 16px;
padding: 7px 0;
float: left;
clear: both;
}
.ms_settings .settings {
float: none;
}
.current_tariff {
display: flex;
flex-direction: column;
font-size: 20px;
color: #00A7E7;
font-weight: 700;
text-transform: uppercase;
}
.tariff_expire_date {
margin-top: 14px;
line-height: 14px;
color: white;
font-weight: 500;
font-size: 12px;
padding: 2px 5px 2px 5px;
background-color: #14b035;
border-radius: 5px;
}
.current_tariff span {
font-size: 14px;
color: #96A2A8;
}
.tariff_progress_limit {
font-weight: 700;
font-size: 20px;
margin-top: 7px;
}
.current_tariff_button {
display: flex;
align-items: center;
}
.tariff_progress_title {
display: flex;
align-items: center;
font-size: 14px;
font-weight: 700;
}
.tariff_progress_title svg {
margin-right: 6px;
}
.incomeItemImages {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
width: 100%;
margin: 0 -5px;
overflow-y: auto;
}
.incomeItemImages > * {
margin: 0 5px;
}
.analytics__toggleButton {
flex: 1 1 auto;
}
@media (max-width: 600px) {
.analytics__toggleButton {
flex: 1 1 50%;
}
}
@media (max-width: 1500px) {
.servicesWrap {
flex-wrap: wrap;
}
.servicesWrap button{
margin-bottom: 5px;
}
}
.flex_wrap {
flex-wrap: wrap;
}
.addon {
max-width: 300px;
margin: 0 5px 5px 0;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.icon {
width: 24px;
height: 24px;
}
.feedback_window .MuiDialog-container .MuiDialog-paper {
overflow: initial;
}
.feedbackText {
font-size: 20px;
text-align: center;
margin: 15px 0;
}
.feedbackRow {
margin-top: 17px !important;
}
.feedback_input .MuiOutlinedInput-root {
border-radius: 0;
/* border: 1px solid rgba(0, 0, 0, 0.452); */
padding: 20px 65px 20px 30px;
}
.feedback_input .MuiOutlinedInput-input {
padding: 0px !important;
}
.feedbackRow.description {
min-height: 100px !important;
max-height: 300px !important;
border-radius: 0px !important;
color: rgba(0, 0, 0, 0.67) !important;
padding: 20px 30px !important;
}
.feedback_thank {
background-color: #fff;
padding: 25px;
max-width: 600px;
text-align: center;
font-size: 18px;
}
.css-uwcd5u.SnackbarContainer-top {
top: 50px !important;
}
.limitColumnHeight .MuiDataGrid-columnHeaderTitle {
max-height: 60px !important;
}
@media (max-width: 650px) {
.feedback_thank {
max-width: 250px;
}
.feedback_button {
height: 74px !important;
}
.feedback_button:after {
width: 50px !important;
height: 50px !important;
margin-top: -25px !important;
}
}
.feedbackRow p {
font-size: 12px;
margin-top: -8px;
}
.feedback_rating {
margin-left: 15px;
}
.article_space {
display: flex;
gap: 5px;
align-items: center;
flex-wrap: wrap;
width: 100%;
flex-grow: 1;
text-overflow: ellipsis;
white-space: break-spaces;
word-break: break-word;
}
.feedback_button {
height: 90px;
background-image: linear-gradient(to top, #ee9102, #fc0);
border-radius: 50px !important;
font-size: 19px !important;
font-weight: 700 !important;
color: #fff !important;
padding: 0 105px 0 32px !important;
margin-top: 20px !important;
transition: all 0.2s ease-in !important;
}
.feedback_button:hover {
background-image: linear-gradient(to bottom, #ee9102, #fc0);
}
.feedback_button:after {
display: flex;
justify-content: center;
align-items: center;
content: "\2192";
width: 72px;
height: 72px;
background: #fff;
border-radius: 50%;
box-shadow: inset 0 -2px 24px rgb(66 66 66 / 53%);
position: absolute;
right: 11px;
top: 50%;
margin-top: -36px;
color: #f4a610;
font-size: 25px;
}
.company_idCheck .MuiOutlinedInput-root {
background-color: rgba(0, 123, 255, 0.1);
}
.analytics-storyCard {
position: relative;
}
.analytics-storyCard__close {
position: absolute !important;
z-index: 10;
top: 15px;
right: 0;
}
@media (max-width: 1199px) {
.analytics-storyCard {
display: none !important;
}
}
.summaryCardClass{
/* min-height: 300px !important; */
background-color: #0e2b44 !important;
}
.summaryCardClass_light{
/* border: 2px solid #D3DBDF !important; */
background-color: #fff !important;
}
.dashboard_theme_light {
border: 2px solid #00a7e7 !important;
background-color: #e6f8ff !important;
}
.dashboard_theme_dark {
background-color: #0e2b44 !important;
}
.widget_schedule {
margin-top: 1rem;
padding: 5px;
padding-left: 10px;
border-radius: 16px;
background-color: #0e2b44;
color: #fff;
}
.widget_schedule_dark {
background-color: #0e2b44;
}
.widget_schedule_light {
background-color: transparent !important;
}
@media (max-width: 900px) {
#tutorial_iframe {
height: 300px;
}
}
@media (max-width: 480px) {
#tutorial_iframe {
margin: 0 !important;
height: 200px;
}
#font-family-inter-subscription-partner-widget-link {
margin-top: 100px !important;
}
}
@media (max-width: 1550px) {
.roundFinanceChartsSize{
width: 201px !important;
height: 201px !important;
}
}
@media (max-width: 1300px) {
.roundFinanceChartsSize{
width: 200px !important;
height: 200px !important;
}
}
@media (max-width: 1150px) {
.roundFinanceChartsSize{
width: 199px !important;
height: 199px !important;
}
}
@media (max-width: 1000px) {
.roundFinanceChartsSize{
width: 198px !important;
height: 198px !important;
}
}
@media (max-width: 800px) {
.roundFinanceChartsSize{
width: 197px !important;
height: 197px !important;
}
}
@media (max-width: 767px) {
#roundFinanceChartsРасходы {
margin-left: 0px;
}
}
@media (max-width: 650px) {
.roundFinanceChartsSize{
width: 196px !important;
height: 196px !important;
}
}
@media (max-width: 500px) {
.roundFinanceChartsSize{
width: 195px !important;
height: 195px !important;
}
}
@media (max-width: 400px) {
.roundFinanceChartsSize{
width: 194px !important;
height: 194px !important;
}
}
@media (max-width: 1535px){
.filter_created{
flex-basis: unset !important;
}
}
.warehouse-buttons{
flex-basis: unset !important;
max-width: 100% !important;
}
.btn-left {
float: left;
}
.addon .MuiTypography-body2 {
height: 50px;
}
.formFieldFull, .formField, .formFieldSmall, .formFieldThree {
padding: 5px 10px 5px 0;
min-width: 250px;
height: 75px;
overflow: hidden;
display: inline-block;
}
.formBlock {
display: block;
position: relative;
overflow: visible;
}
.categorySuggest {
position: absolute;
top: 20px;
left: 100%;
width: 100%;
height: 60px;
overflow: auto;
z-index: 100;
}
.formFieldNoLabel {
height: 38px;
}
.formField {
width: 50%;
}
.formFieldSwitch {
height: 28px;
}
.formFieldFull {
width: 100%;
height: auto;
}
.formFieldThree {
width: 33%;
}
.formFieldSmall {
width: 250px;
}
.formFieldGroup {
padding: 16px;
background-color: #F2F6FB;
border: 1px solid #00A7E7;
border-radius: 5px;
margin-bottom: 10px;
}
.formFieldText {
padding: 13px 10px;
border: 1px solid #D3DBDF;
border-radius: 5px;
}
.formFieldLabel {
font-size: 14px;
padding-bottom: 5px;
font-weight: bold;
color: #182936;
text-transform: uppercase;
width: fit-content;
}
.formField .MuiInputLabel-outlined {
top: -10px !important;
}
.addon img {
cursor: pointer;
}
.locked {
opacity: 0.5;
}
.statusButtons {
clear: both;
padding-top: 10px;
}
.logo {
padding: 5px 15px 1px 15px;
}
.widget {
width: 300px;
height: 200px;
float: left;
}
.logo_opacity {
opacity: 0.7;
}
.inlineInput {
display: inline-block;
width: 150px;
padding: 5px;
}
.homeTask {
padding: 5px 0;
font-size: 120%;
}
.homeTask svg {
margin-right: 5px;
}
.taskDone {
text-decoration: line-through;
}
.navbar-brand {
cursor: pointer;
}
.bigIcon {
font-size: 150%;
}
.buttonMargin {
margin-bottom: 5px
}
.pseudoBlock {
display: inline-block;
text-decoration: none !important;
border-bottom: 1px dotted #007bff;
}
.Mui-expanded .pseudoBlock{
color: #fff
}
.menu .Mui-expanded {
background-color: #4f5861 !important;
color: #00A7E7;
}
.menu .Mui-expanded span {
color: #00A7E7;
}
.menu .MuiAccordionSummary-expandIconWrapper.Mui-expanded {
transform: rotate(0deg);
color: #00A7E7;
}
.menu .MuiAccordionSummary-expandIconWrapper.Mui-expanded path {
fill: #00A7E7;
}
.highlight {
background-color: red;
}
.numberControl {
width: 150px;
}
.iconButton {
font-size: 30px;
cursor: pointer;
}
@keyframes progress-bar-stripes {
0% {
background-position-x: 1rem
}
}
.summary_item_remain .MuiLinearProgress-root {
background-color: rgb(99 99 98) !important;
}
.progress {
margin-top: 15px;
width: 200px;
height: 14px;
font-size: .75rem;
background-color: #e9ecef;
border-radius: .25rem
}
.progress, .progress-bar {
display: flex;
overflow: hidden
}
.progress-bar {
flex-direction: column;
justify-content: center;
color: #000;
text-align: center;
white-space: nowrap;
background-color: #28A745;
transition: width .6s ease
}
@media (prefers-reduced-motion: reduce) {
.progress-bar {
transition: none
}
}
.progress-bar-striped {
background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
background-size: 1rem 1rem
}
.progress-bar-animated {
animation: progress-bar-stripes 1s linear infinite
}
.setup_toogle_button_text {
margin-left: 18px;
margin-right: 96px;
}
@media (prefers-reduced-motion: reduce) {
.progress-bar-animated {
animation: none
}
}
.bg-fail, .bg-fail:hover {
background-color: rgba(220, 0, 0, 0.3) !important;
}
.bg-danger {
background-color: rgba(220, 53, 69, 0.3);
}
.bg-warning {
background-color: rgba(255, 193, 7, 0.3);
}
.bg-grey {
background-color: rgba(204, 204, 204, 0.3);
}
.bg-success {
background-color: #198754;
}
.bg-white {
background-color: #FFFFFF;
}
.bg-yellow-light {
background-color: rgba(172, 255, 7, 0.33);;
}
.bg-green-light {
background-color: rgba(146, 208, 80, 0.35);
}
.bg-green-bright {
background-color: #F1F9F4
}
.bg-yellow-bright {
background-color: #FFFAEA
}
.bg-orange-bright {
background-color: #FDE7E7
}
.count {
color: #182936;
display: inline-block;
margin: 0 2px 0 8px;
padding: 0 5px;
font-weight: bold;
background: #F2F6FB;
border-radius: 3px;
}
.bold {
font-weight: bold;
}
.bg-yellow {
background-color: #bf9000;;
}
.bg-green {
background-color: #00b050;
}
.bg-orange {
background-color: #c55a11;
}
.MuiOutlinedInput-input.MuiSelect-select {
padding-right: 33.5px !important;
}
#notistack-snackbar {
max-width: 500px;
}
.MuiCalendarPicker-root {
border: 1px solid #D3DBDF !important;
border-radius: 7px !important;
}
.model-copyBlock-mobile{
display: none;
}
.modal_ozon_brand {
background-color: #F2F6FB;
padding: 15px;
width: 100%;
max-width: 100%;
border-radius: 7px;
position: relative;
}
.barcodeScanner_torch {
position: absolute !important;
z-index: 10;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
}
.table_tariffs {
width: 70%;
margin-bottom: 2rem;
margin-top: 10px;
text-align: left;
max-width: 800px;
}
@media (min-width: 768px) {
.barcodeScanner_torch {
display: none !important;
}
}
.import_categories_error_messages {
overflow-y: auto;
height: 150px;
}
@media (max-width: 1410px) {
.labelPreview {
display: none;
}
.labelPreview-mobile {
display: block;
}
.model_frame {
display: block !important;
}
}
@media (max-width: 1200px) {
.modelRow-custom-class {
display: block !important;
padding-bottom: 10px !important;
}
.modelRow-custom-class .MuiGrid-item {
max-width: none !important;
}
}
.ag-cell-focus:after {
top: auto !important;
bottom: 0 !important;
border: 0 none !important;
width: 6px !important;
height: 6px !important;
background-color: #00A7E7;
cursor: crosshair;
}
.inventory_mobile_keyboard {
margin-top: 20px;
display: grid;
grid-template-columns: repeat(3, auto);
justify-content: center;
gap: 5px;
}
.inventory_count_items {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-top: 10px;
}
.tariffBlock {
width: 100%;
display: flex;
align-items: stretch;
}
@media (min-width: 768px) {
.inventory_mobile_keyboard {
display: none;
}
.inventory_count_items {
justify-content: start;
}
}
@media (max-width: 1040px) {
.tariffs-tariffBlock{
justify-content: flex-start !important;
}
.tariffs-tariffBlock button{
padding: 12px !important
}
.partner-widget-content h1 {
font-size: 2rem !important;
line-height: normal;
}
.partner-widget-content .info-card p {
font-size: 12px !important;
}
.partner-widget-content .info-card p a {
font-size: 12px !important;
line-height: 0px;
}
}
@media (max-width: 1410px) {
.model-copyBlock{
display: none;
}
.model-copyBlock-mobile{
display: grid;
grid-template-columns: auto auto;
padding: 2rem;
gap: 1rem;
margin-bottom: 1rem;
background-color: white;
border-radius: 5px;
}
}
@media (max-width: 1280px) {
.income-contractorInput div{
max-width: 100% !important;
}
}
@media (max-width: 600px) {
.buttonsWrap .income-buttons{
border-radius: 7px !important;
margin-bottom: 5px;
}
}
@media (max-width: 510px) {
.buttonsWrap .orders-buttons{
border-radius: 7px !important;
margin-bottom: 5px;
}
.menu_settings .MuiDrawer-paper {
left: 50px
}
}
@media (max-width: 768px) {
.buttonsWrap .order-buttons{
border-radius: 7px !important;
margin-bottom: 5px;
}
}
@media (max-width: 370px) {
.products-createButtons button{
white-space: normal;
}
}
@media (max-width: 1055px) {
.products-createButtons button{
white-space: nowrap;
margin-bottom: 5px;
}
.products-settingsButtons{
max-width: 100% !important;
}
}
@media (max-width: 429px) {
.buttonsWrap .product-settingsButton{
border-radius: 7px !important;
margin-bottom: 5px;
}
}
@media screen and (max-width: 900px) {
.label {
text-align: left;
float: none;
}
.menu-right {
float: none;
}
}
@media (max-width: 900px) {
.nav_feedback_button {
display: none !important;
}
}
@media (max-width: 767px) {
.additional_menu .MuiDrawer-paper:hover {
transform: translateX(-550px);
}
.show-drawer .MuiDrawer-paper {
transform: translateX(-550px);
}
.profile {
display: none !important;
}
.orgSuggest {
width: 350px;
}
.profile-menu {
position: static;
}
.profile-menu .profile-text {
display: none;
}
.navigate-profile-block{
margin-left: 5px;
}
.navigate-profile{
padding-right: 10px;
}
.settings-button{
margin: 0 10px 0 10px
}
.navigate-block{
margin-right: 10px;
}
.summary_wrapper .MuiGrid-container {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
flex-wrap: wrap !important;
gap: 8px !important;
}
.card_content_dashboard .graf_widget {
margin-top: 16px !important;
}
.MuiGrid-container, .MuiGrid2-container {
display: block !important;
padding-bottom: 10px !important;
margin: 0 !important;
}
.wrapper_addons .MuiGrid-container {
display: flex !important;
flex-wrap: nowrap;
margin: 0 !important;
}
.MuiGrid-item {
max-width: none !important;
padding: 2px 0 2px !important;
}
.login-form .MuiGrid-item {
padding: 7px !important;
}
.label {
text-align: left;
float: none;
}
.menu-right {
float: none;
}
.order_label {
display: flex;
align-items: center;
justify-content: flex-end;
}
.MuiButtonGroup-root {
padding-top: 5px !important;
}
.mainCard {
width: 100%;
float: none;
}
.main {
margin-left: 0 !important;
}
.header-notification {
margin-left: 0 !important;
}
.page {
padding: 5px 5px 20px 5px;
}
.fixedButtonPanel {
padding: 8px 10px 8px 5px !important;
}
.MuiCardContent-root {
padding: 5px !important;
}
.menuMinimizeButton {
display: none !important;
}
.menuButton {
display: block !important;
}
.menu {
display: none !important;
}
.menu-visible {
display: block !important;
}
.fiftyText {
width: 100%
}
.remoteViewText {
margin-top: 0;
font-size: 160% !important;
}
.productInfo {
font-size: 180%;
}
}
@media print {
.MuiDataGrid-pinnedColumns--right {
display: none !important;
}
.table-content {
height: max-content !important;
display: block;
}
.MuiDataGrid-main {
overflow: visible !important;
}
.MuiDataGrid-main div, .MuiDataGrid-virtualScroller, .MuiDataGrid-virtualScrollerContent {
height: max-content !important;
overflow: visible !important;
}
.table-search, .filters, .profile-menu, .buttons, .MuiIconButton-root, jdiv, .menu {
display: none !important;
}
.main {
margin-left: 0;
}
.black {
color: #000;
}
.MuiDataGrid-toolbarContainer {
display: none !important;
}
.MuiDataGrid-footerContainer {
display: none !important;
}
.messageView {
display: none !important;
}
.tms_task {
display: none !important;
}
.table .filters {
display: none !important;
}
}
.MuiToggleButtonGroup-root .Mui-disabled {
opacity: .7;
}
.import_step {
font-size: 16px;
font-weight: 600;
margin-bottom: 20px;
padding-top: 18px;
}
.national_catalog_import {
display: grid;
grid-template-columns: 2fr 1fr;
grid-template-rows: repeat(5, 1fr);
}
.import_step_1 {
grid-column: 1;
grid-row: 1;
}
.import_step_2 {
grid-column: 1;
grid-row: 2;
}
.import_step_3 {
grid-column: 1;
grid-row: 3;
}
.import_step_4 {
grid-column: 1;
grid-row: 4;
}
.import_step_5 {
grid-column: 1;
grid-row: 5;
}
.import_step_6 {
grid-column: 2;
grid-row-start: 1;
grid-row-end: 6;
}
@media screen and (max-width: 1500px){
.national_catalog_import {
grid-template-columns: 1fr;
grid-template-rows: repeat(6, auto);
}
.import_step_2 {
grid-row: 3;
}
.import_step_3 {
grid-row: 4;
}
.import_step_4 {
grid-row: 5;
}
.import_step_5 {
grid-row: 6;
}
.import_step_6 {
grid-column: 1;
grid-row: 2;
width: 400px;
}
}
@media screen and (max-width: 400px){
.import_step_6 {
width: 100%;
min-width: 300px;
}
}
.labels_patterns {
display: flex;
flex-direction: row-reverse;
gap: 8px;
}
.labels_patterns .messageView {
position: sticky;
top: 8px;
}
.labels_patterns .messageView .MuiAlert-message {
font-size: 1rem;
}
.labels_patterns--right {
width: 30%;
}
.labels_patterns--left {
max-width: calc(70% - 8px);
flex-grow: 1;
}
@media screen and (max-width: 1350px) {
.labels_patterns--right {
width: 20%;
}
.labels_patterns--left {
max-width: calc(80% - 8px);
}
.labels_patterns .messageView .MuiAlert-message {
font-size: 0.85rem;
}
}
@media screen and (max-width: 1220px) {
.labels_patterns {
display: block;
}
.labels_patterns--right {
width: 100%;
}
.labels_patterns--left {
max-width: 100%;
}
.labels_patterns .messageView {
position: static
}
.importantText-partner {
flex-direction: column;
}
.partner-widget-content p {
font-size: 14px !important;
}
.partner-widget-content p a {
font-size: 14px !important;
}
}
.custom_toolbar_filter .MuiInputBase-root::after {
outline-color: #00A7E7
}
.model_container {
display: grid;
grid-template-columns: minmax(320px, 385px) 1fr;
gap: 1rem;
}
.model_frame {
display: grid;
grid-template-columns: minmax(480px, 1fr) minmax(200px, 385px);
gap: 1rem;
}
.model_block {
border-radius: 5px;
background-color: white;
padding: 2rem;
margin-bottom: 1rem;
margin-top: 0;
position: relative;
}
.labelPreview.importantInfo {
border-left: none;
font-size: 1rem;
}
.recentProducts .MuiGrid-container {
padding: 0;
margin-bottom: 10px;
}
.model_block.full_width .MuiAutocomplete-root,
.model_block.full_width .MuiFormControl-root,
.model_block.full_width .MuiButtonGroup-root,
.model_block.full_width .MuiInputBase-root{
width: 100% !important;
max-width: 100% !important;
}
.image_placeholder {
background-color: #F2F6FB;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
height: 460px;
color: #D3DBDF
}
.model_image_widget {
display: grid;
grid-template-rows: 1fr auto;
width: 100%;
gap: 1rem;
}
.thumbAuto {
width: 100%;
}
.model_prices {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(325px, 1fr));
gap: 1rem;
}
.model_block .composition_left {
width: 100px !important
}
.model_block .composition_right {
width: 100% !important
}
@media (max-width: 1080px) {
.model_container {
display: block;
}
.modelRow-custom-class {
display: flex;
}
}
.model_measures_fields {
margin-top: 15px;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
column-gap: 5px;
row-gap: 15px;
}
.model_tabs_widget .MuiTabs-flexContainer{
gap: 7px;
}
.model_tabs_widget .MuiTabs-flexContainer button[aria-selected="false"] {
border-bottom: none;
}
.model_color_widget_content:last-child {
padding: 0 0 0 7px !important;
}
.filter_button {
display: inline-flex;
transition: all 0.3s ease-in-out 0s;
position: relative;
z-index: 1;
}
.filter_button::after {
content: '';
width: 30px; height: 30px;
border-radius: 100%;
border: 6px solid #0288d1;
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: ring 1.5s infinite;
pointer-events: none;
}
@keyframes ring {
0% {
width: 30px;
height: 30px;
opacity: 1;
}
100% {
width: 250px;
height: 250px;
opacity: 0;
}
}
.blink_button {
animation: blink 1.6s infinite;
transition: all 0.3s ease-in-out;
}
@keyframes blink {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0.3;
}
}
@media (min-width: 768px) {
.mobile-header, .mobile-only {
display: none !important;
}
.mobile-menu-item {
display: none;
}
}
@media (max-width: 767px) {
.desktop-header, .desktop-menu-item, .desktop-only {
display: none !important;
}
.main {
position: relative;
top: 50px;
}
}
.mobile-header {
position: fixed;
top: 0;
z-index: 9999;
background-color: #222529;
width: 100%;
min-width: 320px;
}
.mobile-header .navigate-profile-block {
height: 100%;
padding-right:0;
margin-right: 0;
margin-right: 8px;
gap: 6px;
}
.mobile-header .menuButton {
background-color: #182936;
color: #FFA412;
border-radius: 0;
height: 100%;
top:0;
width: 68px;
}
.mobile-header .header_buttons {
display: none !important;
}
.mobile-header .navigate-block {
margin-right: 0;
}
.mobile-header .navigate-profile {
margin-right: 0;
padding-right: 0;
}
.MuiButton-root.next-step-setup {
border-radius: 40px;
padding: 12px 18px;
font-weight: 900;
}
.MuiButton-root.next-step-setup.Mui-disabled {
background: #F9FAFC;
color: #CBD4E1;
}
.fixedButtonPanel--scorlable {
overflow-x: auto;
}
@media (max-width: 767px) {
.fixedButtonPanel--scorlable {
padding-right: 85px !important;
}
.fixedButtonPanel--scorlable .modelIcon i {
top: 0
}
}
#model_tabs {
flex-direction: row;
}
.model_tabs__menu {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.model_tabs__typografy {
flex-direction: column;
}
.modelImageWidget_dropzone {
display: flex;
flex-direction: column;
gap: 6px;
padding: 16px 22px
}
.modelImageWidget_dropzone__icon {
width: 50px;
}
@media (max-width: 767px) {
.model_tabs__menu {
flex-direction: row;
padding-bottom: 12px;
align-items: center;
}
#model_tabs {
flex-direction: column;
}
.model_tabs__typografy {
flex-direction: row;
gap: 12px
}
.modelImageWidget_dropzone {
flex-direction: row;
}
.text-params-description .ql-editor {
padding-bottom: 100px;
}
.model_description.model_block .ql-editor {
padding-bottom: 100px;
}
.text-params-description .description {
padding-bottom: 100px !important;
}
}
.ag-row-even {
background-color: #F2F6FB;
}
.not-colored-even .ag-row-even {
background-color: transparent;
}
.ag-root-wrapper {
width: 100%;
}
.ag-row {
text-align: center;
}
.vertical-center {
display: flex;
align-items: center;
}
.ag-theme-quartz .ag-cell {
user-select: text;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
}
.ag-theme-custom {
--ag-active-color: #00A7E7 !important;
}
.ag-theme-custom:focus {
border: 5px solid;;
}
.ag-theme-custom .ag-paging-panel {
justify-content: flex-start;
}
.ag-icon-custom .MuiSvgIcon-root {
height: 20px;
}
.ag-theme-custom .ag-paging-button[aria-disabled='true'] .ag-icon-custom{
opacity: 0.5;;
}
.ag-theme-custom .ag-header-row {
font-weight: 700;
font-size: 0.875rem;
}
.ag-theme-alpine .ag-date-picker {
background-color: #f5f5f5;
color: #333;
}
.ag-theme-custom .ag-cell {
display: flex;
align-items: center;
}
.custom-sales-expense-table .ag-root {
font-size: 13px;
border: none;
background-color: #fafafa;
}
.ag-cell.ag-cell-not-inline-editing.ag-custom-editable::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 3px;
border-color: #00A7E7 #00A7E7 transparent transparent;
pointer-events: none;
}
.at-table-pagination_select .MuiSelect-select {
padding-top: 5px !important;
padding-bottom: 5px !important;
padding-left: 0 !important;
}
.ag-theme-quartz.ag-theme-custom.ag-theme-custom-bottom-radius {
--ag-border-radius: 0;
--ag-wrapper-border-radius: 0;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
}
.ag-theme-quartz.ag-theme-custom.ag-theme-custom-bottom-radius .ag-root-wrapper {
border-top-right-radius: 8px;
border-top-left-radius: 8px;
}
.ag-theme-quartz.ag-theme-custom.ag-theme-custom-bottom-radius.disable-footer {
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
.ag-theme-quartz.ag-theme-custom.ag-theme-custom-bottom-radius.disable-footer .ag-root-wrapper {
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
.ag-custom-pagination {
padding: 8px 16px;
border: solid 1px color-mix(in srgb, transparent, #181d1f 15%);
border-top: 0;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
div[col-id='description'] {
justify-content: left;
flex-wrap: wrap;
word-break: break-word;
overflow-wrap: break-word;
white-space: normal;
text-align: left;
line-height: 22px;
}
.table_bg_cell_dark .ag-theme-quartz.ag-theme-custom {
--ag-background-color: transparent !important;
--ag-border-color: #00a7e7 !important;
}
.table_bg_cell_dark .ag-theme-quartz.ag-theme-custom {
--ag-secondary-foreground-color: white;
--ag-foreground-color: white;
}
.table_bg_cell_dark .ag-theme-custom .ag-paging-button[aria-disabled='false'] .ag-icon-custom{
color: var(--ag-foreground-color);
}
.table_bg_cell_dark .ag-theme-custom .ag-row-even {
background-color: #212529;
}
.customHeaderMenuButton {
float: left;
margin: 0 0 0 3px;
}
.customSortDownLabel {
float: left;
margin: 0 0 0 3px;
cursor: pointer;
}
.customSortDownLabel.active .ag-icon.ag-icon-desc::before {
background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22%2300A7E7%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E%2a%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M12%205v14%22%2F%3E%3Cpath%20d%3D%22m19%2012-7%207-7-7%22%2F%3E%3C%2Fsvg%3E");
}
.customSortUpLabel.active .ag-icon.ag-icon-asc::before {
background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22%2300A7E7%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E%2a%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22m5%2012%207-7%207%207%22%2F%3E%3Cpath%20d%3D%22M12%2019V5%22%2F%3E%3C%2Fsvg%3E");
}
.customSortUpLabel {
float: left;
margin: 0;
cursor: pointer;
}
.active {
color: #00A7E7;
}
.task-loader-wrapper {
display: flex;
align-items: center;
flex-direction: column;
padding: 1rem auto;
}
.task-loader {
position: relative;
display: flex;
align-items: center;
gap: 1rem;
}
.progress-text {
display: flex;
}
.task-spinner {
width: 24px;
aspect-ratio: 1;
display: grid;
border-radius: 50%;
background:
linear-gradient(0deg ,rgb(0 0 0/50%) 30%,#0000 0 70%,rgb(0 0 0/100%) 0) 50%/8% 100%,
linear-gradient(90deg,rgb(0 0 0/25%) 30%,#0000 0 70%,rgb(0 0 0/75% ) 0) 50%/100% 8%;
background-repeat: no-repeat;
animation: l23 1s infinite steps(12);
}
.task-spinner::before,
.task-spinner::after {
content: "";
grid-area: 1/1;
border-radius: 50%;
background: inherit;
opacity: 0.915;
transform: rotate(30deg);
}
.task-spinner::after {
opacity: 0.83;
transform: rotate(60deg);
}
@keyframes l23 {
100% {transform: rotate(1turn)}
}
.shift-products_section {
position: relative;
}
.shift-products_section,
.shift-products_section.MuiToggleButtonGroup-root{
border-radius: 7px;
padding: 22px;
background-color: white;
width: 100%;
}
.shift-step_button.MuiButtonBase-root.MuiToggleButtonGroup-grouped{
margin-right: 0;
padding: 22px;
justify-content: left;
}
.shift-step_button h4{
color: #96A2A8;
}
.shift-step_button.Mui-selected h4{
color: #182936;
}
.shift-step_button.Mui-selected svg path{
fill: #00A7E7;
}
.shift-products_section .MuiGrid-item {
padding-top: 0;
}
.shift-products_section .MuiGrid-item .label{
margin-top: 0;
}
.shift-products_section h4{
text-transform: uppercase;
}
.shift-products_section.MuiGrid-container {
max-width: 100%;
}
.shift-product-layout .table-content{
border-radius: 7px;
padding: 22px;
background-color: white;
width: 100%;
}
.shift-product-layout .table .filters,
.shift-product-layout .table .filters > .MuiGrid-container
{
padding-bottom: 0;
}
@media (max-width: 650px) {
.shift-products_section {
display: flex !important;
flex-wrap: wrap !important;
}
}
.shift-product-layout_last .shift-products_section::before {
content: "";
height: 100%;
width: 4px;
background-color: #00A7E7;
position: absolute;
border-radius: 7px;
top: 0;
left:0;
}
.shift-products_section .MuiButton-download {
font-size: 16px;
font-weight: 600;
padding: 14px 25px;
}
.pattern_info {
position: relative;
padding-left: 18px;
}
.shift-products_section .pattern_info::before {
content: "";
height: 100%;
width: 4px;
background-color: #00A7E7;
position: absolute;
border-radius: 7px;
top: 0;
left:0;
}
.shift-product-layout .inner_table .table-content {
padding: 0
}
.scrolled-cell {
overflow-x: scroll !important;
}
.MuiDataGrid-virtualScroller {
padding-bottom: 2rem;
}
.filter__arrow_icon {
margin-left: 44px;
padding: 4px;
border-radius: 50%;
background-color: #00A7E7;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
padding-top: 5px;
transform: none;
}
.filters_block_search .filter__arrow_icon {
transform: rotate(180deg);
}
.product-layout__table-search {
padding-bottom: 0 !important;
}
.products-filter__search-field {
width: 600px;
}
.price_layout.products-filter__search-field {
width: 450px;
}
.price_layout_search {
flex: 1
}
@media (max-width: 950px) {
.products-filter__search-field {
width: 100%
}
.partner-widget-content {
flex-direction: column;
}
#font-family-inter-subscription-partner-widget-link {
padding: 0px !important;
}
.partner-widget-content.copy-form{
flex-direction: row;
}
.partner-widget-content {
gap: 50px !important;
}
.formfield-org-adaptive-buttons {
flex-direction: column;
gap:5px
}
}
.groupped-select__list-subheader {
display: flex;
flex-direction: row;
gap: 5px;
align-items: center;
}
.MuiListSubheader-root {
font-size: 1rem !important;
}
li.groupped-select__menu-item {
padding-left: 37px;
}
.integration_wrapper {
margin-top: 28px;
}
.integration_section_wrapper {
display: flex;
flex-direction: column;
flex: 1 0;
}
.integration_wrapper > div,
.integration_wrapper > span,
.integration_wrapper > h6 {
font-family: 'Inter', sans-serif !important;
}
.integration_switch {
display: flex;
flex-direction: row;
align-items: center;
gap: 28px
}
.integration_switch__wrapper {
background-color: var(--background-color-main);
padding: 16px 20px;
border-radius: 12px;
text-transform: uppercase;
display: flex;
flex-direction: row;
align-items: center;
}
.integration_switch__helpLink {
display: flex;
align-items: center;
}
.integration_switch__helpLink_question {
background-color: var(--color-main);
padding: 2px;
border-radius: 50%;
margin-right: 8px;
}
.repeat-sales_question {
background-color: rgba(97, 97, 97, 0.92);
padding: 2px;
border-radius: 50%;
}
.integration_section {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 44px
}
.integration_section__setup {
background-color: var(--background-color-main);
border-radius: 12px;
display: flex;
flex-direction: column;
padding: 32px 40px;
margin-bottom: 30px;
}
.integration_section__setup_links {
display: flex;
flex-direction: row;
}
.integration_section__help {
display: flex;
flex-direction: column;
border: 1px solid #D3DBDF;
border-radius: 12px;
padding: 24px 38px;
font-family: 'Inter', sans-serif !important;
max-width: 545px;
}
.integration_section__setup__org_wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.integration_section__setup__org_wrapper--mt {
margin-top: 20px;
}
.horizontal_line {
border-bottom: 1px solid #D3DBDF;
margin-top: 28px;
margin-bottom: 26px;
}
.integration_text {
font-size: 15px;
line-height: normal;
}
li.integration_text {
font-family: 'Inter', sans-serif !important;
margin-bottom: 12px;
}
li.integration_text::marker {
color: var(--color-main);
}
.integration_title {
font-size: 20px;
line-height: normal;
font-weight: bold;
margin: 0;
margin-bottom: 16px;
}
.integration_title_2 {
font-size: 16px;
line-height: normal;
font-weight: bold;
margin: 0;
}
.integration_help_info {
padding: 14px 28px;
border-left: 3px solid var(--color-main);
background-color: #F7F6FB;
margin-bottom: 12px;
}
.integration_section__setup_links_wrapper {
min-height: 157px;
display: grid;
grid-auto-flow: column;
align-items: center;
gap: 20px;
padding: 0 28px;
position: relative;
overflow: hidden;
border-radius: 12px
}
.integration_section__setup_links_wrapper::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(rgba(45, 106, 130, 0.5), rgba(45, 106, 130, 0.5)), url(/images/back_image.png);
filter:blur(2px);
background-size: cover;
background-position: center;
}
.integration_section__setup_links_text {
color: white;
font-size: 24px;
z-index: 1;
}
.integration_section__setup_links_buttons {
display: flex;
flex-direction: row;
gap: 16px;
}
.buttons > a {
margin: 0 !important;
}
.integration_section__setup_links_buttons button {
border-radius: 50px;
}
.button_watch {
padding: 20px 30px !important;
background-color: white !important;
color: #000 !important;
}
.button_free_setup {
padding: 20px 30px;
background-color: var(--color-main) !important;
color: white !important;
}
.fullWidth {
width: 100%;
}
.products_print-button {
padding-left: 66px;
padding-right: 66px
}
.print-with-quantity-buttons.MuiButtonGroup-root {
max-width: 100%;
}
@media (max-width: 620px) {
.products_text-content-print {
display:none;
}
.products_print-button {
padding-left: 6px;
padding-right: 6px
}
#font-family-inter-subscription-partner-widget-link {
margin-top: 50px;
}
.partner-widget-content .info-card p {
padding: 5px 0 5px 35px;
}
}
.blue_table_header, .blue_table_header .ag-icon{
color: #00a7e7;
}
.ag-cell .productsTable .td_content-text{
text-align: left;
line-height: 16px;
padding-top: 15px;
}
.ag-header-cell {
padding-left: 13px;
padding-right: 13px;
}
.ag-body-horizontal-scroll {
z-index: 1;
}
@keyframes fade {
from {
opacity: 0;
transform: scale(0.75, 0.6);
}
to {
opacity: 1;
transform: scale(1);
}
}
.ag-custom-table-tooltip {
position: relative;
background-color:rgba(97, 97, 97, 0.92);
border-radius: 4px;
max-width: 300px;
top: 20px;
padding: 4px 8px;
word-wrap: break-word;
font-weight: 500;
white-space: pre-line;
font-size: 14px;
color: #fff;
animation: fade 100ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ag-center-cols-container {
min-width: 100% !important;
}
.MuiDataGrid-cell[data-field="labels"] div {
white-space: nowrap;
}
.subscription-additional-module span{
font-family: 'Montserrat', sans-serif !important;
}
.price__number-field .MuiInputBase-root {
font-size: 14px;
border-radius: 20px;
min-width: 70px;
color: #96A2A8;
}
.price_cell-table tr:nth-child(2) .price__number-field .MuiInputBase-root {
border-color: black;
color:#182936;
}
.price_cell-table {
margin-right: auto;
margin-left: auto;
}
.price_cell-table td:nth-child(odd) {
padding: 5px
}
.ag-custom-table-tooltip {
position: relative;
background-color:rgba(97, 97, 97, 0.92);
border-radius: 4px;
max-width: 300px;
top: 20px;
padding: 4px 8px;
word-wrap: break-word;
font-weight: 500;
white-space: pre-line;
font-size: 14px;
color: #fff;
animation: fade 100ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ag-header-cell-comp-wrapper .PrivateSwitchBase-input {
z-index: 2 !important;
}
.accessMessage {
padding: 20px
}
.products-layout .render-value-ag-24 {
display: flex;
align-items: center;
height: 24px;
justify-content: center;
}
.page.shaddow {
background-color: rgb(242, 246, 251);
}
.products-layout .price_cell-table {
margin-top: 0 !important;
margin-bottom: 21px
}
.ag-root-wrapper .ag-root-wrapper-body .ag-root {
width: 100%;
}
.pack-order-button-group .MuiInputBase-root {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.pack-order-button-group .pack-order-text-field fieldset{
top: 0;
}
.pack-order-button-group .pack-order-text-field .MuiInputBase-root{
height: 100%;
}
.transactions_report .MuiCardHeader-root {
border-bottom: 1px solid #D9D9D9;
padding-top: 0;
}
.transactions_report .multi_color_progress--inner {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.transactions-layout .MuiDataGrid-columnHeader {
background-color: #E1E8F0 !important;
}
.transactions-layout .MuiDataGrid-toolbarContainer {
background-color: #E1E8F0;
}
.transactions-layout .table-content {
background-color: white;
}
.transaction_filter_block {
background-color: white;
border-radius: 8px;
-webkit-box-shadow: 0px 20px 25px 0px rgba(76, 103, 100, 0.14);
-moz-box-shadow: 0px 20px 25px 0px rgba(76, 103, 100, 0.14);
box-shadow: 0px 20px 25px 0px rgba(76, 103, 100, 0.14);
}
@media screen and (max-width: 767px){
.transaction_filter_block {
margin-top: 8px;
}
.partner-info-block-grid {
grid-template-columns: repeat(1, 1fr) !important;
}
}
.difference-card_table {
border-collapse: collapse;
}
.difference-card_td {
border-bottom: 1px solid #D9D9D9;
}
.ag-selected-order-product {
opacity: 0.5;
}
.abc-datepiker .MuiInputBase-root {
height: 50px;
}
.custom-date-range-piker .react-datepicker-popper{
z-index: 100;
}
.custom-header-table__text, .ag-header-cell-text{
flex-grow: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: break-spaces;
line-height: 18px;
max-height: 36px;
display: -webkit-box;
-moz-box-orient: vertical;
-webkit-box-orient: vertical;
word-break: break-word;
overflow-wrap: break-word;
-webkit-line-clamp: 1;
}
.two-line-clamp .ag-header-cell-text {
-webkit-line-clamp: 2;
}
.font-family-inter {
font-family: 'Inter', sans-serif !important;
}
.button-switch-dashboard {
transition: all ease 0.3s;
display: flex;
align-items: center;
justify-content: center;
margin:0px !important;
padding-inline:22px !important;
padding-top:20px !important;
padding-bottom:20px !important;
font-size:16px;
font-weight:500;
border-top-left-radius:28px;
border-end-start-radius:28px;
width:183px;
height:52px;
color:#96A2A8;
}
.button-switch-dashboard.right {
border-radius: 0px;
border-top-right-radius: 28px;
border-bottom-right-radius: 28px;
}
.button-switch-dashboard.dark {
background: #0e2b44;
color:#00A7E7
}
.mass_editing_products .ag-popup-editor {
padding: 10px;
background-color: white;
border-radius: 5px;
min-width: 300px;
}
.file_import-message .MuiAlert-message {
display: block;
}
.partner-widget-form {
display: flex;
flex-direction: column;
position: relative;
max-width: 1274px;
border-radius: 16px;
padding:52px 59px 52px 59px;
overflow: hidden;
gap:52px
}
.partner-widget-form::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url(/images/partnerBG.png);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
filter: blur(6px);
z-index: 1;
}
.partner-widget-form::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(15, 112, 153, 0.5);
z-index: 2;
}
.partner-widget-content {
position: relative;
z-index: 999;
}
.partner-widget-content .info-card {
display: flex;
background-color: #FFFFFF;
border-radius: 6px;
max-width: 560px;
height: 100px;
position: relative;
z-index: 997;
}
.partner-widget-content .info-card .blue-left {
display: flex;
background-color: #00A7E7;
width: 103px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
height: auto;
position: relative;
z-index: 997;
}
.partner-widget-content .info-card .blue-left .ellerbg {
display: flex;
align-items: center;
transform: translateX(18px);
background-color: rgba(0, 167, 231, 0.3);
width: 103px;
border-radius: 50%;
height: auto;
position: relative;
z-index: 997;
}
.partner-widget-content .info-card .blue-left .eller {
display: flex;
align-items: center;
background-color: #00A7E7;
width: 82px;
border-radius: 50%;
height: 82px;
transform: translateX(14px);
position: relative;
z-index: 998;
}
.partner-widget-content .info-card p {
margin: 0;
padding: 15px 0 15px 40px;
font-size: 16px;
font-weight: 300;
position: relative;
z-index: 999;
}
.partner-widget-content .info-card p a {
font-size: 16px;
font-weight: 600;
color: #00A7E7;
position: relative;
text-decoration: none;
z-index: 999;
cursor: pointer;
}
.partner-widget-content.copy-form {
display: flex;
width:100%;
height: 86px;
align-items: center;
justify-content: space-between;
padding: 27px 48px 27px 48px;
border-radius: 8px;
border: 1px solid #D3DBDF;
background-color: #FFFFFF;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.partner-widget-content h1 {
color: #FFFFFF;
margin: 0;
padding: 0;
font-size: 2.5rem;
line-height: 48px;
font-weight: 700;
max-width: 510px;
height: 144px;
}
.partner-widget-content a {
color: #FFFFFF;
margin: 0;
padding: 0;
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
.partner-info-block {
display: flex;
align-items: center;
padding:28px;
justify-content: space-between;
background-color: #F2F6FB;
max-width: 622px;
height: 86px;
}
.partner-info-block p {
padding: 0;
font-weight: 600;
font-size: 18px;
}
.partner-info-block-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
padding: 25px;
}
.formfield-org-adaptive {
height: 100%;
gap: 5px;
}
.tagSuggestWidget .MuiButtonGroup-grouped:last-of-type{
border-right: none;
}
.filter-button {
background-color: transparent;
color: #97A2A8;
border: none;
font-size: 0.8rem;
cursor: pointer;
transition: background-color 0.2s;
text-transform: lowercase;
z-index: 10;
}
.filter-button.active {
opacity: 0.5;
}
.filter-button-container {
display: flex;
justify-content: space-between;
padding-inline: 2px;
}
.custom-date-range-picker-input {
font-weight: 100;
color: red;
}
.react-datepicker-popper {
z-index: 10;
}
.custom-date-range-picker-blue-text {
color: #00A7E7;
}
.react-datepicker-popper {
z-index: 10;
}
.multi-carousel {
width: 100%;
overflow: hidden;
position: relative;
}
.carousel-container {
display: flex;
transition: transform 0.5s ease-in-out;
will-change: transform;
}
.carousel-item {
flex-shrink: 0;
padding: 0 10px;
box-sizing: border-box;
}
/* Для тач-устройств */
@media (hover: none) {
.carousel-container {
cursor: grab;
}
.carousel-container:active {
cursor: grabbing;
}
}
.carousel-button {
transform: translateY(-50%);
background: #fff;
color: rgba(0, 0, 0, 0.5);
border: none;
width: 12px;
height: 12px;
border-radius: 50%;
font-size: 20px;
cursor: pointer;
z-index: 10;
}
.carousel-button:hover {
background: rgba(0, 0, 0, 0.7);
}
.carousel-button.prev {
left: 10px;
}
.carousel-button.next {
right: 10px;
}
/* Точки-индикаторы */
.dots-container {
display: flex;
justify-content: center;
gap: 8px;
margin-top: 20px;
}
.dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: #ccc;
border: none;
cursor: pointer;
padding: 0;
transition: background 0.3s;
}
.dot.active {
background: #333;
}
.dot:hover {
background: #999;
}
.toggle-button-group {
display: flex;
}
.toggle-button {
text-transform: uppercase;
padding: 14px 23px;
cursor: pointer;
background-color: white;
border: 1px solid #D3DBDF;
color: #96A2A8;
font-weight: 500;
font-size: 14px;
margin-right: -1px;
transition: background-color 0.3s, color 0.3s;
}
.toggle-button.selected {
background-color: #D9E3F0;
color: #182936;
border: none;
}
.page.absNew {
background: #F2F6FB;
}
.page.absNew .top-bar {
height: 292px;
display: flex;
flex-direction: column;
background-color: #FFFFFF;
border-radius: 5px;
padding-top: 20px;
padding-bottom: 40px;
padding-left: 28px;
padding-right: 36px;
gap:16px;
}
.page.absNew .top-bar .block-1 {
display: flex;
gap: 12px;
}
.page.absNew .info-block {
background-color: #182936;
display: flex;
flex-direction: column;
width: 100%;
height: 259px;
padding-bottom: 42px;
padding-inline: 49px;
border-radius: 5px;
margin-top: 44px;
gap: 26px;
}
.page.absNew .info-block .label-container {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 32px;
}
.page.absNew .info-block .label-container h2, .page.absNew .info-block .label-container h3, .page.absNew .info-block .label-container h4,.page.absNew .info-block .label-container h5 {
margin: 0;
}
.page.absNew .info-block .label-container h2 {
color: #FFFFFF;
font-weight: 600;
font-size: 1.5rem;
}
.page.absNew .info-block .label-container h5 {
color: #CECECE;
font-weight: 400;
font-size: 0.75rem;
}
.top-bar .search-bar {
display: flex;
justify-content: space-between;
align-items: end;
gap: 77px;
}
.top-bar .search-bar .search-container {
display: flex;
flex-direction: column;
width: 100%;
max-width: 560px;
}
.top-bar .search-bar .search-container h3 {
font-size: 0.95rem;
padding-bottom: 5px;
font-weight: bold;
}
.top-bar .search-bar .search-container h5 {
font-weight: 700;
font-size: 0.80rem;
}
.page.absNew .info-block .info-cards-container {
display: flex;
gap: 26px;
justify-content: center;
align-items: center;
}
.page.absNew .info-block .info-card {
background: #FFFFFF;
color: #182936;
display: flex;
width: 440px;
height: 122px;
align-items: center;
justify-content: center;
padding: 34px;
padding-left: 20px;
border-radius: 8px;
gap:20px;
}
.page.absNew .info-block .info-card img {
width: 64px;
height: 1.5rem;
}
.page.absNew .info-block .info-card p {
font-size: 0.75rem;
font-weight: 400;
line-height: 20px;
}
.ellipse {
display: flex;
align-items: center;
justify-content: center;
width: 66px;
height: 66px;
border-radius: 50%;
}
.ellipse.red {
background-color: #FDE3E4;
}
.ellipse.green {
background-color: #E0FCEA;
}
.ellipse.blue {
background-color: #E8F0FB;
}
.MuiDataGrid-row--borderBottom.css-yseucu-MuiDataGrid-columnHeaderRow {
background-color: #E1E8F0;
}
.abs-analitic-block {
height: 190px;
display: flex;
gap:27px;
margin-top: 48px;
margin-bottom: 48px;
}
.abs-analitic-block .abs-card {
height: 180px;
width: 100%;
display: flex;
flex-direction: column;
background-color: #FBFFFD;
border-radius: 8px;
}
.line-bold {
border: none;
height: 6px;
width: 100%;
background-color: #00B956;
border-radius: 3px;
margin: 0px;
}
.abs-analitic-block .abs-card .info {
display: flex;
flex-direction: column;
padding-top: 20px;
padding-inline: 24px;
}
.abs-analitic-block .abs-card .info .label {
display: flex;
flex-direction: column;
gap: 20px;
}
.abs-analitic-block .abs-card .info .label .line {
border: none;
height: 1px;
width: 100%;
background-color: #D9D9D9;
border-radius: 3px;
margin: 0;
}
.abs-analitic-block .abs-card .info .container {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0;
}
.abs-analitic-block .abs-card .info .container h2 {
color:#96A2A8;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
}
.abs-analitic-block .abs-card .info .container h3 {
color:#182936;
font-weight: 600;
font-size: 18px;
}
.abs-analitic-block .abs-card .info .container h4 {
color:#182936;
font-weight: 600;
font-size: 14px;
}
.abs-analitic-block .abs-card .info .container .values{
display: flex;
align-items: center;
justify-content: space-between;
width: 50%;
padding-right: 20px;
}
.uppercase {
text-transform: uppercase;
padding: 0;
margin: 0;
opacity: 0.5;
}