@font-face {
font-family: "Inter";
src: url("fonts/Inter-Regular.eot");
src: local("Inter"), local("Inter-Regular"),
url("fonts/Inter-Regular.eot?#iefix") format("embedded-opentype"),
url("fonts/Inter-Regular.woff2") format("woff2"),
url("fonts/Inter-Regular.woff") format("woff"),
url("fonts/Inter-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face{
font-family: "Inter";
src: url("fonts/Inter-LightBETA.eot");
src: local("Inter"), local("Inter-LightBETA"),
url("fonts/Inter-LightBETA.eot?#iefix") format("embedded-opentype"),
url("fonts/Inter-LightBETA.woff2") format("woff2"),
url("fonts/Inter-LightBETA.woff") format("woff"),
url("fonts/Inter-LightBETA.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face{
font-family: "Inter";
src: url("fonts/Inter-Medium.eot");
src: local("Inter"), local("Inter-Medium"),
url("fonts/Inter-Medium.eot?#iefix") format("embedded-opentype"),
url("fonts/Inter-Medium.woff2") format("woff2"),
url("fonts/Inter-Medium.woff") format("woff"),
url("fonts/Inter-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face{
font-family: "Inter";
src: url("fonts/Inter-SemiBold.eot");
src: local("Inter"), local("Inter-SemiBold"),
url("fonts/Inter-SemiBold.eot?#iefix") format("embedded-opentype"),
url("fonts/Inter-SemiBold.woff2") format("woff2"),
url("fonts/Inter-SemiBold.woff") format("woff"),
url("fonts/Inter-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
* {
box-sizing:border-box;
min-height: 0;
min-width: 0;
}
body,
html {
width:100%;
min-height:100%;
margin:0;
padding:0;
position:relative;
min-width: 1512px;
}
body {
background: #F7F9FB;
display: flex;
flex-direction: column;
min-width:360px;
color: #2A2D30;
font-family: Inter;
font-size: 14px;
line-height: normal;
min-height: 100vh;
}
form {
margin: 0;
padding: 0;
outline: none;
min-height: 0;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Inter";
font-size: 40px;
line-height: 140%;
color: #2C3136;
font-weight: 500;
}
strong {
font-weight: 500;
font-family: "Inter";
}
img {
border:0;
max-width: 100%;
}
.section {
}
.section__wrapper {
width: 100%;
padding: 0 24px;
max-width: 1500px;
margin-left: auto;
margin-right: auto;
}
a {
text-decoration:none;
transition: all 0.2s ease;
font-family: "Inter";
color: #007B99;
}
a:hover {
text-decoration:none;
}
a:focus {
outline: none;
text-decoration:none;
}
/*buttons*/
.button {
display: flex;
align-items: center;
justify-content: center;
width: fit-content;
color: #FFF;
font-family: Inter;
font-size: 14px;
font-weight: 500;
line-height: normal;
cursor: pointer;
outline: none;
border: 2px solid transparent;
padding: 7px 16px;
transition: all 0.2s ease;
border-radius: 4px;
background: #007B99;
}
.button:hover {
background: #00B49D;
}
.button:focus {
border: 2px solid #8BB3E8;
background: #00B49D;
}
.button-large {
padding: 9px 20px;
}
.button-medium {
padding: 5px 16px;
}
.button-small {
padding: 3px 12px;
}
.button-loading:before {
content: '';
background: url('data:image/svg+xml,') no-repeat center center;
display: block;
width: 16px;
height: 16px;
margin-right: 6px;
animation:rotate 2s linear infinite;
}
.button-rloading:after {
content: '';
background: url('data:image/svg+xml,') no-repeat center center;
display: block;
width: 16px;
height: 16px;
margin-left: 6px;
animation:rotate 2s linear infinite;
}
.button-disabled {
color: #A9AEB8 !important;
background: #F7F8FA !important;
border-color: transparent !important;
cursor: default;
}
.button-limg svg {
margin-right: 6px;
}
.button-rimg svg {
margin-left: 6px;
}
.button-limg.button-disabled svg path,
.button-rimg.button-disabled svg path {
fill: rgba(169, 174, 184, 1);
}
@keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform:rotate(360deg);
}
}
.button-secondary {
background: #F2F3F5;
color: #4E5969;
}
.button-secondary svg path {
fill: rgba(78, 89, 105, 1);
}
.button-secondary:hover {
background: #E5E6EB;
}
.button-secondary:focus {
border-color: #F2F3F5;
background: #E5E6EB;
}
.button-secondary.button-loading:before {
background-image: url('data:image/svg+xml,');
}
.button-secondary.rbutton-loading:before {
background-image: url('data:image/svg+xml,');
}
.button-text {
background: transparent;
color: #007B99;
}
.button-text:hover {
color: #007B99;
background: transparent;
}
.button-text svg path {
fill: #007B99;
}
.button-text:focus {
border-color: #C1C1C1;
background: #F6F6F6;
}
.button-text.button-loading:before {
background-image: url('data:image/svg+xml,');
}
.button-text.rbutton-loading:before {
background-image: url('data:image/svg+xml,');
}
.button-ol {
background: #FFF;
color: #007B99;
border-color: #007B99;
}
.button-ol:hover {
color: #007F97;
border-color: #007F97;
background: transparent;
}
.button-ol svg path {
fill: #007F97;
}
.button-ol:focus {
border-color: #007F97;
background: #FFF;
color: #007F97;
box-shadow: 0 0 0 2px #8BB3E8;
}
.button-ol.button-loading:before {
background-image: url('data:image/svg+xml,');
}
.button-ol.rbutton-loading:before {
background-image: url('data:image/svg+xml,');
}
.button-olg {
background: #FFF;
color: #C1C1C1;
border-color: #C1C1C1;
}
.button-olg:hover {
color: #C1C1C1;
border-color: #C1C1C1;
background: #FFF;
}
.button-olg svg path {
fill: #C1C1C1;
}
.button-olg:focus {
border-color: #C1C1C1;
background: #FFF;
color: #C1C1C1;
box-shadow: 0 0 0 2px #E5E6EB;
}
.button-olg.button-loading:before {
background-image: url('data:image/svg+xml,');
}
.button-olg.rbutton-loading:before {
background-image: url('data:image/svg+xml,');
}
.button-success {
background: #FFF;
color: #C1C1C1;
border-color: #C1C1C1;
}
.button-success:hover {
color: #C1C1C1;
border-color: #C1C1C1;
background: #FFF;
}
.button-success svg path {
fill: #C1C1C1;
}
.button-success:focus {
border-color: #C1C1C1;
background: #FFF;
color: #C1C1C1;
box-shadow: 0 0 0 2px #E5E6EB;
}
.button-success.button-loading:before {
background-image: url('data:image/svg+xml,');
}
.button-success.rbutton-loading:before {
background-image: url('data:image/svg+xml,');
}
.button-success {
background: #22A06B;
color: #FFFFFF;
border-color: transparent;
}
.button-success:hover {
color: #FFFFFF;
background: #3FB37F;
border-color: transparent;
}
.button-success svg path {
fill: #FFFFFF;
}
.button-success:focus {
border-color: #89D9B0;
background: #3FB37F;
color: #C1C1C1;
}
.button-success.button-loading:before {
background-image: url('data:image/svg+xml,');
}
.button-success.rbutton-loading:before {
background-image: url('data:image/svg+xml,');
}
.button-danger {
background: #E30613;
color: #FFFFFF;
border-color: transparent;
}
.button-danger:hover {
color: #FFFFFF;
border-color: transparent;
background: #FF2600;
}
.button-danger svg path {
fill: #FFFFFF;
}
.button-danger:focus {
border-color: #F4AF9C;
background: #FF2600;
color: #FFFFFF;
}
.button-danger.button-loading:before {
background-image: url('data:image/svg+xml,');
}
.button-danger.rbutton-loading:before {
background-image: url('data:image/svg+xml,');
}
.button-warning {
background: #F7BA1E;
color: #272E3B;
border-color: transparent;
}
.button-warning:hover {
color: #272E3B;
border-color: transparent;
background: #F9CC45;
}
.button-warning svg path {
fill: #272E3B;
}
.button-warning:focus {
border-color: #FCE996;
background: #F9CC45;
color: #272E3B;
}
.button-warning.button-loading:before {
background-image: url('data:image/svg+xml,');
}
.button-warning.rbutton-loading:before {
background-image: url('data:image/svg+xml,');
}
.button-ico {
background: transparent !important;
border-color: transparent !important;
}
.button-ico svg path {
fill: #007B99;
}
.button-ico.button-loading:before {
background-image: url('data:image/svg+xml,');
}
.button-ico.rbutton-loading:before {
background-image: url('data:image/svg+xml,');
}
.button-ico-dark svg path {
fill: #2A2D30;
}
.button-ico.button-loading:before {
background-image: url('data:image/svg+xml,');
}
.button-ico.rbutton-loading:before {
background-image: url('data:image/svg+xml,');
}
.button-it {
border-radius: 4px;
border: 1px solid #D2D2DA;
background: #FFF;
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px;
}
.button-it__ico {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
}
.button-it__cor {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
}
.button-it__body {
flex: 1 1 auto;
margin: 0 16px;
}
.button-it__body-title {
color: #2A2D30;
font-size: 20px;
}
.button-it__body-text {
color: #565D6A;
font-size: 14px;
margin-top: 4px;
}
.button-it:hover {
border-color: #D2D2DA;
background: #007F97;
}
.button-it:hover .button-it__body-title {
color: #fff;
}
.button-it:hover .button-it__body-text {
color: #fff;
}
.button-it:hover .button-it__ico svg path {
stroke: #fff;
}
.button-it:hover .button-it__cor svg path {
stroke: #fff;
}
/*buttons*/
/*input*/
.input-block {
position: relative;
}
.input-block__item {
}
.input-block__title {
color: #000;
font-size: 16px;
font-weight: 400;
margin-bottom: 8px;
display: block;
}
.input {
color: #000;
font-family: Inter;
font-size: 14px;
border-radius: 4px;
border: 1px solid #C1C1C1;
background: #F6F6F6;
padding: 8px;
transition: all 0.2s ease;
outline: none;
position: relative;
z-index: 1;
width: 100%;
}
.input-block.white .input {
background: #fff;
}
textarea.input {
resize: vertical;
min-height: 90px;
}
.input:focus {
border: 1px solid #007F97;
background: #FFF;
}
.input[disabled] {
border: 1px solid #C1C1C1;
background: #F6F6F6;
color: #C1C1C1;
}
.input-large {
padding: 10px 8px;
}
.input-medium {
padding: 6px 8px;
}
.input-small {
padding: 4px 8px;
}
.input-success .input {
border-color: #00B49D;
padding-right: 40px;
}
.input-success:after {
content: '';
width: 16px;
height: 16px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center center;
position: absolute;
right: 8px;
top: 50%;
margin-top: -8px;
z-index: 2;
}
.input-error .input {
border-color: #E30613;
padding-right: 40px;
}
.error.input {
border-color: #E30613;
}
.input-error:after {
content: '';
width: 16px;
height: 16px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center center;
position: absolute;
right: 8px;
top: 50%;
margin-top: -8px;
z-index: 2;
}
.input-loading:after {
content: '';
width: 16px;
height: 16px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center center;
position: absolute;
right: 8px;
top: 50%;
margin-top: -8px;
z-index: 2;
animation:rotate 2s linear infinite;
}
.input-block__password .input {
padding-right: 40px;
}
.input__show-pass,
.input__hide-pass {
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center center;
position: absolute;
right: 8px;
top: 50%;
margin-top: -8px;
z-index: 2;
}
.input__show-pass {
background-image: url('data:image/svg+xml,');
}
.input__hide-pass {
background-image: url('data:image/svg+xml,');
}
.input-block__password.input-error .input__show-pass,
.input-block__password.input-error .input__hide-pass {
display: none;
}
.input-block__wico {
position: relative;
}
.input-block__wico .input {
z-index: 1;
}
.input-block__wico .input-ico {
position: absolute;
right: 8px;
top: 8px;
z-index: 2;
}
.input-ico__search {
cursor: pointer;
}
.input-block {
text-align: left;
}
.input-block [type="checkbox"]:not(:checked),
.input-block [type="checkbox"]:checked,
.main-grid-settings-window-list-item [type="checkbox"]:not(:checked),
.main-grid-settings-window-list-item [type="checkbox"]:checked,
.main-grid-settings-window-for-all [type="checkbox"]:not(:checked),
.main-grid-settings-window-for-all [type="checkbox"]:checked {
position: absolute;
left: 0;
opacity: 0.01;
}
.input-block [type="checkbox"]:not(:checked) + label,
.input-block [type="checkbox"]:checked + label,
.main-grid-settings-window-list-item [type="checkbox"]:not(:checked) + label,
.main-grid-settings-window-list-item [type="checkbox"]:checked + label,
.main-grid-settings-window-for-all [type="checkbox"]:not(:checked) + label,
.main-grid-settings-window-for-all [type="checkbox"]:checked + label {
position: relative;
padding-left: 22px;
cursor: pointer;
color: #2A2D30;
font-size: 14px;
}
.input-block [type="checkbox"]:not(:checked) + label:before,
.input-block [type="checkbox"]:checked + label:before,
.main-grid-settings-window-list-item [type="checkbox"]:not(:checked) + label:before,
.main-grid-settings-window-list-item [type="checkbox"]:checked + label:before,
.main-grid-settings-window-for-all [type="checkbox"]:not(:checked) + label:before,
.main-grid-settings-window-for-all [type="checkbox"]:checked + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 17px;
z-index: 1;
border-radius: 2px;
-webkit-transition: all .275s;
transition: all .275s;
background: url('data:image/svg+xml,') no-repeat center center;
}
.input-block [type="checkbox"]:not(:checked) + label:after,
.input-block [type="checkbox"]:checked + label:after,
.main-grid-settings-window-list-item [type="checkbox"]:not(:checked) + label:after,
.main-grid-settings-window-list-item [type="checkbox"]:checked + label:after,
.main-grid-settings-window-for-all [type="checkbox"]:not(:checked) + label:after,
.main-grid-settings-window-for-all [type="checkbox"]:checked + label:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 17px;
z-index: 2;
-webkit-transition: all .275s;
transition: all .275s;
background: url('data:image/svg+xml,') no-repeat center center;
}
.input-block [type="checkbox"]:not(:checked) + label:after,
.main-grid-settings-window-list-item [type="checkbox"]:not(:checked) + label:after,
.main-grid-settings-window-for-all [type="checkbox"]:not(:checked) + label:after {
opacity: 0;
}
.input-block [type="checkbox"]:checked + label:after,
.main-grid-settings-window-list-item [type="checkbox"]:checked + label:after,
.main-grid-settings-window-for-all [type="checkbox"]:checked + label:after {
opacity: 1;
}
.input-block [type="checkbox"]:disabled:not(:checked) + label:before,
.input-block [type="checkbox"]:disabled:checked + label:before,
.main-grid-settings-window-list-item [type="checkbox"]:disabled:not(:checked) + label:before,
.main-grid-settings-window-list-item [type="checkbox"]:disabled:checked + label:before,
.main-grid-settings-window-for-all [type="checkbox"]:disabled:not(:checked) + label:before,
.main-grid-settings-window-for-all [type="checkbox"]:disabled:checked + label:before {
}
.input-block [type="checkbox"]:disabled:checked + label:after,
.main-grid-settings-window-list-item [type="checkbox"]:disabled:checked + label:after,
.main-grid-settings-window-for-all [type="checkbox"]:disabled:checked + label:after {
color: #C1C1C1;
background: url('data:image/svg+xml,') no-repeat center center;
}
.input-block [type="checkbox"]:disabled + label,
.main-grid-settings-window-list-item [type="checkbox"]:disabled + label,
.main-grid-settings-window-for-all [type="checkbox"]:disabled + label {
color: #C1C1C1;
}
.input-block.input-error [type="checkbox"]:not(:checked) + label:before {
background: url('data:image/svg+xml,') no-repeat center center;
}
.input-block.input-error [type="checkbox"]:checked + label:after {
background: url('data:image/svg+xml,') no-repeat center center;
}
.input-file {
display: flex;
align-items: center;
border-radius: 4px;
border: 1px solid #969696;
background: #FFF;
width: fit-content;
}
.input-file__caption {
color: #2A2D30;
font-size: 14px;
font-weight: 500;
padding: 6px 16px;
width: 150px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.input-file input[type="file"] {
display: none;
}
.switch {
display: inline-block;
height: 20px;
position: relative;
width: 40px;
}
.switch__small {
height: 16px;
width: 32px;
}
.switch input {
display:none;
}
.switch__slider {
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .4s;
border-radius: 400px;
background: #C1C1C1;
}
.switch__slider:before {
background-color: #fff;
top: 2px;
content: "";
height: 16px;
left: 3px;
position: absolute;
transition: .4s;
width: 16px;
}
.switch__small .switch__slider:before {
height: 12px;
width: 12px;
}
.switch input:checked + .switch__round {
background-color: #007F97;
}
.switch input:checked + .switch__round:before {
transform: translateX(18px);
}
.switch__small input:checked + .switch__round:before {
transform: translateX(14px);
}
.switch__slider.switch__round {
border-radius: 30px;
}
.switch__slider.switch__round:before {
border-radius: 100%;
}
.input__radio {
}
.input__radio input[type=radio] {
display: none;
}
.input__radio label {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 25px;
margin-right: 0;
user-select: none;
color: #000;
font-size: 14px;
transition: .4s;
}
.input__radio label:before {
content: "";
display: inline-block;
width: 16px;
height: 17px;
position: absolute;
left: 0;
bottom: 1px;
transition: .4s;
background: url('data:image/svg+xml,') no-repeat center center;
}
.input__radio input[type=radio]:checked + label:before {
background: url('data:image/svg+xml,') no-repeat center center;
}
.input__radio input[type=radio]:not(:checked) + label:hover:before {
background: url('data:image/svg+xml,') no-repeat center center;
}
.input__radio input[type=radio]:not(:checked):disabled + label:before {
background: url('data:image/svg+xml,') no-repeat center center;
}
.input__radio input[type=radio]:checked:disabled + label:before {
background: url('data:image/svg+xml,') no-repeat center center;
}
.input__radio.input-error label:before {
background: url('data:image/svg+xml,') no-repeat center center;
}
.input__radio.input-error input[type=radio]:checked + label:before {
background: url('data:image/svg+xml,') no-repeat center center;
}
/*input*/
/*tabs*/
.tabs {
}
.tabs__items {
border-bottom: 2px solid #C1C1C1;
display: flex;
}
.tabs__item {
color: #2A2D30;
font-size: 14px;
position: relative;
bottom: -2px;
padding-bottom: 6px;
border-bottom: 2px solid transparent;
margin-right: 24px;
transition: all 0.2s ease;
cursor: pointer;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
}
.tabs__item:last-child {
margin-right: 0;
}
.tabs__item.active {
border-color: #007B99;
color: #007B99;
}
.tabs__item:hover {
border-color: #007B99;
color: #007B99;
}
.tabs__item span {
display: flex;
align-items: center;
justify-content: center;
margin-left: 4px;
color: #FFF;
font-size: 10px;
font-weight: 500;
line-height: 13px;
border-radius: 19px;
background: #007B99;
padding: 2px 4px;
}
.tabs__body {
margin-top: 24px;
display: none;
}
.tabs__body1 {
display: block;
}
.tabs-small .tabs__item {
bottom: -2px;
padding-bottom: 2px;
font-size: 12px;
}
.tabs-bodered .tabs__item {
margin-right: 4px;
padding: 6px 8px;
border-radius: 4px 4px 0 0;
border-top: 1px solid #C1C1C1;
border-right: 1px solid #C1C1C1;
border-left: 1px solid #C1C1C1;
bottom: 0;
border-bottom: 0;
}
.tabs-bodered .tabs__item.active,
.tabs-bodered .tabs__item:hover {
background: #F6F6F6;
}
.tabs-bodered .tabs__item:last-child {
margin-right: 0;
}
.tabs__remove {
margin-left: 10px;
cursor: pointer;
}
/*tabs*/
/*pagination*/
.pagination {
display: flex;
align-items: center;
justify-content: space-between;
}
.pagination__l {
display: flex;
align-items: center;
}
.pagination__r {
display: flex;
align-items: center;
}
.pagination__s {
color: #000;
font-size: 14px;
margin-right: 24px;
}
.pagination__c {
width: 110px;
}
.pagination__g {
display: flex;
align-items: center;
margin-left: 24px;
}
.pagination__g-caption {
color: #2A2D30;
font-size: 14px;
}
.pagination__g-value {
margin-left: 8px;
width: 41px;
}
.pagination__g-value .input-block input {
text-align: center;
}
.pagination__items,
.pagination-container {
display: flex;
align-items: center;
}
.pagination__item,
.paginate-buttons {
display: flex;
width: 32px;
height: 32px;
justify-content: center;
align-items: center;
border-radius: 4px;
font-weight: 500;
margin-left: 2px;
margin-right: 2px;
}
.pagination__current,
a.pagination__item:hover {
background: #C1C1C1;
}
.paginate-buttons {
border: 0;
outline: none;
cursor: pointer;
transition: all 0.2s ease;
background: none;
color: #007B99;
font-family: "Inter";
font-size: 11px;
}
.paginate-buttons.next-button,
.paginate-buttons.back-button {
color: #2A2D30;
}
.paginate-buttons:hover {
background: #C1C1C1;
}
.paginate-buttons.active-page {
background: #C1C1C1;
cursor: default;
color: #2A2D30;
}
.pagination-container {
display: flex;
list-style: none;
margin: 20px 0 0;
position: relative;
padding: 0;
justify-content: center;
}
/*pagination*/
/*ui-tooltip*/
.ui-tooltip {
color: #FFF;
font-size: 12px;
border-radius: 2px;
background: #007B99;
padding: 4px 8px;
box-shadow: none;
border: 0;
}
/*ui-tooltip*/
/*figure-table*/
.figure-table,
.products_list table {
border-collapse: separate;
border-spacing: 0;
}
.products_list table {
width: 100%;
}
.figure-table th,
.products_list table th {
border-width: 1px 0 1px 1px;
border-style: solid;
}
.figure-table th:last-child,
.products_list table th:last-child {
border-width: 1px 1px 1px 1px;
}
.figure-table td,
.products_list table td {
border-width: 0 0 1px 1px;
border-style: solid;
}
.figure-table td:last-child,
.products_list table td:last-child {
border-width: 0 1px 1px 1px;
}
.figure-table th,
.products_list table th {
border-color: #F6F6F6;
background: #F6F6F6;
color: #2A2D30;
font-size: 14px;
font-weight: 600;
padding: 16px;
text-align: left;
}
.figure-table td,
.products_list table td {
background: #fff;
padding: 11px 16px;
border-color: #F6F6F6;
color: #000;
font-size: 14px;
text-align: left;
}
.table__overflow {
max-width: 100%;
overflow-x: auto;
}
.table__overflow table {
/*min-width: 800px;*/
/*width: 100%;*/
}
.figure-table__style2 th,
.products_list table th {
padding: 11px 15px;
border-color: #D2D2DA;
background: #F0F8FF;
position: relative;
white-space: nowrap;
}
.figure-table__style2 th,
.products_list table th {
padding-right: 40px;
}
.figure-table__style2 th.figure-table__config-cell {
padding-right: 0;
}
.figure-table__style2 tr:hover td {
background: rgba(122, 191, 255, 0.3) !important;
}
.figure-table__style2 tr._selected td {
background: rgba(122, 191, 255, 0.5) !important;
}
.figure-table__sort {
transition: all 0.2s ease;
cursor: pointer;
}
.figure-table__sort:before {
content: '';
display: flex;
width: 16px;
height: 16px;
background: url('../images/ico/sort.svg') no-repeat center;
position: absolute;
right: 11px;
top: 50%;
margin-top: -8px;
cursor: pointer;
transition: all 0.2s ease;
opacity: 0;
transform: rotate(180deg);
}
.figure-table__sort.desc:before {
transform: initial;
}
.figure-table__sort.active:before {
opacity: 1;
}
.figure-table__style2 th.figure-table__sort:hover:before {
opacity: 1;
}
.figure-table__style2 td {
padding: 11px 15px;
border-color: #D2D2DA;
background: #F0F8FF;
position: relative;
}
.figure-table__style2 tr:nth-child(2n + 2) td {
background: #fff;
}
.figure-table__status {
border-radius: 4px;
background: #EA6A72;
width: 16px;
height: 16px;
}
.figure-table__status.green {
background: #78C685;
}
.figure-table td.center,
.figure-table th.center {
text-align: center;
}
.figure-table td.right,
.figure-table th.right {
text-align: right;
}
.figure-table td.center > div,
.figure-table th.center > div {
margin-left: auto;
margin-right: auto;
}
.figure-table__config {
opacity: .7;
}
.figure-table__config:hover {
opacity: 1;
}
.figure-table__remove * {
transition: all 0.2s ease;
}
.figure-table__remove:hover svg path {
fill: #007B99;
}
.table__fix-header thead {
position: sticky;
top: 0;
z-index: 1;
}
.figure-table__pointer {
cursor: pointer;
}
/*figure-table*/
/*fmodal*/
.fmodal {
position: fixed;
left: 0;
top: 0;
z-index: 91;
width: 100%;
height: 100%;
}
.fmodal__shadow {
position: fixed;
left: 0;
top: 0;
z-index: 92;
width: 100%;
height: 100%;
background: rgba(0, 123, 153, .5);
}
.fmodal__body {
position: fixed;
left: 50%;
top: 50%;
z-index: 93;
width: 760px;
transform: translate(-50%, -50%);
background: #fff;
padding: 24px;
border-radius: 4px;
border: 1px solid #F6F6F6;
box-shadow: 0 4px 4px 0 rgba(169, 174, 184, 0.24);
}
.fmodal__butt {
margin-top: 16px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.fmodal__butt .button {
margin-left: 8px;
}
.fmodal__cancel {
color: #000;
}
.fmodal__title {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 20px;
}
.fmodal__title-value {
color: #000;
font-size: 20px;
font-weight: 500;
}
.fmodal__title-warning {
background: url('data:image/svg+xml,') no-repeat left center;
padding-left: 40px;
}
.fmodal__title-error {
background: url('data:image/svg+xml,') no-repeat left center;
padding-left: 40px;
}
.fmodal__close {
cursor: pointer;
margin-left: 20px;
}
.fmodal__text {
height: 210px;
overflow-y: auto;
padding-right: 20px;
}
.fmodal-large .fmodal__body {
width: 1002px;
}
.fmodal-large .fmodal__text {
height: 250px;
}
.fmodal-medium .fmodal__body {
width: 600px;
}
.fmodal-medium .fmodal__text {
height: 170px;
}
.fmodal-small .fmodal__body {
width: 440px;
}
.fmodal-small .fmodal__text {
height: 170px;
}
.fmodal__sale {
}
.fmodal__sale-items {
}
.fmodal__sale-item {
margin-bottom: 28px;
}
.fmodal__sale-item:last-child {
margin-bottom: 0;
}
.fmodal__sale-caption {
color: #007F97;
font-size: 16px;
font-weight: 500;
line-height: 20px;
margin-bottom: 10px;
}
.fmodal__sale-text {
color: #2A2D30;
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
.fmodal__form {
overflow-y: auto;
max-height: 70vh;
}
/*fmodal*/
/*message*/
.message {
font-size: 14px;
font-weight: 500;
/*padding: 5px 10px;*/
padding: 10px 20px;
border-radius: 4px;
color: rgba(0, 0, 0, 0.70);
background-color: rgba(54, 151, 241, 0.15);
text-align: left;
}
.message-default {
color: rgba(0, 0, 0, 0.70);
padding: 16px 16px 16px 48px;
border-radius: 8px;
background-color: rgba(54, 151, 241, 0.15);
background-position: left 16px top 12px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
}
.message.error,
.error .message {
background-color: #E30613;
text-align: center;
color: #FFF;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
.message.alert,
.alert .message {
background-color: #E30613;
color: #FFFFFF;
}
.message.warning,
.warning .message {
background-color: #F7BA1E;
color: #272E3B;
}
.message.success,
.success .message {
background-color: #22A06B;
color: #fff;
}
/*message*/
/*any*/
.personal-area__items {
color: #2A2D30;
font-size: 16px;
font-weight: 500;
}
.nzk {
margin-bottom: 16px;
}
.table-ui {
width: 100%;
border: 0;
border-collapse: collapse;
margin-bottom: 30px;
}
.table-ui td,
.table-ui th {
border: 1px solid #000;
padding: 10px;
text-align: center;
vertical-align: top;
}
.status {
display: flex;
align-items: center;
position: relative;
padding-left: 16px;
}
.status:before {
content: '';
position: absolute;
left: 0;
top: 4px;
width: 8px;
height: 8px;
border-radius: 100%;
background: #00B49D;
}
.tag__item {
padding: 4px 6px;
color: #000;
font-size: 12px;
border-radius: 2px;
background: #F6F6F6;
}
.avatar {
display: flex;
align-items: center;
}
.avatar__ico {
width: 24px;
height: 24px;
border-radius: 100%;
margin-right: 8px;
}
::-webkit-scrollbar {
width: 15px; background: #000000;
height: 5px;
border-left: 10px solid #fff;
background-clip: padding-box;
}
::-webkit-scrollbar-track {
background: #fff;
}
::-webkit-scrollbar-thumb {
border-left: 10px solid #fff;
background-clip: padding-box;
background-color: #007B99;
width: 15px;
}
.table-grey {
border-collapse: collapse;
width: 100%;
}
.table-grey th,
.table-grey td {
padding: 11px 12px;
text-align: left;
color: #2A2D30;
font-size: 14px;
font-weight: 500;
border: 1px solid #D2D2DA;
}
.table-grey th {
color: #000;
background: #F0F8FF;
}
.table-grey td {
background: #F5F5F5;
}
.table-grey tbody tr:nth-child(2n + 2) td {
background: #fff;
}
.table-grey tbody tr:hover td {
background: #007F97;
color: #fff;
}
/*any*/
/*login-page*/
.login-page {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
width: 100%;
background: url("../images/login-bg.jpg") no-repeat center center;
background-size: cover;
overflow-y: auto;
padding: 20px 0;
}
.login-page__body {
border-radius: 10px;
border: 1px solid #2A2D30;
background: #FFF;
box-shadow: 0 4px 64px 0 rgba(0, 0, 0, 0.05);
padding: 67px 41px;
width: 505px;
}
.login-page__text {
color: #000;
font-size: 24px;
font-weight: 300;
margin-top: 32px;
line-height: normal;
}
.login-page__text2 {
color: #2A2D30;
font-size: 22px;
margin-top: 32px;
line-height: normal;
}
.login-page__caption {
color: #000;
font-size: 32px;
font-weight: 500;
margin-top: 32px;
}
.login-page__form {
margin-top: 32px;
}
.login-page__butt {
margin-top: 32px;
}
.login-page__butt .button {
width: 100%;
}
.login-page__ch {
margin-top: 32px;
display: flex;
align-items: center;
justify-content: space-between;
}
.login-page__form .input {
}
.login-page__butt .button {
/*height: 57px;*/
}
.login-page__form .input-block__item {
margin-bottom: 32px;
}
.login-page__form .input-block__item:last-child {
margin-bottom: 0;
}
.login-page__form .message-error {
text-align: center;
margin-bottom: 22px;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
.login-page__back {
margin-top: 12px;
text-align: center;
}
.login-page__back .button {
margin: 0 auto;
}
.login-page__kod {
text-align: center;
margin-top: -10px;
}
.login-page__kod a {
text-decoration: underline;
color: #007B99;
font-size: 14px;
font-weight: 500;
}
.login-page__kod a:hover {
text-decoration: none;
}
.login-page__sms-form {
display: flex;
margin-bottom: 32px;
margin-left: 25px;
margin-right: 25px;
}
.login-page__sms-form input {
background-color: #fff;
margin-right: 12px;
color: #000;
text-align: center;
font-size: 32px;
font-weight: 500;
}
.login-page__sms-form input:last-child {
margin-right: 0;
}
.login-page__sms-form input::-webkit-outer-spin-button,
.login-page__sms-form input::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
-moz-appearance: textfield;
}
.login-page__2fa .button-it {
margin-bottom: 16px;
}
.login-page__2fa .button-it:last-child {
margin-bottom: 0;
}
/*login-page*/
/*base*/
.section__wrap {
display: flex;
flex: 1;
flex-direction: column;
height: 100%;
}
.header {
flex: 0 0 auto;
background: #009BC1;
}
.header-dop {
flex: 0 0 auto;
background: #00B49D;
}
.content {
flex: 1 0 auto;
padding: 47px 0;
}
.footer {
flex: 0 0 auto;
background: rgba(210, 210, 218, .4);
padding: 58px 0;
}
/*base*/
/*footer*/
.footer__body {
display: flex;
align-content: center;
justify-content: space-between;
}
.footer__copi {
margin-right: 20px;
}
.footer__soc {
margin-left: 20px;
}
/*footer*/
/*header*/
.header__body {
padding: 14px 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.header__l {
margin-right: 5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.header__r {
margin-left: 5px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.header__logo {
display: block;
max-width: 238px;
transition: all 0.2s ease;
margin-right: 38px;
}
.header__logo:hover {
opacity: .9;
}
.header__logo img,
.header__logo svg {
width: 100%;
}
.header__menu {
display: flex;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
}
.header__menu-block {
position: relative;
}
.header__menu-item {
display: block;
margin-right: 30px;
color: #FFF;
font-size: 16px;
font-weight: 500;
padding-bottom: 10px;
margin-top: 10px;
}
.header__menu-sub {
padding: 10px;
margin: 0;
list-style: none;
background: #fff;
border: 0;
position: absolute;
top: 100%;
left: 0;
max-height: 300px;
overflow-y: auto;
width: 200px;
border-radius: 4px;
display: none;
}
.header__menu-sub-block {
}
.header__menu-sub-item {
color: #2A2D30;
font-size: 14px;
font-weight: 500;
margin-bottom: 7px;
display: block;
}
.header__menu-sub-block:last-child .header__menu-sub-item {
margin-bottom: 0;
}
.header__menu-item:hover,
.header__menu-item.active,
.header__menu-sub-item:hover,
.header__menu-sub-item.active {
text-decoration: underline;
}
#basket-header-switcher{
margin-left: 20px;
min-width: 260px;
position: relative;
}
.header-profile {
width: auto;
margin-left: 20px;
}
.header-profile__block {
position: relative;
padding-right: 30px;
cursor: pointer;
transition: all 0.2s ease;
min-height: 47px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.header-profile__block:hover {
opacity: .8;
}
.header-profile__block:after {
content: '';
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center center;
display: block;
width: 24px;
height: 24px;
position: absolute;
right: 0;
top: 50%;
margin-top: -12px;
transition: all 0.2s ease;
}
.header-profile__block.active:after {
transform: rotate(-180deg);
}
.header-profile__name {
color: #FFF;
font-size: 12px;
font-weight: 500;
}
.header-profile__job {
color: #FFF;
font-size: 10px;
margin-top: 4px;
}
.header-cart {
box-sizing: border-box;
position: relative;
width: 100%;
}
.header-cart__block {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 6px 12px;
border-radius: 2px;
border: 1px solid rgba(255, 255, 255, 0.20);
min-width: 260px;
min-height: 57px;
box-sizing: border-box;
}
.header-cart__cor {
width: 22px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 12px;
position: relative;
}
.header-cart__cor-counter {
position: absolute;
right: -5px;
top: -5px;
z-index: 1;
color: #FFF;
font-size: 11px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 96px;
background: #E30613;
min-width: 15px;
height: 15px;
}
.header-cart__body {
flex: 1 1 auto;
}
.header-cart__cor2 {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 8px;
cursor: pointer;
transition: all 0.2s ease;
}
.header-cart__cor2.active {
transform: rotate(-180deg);
}
.header-cart__cor2:hover {
opacity: .7;
}
.header-cart__tp {
color: #FFF;
font-size: 12px;
font-weight: 500;
display: flex;
}
.header-cart__t {
}
.header-cart__p {
margin-left: 8px;
}
.header-cart__organization {
margin-top: 2px;
overflow: hidden;
color: #FFF;
text-overflow: ellipsis;
font-size: 10px;
white-space: nowrap;
min-height: 12px;
}
.header-cart__date {
margin-top: 2px;
overflow: hidden;
color: #FFF;
text-overflow: ellipsis;
font-size: 10px;
white-space: nowrap;
min-height: 12px;
}
.header-notifications {
margin-left: 20px;
position: relative;
}
.header-notifications__block {
position: relative;
display: flex;
align-items: center;
cursor: pointer;
transition: all 0.2s ease;
width: 24px;
height: 24px;
}
.header-notifications__block:hover {
opacity: .8;
}
.header-notifications__cor-counter {
position: absolute;
right: -2px;
top: -2px;
z-index: 1;
color: #FFF;
font-size: 11px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 96px;
background: #E30613;
min-width: 15px;
height: 15px;
}
.header-favorites {
margin-left: 20px;
}
.header-favorites__block {
position: relative;
display: flex;
align-items: center;
cursor: pointer;
transition: all 0.2s ease;
width: 24px;
height: 24px;
}
.header-favorites__block:hover {
opacity: .7;
}
.header-search {
position: relative;
}
.header-search__block {
position: relative;
display: flex;
align-items: center;
cursor: pointer;
transition: all 0.2s ease;
width: 24px;
height: 24px;
}
.header-search__block:hover {
opacity: .7;
}
/*header*/
/*header-modal*/
.header-modal {
position: absolute;
left: 0;
top: 60px;
z-index: 10;
display: none;
}
.modal-notifications {
width: 475px;
border-radius: 4px;
background: #FFF;
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.20);
overflow: hidden;
}
.modal-notifications__body {
max-height: 314px;
overflow-y: auto;
border-radius: 4px;
position: relative;
}
.header-modal ::-webkit-scrollbar-thumb {
background-color: #007B99;
border-radius: 400px;
}
.modal-notifications__item {
padding: 8px 50px 8px 16px;
background: #FFF;
border-bottom: 1px solid #D2D2DA;
position: relative;
}
.modal-notifications__item:last-child {
border-bottom: 0;
}
.modal-notifications__item.new {
background: rgba(122, 191, 255, 0.25);
border-bottom-color: #fff;
}
.modal-notifications__title {
color: #000;
font-size: 12px;
}
.modal-notifications__title a {
color: #007B99;
font-size: 12px;
text-decoration: underline;
}
.modal-notifications__title a:hover {
text-decoration: none;
}
.modal-notifications__title p{
margin-top: 5px;
margin-bottom: 5px;
}
.modal-notifications__date {
color: #A8A8A8;
font-size: 11px;
}
.modal-notifications__remove {
position: absolute;
right: 16px;
top: 8px;
z-index: 3;
transition: all 0.2s ease;
cursor: pointer;
}
.modal-notifications__remove * {
transition: all 0.2s ease;
}
.modal-notifications__remove:hover svg path {
stroke: #000;
}
.modal-notifications-disconnect__item {
background: #FFF1F4;
}
.modal-notifications-disconnect__title {
color: #FF4B6E;
font-weight: 600;
margin-bottom: 5px;
}
.modal-notifications__loader {
padding: 16px 50px 16px 16px;
color: #A8A8A8;
font-size: 11px;
}
.modal-notifications__flash {
position: absolute;
width: 475px;
display: block;
right: 0;
top: 60px;
background: rgba(220, 225, 230, 0.75);
z-index: 1000;
border-radius: 4px;
}
.modal-notifications__flash .modal-notifications__remove svg path {
stroke: #aaacad;
}
.modal-profile {
width: 243px;
border-radius: 4px;
background: #FFF;
border: 1px solid #F6F6F6;
left: auto;
right: 0;
top: 72px;
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.20);
}
.modal-profile__body {
position: relative;
padding: 12px;
}
.modal-profile__item {
margin-bottom: 14px;
}
.modal-profile__url {
display: flex;
align-items: center;
color: #000;
font-size: 14px;
}
.modal-profile__url:hover {
color: #007B99;
}
.modal-profile__url:hover svg path {
stroke: #007B99;
}
.modal-profile__url img {
margin-right: 8px;
flex: 0 0 18px;
}
.modal-profile__url span {
flex: 1 1 auto;
}
.modal-profile__manager {
display: flex;
align-items: center;
margin-bottom: 14px;
}
.modal-profile__manager svg {
margin-right: 8px;
flex: 0 0 18px;
}
.modal-profile__manager-body {
flex: 1 1 auto;
}
.modal-profile__manager-title {
color: #000;
font-size: 10px;
margin-bottom: 2px;
}
.modal-profile__manager-name {
color: #000;
font-size: 12px;
margin-bottom: 2px;
}
.modal-profile__manager-mail {
color: #007B99;
font-size: 12px;
}
.modal-profile__manager-phone {
color: #007B99;
font-size: 12px;
}
.modal-profile__manager-mail a,
.modal-profile__manager-phone a {
color: #007B99;
font-size: 12px;
}
.modal-profile__manager-mail a:hover,
.modal-profile__manager-phone a:hover {
text-decoration: underline;
}
.modal-profile__manager-logout {
}
.modal-profile__manager-logout-url {
display: flex;
align-items: center;
justify-content: flex-start;
opacity: .4;
}
.modal-profile__manager-logout-url,
.modal-profile__manager-logout-url * {
transition: all 0.2s ease;
}
.modal-profile__manager-logout-url:hover,
.modal-profile__manager-logout-url:hover * {
opacity: 1;
}
.modal-profile__manager-logout-url span {
color: #E30613;
font-size: 12px;
}
.modal-profile__manager-logout-url svg {
margin-left: 8px;
flex: 0 0 18px;
}
.modal-cart {
position: absolute;
z-index: 10;
width: 100%;
border-radius: 4px;
background: #FFF;
border: 1px solid #F6F6F6;
left: 0;
top: 77px;
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.20);
}
.modal-cart__body {
position: relative;
max-height: 518px;
padding: 1em;
}
.modal-cart__item {
padding: 14px 16px;
background: #FFF;
border-bottom: 1px solid #D2D2DA;
}
.modal-cart__item:last-child {
border-bottom: 0;
}
.modal-cart__tp {
display: flex;
align-items: center;
color: #007B99;
font-size: 14px;
font-weight: 500;
margin-bottom: 6px;
}
.modal-cart__t {
margin-right: 20px;
}
.modal-cart__p {
}
.modal-cart__user {
color: #2A2D30;
font-size: 10px;
margin-bottom: 5px;
display: flex;
align-items: center;
}
.modal-cart__user:last-child {
margin-bottom: 0;
}
.modal-cart__user svg {
flex: 0 0 13px;
margin-right: 4px;
}
.modal-cart__organization {
overflow: hidden;
color: #969696;
text-overflow: ellipsis;
font-size: 10px;
white-space: nowrap;
margin-bottom: 4px;
}
.modal-cart__date {
overflow: hidden;
color: #969696;
text-overflow: ellipsis;
font-size: 10px;
white-space: nowrap;
margin-bottom: 4px;
}
.modal-cart__form {
}
.modal-cart__form {
padding: 14px 16px 0 16px;
}
.modal-cart__form-add {
color: #007B99;
font-size: 12px;
font-weight: 600;
display: block;
margin-bottom: 14px;
}
.modal-cart__form-add:hover {
color: #000;
}
.modal-cart__input {
margin-bottom: 6px;
}
.modal-cart__form-butt {
display: flex;
justify-content: space-between;
}
.modal-cart__form-butt .button {
margin-right: 2px;
width: calc(50% - 2px);
}
.modal-cart__form-butt .button:last-child {
margin-right: 0;
margin-left: 2px;
}
.search-modal {
position: absolute;
right: 40px;
top: -7px;
width: 0;
z-index: 3;
display: none;
}
.search-modal__body {
position: relative;
border-radius: 4px;
}
.search-modal__body .input {
position: relative;
z-index: 4;
padding-right: 50px;
border-radius: 4px;
border: 1px solid #007F97;
background: #FFF;
}
.search-modal__body .button {
position: absolute;
z-index: 5;
top: 2px;
right: 2px;
border-radius: 2px;
}
.search-modal__result {
position: absolute;
top: calc(100% + 4px);
left: 0;
width: 100%;
z-index: 5;
border-radius: 4px;
border: 1px solid #F6F6F6;
background: #FFF;
box-shadow: 0 4px 4px 0 rgba(169, 174, 184, 0.24);
display: none;
overflow-y: auto;
max-height: 400px;
}
.search-modal__result-item {
color: #2A2D30;
font-size: 14px;
padding: 10px 16px;
display: block;
}
a.search-modal__result-item:hover {
color: #007B99;
}
.search-modal__result-desc {
font-size: 80%;
display: flex;
}
.search-modal__result-desc > div {
margin-top: 5px;
margin-right: 15px;
}
.search-modal__result-desc > div:last-child {
margin-right: 0;
}
.search-modal__result-desc strong {
color: #009BC1;
font-weight: 600;
}
/*header-modal*/
/*header-dop*/
.header-dop__body {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 4px 0;
}
.header-dop__text {
text-align: center;
text-transform: uppercase;
color: #FFF;
font-size: 12px;
font-weight: 600;
}
.header-dop__pr {
position: absolute;
right: 0;
top: 4px;
}
.header-dop__link {
color: #FFF;
font-size: 12px;
font-weight: 600;
text-decoration: underline;
transition: all 0.2s ease;
display: flex;
align-items: center;
}
.header-dop__link svg {
margin-left: 8px;
}
.header-dop__link:hover {
opacity: .8;
text-decoration: none;
}
/*header-dop*/
/*content*/
.content__body {
color: #000;
font-size: 16px;
font-weight: 500;
}
.content__body p {
padding: 0 0 20px 0;
margin: 0;
}
.content__body p:last-child {
padding-bottom: 0;
}
.content__body a {
color: #007B99;
font-size: 16px;
font-weight: 500;
text-decoration: underline;
}
.content__body a:hover {
text-decoration: none;
}
.caption {
display: flex;
justify-content: space-between;
margin-bottom: 24px;
}
.caption__value {
color: #000;
font-size: 39px;
font-weight: 500;
text-transform: uppercase;
flex: 1 1 auto;
}
.caption__date {
color: #D2D2DA;
font-size: 16px;
font-weight: 500;
margin-left: 20px;
flex: 0 0 120px;
text-align: right;
margin-top: 14px;
}
.caption__border .caption__value {
border-bottom: 2px solid #009BC1;
flex: 0 0 auto;
color: #000;
font-size: 32px;
font-weight: 500;
text-transform: none;
padding-bottom: 2px;
}
.caption__value.caption__value28 {
font-size: 28px;
}
/*content*/
/*blocks*/
.blocks-limg {
display: flex;
justify-content: space-between;
}
.blocks-limg__body {
flex: 1 1 auto;
margin-right: 20px;
}
.blocks-limg__img {
flex: 0 0 512px;
}
.blocks-limg__img img {
width: 100%;
}
/*blocks*/
/*soc*/
.soc {
display: flex;
align-items: center;
}
.soc__item {
margin-left: 32px;
transition: all 0.2s ease;
}
.soc__item:first-child {
margin-left: 0;
}
.soc__item:hover {
opacity: .7;
}
/*soc*/
/*breadcrumbs*/
.breadcrumbs {
}
.breadcrumbs__items {
display: flex;
flex-wrap: wrap;
}
.breadcrumbs__item {
color: #808080;
font-size: 14px;
position: relative;
margin-right: 8px;
display: flex;
align-items: center;
justify-content: center;
}
.breadcrumbs__item:before {
content: '';
width: 16px;
height: 16px;
background: url('data:image/svg+xml,') no-repeat center center;
margin-right: 8px;
}
.breadcrumbs__item a {
color: #808080;
font-size: 14px;
}
.breadcrumbs__item a:hover {
color: #007B99;
}
/*breadcrumbs*/
/*news-list*/
.news-list {
}
.news-items {
}
.news-item {
display: flex;
margin-bottom: 44px;
}
.news-item:last-child {
margin-bottom: 0;
}
.news-item__img,
.news-item__img a {
flex: 0 0 270px;
height: 270px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-radius: 8px;
object-fit: cover;
object-position: center;
}
.news-item__img img {
min-width: 100%;
min-height: 100%;
object-fit: cover;
object-position: center;
transition: all 0.3s ease;
border-radius: 8px;
}
.news-item__img a:hover img {
opacity: .7;
}
.news-item__body {
flex: 1 1 auto;
margin-left: 28px;
}
.news-item__c {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 21px;
}
.news-item__date {
color: #949494;
font-size: 20px;
font-weight: 500;
margin-right: 40px;
}
.news-item__category {
color: #E30613;
font-size: 20px;
font-weight: 500;
}
.news-item__category a {
color: #E30613;
font-size: 20px;
font-weight: 500;
}
.news-item__category a:hover {
color: #007B99;
}
.news-item__caption {
margin-bottom: 21px;
color: #121221;
font-size: 24px;
font-weight: 600;
}
.news-item__caption a {
color: #121221;
font-size: 24px;
font-weight: 600;
}
.news-item__caption a:hover {
color: #007B99;
}
.news-item__text {
color: #969696;
font-size: 20px;
font-weight: 500;
}
.news-list .pagination {
margin-top: 36px;
}
/*news-list*/
/*news-page*/
.news-page {
}
.news-page__wrapper {
display: flex;
}
.news-page__body {
margin-right: 20px;
flex: 1 1 auto;
}
.news-page__img {
flex: 0 0 512px;
}
.news-page__img img {
min-width: 100%;
border-radius: 16px;
}
.news-page__text {
color: #000;
font-size: 16px;
font-weight: 500;
}
.news-page__text p {
padding: 0 0 20px 0;
margin: 0;
}
.news-page__text p:last-child {
padding-bottom: 0;
}
.news-page__text a {
color: #007B99;
font-size: 16px;
font-weight: 500;
text-decoration: underline;
}
.news-page__text a:hover {
text-decoration: none;
}
.news-page__c {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 24px;
}
.news-page__back {
margin-right: 44px;
}
.news-page__back a {
display: flex;
align-items: center;
padding: 6px 16px;
border-radius: 4px;
background: #E8E8E8;
color: #4E5969;
font-size: 14px;
font-weight: 500;
}
.news-page__back a svg {
margin-right: 6px;
}
.news-page__back a:hover {
background: #007B99;
color: #fff;
}
.news-page__back a:hover svg path {
stroke: #fff;
}
.news-page__date {
margin-right: 44px;
color: #007B99;
font-size: 16px;
font-weight: 500;
}
.news-page__category {
color: #E30613;
font-size: 16px;
font-weight: 500;
}
.news-page .download-file {
margin-top: 30px;
}
/*news-page*/
/*any*/
.mtop16 {
margin-top: 16px;
}
.mtop32 {
margin-top: 32px;
}
.mtop48 {
margin-top: 48px;
}
.mtop80 {
margin-top: 80px;
}
.download-file {
border-radius: 16px;
border: 1px solid #969696;
background: #FFF;
padding: 16px 20px;
display: flex;
align-items: center;
justify-content: space-between;
width: fit-content;
min-width: 512px;
}
.download-file__name {
flex: 1 1 auto;
overflow: hidden;
color: #007F97;
text-overflow: ellipsis;
font-size: 18px;
font-weight: 500;
text-decoration: underline;
white-space: nowrap;
}
.download-file__ico {
flex: 0 0 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
border: 1px solid #FFF;
background: #007B99;
margin-left: 20px;
}
.download-file:hover {
background: #007B99;
}
.download-file:hover .download-file__name {
text-decoration: none;
color: #fff;
}
.download-file:hover .download-file__ico {
background: #fff;
}
.download-file:hover .download-file__ico svg path {
stroke: #007B99;
}
/*any*/
/*category*/
.category {
}
.category-items {
display: flex;
flex-wrap: wrap;
}
.category-item {
display: flex;
align-items: center;
padding: 8px;
border-radius: 10px;
border: 1px solid #C1C1C1;
background: #FFF;
margin-right: 16px;
margin-bottom: 16px;
width: 350px;
}
.category-item__img {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 115px;
margin-right: 20px;
overflow: hidden;
}
.category-item__img {
width: 100%;
}
.category-item__body {
flex: 1 1 auto;
}
.category-item__counter {
color: #007B99;
font-size: 14px;
font-weight: 500;
margin-bottom: 4px;
transition: all 0.2s ease;
}
.category-item__name {
color: #2A2D30;
font-size: 24px;
font-weight: 500;
transition: all 0.2s ease;
position: relative;
}
.category-item:hover {
border-color: #00B49D;
}
.category-item:hover .category-item__counter {
display: none;
}
.category-item:hover .category-item__name {
color: #007B99;
}
/*category*/
/*catalog*/
.catalog__wrapper {
display: flex;
}
.catalog__sidebar {
flex: 0 0 265px;
margin-right: 27px;
}
.sidebar-caption {
color: #007F97;
font-size: 20px;
font-weight: 600;
margin-bottom: 16px;
}
.sidebar-block {
border-radius: 2px;
background: #FFF;
}
.sidebar-block__caption {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 12px;
background: #007B99;
color: #FFF;
font-size: 18px;
font-weight: 600;
cursor: pointer;
}
.sidebar-block__caption span {
padding-right: 10px;
}
.sidebar-block__caption.active svg {
transform: rotate(180deg);
}
.sidebar-block__body {
padding: 18px 14px 24px 14px;
}
.sidebar-menu__items {
padding: 0;
margin: 0;
list-style: none;
}
.sidebar-menu__item {
margin-bottom: 12px;
}
.sidebar-menu__url {
color: #2A2D30;
font-size: 16px;
font-weight: 500;
}
.sidebar-menu__url:hover {
color: #007B99;
}
.sidebar-menu__item.active > .sidebar-menu__url {
color: #007B99;
}
.sidebar-menu__sub {
margin-left: 40px;
margin-top: 12px;
display: none;
}
.sidebar-menu__item-w {
position: relative;
}
.sidebar-menu__item-w > .sidebar-menu__url {
padding-right: 25px;
}
.sidebar-menu__item-w:after {
content: '';
display: inline-block;
background: url('data:image/svg+xml,') no-repeat;
width: 16px;
height: 16px;
position: absolute;
right: 0;
top: 3px;
}
.sidebar-menu__item-w.active:after {
transform: rotate(180deg);
}
.sidebar-menu__item-w.active .sidebar-menu__sub {
display: block;
}
.sidebar-block__item {
margin-bottom: 24px;
}
.sidebar-block__item:last-child {
margin-bottom: 0;
}
.sidebar-block__item-caption {
color: #2A2D30;
font-size: 18px;
font-weight: 600;
margin-bottom: 8px;
}
.sidebar-block__item-butt {
text-align: center;
}
.sidebar-block__item-butt .button {
margin-left: auto;
margin-right: auto;
}
.in-cart.prod__item-butt .button {
background: #00B49D;
cursor: default;
}
.sidebar-block__fprice {
display: flex;
align-items: center;
justify-content: space-between;
}
.sidebar-block__fprice-item {
flex: 0 0 calc(50% - 10px);
}
.sidebar-block__fprice-caption {
color: #2A2D30;
font-size: 14px;
font-weight: 500;
margin-bottom: 4px;
}
.catalog__body {
flex: 1 1 auto;
position: relative;
}
.catalog__controls {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 15px;
}
.catalog__type {
display: flex;
align-items: center;
}
.catalog__type-b {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
transition: all 0.2s ease;
}
.catalog__type-b * {
transition: all 0.2s ease;
}
.catalog__type-b.active svg path {
stroke: #007B99;
}
.catalog__type-b:hover svg path {
stroke: #007B99;
}
.catalog__sort {
display: flex;
align-items: center;
justify-content: flex-end;
}
.catalog__counter {
color: #C1C1C1;
font-size: 16px;
font-weight: 500;
}
.catalog__order {
display: flex;
align-items: center;
justify-content: flex-end;
margin-left: 20px;
}
.catalog__order-caption {
color: #C1C1C1;
font-size: 16px;
font-weight: 500;
margin-right: 20px;
}
.catalog__order-i {
color: #007B99;
font-size: 16px;
font-weight: 500;
}
.catalog__order a {
display: flex;
align-items: center;
color: #007B99;
font-size: 16px;
font-weight: 500;
}
.catalog__order svg {
margin-left: 4px;
}
.catalog__order.active svg {
transform: rotate(180deg);
}
.catalog__sm-c {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 32px;
margin-top: 22px;
display: none;
}
.catalog__sm-ca {
}
.catalog__sm-butt {
display: flex;
align-items: center;
border-radius: 4px;
background: #009BC1;
color: #FFF;
font-size: 16px;
font-weight: 500;
padding-left: 34px;
}
.catalog__sm-butt .button {
background: #009BC1;
}
.catalog__sm-butt span {
}
.catalog__sm-butt span strong {
}
.catalog__sm-butt svg {
}
/*catalog*/
/*prod__items*/
.prod__items {
display: flex;
flex-wrap: wrap;
margin-bottom: 45px;
gap: 20px 15px;
}
.prod__items.prod__items-line {
flex-wrap: nowrap;
gap: 0;
}
.prod__item {
border: 1px solid #808080;
flex: 0 0 277px;
background: #FFF;
}
.prod__item:nth-child(4n + 4) {
}
.prod__items.prod__items-line .prod__item {
margin-right: 15px;
flex: 0 0 calc(20% - 12px);
margin-bottom: 0;
}
.prod__items.prod__items-line .prod__item:last-child {
margin-right: 0;
}
.prod__item-img {
height: 280px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 1;
flex: 0 0 100%;
}
.prod__item-img img {
width: 100%;
}
.prod__item-no-photo {
background: rgba(222, 222, 222, 0.80);
flex-wrap: wrap;
padding-bottom: 30px;
}
.prod__item-no-photo img {
width: 90%;
}
.prod__item-no-photo-text {
color: #C1C1C1;
font-size: 18px;
font-weight: 500;
margin-top: 16px;
width: 100%;
text-align: center;
}
.prod__item-no-photo-w {
position: relative;
z-index: 1;
}
.prod__item-no-photo-w span {
display: flex;
align-items: center;
justify-content: center;
border-radius: 43px;
background: #EFEFEF;
}
.prod__item-cor {
position: absolute;
left: 6px;
bottom: 6px;
z-index: 2;
display: flex;
align-items: center;
}
.prod__item-cor span {
margin-right: 4px;
padding: 10px;
color: #FFF;
font-size: 14px;
font-weight: 500;
background: #E30613;
display: flex;
align-items: center;
justify-content: center;
}
.prod__item-cor span.prod__item-cor-sale {
color: #000;
background: #FFE500;
}
.prod__item-body {
padding: 13px 10px;
position: relative;
}
.prod__item-name {
color: #000;
font-size: 16px;
font-weight: 600;
}
.prod__item-name a {
color: #000;
font-size: 16px;
font-weight: 600;
}
.prod__item-name a:hover {
color: #007B99;
}
.prod__item-desc {
color: #007B99;
font-size: 16px;
font-weight: 500;
margin-top: 4px;
}
.prod__item-desc a {
color: #007B99;
font-size: 16px;
font-weight: 500;
}
.prod__item-desc a:hover {
color: #000;
}
.prod__item-sub {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-top: 8px;
}
.prod__item-price {
margin-right: 20px;
}
.prod__item-price-caption {
color: #969696;
font-size: 12px;
line-height: 20px;
}
.prod__item-price-value {
color: #2A2D30;
font-size: 24px;
font-weight: 500;
}
.prod__item-butt .button {
padding-left: 25px;
padding-right: 25px;
}
.prod__item-like {
position: absolute;
right: 8px;
top: 8px;
cursor: pointer;
z-index: 3;
transition: all 0.2s ease;
}
.prod__item-like.active svg path {
fill: #007B99;
}
.prod__item-photo {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.prod__item-photo img {
width: 100%;
transition: all 0.2s ease;
}
.prod__item-photo:hover img {
opacity: .7;
}
.prod__items-tabs {
flex-wrap: wrap;
}
.prod__items-tabs .prod__item {
flex: 1 1 100%;
display: flex;
align-items: flex-start;
margin-right: 0 !important;
}
.prod__items-tabs .prod__item-img {
flex: 0 0 140px;
height: 100%;
}
.prod__items-tabs .prod__item-body {
display: flex;
flex: 1 1 auto;
flex-wrap: wrap;
padding: 16px 16px 16px 20px;
border-radius: 0 4px 4px 0;
border-left: 1px solid #C1C1C1;
height: 100%;
align-items: flex-start;
}
.prod__items-tabs .prod__item-desc {
flex: 1 1 auto;
}
.prod__items-tabs .prod__item-sub {
flex: 0 0 180px;
margin-left: 20px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.prod__items-tabs .prod__item-butt {
flex: 0 0 100%;
margin-top: 4px;
}
.prod__items-tabs .prod__item-sub .button {
width: 100%;
max-width: 180px;
}
.prod__items-tabs .prod__item-price {
display: flex;
flex-wrap: wrap;
text-align: left;
margin-right: 0;
}
.prod__items-tabs .prod__item-price-caption {
order: 2;
width: 100%;
}
.prod__items-tabs .prod__item-price-value {
order: 1;
width: 100%;
}
.prod__items-tabs .prod__item-body-wr {
flex: 1 1 auto;
}
.prod__items-tabs .prod__item-img .prod__item-cor {
display: none;
}
.prod__items-tabs .prod__item-like {
display: none;
}
.prod__item-butt-cart {
display: none;
}
.prod__items-tabs .prod__item-butt-cart {
display: block;
margin-right: 10px;
}
.prod__item-body .prod__item-cor {
display: none;
}
.prod__items-tabs .prod__item-body .prod__item-cor {
display: block;
position: relative;
flex: 0 0 100px;
margin-right: 20px;
flex-wrap: wrap;
}
.prod__items-tabs .prod__item-body .prod__item-cor span {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
.prod__item-body .prod__item-like {
display: none;
}
.prod__items-tabs .prod__item-body .prod__item-like {
position: relative;
display: flex;
flex: 0 0 24px;
top: 0;
}
.prod__items-tabs .prod__item-no-photo-text {
display: none;
}
.prod__items-tabs .prod__item-no-photo-w {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.prod__items-tabs .prod__item-no-photo {
margin-bottom: 0;
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 0;
}
.prod__items-tabs-small .prod__item-img {
flex: 0 0 75px;
}
.prod__items-tabs-small .prod__item-sub {
flex: 0 0 350px;
display: flex;
align-items: center;
}
.prod__items-tabs-small .prod__item-price {
flex-wrap: nowrap;
flex: 1 1 auto;
}
.prod__items-tabs-small .prod__item-price-caption {
order: 1;
}
.prod__items-tabs-small .prod__item-price-value {
order: 2;
}
.prod__items-tabs-small .prod__item-butt {
flex: 0 0 100px;
margin-left: 20px;
margin-top: 0;
}
.prod__items-tabs-small .prod__item-butt .button {
padding-left: 10px;
padding-right: 10px;
}
.prod__items-tabs-small .prod__item-price-value {
font-size: 22px;
}
.prod__items-tabs-small .prod__item-price {
align-items: center;
}
.prod__items-tabs-small .prod__item-price-caption {
width: auto;
white-space: nowrap;
margin-right: 20px;
}
.prod__items-tabs-small .prod__item-price-value {
width: auto;
white-space: nowrap;
}
.prod__items-tabs-small .prod__item-body .prod__item-cor span {
padding-top: 5px;
padding-bottom: 5px;
}
.prod__items-tabs-small .prod__item {
margin-left: 40px;
position: relative;
}
.prod__item__ch {
display: none;
}
.prod__items-tabs-small .prod__item__ch {
display: block;
position: absolute;
left: -40px;
top: 50%;
transform: translateY(-50%);
}
.prod__items-more {
margin-top: -12px;
text-align: center;
}
.prod__items-more .button {
padding: 19px 127px;
margin-left: auto;
margin-right: auto;
}
/*prod__items*/
@media (max-width: 1480px) {
}
@media (max-width: 1260px) {
}
@media (max-width: 991px) {
}
@media (max-width: 768px) {
}
/*scroll-menu*/
.scroll-menu {
margin-top: -47px;
margin-bottom: 47px;
background: #F6F6F6;
}
.scroll-menu__items {
display: flex;
flex-wrap: wrap;
}
.scroll-menu__item {
padding: 9px 0 11px 0;
color: #007B99;
font-size: 16px;
font-weight: 500;
margin-right: 32px;
cursor: pointer;
transition: all 0.2s ease;
}
.scroll-menu__item:last-child {
margin-right: 0;
}
.scroll-menu__item:hover {
color: #2A2D30;
}
/*scroll-menu*/
/*table-menu*/
.table-menu {
display: flex;
margin-bottom: 16px;
position: relative;
border-bottom: 1px solid #C1C1C1;
}
.table-menu__item {
padding: 6px 8px;
color: #2A2D30;
font-size: 14px;
font-weight: 500;
margin-right: 4px;
border-radius: 4px 4px 0 0;
border-top: 1px solid #C1C1C1;
border-right: 1px solid #C1C1C1;
border-left: 1px solid #C1C1C1;
background: #FFF;
cursor: pointer;
}
.table-menu__item:hover {
background: #F6F6F6;
}
.table-menu__item.active {
color: #007B99;
background: #F6F6F6;
}
/*table-menu*/
/*th-block*/
.th-block {
}
.th-block__items {
display: flex;
flex-wrap: wrap;
}
.th-block__item {
margin-right: 16px;
margin-bottom: 12px;
border: 1px solid #808080;
background: #FFF;
width: 280px;
height: 180px;
flex: 0 0 calc(20% - 13px);
}
.th-block__item:nth-child(5n + 5) {
margin-right: 0;
}
.th-block__img {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: 10px;
}
/*th-block*/
/*prod__desc*/
.prod__desc {
}
.prod__desc-body {
}
.prod__desc-body p {
color: #2A2D30;
font-size: 16px;
font-weight: 500;
line-height: 20px;
margin: 0;
padding: 0 0 16px 0;
}
.prod__desc-body ul,
.prod__desc-body ol {
padding: 0 0 16px 0;
margin: 0 0 0 30px;
}
.prod__desc-body ul li,
.prod__desc-body ol li {
color: #2A2D30;
font-size: 16px;
font-weight: 500;
line-height: 20px;
margin: 0;
padding: 0 0 4px 0;
}
/*prod__desc*/
/*char-block*/
.char-block {
}
.char-block__items {
}
.char-block__item {
display: flex;
padding: 11px 12px;
border-bottom: 1px solid #D2D2DA;
background: rgba(191, 191, 191, 0.15);
}
.char-block__item:first-child {
border-top: 1px solid #D2D2DA;
}
.char-block__item:nth-child(2n + 2) {
background: #FFF;
}
.char-block__caption {
padding-right: 12px;
flex: 0 0 50%;
color: #2A2D30;
font-size: 16px;
font-weight: 500;
}
.char-block__value {
flex: 0 0 50%;
color: #2A2D30;
font-size: 16px;
font-weight: 500;
padding-left: 12px;
}
/*char-block*/
/*download-block*/
.download-block {
}
.download-block__items {
}
.download-block__item {
padding: 25px 0;
border-bottom: 1px solid #EFEFEF;
}
.download-block__item:first-child {
}
.download-block__url {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0;
}
.download-block__name {
overflow: hidden;
color: #007F97;
text-overflow: ellipsis;
font-size: 16px;
font-weight: 500;
text-decoration: underline;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
transition: all 0.2s ease;
}
.download-block__url:hover .download-block__name {
text-decoration: none;
}
.download-block__ico {
display: flex;
width: 40px;
height: 40px;
justify-content: center;
align-items: center;
border-radius: 4px;
border: 1px solid #FFF;
background: #009BC1;
transition: all 0.2s ease;
}
.download-block__url:hover .download-block__ico {
background: #00B49D;
}
/*download-block*/
/*sm-block*/
.sm-block {
}
.sm-block__wrapper {
display: flex;
}
.sm-block__img {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 calc(50% - 20px);
border: 1px solid #000;
background: #FFF;
margin-right: 20px;
height: 900px;
}
.sm-block__img-temp {
max-width: 90%;
max-height: 90%;
}
.sm-block__body {
margin-left: 20px;
flex: 0 0 calc(50% - 20px);
max-height: 900px;
overflow: auto;
}
.sm-block__body table thead {
position: sticky;
left: 0;
top: 0;
z-index: 1;
}
.sm-block__body table {
border-collapse: separate;
border-spacing: 0;
}
.sm-block__body table th {
border-width: 1px 0 1px 1px;
}
.sm-block__body table th:last-child {
border-width: 1px 1px 1px 1px;
}
.sm-block__body table td {
border-width: 0 0 1px 1px;
border-style: solid;
}
.sm-block__body table td:last-child {
border-width: 0 1px 1px 1px;
}
/*sm-block*/
/*product*/
* {
min-height: 1px;
}
.product {
}
.product__wrapper {
display: flex;
}
.product__img {
flex: 0 0 600px;
margin-right: 30px;
display: flex;
overflow: hidden;
}
.product__img-th {
flex: 0 0 calc(72px + 16px);
padding-right: 16px;
}
.product__img-sl {
flex: 0 0 510px;
position: relative;
}
.product__img-sl .prod__item-cor {
bottom: auto;
top: 10px;
left: 10px;
display: block;
}
.product__img-sl .prod__item-cor span {
display: block;
width: fit-content;
margin-bottom: 10px;
}
.product__body {
flex: 1 1 auto;
}
.product__wsku {
display: flex;
align-items: center;
margin-bottom: 26px;
}
.product__sku {
display: flex;
align-items: flex-end;
color: #4E5969;
font-size: 20px;
font-weight: 700;
margin-right: 26px;
}
.product__sku strong {
color: #000;
font-size: 24px;
padding-left: 5px;
}
.product__favorites {
display: flex;
align-items: center;
color: #000;
font-size: 16px;
line-height: 20px;
cursor: pointer;
transition: all 0.2s ease;
}
.product__favorites__ico {
margin-right: 6px;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
}
.product__favorites__ico * {
transition: all 0.2s ease;
}
.product__favorites.active .product__favorites__ico svg path {
fill: #007B99;
stroke: #007B99;
}
.product__favorites:hover {
color: #007B99;
}
.product__favorites:hover .product__favorites__ico svg path {
stroke: #007B99;
}
.product__name {
color: #007B99;
font-size: 28px;
font-weight: 500;
line-height: 44px;
margin-bottom: 26px;
}
.product__price {
margin-bottom: 26px;
}
.product__pricev {
display: flex;
align-items: flex-end;
}
.product__price-value {
color: #007B99;
font-size: 40px;
font-weight: 600;
line-height: 32px;
}
.product__price-desc {
color: #969696;
font-size: 14px;
line-height: 20px;
margin-left: 12px;
}
.product__nds {
color: #969696;
font-size: 14px;
font-weight: 600;
line-height: 20px;
margin-top: 12px;
}
.product__cart {
}
.product__cart .button {
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 56px;
letter-spacing: 0.192px;
text-transform: uppercase;
width: 364px;
height: 46px;
padding: 0px 32px;
}
.product__cart .button svg {
margin-left: 12px;
}
.product__dop {
padding-top: 26px;
margin-top: 26px;
border-top: 1px solid #C1C1C1;
}
.product__nal {
}
.product__nal-caption {
color: #000;
font-size: 16px;
font-weight: 500;
line-height: 20px;
margin-bottom: 12px;
}
.product__nal-block {
margin-bottom: 12px;
display: flex;
align-items: center;
}
.product__nal-block:last-child {
margin-bottom: 0;
}
.product__nal-block-c {
color: #000;
font-size: 16px;
font-weight: 500;
line-height: 20px;
margin-right: 16px;
}
.product__nal-block-i {
color: #4E5969;
font-size: 14px;
font-weight: 500;
line-height: 20px;
padding: 2px 8px;
border-radius: 4px;
border: 1px solid #D2D2DA;
background: #FFF;
}
.product__nal-block-i.green {
background-color: #20A244;
color: #fff;
border-color: transparent;
}
.product__nal-block-i.ligtgreen {
color: #fff;
background-color: #06D1B7;
border-color: transparent;
}
.product__sale {
margin-top: 26px;
}
.product__sale-cor {
color: #000;
font-size: 16px;
font-weight: 500;
line-height: 20px;
padding: 2px 8px;
border-radius: 4px;
background: #FFE500;
width: fit-content;
margin-bottom: 10px;
}
.product__sale-caption {
color: #2A2D30;
font-size: 16px;
font-weight: 500;
line-height: 20px;
margin-bottom: 10px;
}
.product__sale-text {
color: #007F97;
font-size: 14px;
font-weight: 500;
line-height: 20px;
margin-bottom: 10px;
}
.product__sale-more,
.product__sale-more a {
color: #007F97;
font-size: 16px;
font-weight: 500;
line-height: 20px;
text-decoration: underline;
}
.product__sale-more:hover,
.product__sale-more a:hover {
text-decoration: none;
}
.product__img-th .slick-list {
margin: 9px 0;
}
.product__img-th .slick-arrow {
border-radius: 100px;
border: 2px solid #FFF;
text-indent: -660000px;
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
margin-right: auto;
margin-left: auto;
background: url('data:image/svg+xml,') no-repeat center;
background-color: #007B99;
cursor: pointer;
transition: all 0.2s ease;
}
.product__img-th .slick-arrow:hover {
opacity: .7;
}
.product__img-th .slick-arrow.slick-prev {
}
.product__img-th .slick-arrow.slick-next {
transform: rotate(180deg);
}
.product__img-th .product__img-sl-item {
width: 72px;
height: 72px;
overflow: hidden;
border-radius: 2px;
border: 1px solid transparent;
display: flex !important;
align-items: center;
justify-content: center;
}
.product__img-th .product__img-sl-item img {
max-height: 90%;
max-width: 90%;
margin-bottom: 6px;
}
.slick-vertical .slick-slide {
border: 1px solid transparent;
cursor: pointer;
}
.product__img-th .slick-center {
border-color: #007B99;
}
.product__img-th .slick-slide {
transition: all 0.2s ease;
}
.product__img-th .slick-slide:hover {
/*border-color: #007B99;*/
}
.product__price-flex {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.product__price-column {
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #D9D9D9;
width: fit-content;
flex: 0 0 100%;
display: flex;
align-items: flex-end;
}
.product__price-column:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: 0;
}
.product__price-cell {
color: #009BC1;
font-size: 20px;
font-weight: 500;
line-height: 20px;
margin-right: 12px;
}
.product__price-cell:nth-child(1) {
flex: 0 0 110px;
}
.product__price-cell:nth-child(2) {
flex: 0 0 200px;
}
.product__price-cell:nth-child(3) {
flex: 0 0 200px;
}
.product__price-cell:last-child {
margin-right: 0;
}
.product__price-cell-caption {
color: #007B99;
font-size: 14px;
margin-bottom: 7px;
}
.product__price-cell-value {
color: #007B99;
font-size: 40px;
font-weight: 700;
line-height: 32px;
}
.product__price-old .product__price-cell-caption {
color: #969696;
}
.product__price-old .product__price-cell-value {
color: #969696;
}
.product__price-cell-bottom {
color: #969696;
font-size: 20px;
font-weight: 500;
line-height: 20px;
}
/*product*/
/*grid-blocks*/
.grid-blocks {
}
.grid-block {
}
.grid-block__sh {
margin-bottom: -8px;
}
.grid-block__sh .button {
padding: 10px;
}
.grid-block__sh .button:focus {
border-color: transparent;
background: transparent;
}
.grid-block__sh .button svg path {
fill: transparent;
}
.grid-block__wrapper {
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid #C1C1C1;
}
.grid-block__row {
display: flex;
margin-bottom: 24px;
gap: 93px;
}
.grid-block__s:last-child {
margin-bottom: 0;
}
.grid-block__column {
flex: 0 0 422px;
position: relative;
}
.grid-block__column-one {
flex: 0 0 100%;
}
.grid-block__column-two {
flex: 0 0 calc(50% - 47px);
}
.grid-block__column:last-child {
margin-right: 0;
}
.grid-block__flex {
display: flex;
flex-wrap: wrap;
gap: 0 30px;
}
.grid-block__cell {
margin-right: 0;
flex: 0 0 100%;
}
.grid-block__flex .grid-block__cell {
flex: 0 0 196px;
}
.grid-block__cell:nth-child(3),
.grid-block__cell:nth-child(4),
.grid-block__cell:nth-child(5),
.grid-block__cell:nth-child(6),
.grid-block__cell:nth-child(7),
.grid-block__cell:nth-child(8),
.grid-block__cell:nth-child(9),
.grid-block__cell:nth-child(10) {
margin-top: 24px;
}
.grid-block .input-block__title {
font-size: 14px;
font-weight: 500;
margin-bottom: 4px;
min-height: 17px;
}
.grid-block__sh-butt .button svg {
transition: all 0.2s ease;
}
.grid-block__sh-butt .button.active svg {
transform: rotate(180deg);
}
.grid-block__sh-body {
margin-top: 12px;
display: flex;
}
.grid-block__sh-i {
margin-right: 32px;
flex: 0 0 calc(25% - 24px);
}
.grid-block__sh-i:last-child {
margin-right: 0;
}
.grid-block__sh-hidden {
display: none;
}
.grid-block__sh .input-block__title {
font-size: 14px;
font-weight: 500;
margin-bottom: 4px;
}
.input-block__two-input {
display: flex;
}
.input-block__two-input .v-select {
width: 150px;
margin-right: 8px;
}
.grid-block__c {
margin-bottom: 16px;
display: flex;
align-items: center;
}
.grid-block__b {
display: flex;
align-items: center;
margin-right: 64px;
}
.grid-block__b:last-child {
margin-right: 0;
}
.grid-block__b .button {
margin-right: 8px;
}
.grid-block__b .button:last-child {
margin-right: 0;
}
.grid-block__c .button svg path {
fill: transparent;
}
.grid-block__status {
display: flex;
align-items: center;
margin-right: 12px;
color: #2A2D30;
font-size: 14px;
font-weight: 500;
}
.grid-block__status span {
color: #007B99;
margin-left: 8px;
}
.grid-block__status svg {
margin-right: 8px;
}
.grid-block__sb-talon {
}
.grid-block__column .input-block__checbox label {
position: relative;
top: 10px;
}
/*grid-blocks*/
/*button-blocks*/
.button-blocks {
display: flex;
}
.button-block {
margin-right: 16px;
}
.button-block:last-child {
margin-right: 0;
}
/*button-blocks*/
/*dp__input*/
.dp__input {
color: #000;
font-family: Inter;
font-size: 14px;
border-radius: 4px;
border: 1px solid #C1C1C1;
background: #fff;
padding: 8px 30px 8px 35px;
transition: all 0.2s ease;
outline: none;
position: relative;
z-index: 0;
width: 100%;
line-height: normal;
}
.dp__input_focus {
border-color: #007F97;
}
.dp__input_icon {
width: 16px;
height: 16px;
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
}
.dp__input_icon path {
display: none;
}
.dp__clear_icon {
width: 12px;
height: 12px;
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
}
.dp__clear_icon path {
display: none;
}
.dp__menu {
border-radius: 8px;
}
.dp__overlay {
color: #2A2D30;
font-family: Inter;
font-size: 14px;
border-radius: 8px;
background: #FFF;
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.20);
}
.dp__overlay_container {
padding: 16px;
}
.dp__overlay_col {
padding: 1px;
}
.dp__overlay_row {
}
.dp__overlay_cell,
.dp__calendar_item {
padding: 0;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
color: #2A2D30;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
border-radius: 4px;
transition: all 0.2s ease;
}
.dp__overlay_cell_pad {
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.dp__overlay_cell:hover,
.dp__today,
.dp__calendar_item:hover .dp__cell_inner {
border: 0;
background-color: #eee;
}
.dp__cell_inner {
width: 40px;
height: 40px;
}
.dp__overlay_cell_active,
.dp__active_date {
color: #fff !important;
background: #007B99 !important;
}
.dp__main * ::-webkit-scrollbar {
background-color: #F6F6F6;
width: 5px;
height: 5px;
}
.dp__main * ::-webkit-scrollbar-track {
background: #F6F6F6;
}
.dp__main * ::-webkit-scrollbar-thumb {
background-color: #007B99;
border-radius: 400px;
}
.dp--year-select,
.dp__month_year_select {
background: transparent !important;
color: #2A2D30 !important;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding: 6px 12px;
margin: 0;
}
.dp--year-select:hover,
.dp__month_year_select:hover {
color: #007B99 !important;
}
.dp--menu--inner-stretched {
padding: 0;
}
.dp__inner_nav svg {
width: 14px;
height: 14px;
}
.dp__inner_nav svg path {
fill: #2A2D30;
}
.dp__inner_nav:hover {
background: transparent;
}
.dp__inner_nav:hover svg path {
fill: #007B99;
}
.dp__cell_offset {
background: transparent;
color: #D2D2DA;
}
.dp__overlay,
.dp__instance_calendar {
width: 328px !important;
}
.dp__button.dp__overlay_action svg {
width: 16px;
height: 16px;
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
}
.dp__button.dp__overlay_action svg path {
display: none;
}
.dp__calendar_header_separator {
display: none;
}
.dp__calendar_header_item {
height: 30px;
color: #D2D2DA;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.dp__arrow_top,
.dp__arrow_bottom {
display: none;
}
/*dp__input*/
/*vfm*/
.vfm {
position: fixed;
left: 0;
top: 0;
z-index: 91;
width: 100%;
height: 100%;
}
.vfm--overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: -1;
background: rgba(0, 123, 153, .5);
pointer-events: none;
}
.vfm .fmodal {
position: fixed;
left: 50%;
top: 50%;
z-index: 93;
width: 760px;
transform: translate(-50%, -50%);
background: #fff;
padding: 24px;
border-radius: 4px;
border: 1px solid #F6F6F6;
box-shadow: 0 4px 4px 0 rgba(169, 174, 184, 0.24);
height: initial;
}
.vfm .fmodal__header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 20px;
}
.vfm .fmodal__title {
color: #000;
font-size: 20px;
font-weight: 500;
margin-bottom: 0;
display: block;
}
.vfm .fmodal__close {
cursor: pointer;
margin-left: 20px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
width: 12px;
height: 12px;
transition: all 0.2s ease;
}
.vfm .fmodal__close:hover {
background-image: url('data:image/svg+xml,');
}
.vfm .fmodal__footer {
margin-top: 16px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.vfm .fmodal__footer.space-between {
justify-content: space-between;
}
.vfm .fmodal__footer .buttons__wrapper {
display: flex;
gap: 20px;
}
.vfm .fmodal__content {
height: 210px;
max-width: 100%;
overflow-y: auto;
overflow-x: auto;
}
.vfm .fmodal__pagination {
min-height: 32px;
margin-top: 20px;
}
.vfm .fmodal__pagination .pagination-container {
margin-top: 0;
}
.vfm .fmodal.fmodal-medium {
width: 600px;
}
.vfm .fmodal.fmodal-large {
width: 1002px;
}
.vfm .fmodal.fmodal-fullscreen {
width: 100%;
height: 100%;
border-radius: 0;
}
.vfm .products__inputs input[type="text"] {
color: #000;
font-family: Inter;
font-size: 14px;
border-radius: 4px;
border: 1px solid #C1C1C1;
background-color: #F6F6F6;
padding: 8px 8px 8px 27px;
transition: all 0.2s ease;
outline: none;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left 5px center;
}
.vfm .products__inputs input[type="text"]:focus {
border: 1px solid #007F97;
background-color: #FFF;
}
.vfm .products__inputs {
align-items: center;
}
.vfm .products_list {
background: none;
overflow-y: auto;
}
.vfm .pseudolink {
cursor: pointer;
}
.vfm .fmodal__content .loader {
background-color: rgba(255, 255, 255, .3);
background-image: url('../images/ico/loader.svg');
background-position: center center;
background-repeat: no-repeat;
background-size: 50px 50px;
}
/*vfm*/
/*loader*/
.custom__loader {
background: rgba(255, 255, 255, 0.3);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 11;
}
.custom__loader-img {
position: absolute;
display: inline-block;
width: 110px;
height: 110px;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
will-change: transform;
-webkit-animation: custom_showMainLoader 200ms ease both;
animation: custom_showMainLoader 200ms ease both;
}
.custom__loader-svg {
-webkit-animation: rotateMainLoader 2s linear infinite;
animation: rotateMainLoader 2s linear infinite;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
}
.custom__loader-circle {
stroke: #BFC3C8;
stroke-width: 1.5;
stroke-dasharray: 20, 200;
stroke-dashoffset: 0;
-webkit-animation: custom_animateMainLoaderDash 1.5s ease-in-out infinite;
animation: custom_animateMainLoaderDash 1.5s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes custom_showMainLoader {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes custom_showMainLoader {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes custom_animateMainLoaderDash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes custom_animateMainLoaderDash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
/*loader*/