@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
html,body{width:100%;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;}
html {touch-action:manipulation;-ms-overflow-style:scrollbar;}
html *{max-height:1000000px;box-sizing:border-box;}
*:before,*:after{box-sizing:border-box;}
body{line-height:1.2;width:100%;padding:0;margin:0;background:#fff;color:#000;font-weight:400;}
@-ms-viewport {width:device-width;}
img{border: none;}
input, textarea {-webkit-appearance: none;}
.clear {clear:both;height:0px;}
::-webkit-file-upload-button {cursor:pointer;}
a, a[nohref] {cursor: pointer;}
b, strong, .bold {font-weight:600;}
:root {
--primary-font: 'Museo Sans Cyrl';
--primary-color: #1170e4;
--primary-color-active: color-mix(in srgb, var(--primary-color), transparent 20%);
--primary-btn-bg-color: var(--primary-color);
--primary-btn-bg-color-active: color-mix(in srgb, var(--primary-btn-bg-color), transparent 20%);
--primary-btn-bg-color-disabled: #bbb;
--primary-btn-border-color: transparent;
--primary-btn-border-color-active: transparent;
--primary-btn-border-color-disabled: transparent;
--primary-btn-text-color: #fff;
--primary-btn-text-color-active: #fff;
--primary-input-bg-color: #f5f5f5;
--primary-input-border-color: #ddd;
--primary-input-text-color: #000;
--primary-input-placeholder-text-color: #808080;
}
:root {
--secondary-color: color-mix(in srgb, var(--primary-color), transparent 85%);
--secondary-btn-bg-color: var(--secondary-color);
--secondary-btn-bg-color-active: color-mix(in srgb, var(--primary-color), transparent 75%);
--secondary-btn-bg-color-disabled: #bbb;
--secondary-btn-border-color: transparent;
--secondary-btn-border-color-active: transparent;
--secondary-btn-border-color-disabled: transparent;
--secondary-btn-text-color: var(--primary-color);
--secondary-btn-text-color-active: var(--primary-color);
}
:root {
--light-btn-bg-color: #ebebeb;
--light-btn-bg-color-active: color-mix(in srgb, var(--light-btn-bg-color), transparent 20%);
--light-btn-bg-color-disabled: #bbb;
--light-btn-border-color: transparent;
--light-btn-border-color-active: transparent;
--light-btn-border-color-disabled: transparent;
--light-btn-text-color: #000;
--light-btn-text-color-active: #000;
}
:root {
--dark-btn-bg-color: #344a5f;
--dark-btn-bg-color-active: color-mix(in srgb, var(--dark-btn-bg-color), transparent 20%);
--dark-btn-bg-color-disabled: #bbb;
--dark-btn-border-color: transparent;
--dark-btn-border-color-active: transparent;
--dark-btn-border-color-disabled: transparent;
--dark-btn-text-color: #fff;
--dark-btn-text-color-active: #fff;
}
:root {
--danger-color: #e82646;
--danger-btn-bg-color: var(--danger-color);
--danger-btn-bg-color-active: color-mix(in srgb, var(--danger-btn-bg-color), transparent 20%);
--danger-btn-bg-color-disabled: #bbb;
--danger-btn-border-color: transparent;
--danger-btn-border-color-active: transparent;
--danger-btn-border-color-disabled: transparent;
--danger-btn-text-color: #fff;
--danger-btn-text-color-active: #fff;
}
:root {
--danger-light-color: color-mix(in srgb, var(--danger-color), transparent 90%);
--danger-light-btn-bg-color: var(--danger-light-color);
--danger-light-btn-bg-color-active: color-mix(in srgb, var(--danger-color), transparent 80%);
--danger-light-btn-bg-color-disabled: #bbb;
--danger-light-btn-border-color: transparent;
--danger-light-btn-border-color-active: transparent;
--danger-light-btn-border-color-disabled: transparent;
--danger-light-btn-text-color: var(--danger-color);
--danger-light-btn-text-color-active: var(--danger-color);
}
:root {
--warning-color: #f7b731;
--warning-btn-bg-color: var(--warning-color);
--warning-btn-bg-color-active: color-mix(in srgb, var(--warning-btn-bg-color), transparent 20%);
--warning-btn-bg-color-disabled: #bbb;
--warning-btn-border-color: transparent;
--warning-btn-border-color-active: transparent;
--warning-btn-border-color-disabled: transparent;
--warning-btn-text-color: #000;
--warning-btn-text-color-active: #000;
}
:root {
--warning-light-color: color-mix(in srgb, var(--warning-color), transparent 85%);
--warning-light-btn-bg-color: var(--warning-light-color);
--warning-light-btn-bg-color-active: color-mix(in srgb, var(--warning-color), transparent 75%);
--warning-light-btn-bg-color-disabled: #bbb;
--warning-light-btn-border-color: transparent;
--warning-light-btn-border-color-active: transparent;
--warning-light-btn-border-color-disabled: transparent;
--warning-light-btn-text-color: var(--warning-color);
--warning-light-btn-text-color-active: var(--warning-color);
}
:root {
--success-color: #09ad95;
--success-btn-bg-color: var(--success-color);
--success-btn-bg-color-active: color-mix(in srgb, var(--success-btn-bg-color), transparent 20%);
--success-btn-bg-color-disabled: #bbb;
--success-btn-border-color: transparent;
--success-btn-border-color-active: transparent;
--success-btn-border-color-disabled: transparent;
--success-btn-text-color: #fff;
--success-btn-text-color-active: #fff;
}
:root {
--success-light-color: color-mix(in srgb, var(--success-color), transparent 85%);
--success-light-btn-bg-color: var(--success-light-color);
--success-light-btn-bg-color-active: color-mix(in srgb, var(--success-color), transparent 75%);
--success-light-btn-bg-color-disabled: #bbb;
--success-light-btn-border-color: transparent;
--success-light-btn-border-color-active: transparent;
--success-light-btn-border-color-disabled: transparent;
--success-light-btn-text-color: var(--success-color);
--success-light-btn-text-color-active: var(--success-color);
}
:root {
--transition: all 0.3s linear;
}
body {
background: #f0f0f5;
font-family: var(--primary-font);
font-weight: 400;
}
#wrapper {
display: block;
margin: 0 auto;
padding: 0px 0px 0px 0px;
position: relative;
max-width: 2000px;
z-index: 80;
}
.container {
margin: 0 auto;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 10;
}
.container:after {
display: none;
}
.nowrap {
overflow-wrap: normal;
word-wrap: normal;
word-break: keep-all;
line-break: auto;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
white-space: nowrap;
}
.--hidden {
display: none !important;
}

.btn, 
.button {
display: block;
margin: 0 auto;
padding: 0px 0px 0px 0px;
position: relative;
width: auto;
font-family: var(--primary-font);
font-weight: 600;
text-align: center;
text-decoration: none;
border: none;
outline: none;
border-radius: 4px;
cursor: pointer;
box-sizing: border-box;
-webkit-appearance: none;
z-index: 5;
user-select: none;
transition: var(--transition);
}
a.btn, 
a.button, 
span.btn, 
span.button {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}

.btn.--mini, 
.button.--mini {
padding: 0px 10px 0px 10px;
height: 36px;
font-size: 12px;
line-height: 12px;
}
.btn.--small, 
.button.--small {
padding: 0px calc(15px - 3px) 0px calc(15px - 3px);
height: 40px;
font-size: 14px;
line-height: 14px;
}
.btn.--medium, 
.button.--medium {
padding: 0px calc(15px - 3px) 0px calc(15px - 3px);
height: 44px;
font-size: 14px;
line-height: 14px;
}
.btn.--large, 
.button.--large {
padding: 0px 15px 0px 15px;
height: 50px;
font-size: 15px;
line-height: 15px;
}

.btn.--primary, 
.button.--primary {
background: var(--primary-btn-bg-color);
border: 1px solid var(--primary-btn-border-color);
color: var(--primary-btn-text-color);
}
.btn.--primary:hover, 
.btn.--primary:active, 
.button.--primary:hover, 
.button.--primary:active {
background: var(--primary-btn-bg-color-active);
border-color: var(--primary-btn-border-color-active);
color: var(--primary-btn-text-color-active);
}
.btn.--primary:disabled, 
.btn.--primary[disabled], 
.button.--primary:disabled, 
.button.--primary[disabled] {
background: var(--primary-btn-bg-color-disabled) !important;
border-color: var(--primary-btn-border-color-disabled) !important;
cursor: default !important;
}

.btn.--secondary, 
.button.--secondary {
background: var(--secondary-btn-bg-color);
border: 1px solid var(--secondary-btn-border-color);
color: var(--secondary-btn-text-color);
}
.btn.--secondary:hover, 
.btn.--secondary:active, 
.button.--secondary:hover, 
.button.--secondary:active {
background: var(--secondary-btn-bg-color-active);
border-color: var(--secondary-btn-border-color-active);
color: var(--secondary-btn-text-color-active);
}
.btn.--secondary:disabled, 
.btn.--secondary[disabled], 
.button.--secondary:disabled, 
.button.--secondary[disabled] {
background: var(--secondary-btn-bg-color-disabled) !important;
border-color: var(--secondary-btn-border-color-disabled) !important;
cursor: default !important;
}

.btn.--light, 
.button.--light {
background: var(--light-btn-bg-color);
border: 1px solid var(--light-btn-border-color);
color: var(--light-btn-text-color);
}
.btn.--light:hover, 
.btn.--light:active, 
.button.--light:hover, 
.button.--light:active {
background: var(--light-btn-bg-color-active);
border-color: var(--light-btn-border-color-active);
color: var(--light-btn-text-color-active);
}
.btn.--light:disabled, 
.btn.--light[disabled], 
.button.--light:disabled, 
.button.--light[disabled] {
background: var(--light-btn-bg-color-disabled) !important;
border-color: var(--light-btn-border-color-disabled) !important;
cursor: default !important;
}

.btn.--light.--border, 
.button.--light.--border {
background: none;
border-color: #ddd;
}
.btn.--light.--border:hover, 
.btn.--light.--border:active, 
.button.--light.--border:hover, 
.button.--light.--border:active {
background: none;
border-color: var(--primary-btn-bg-color);
}

.btn.--dark, 
.button.--dark {
background: var(--dark-btn-bg-color);
border: 1px solid var(--dark-btn-border-color);
color: var(--dark-btn-text-color);
}
.btn.--dark:hover, 
.btn.--dark:active, 
.button.--dark:hover, 
.button.--dark:active {
background: var(--dark-btn-bg-color-active);
border-color: var(--dark-btn-border-color-active);
color: var(--dark-btn-text-color-active);
}
.btn.--dark:disabled, 
.btn.--dark[disabled], 
.button.--dark:disabled, 
.button.--dark[disabled] {
background: var(--dark-btn-bg-color-disabled) !important;
border-color: var(--dark-btn-border-color-disabled) !important;
cursor: default !important;
}

.btn.--danger, 
.button.--danger {
background: var(--danger-btn-bg-color);
border: 1px solid var(--danger-btn-border-color);
color: var(--danger-btn-text-color);
}
.btn.--danger:hover, 
.btn.--danger:active, 
.button.--danger:hover, 
.button.--danger:active {
background: var(--danger-btn-bg-color-active);
border-color: var(--danger-btn-border-color-active);
color: var(--danger-btn-text-color-active);
}
.btn.--danger:disabled, 
.btn.--danger[disabled], 
.button.--danger:disabled, 
.button.--danger[disabled] {
background: var(--danger-btn-bg-color-disabled) !important;
border-color: var(--danger-btn-border-color-disabled) !important;
cursor: default !important;
}

.btn.--danger-light, 
.button.--danger-light {
background: var(--danger-light-btn-bg-color);
border: 1px solid var(--danger-light-btn-border-color);
color: var(--danger-light-btn-text-color);
}
.btn.--danger-light:hover, 
.btn.--danger-light:active, 
.button.--danger-light:hover, 
.button.--danger-light:active {
background: var(--danger-light-btn-bg-color-active);
border-color: var(--danger-light-btn-border-color-active);
color: var(--danger-light-btn-text-color-active);
}
.btn.--danger-light:disabled, 
.btn.--danger-light[disabled], 
.button.--danger-light:disabled, 
.button.--danger-light[disabled] {
background: var(--danger-light-btn-bg-color-disabled) !important;
border-color: var(--danger-light-btn-border-color-disabled) !important;
cursor: default !important;
}

.btn.--warning, 
.button.--warning {
background: var(--warning-btn-bg-color);
border: 1px solid var(--warning-btn-border-color);
color: var(--warning-btn-text-color);
}
.btn.--warning:hover, 
.btn.--warning:active, 
.button.--warning:hover, 
.button.--warning:active {
background: var(--warning-btn-bg-color-active);
border-color: var(--warning-btn-border-color-active);
color: var(--warning-btn-text-color-active);
}
.btn.--warning:disabled, 
.btn.--warning[disabled], 
.button.--warning:disabled, 
.button.--warning[disabled] {
background: var(--warning-btn-bg-color-disabled) !important;
border-color: var(--warning-btn-border-color-disabled) !important;
cursor: default !important;
}

.btn.--warning-light, 
.button.--warning-light {
background: var(--warning-light-btn-bg-color);
border: 1px solid var(--warning-light-btn-border-color);
color: var(--warning-light-btn-text-color);
}
.btn.--warning-light:hover, 
.btn.--warning-light:active, 
.button.--warning-light:hover, 
.button.--warning-light:active {
background: var(--warning-light-btn-bg-color-active);
border-color: var(--warning-light-btn-border-color-active);
color: var(--warning-light-btn-text-color-active);
}
.btn.--warning-light:disabled, 
.btn.--warning-light[disabled], 
.button.--warning-light:disabled, 
.button.--warning-light[disabled] {
background: var(--warning-light-btn-bg-color-disabled) !important;
border-color: var(--warning-light-btn-border-color-disabled) !important;
cursor: default !important;
}

.btn.--success, 
.button.--success {
background: var(--success-btn-bg-color);
border: 1px solid var(--success-btn-border-color);
color: var(--success-btn-text-color);
}
.btn.--success:hover, 
.btn.--success:active, 
.button.--success:hover, 
.button.--success:active {
background: var(--success-btn-bg-color-active);
border-color: var(--success-btn-border-color-active);
color: var(--success-btn-text-color-active);
}
.btn.--success:disabled, 
.btn.--success[disabled], 
.button.--success:disabled, 
.button.--success[disabled] {
background: var(--success-btn-bg-color-disabled) !important;
border-color: var(--success-btn-border-color-disabled) !important;
cursor: default !important;
}

.btn.--success-light, 
.button.--success-light {
background: var(--success-light-btn-bg-color);
border: 1px solid var(--success-light-btn-border-color);
color: var(--success-light-btn-text-color);
}
.btn.--success-light:hover, 
.btn.--success-light:active, 
.button.--success-light:hover, 
.button.--success-light:active {
background: var(--success-light-btn-bg-color-active);
border-color: var(--success-light-btn-border-color-active);
color: var(--success-light-btn-text-color-active);
}
.btn.--success-light:disabled, 
.btn.--success-light[disabled], 
.button.--success-light:disabled, 
.button.--success-light[disabled] {
background: var(--success-light-btn-bg-color-disabled) !important;
border-color: var(--success-light-btn-border-color-disabled) !important;
cursor: default !important;
}

.main {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: calc(90px + 1px) 0px 0px 0px;
position: relative;
width: calc(100% - 220px);
min-height: 100dvh;
float: right;
transform: translate(0px, 0px);
transition: transform 250ms ease, width 250ms ease;
z-index: 10;
}
body.sidebar-no .main {
width: 100%;
}

/*--- Сайдбар ---*/
.sidebar {
--border-color: #e9edf4;
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: fixed;
top: 0px;
left: 0px;
width: 220px;
height: 100dvh;
float: left;
background: #fff;
border-right: 1px solid var(--border-color);
box-shadow: 0px 8px 25px rgb(0, 0, 0, 0.05);
overflow-x: hidden;
overflow-y: auto;
transform: translate(0px, 0px);
transition: box-shadow 0.3s ease, transform 0.3s ease;
z-index: 100;
}
body.sidebar-no .sidebar {
box-shadow: none;
transform: translate(-220px, 0px);
}
.sidebar__logo {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.sidebar__logo > a {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 25px 0px 25px;
position: relative;
width: 100%;
height: calc(90px + 1px);
border-bottom: 1px solid var(--border-color);
color: #000;
font-size: 22px;
line-height: 22px;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
transition: var(--transition);
}
.sidebar__logo > a:hover, 
.sidebar__logo > a:active {
color: var(--primary-color);
text-decoration: none;
}
.sidebar__logo > a > span {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.sidebar__actions {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
text-align: left;
}
.sidebar__actions > ul {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 0px;
}
.sidebar__actions > ul > li {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
border-bottom: 1px solid var(--border-color);
}
.sidebar__actions > ul > li:last-child {
border-bottom: none;
}
.sidebar__actions > ul > li > a {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 14px 25px 14px 25px;
position: relative;
font-size: 0px;
line-height: 0px;
color: #000;
text-decoration: none;
transition: var(--transition);
}
.sidebar__actions > ul > li > a:hover, 
.sidebar__actions > ul > li > a:active {
color: var(--primary-color);
}
.sidebar__actions > ul > li.--active > a {
color: var(--primary-color);
}
.sidebar__actions > ul > li > a > i {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 24px;
color: var(--primary-color);
text-align: center;
}
.sidebar__actions > ul > li > a > i > span.material-symbols-outlined {
position: relative;
left: -2.5px;
font-size: 24px !important;
line-height: 24px !important;
}
.sidebar__actions > ul > li > a > span {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px calc(16px + 5px) 0px 5px;
position: relative;
width: calc(100% - 24px);
font-size: 12px;
line-height: 16px;
font-weight: 600;
text-transform: uppercase;
white-space: nowrap;
}
.sidebar__actions > ul > li > a > span > span {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.sidebar__actions > ul > li > a > span > i.chevron {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: calc(50% - (16px / 2));
right: -5px;
width: 16px;
height: 16px;
font-size: 0px;
line-height: 0px;
user-select: none;
transform-origin: center;
transform: rotate(-90deg);
transition: var(--transition);
}
.sidebar__actions > ul > li.--open > a > span > i.chevron {
right: -2.5px;
transform: rotate(0deg);
}
.sidebar__actions > ul > li > a > span > i.chevron > span {
font-size: 16px !important;
line-height: 16px !important;
}
.sidebar__actions > ul > li > ul {
display: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px calc(14px + 2px) 0px;
position: relative;
}
.sidebar__actions > ul > li > ul:before {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: -7px;
left: calc(25px + (24px / 2) - 2px);
width: 1px;
height: calc(100% - 18px);
background: var(--border-color);
}
.sidebar__actions > ul > li.--open > ul {
display: block;
}
.sidebar__actions > ul > li > ul > li {
display: block;
margin: 4px 0px 0px 0px;
padding: 0px 25px 0px 25px;
position: relative;
}
.sidebar__actions > ul > li > ul > li:first-child {
margin-top: -4px;
}
.sidebar__actions > ul > li > ul > li > a {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 0px;
line-height: 0px;
color: #000;
font-weight: 400;
text-decoration: none;
transition: var(--transition);
}
.sidebar__actions > ul > li > ul > li > a:hover, 
.sidebar__actions > ul > li > ul > li > a:active {
color: var(--primary-color);
}
.sidebar__actions > ul > li > ul > li.--active > a {
color: var(--primary-color);
}
.sidebar__actions > ul > li > ul > li > a > span {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.sidebar__actions > ul > li > ul > li > a > span > span {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px calc(24px + 5px);
position: relative;
font-size: 14px;
line-height: 18px;
font-weight: 400;
}
.sidebar__actions > ul > li > ul > li > a > span > span:before {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 8px;
left: 10px;
width: 12px;
height: 1px;
background: var(--border-color);
}
.sidebar__actions > ul > li > ul > li > a > span > em {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
flex-shrink: 0;
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
width: 18px;
height: 18px;
background: var(--primary-color);
border-radius: 50%;
color: var(--primary-btn-text-color);
font-size: 10px;
line-height: 10px;
font-weight: 400;
font-style: normal;
text-align: center;
}
.sidebar__actions > ul > li > ul > li > a > span > em[data-notifications="0"] {
display: none;
}

/*--- Шапка ---*/
.header {
--border-color: #e9edf4;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 25px 0px 25px;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: calc(90px + 1px);
background: #fff;
border-bottom: 1px solid var(--border-color);
}
.header > .container {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
height: 100%;
}
.header__items {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
margin: 0px -25px 0px -25px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc(100% + (25px * 2));
height: 100%;
}
.header__item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 25px 0px 25px;
position: relative;
border-right: 1px solid var(--border-color);
}
.header__item:last-child {
border-right: none;
}
.header__item[data-item="logo"] {
display: none;
}
body.sidebar-no .header__item[data-item="logo"] {
display: flex;
}
.header__item[data-item="user"] {
justify-content: flex-end;
width: 100%;
}
body:has(.header__item[data-item="crm-daterange"]) .header__item[data-item="user"] {
width: auto;
}
.header__menu {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__menu > a {
--color: #000;
display: flex;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
position: relative;
width: 32px;
font-size: 0px;
text-align: center;
cursor: pointer;
z-index: 50;
transition: var(--transition);
}
.header__menu > a:hover, 
.header__menu > a:active {
--color: var(--primary-color);
}
.header__menu > a > span {
display: block;
vertical-align: middle;
position: absolute;
width: 18px;
height: 2px;
background: var(--color);
cursor: pointer;
transition: var(--transition);
}
body.sidebar-no .header__menu > a > span {
width: 13px;
background: var(--color);
}
.header__menu > a > span:after, 
.header__menu > a > span:before {
content: "";
display: block;
position: absolute;
width: 18px;
height: 2px;
background: var(--color);
cursor: pointer;
transition: var(--transition);
}
body.sidebar-no .header__menu > a > span:after, 
body.sidebar-no .header__menu > a > span:before {
background: var(--color);
}
.header__menu > a > span:before {
inset-block-start: -6px;
}
.header__menu > a > span:after {
bottom: -6px;
}
.header__menu > a.header__menu-burger_active > span {
background: 0 0 !important;
}
.header__menu > a.header__menu-burger_active > span:before {
inset-block-start: -1px;
bottom: 0px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.header__menu > a.header__menu-burger_active > span:after {
inset-block-start: -1px;
width: 18px;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.header__logo {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__logo > a {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: #000;
font-size: 22px;
line-height: 22px;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
transition: var(--transition);
}
.header__logo > a:hover, 
.header__logo > a:active {
color: var(--primary-color);
text-decoration: none;
}
.header__logo > a > span {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__period {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__period-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px -5px 0px -5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__period-list-wrapper {
display: inline-block;
vertical-align: top;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__period-list {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__period-list-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px -5px 0px -5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__period-list-label {
display: inline-block;
vertical-align: top;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
line-height: 18px;
}
.header__period-list-select {
display: inline-block;
vertical-align: top;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
width: 160px;
}
.header__period-list-select select.form-control {
width: 100%;
}
.header__period-list-select .select2-container {
width: 100% !important;
}
.header__period-date-wrapper {
display: inline-block;
vertical-align: top;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__period-date {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__period-date-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px -5px 0px -5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__period-date-label {
display: inline-block;
vertical-align: top;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
line-height: 18px;
}
.header__period-date-input {
display: inline-block;
vertical-align: top;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
width: 120px;
}
.header__period-btn-wrapper {
display: inline-block;
vertical-align: top;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__period-btn {
display: inline-block;
vertical-align: top;
}
.header__item[data-item="crm-daterange"] {
padding-left: calc((211px - 83px) + 25px);
width: 100%;
}
.header__crm-daterange {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
}
.header__crm-daterange-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px -5px 0px -5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__crm-daterange-list-wrapper {
display: inline-block;
vertical-align: top;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__crm-daterange-list {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__crm-daterange-list-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px -5px 0px -5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__crm-daterange-date-wrapper {
display: inline-block;
vertical-align: top;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__crm-daterange-date {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__crm-daterange-date-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px -5px 0px -5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__crm-daterange-date-input {
display: inline-block;
vertical-align: top;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
width: 220px;
}
.header__crm-daterange-date-input input[type='text'].form-control.--medium,  
.header__crm-daterange-date-input input[type='tel'].form-control.--medium, 
.header__crm-daterange-date-input input[type='email'].form-control.--medium, 
.header__crm-daterange-date-input input[type='number'].form-control.--medium, 
.header__crm-daterange-date-input input[type='password'].form-control.--medium {
--height: 50px;
padding-left: 15px;
padding-right: 15px;
height: var(--height);
font-size: 14px;
line-height: 14px;
text-align: center;
}
.header__user {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__user-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
margin: 0px -7.5px 0px -7.5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__user-data {
display: inline-block;
vertical-align: top;
margin: 0px 7.5px 0px 7.5px;
padding: 0px 0px 0px 0px;
position: relative;
text-align: right;
}
.header__user-data-name {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
line-height: 18px;
font-weight: 600;
white-space: nowrap;
}
.header__user-data-name a {
color: #000;
text-decoration: none;
transition: var(--transition);
}
.header__user-data-name a:hover, 
.header__user-data-name a:active {
color: color-mix(in srgb, #000, transparent 25%);
text-decoration: none;
}
.header__user-data-logout {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
line-height: 18px;
white-space: nowrap;
}
.header__user-data-logout a {
color: var(--primary-color);
text-decoration: underline;
transition: var(--transition);
}
.header__user-data-logout a:hover, 
.header__user-data-logout a:active {
color: var(--primary-color-active);
text-decoration: none;
}
.header__user-avatar {
display: inline-block;
vertical-align: top;
margin: 0px 7.5px 0px 7.5px;
padding: 0px 0px 0px 0px;
position: relative;
width: 50px;
height: 50px;
background: var(--primary-input-bg-color);
border: 1px solid var(--primary-input-border-color);
border-radius: 50%;
}
.header__user-avatar a {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: -1px;
left: -1px;
width: calc(100% + (1px * 2));
height: calc(100% + (1px * 2));
text-decoration: none;
border-radius: inherit;
transition: var(--transition);
}
.header__user-avatar a:hover, 
.header__user-avatar a:active {
text-decoration: none;
opacity: 0.75;
}
.header__user-avatar a > i {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: #000;
font-size: 0px;
line-height: 0px;
text-align: center;
z-index: 10;
}
.header__user-avatar a > i > span.material-symbols-outlined {
position: relative;
font-size: 30px !important;
line-height: 30px !important;
}
.header__user-avatar img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border-radius: inherit;
object-fit: cover;
z-index: 20;
}

/*--- Контент ---*/
.main-content {
display: block;
margin: 0px 0px 0px 0px;
padding: 40px 40px 40px 40px;
position: relative;
min-height: calc(100dvh - (90px + 1px));
}
.main-content .container {
width: 100%;
}
.main-title-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.main-title {
display: block;
margin: -4px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: #000;
font-size: 26px;
line-height: 30px;
font-weight: 600;
}
.notices {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px -12.5px 0px -12.5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.main-title-wrapper + .notices {
margin-top: calc(40px - 3px);
}
.notice {
display: inline-block;
vertical-align: top;
margin: 25px 12.5px 0px 12.5px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
border-radius: 8px;
box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.05);
}
.notice.notice_info {
background: linear-gradient(to bottom, color-mix(in srgb, var(--primary-color), transparent 20%) 0%, var(--primary-color) 100%);
color: var(--primary-btn-text-color);
}
.notice.notice_error {
background: linear-gradient(to bottom, color-mix(in srgb, var(--danger-color), transparent 20%) 0%, var(--danger-color) 100%);
color: var(--danger-btn-text-color);
}
.notice.--mini {
padding: 15px 20px 15px 20px;
}
.notice.--small {
padding: 20px 25px 20px 25px;
}
.notice.--medium {
padding: 25px 25px 25px 25px;
}
.notice:first-child {
margin-top: 0px;
}
.notice__inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
}
.notice__icon {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.notice.--mini .notice__icon {
margin-left: -2px;
margin-right: calc(10px - 2px);
}
.notice.--small .notice__icon {
margin-left: -4px;
margin-right: 10px;
}
.notice.--medium .notice__icon {
margin-left: -4px;
margin-right: 15px;
}
.notice__icon > i {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 0px;
line-height: 0px;
text-align: center;
}
.notice.--mini .notice__icon > i {
--width: 28px;
--height: 28px;
width: var(--width);
height: var(--height);
}
.notice.--small .notice__icon > i {
--width: 32px;
--height: 32px;
width: var(--width);
height: var(--height);
}
.notice.--medium .notice__icon > i {
--width: 34px;
--height: 34px;
width: var(--width);
height: var(--height);
}
.notice.notice_info .notice__icon > i {
color: var(--primary-btn-text-color);
}
.notice.notice_error .notice__icon > i {
color: var(--danger-btn-text-color);
}
.notice__icon > i > span.material-symbols-outlined {
position: relative;
top: -1px;
font-size: var(--width) !important;
line-height: var(--height) !important;
}
.notice__text {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-weight: 400;
}
.notice.--mini .notice__text {
font-size: 14px;
line-height: 18px;
}
.notice.--small .notice__text {
font-size: 16px;
line-height: 20px;
}
.notice.--medium .notice__text {
font-size: 16px;
line-height: 20px;
}
.cards {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px -10px 0px -10px;
padding: 0px 0px 0px 0px;
position: relative;
}
.main-title-wrapper + .cards {
margin-top: calc(40px - 3px);
}
.cards + .cards {
margin-top: 40px;
}
.notices + .cards {
margin-top: 40px;
}
.crm-totals + .cards {
margin-top: 40px;
}
.crm-funds + .cards {
margin-top: 40px;
}
.card {
--border-color: #e9edf4;
display: inline-block;
vertical-align: top;
margin: 0px 10px 0px 10px;
padding: 0px 0px 0px 0px;
position: relative;
background: #fff;
border-radius: 8px;
box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.05);
}
body:has(.crm-funds[data-balance="0"]) .card[data-card="crm-transactions"] {
display: none;
}
.card-col_1 {
width: calc(100% - (10px * 2));
}
.card-col_1 + .card-col_1 {
margin-top: 40px;
}
.card-col_2 {
width: calc(50% - (10px * 2));
}
.card-col_2[data-card="crm-spendings"] {
width: calc(((100% / 3) * 2) - (10px * 2));
}
.card-col_2[data-card="crm-dividends"] {
width: calc(((100% / 3) * 1) - (10px * 2));
}
.card-col_3 {
width: calc(33.3333% - (10px * 2));
}
.card-col_4 {
width: calc(25% - (10px * 2));
}
.card-header {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 25px 0px 25px;
position: relative;
min-height: 62px;
border-bottom: 1px solid var(--border-color);
border-radius: 8px 8px 0px 0px;
z-index: 20;
}
.card-header__title {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: #000;
font-size: 18px;
line-height: 22px;
font-weight: 600;
}
.card-header__title-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-header__title-value {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-header__title-btns-wrapper {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-header__title-btns {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px -5px 0px -5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-header__title-btn.btn {
margin-left: 5px;
margin-right: 5px;
padding-left: 0px;
padding-right: 0px;
flex-shrink: 0;
font-weight: 400;
}
.card-header__title-btn.btn.--small {
width: 22px;
height: 22px;
border-radius: 3px;
}
.card-header__title-btn.btn.--medium {
width: 26px;
height: 26px;
}
.card-header__title-btn.btn.--large {
width: 30px;
height: 30px;
}
.card-header__title-btn.btn.--disabled {
cursor: default !important;
}
.card-header__title-btn.btn.--primary.--disabled {
background: var(--primary-btn-bg-color-active);
border-color: var(--primary-btn-border-color-active);
color: var(--primary-btn-text-color-active);
}
.card-header__title-btn.btn.--secondary.--disabled {
background: var(--secondary-btn-bg-color-active);
border-color: var(--secondary-btn-border-color-active);
color: var(--secondary-btn-text-color-active);
}
.card-header__title-btn.btn.--light.--disabled {
background: var(--light-btn-bg-color-active);
border-color: var(--light-btn-border-color-active);
color: var(--light-btn-text-color-active);
}
.card-header__title-btn.btn.--dark.--disabled {
background: var(--dark-btn-bg-color-active);
border-color: var(--dark-btn-border-color-active);
color: var(--dark-btn-text-color-active);
}
.card-header__title-btn.btn.--danger.--disabled {
background: var(--danger-btn-bg-color-active);
border-color: var(--danger-btn-border-color-active);
color: var(--danger-btn-text-color-active);
}
.card-header__title-btn.btn.--danger-light.--disabled {
background: var(--danger-light-btn-bg-color-active);
border-color: var(--danger-light-btn-border-color-active);
color: var(--danger-light-btn-text-color-active);
}
.card-header__title-btn.btn.--warning.--disabled {
background: var(--warning-btn-bg-color-active);
border-color: var(--warning-btn-border-color-active);
color: var(--warning-btn-text-color-active);
}
.card-header__title-btn.btn.--warning-ligh.--disabled {
background: var(--warning-light-btn-bg-color-active);
border-color: var(--warning-light-btn-border-color-active);
color: var(--warning-light-btn-text-color-active);
}
.card-header__title-btn.btn.--success.--disabled {
background: var(--success-btn-bg-color-active);
border-color: var(--success-btn-border-color-active);
color: var(--success-btn-text-color-active);
}
.card-header__title-btn.btn.--success-light.--disabled {
background: var(--success-light-btn-bg-color-active);
border-color: var(--success-light-btn-border-color-active);
color: var(--success-light-btn-text-color-active);
}
.card-header__title-btn.btn > i {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 0px;
line-height: 0px;
text-align: center;
}
.card-header__title-btn.btn.--primary > i {
color: var(--primary-btn-text-color);
}
.card-header__title-btn.btn.--secondary > i {
color: var(--secondary-btn-text-color);
}
.card-header__title-btn.btn.--light > i {
color: var(--light-btn-text-color);
}
.card-header__title-btn.btn.--dark > i {
color: var(--dark-btn-text-color);
}
.card-header__title-btn.btn > i > span.material-symbols-outlined {
position: relative;
font-size: 16px !important;
line-height: 16px !important;
font-weight: 400 !important;
}
.card-header__extra {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-header__select {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-header__select > div {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-header__tabs {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-header__tabs > div {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-header__tabs[data-style="links"] ul {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px -8px 0px -8px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-header__tabs[data-style="links"] ul li {
display: inline-block;
vertical-align: top;
margin: 0px 8px 0px 8px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-header__tabs[data-style="links"] ul li:after {
content: "";
display: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
bottom: -1px;
left: 0px;
width: 100%;
height: 1px;
background: var(--primary-color);
}
.card-header__tabs[data-style="links"] ul li.--active:after {
display: block;
}
.card-header__tabs[data-style="links"] ul li a {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 18px 0px 18px 0px;
position: relative;
color: #000;
font-size: 13px;
line-height: 19px;
text-decoration: none;
transition: var(--transition);
}
.card-header__tabs[data-style="links"] ul li a:hover, 
.card-header__tabs[data-style="links"] ul li a:active {
color: var(--primary-color);
text-decoration: none;
}
.card-header__tabs[data-style="links"] ul li.--active a {
color: var(--primary-color);
}
.card-header__tabs[data-style="btns"] ul {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px -4px 0px -4px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-header__tabs[data-style="btns"] ul li {
display: inline-block;
vertical-align: top;
margin: 0px 4px 0px 4px;
padding: 0px 0px 0px 0px;
position: relative;
user-select: none;
}
.card-header__tabs[data-style="btns"] ul li a {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 7px 8px 8px 8px;
position: relative;
background: #f5f5f5;
border: 1px solid #ddd;
border-radius: 4px;
color: #000;
font-size: 12px;
line-height: 16px;
font-weight: 600;
text-decoration: none;
user-select: none;
transition: var(--transition);
}
.card-header__tabs[data-style="btns"] ul li a:hover, 
.card-header__tabs[data-style="btns"] ul li a:active {
border-color: var(--primary-btn-bg-color) !important;
text-decoration: none;
}
.card-header__tabs[data-style="btns"] ul li.--active a {
background: var(--primary-btn-bg-color) !important;
border-color: var(--primary-btn-bg-color) !important;
color: var(--primary-btn-text-color);
}
.card-header__dropdown {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 0px;
position: relative;
top: -1px;
}
.card-header__dropdown > a {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 0px;
line-height: 0px;
text-decoration: none;
}
.card-header__dropdown > a:hover, 
.card-header__dropdown > a:active {
text-decoration: none;
}
.card-header__dropdown > a svg {
width: 18px;
color: #868eae;
transition: var(--transition);
}
.card-header__dropdown > a:hover svg, 
.card-header__dropdown > a:active svg {
color: var(--primary-color);
}
.card-header__dropdown > a.--active svg {
color: var(--primary-color);
}
.card-header__dropdown-items {
display: none;
margin: 0px 0px 0px 0px;
padding: calc(15px - 3px) 0px calc(15px - 3px) 0px;
position: absolute;
top: 25px;
right: 0px;
background: #fff;
border-radius: 6px;
box-shadow: 0px 2px 30px rgba(0,0,0,0.1);
}
.card-header__dropdown-items.--active {
display: block;
}
.card-header__dropdown-items ul {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-header__dropdown-items ul li {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
white-space: nowrap;
}
.card-header__dropdown-items ul li a {
display: block;
margin: 0px 0px 0px 0px;
padding: calc(5px + 2px) 15px calc(5px + 2px) 15px;
position: relative;
color: #000;
font-size: 13px;
line-height: 19px;
text-decoration: none;
transition: var(--transition);
}
.card-header__dropdown-items ul li a:hover, 
.card-header__dropdown-items ul li a:active {
background: var(--primary-btn-bg-color);
color: var(--primary-btn-text-color);
text-decoration: none;
}
.card-header__dropdown-items ul li.--active a, 
.card-header__dropdown-items ul li a.--active {
background: var(--primary-btn-bg-color);
color: var(--primary-btn-text-color);
text-decoration: none;
cursor: default;
}
.card-header__dropdown-items:has(ul li.--active) ul li:not(.--active) a:hover, 
.card-header__dropdown-items:has(ul li.--active) ul li:not(.--active) a:active {
background: var(--secondary-btn-bg-color);
color: var(--secondary-btn-text-color);
}
.card-body {
display: block;
margin: 0px 0px 0px 0px;
padding: 25px 25px 25px 25px;
position: relative;
border-radius: 8px;
z-index: 10;
}
.card:has(.card-header) .card-body {
border-radius: 0px 0px 8px 8px;
}
.card-body__content {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__tabs {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__tab {
display: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__tab.--active {
display: block;
}

.card-body__table-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__table {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__table-head {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__table-head.--display-none {
display: none;
}
.card-body__table-head-panel {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__table-head-panel-side {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;	
}
.card-body__table-head-panel-items-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__table-head-panel-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px -7.5px 0px -7.5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__table-head-panel-item {
display: inline-block;
vertical-align: top;
margin: 0px 7.5px 0px 7.5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__table-head-panel-item[data-datatable_panel="daterange"] {
width: auto;
}
.card-body__table-head-panel-item[data-datatable_panel="daterange"] .form-control-field-group__icon > i {
top: -1px;
}
.card-body__table-head-panel-item[data-datatable_panel="daterange"] .form-control-field-group__input > div {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 1px 0px 0px 0px;
position: relative;
border: 1px solid var(--primary-input-border-color);
border-radius: 4px;
cursor: pointer;
z-index: 10;
}
.form-control-field-group:has(.form-control-field-group__icon + .form-control-field-group__input) .form-control-field-group__input > div {
border-radius: 0px 4px 4px 0px;
}
.form-control-field-group:has(.form-control-field-group__input + .form-control-field-group__icon) .form-control-field-group__input > div {
border-radius: 4px 0px 0px 4px;
}
.card-body__table-head-panel-item[data-datatable_panel="daterange"] .form-control-field-group__input:has(.form-control.--small) > div {
--height: 40px;
height: var(--height);
padding-left: calc(15px - 3px);
padding-right: calc(15px - 3px);
font-size: 14px;
line-height: 14px;
}
.card-body__table-head-panel-item[data-datatable_panel="daterange"] .form-control-field-group__input:has(.form-control.--medium) > div {
--height: 44px;
padding-left: calc(15px - 3px);
padding-right: calc(15px - 3px);
height: var(--height);
font-size: 14px;
line-height: 14px;
}
.card-body__table-head-panel-item[data-datatable_panel="daterange"] .form-control-field-group__input:has(.form-control.--large) > div {
--height: 50px;
padding-left: 15px;
padding-right: 15px;
height: var(--height);
font-size: 15px;
line-height: 15px;
}
.card-body__table-head-panel-item[data-datatable_panel="daterange"] .form-control-field-group__input > div > span {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-family: var(--primary-font);
color: var(--primary-input-text-color);
font-weight: 400;
text-align: left;
}
.card-body__table-head-panel-item[data-datatable_panel="daterange"] .form-control-field-group__input > div > span[data-daterange="devider"] {
top: -1px;
margin-left: 4px;
margin-right: 4px;
}
.card-body__table-head-panel-item[data-datatable_panel="daterange"] input.form-control {
position: absolute;
left: 0px;
top: 0px;
width: 100% !important;
height: 100% !important;
opacity: 0;
z-index: 20;
cursor: pointer;
}
.card-body__table-head-panel-item[data-datatable_panel="length"] {
width: auto;
}
.card-body__table-head-panel-item[data-datatable_panel="length"] select.form-control {
width: 100%;
}
.card-body__table-head-panel-item[data-datatable_panel="length"] .select2-container {
width: 100%;
}
.card-body__table-head-panel-item[data-datatable_panel="search"] {
width: 220px;
}
.card-body__table-head-panel-item[data-datatable_panel="search"] input.form-control {
width: 100%;
}
.card-body__table-head-panel-item[data-datatable_panel="search"]:has(i) input.form-control {
padding-right: 40px;
z-index: 10;
}
.card-body__table-head-panel-item[data-datatable_panel="search"] input.form-control + i {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
right: 0px;
width: 40px;
height: 100%;
border-radius: 4px;
color: var(--primary-input-text-color);
font-size: 0px;
line-height: 0px;
text-align: center;
cursor: pointer;
z-index: 20;
visibility: hidden;
transition: var(--transition);
}
.card-body__table-head-panel-item[data-datatable_panel="search"] input.form-control + i:hover, 
.card-body__table-head-panel-item[data-datatable_panel="search"] input.form-control + i:active {
color: var(--primary-color);
}
.card-body__table-head-panel-item[data-datatable_panel="search"] input.form-control.--entered + i {
visibility: visible;
}
.card-body__table-head-panel-item[data-datatable_panel="search"] input.form-control + i > span.material-symbols-outlined {
position: relative;
top: -1px;
font-size: 27px !important;
line-height: 27px !important;
}
.card-body__table-head-panel-item[data-datatable_panel="export"] {}
.card-body__table-head-panel-item[data-datatable_panel="export"] .btn {
padding-left: 0px;
padding-right: 0px;
}
.card-body__table-head-panel-item[data-datatable_panel="export"] .btn.--small {
width: 40px;
}
.card-body__table-head-panel-item[data-datatable_panel="export"] .btn.--medium {
width: 44px;
}
.card-body__table-head-panel-item[data-datatable_panel="export"] .btn.--large {
width: 50px;
}
.card-body__table-head-panel-item[data-datatable_panel="export"] .btn.--disabled {
cursor: default !important;
}
.card-body__table-head-panel-item[data-datatable_panel="export"] .btn.--primary.--disabled {
background: var(--primary-btn-bg-color-active);
border-color: var(--primary-btn-border-color-active);
color: var(--primary-btn-text-color-active);
}
.card-body__table-head-panel-item[data-datatable_panel="export"] .btn.--secondary.--disabled {
background: var(--secondary-btn-bg-color-active);
border-color: var(--secondary-btn-border-color-active);
color: var(--secondary-btn-text-color-active);
}
.card-body__table-head-panel-item[data-datatable_panel="export"] .btn.--light.--disabled {
background: var(--light-btn-bg-color-active);
border-color: var(--light-btn-border-color-active);
color: var(--light-btn-text-color-active);
}
.card-body__table-head-panel-item[data-datatable_panel="export"] .btn.--dark.--disabled {
background: var(--dark-btn-bg-color-active);
border-color: var(--dark-btn-border-color-active);
color: var(--dark-btn-text-color-active);
}
.card-body__table-head-panel-item[data-datatable_panel="export"] .btn.--danger.--disabled {
background: var(--danger-btn-bg-color-active);
border-color: var(--danger-btn-border-color-active);
color: var(--danger-btn-text-color-active);
}
.card-body__table-head-panel-item[data-datatable_panel="export"] .btn.--danger-light.--disabled {
background: var(--danger-light-btn-bg-color-active);
border-color: var(--danger-light-btn-border-color-active);
color: var(--danger-light-btn-text-color-active);
}
.card-body__table-head-panel-item[data-datatable_panel="export"] .btn.--warning.--disabled {
background: var(--warning-btn-bg-color-active);
border-color: var(--warning-btn-border-color-active);
color: var(--warning-btn-text-color-active);
}
.card-body__table-head-panel-item[data-datatable_panel="export"] .btn.--warning-ligh.--disabled {
background: var(--warning-light-btn-bg-color-active);
border-color: var(--warning-light-btn-border-color-active);
color: var(--warning-light-btn-text-color-active);
}
.card-body__table-head-panel-item[data-datatable_panel="export"] .btn.--success.--disabled {
background: var(--success-btn-bg-color-active);
border-color: var(--success-btn-border-color-active);
color: var(--success-btn-text-color-active);
}
.card-body__table-head-panel-item[data-datatable_panel="export"] .btn.--success-light.--disabled {
background: var(--success-light-btn-bg-color-active);
border-color: var(--success-light-btn-border-color-active);
color: var(--success-light-btn-text-color-active);
}
.card-body__table-head-panel-item[data-datatable_panel="export"] .btn > i {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 0px;
line-height: 0px;
text-align: center;
}
.card-body__table-head-panel-item[data-datatable_panel="export"] .btn.--primary > i {
color: var(--primary-btn-text-color);
}
.card-body__table-head-panel-item[data-datatable_panel="export"] .btn.--secondary > i {
color: var(--secondary-btn-text-color);
}
.card-body__table-head-panel-item[data-datatable_panel="export"] .btn.--light > i {
color: var(--light-btn-text-color);
}
.card-body__table-head-panel-item[data-datatable_panel="export"] .btn.--dark > i {
color: var(--dark-btn-text-color);
}
.card-body__table-head-panel-item[data-datatable_panel="export"] .btn > i > span.material-symbols-outlined {
position: relative;
font-size: 22px !important;
line-height: 22px !important;
}
.card-body__table-head-panel-item[data-datatable_panel="export"] .btn.--loading > i > span.material-symbols-outlined {
animation: loading-table-export 1s linear infinite;
}
@keyframes loading-table-export {
	0% {
		transform: translateY(0px);
	}
	25% {
		transform: translateY(2px);
	}
	50% {
		transform: translateY(0px);
	}
	75% {
		transform: translateY(-2px);
	}
	100% {
		transform: translateY(0px);
	}
}
.card-body__table-head-panel-item[data-datatable_panel="insert"] {}
.card-body__table-head-panel-item[data-datatable_panel="insert"] .btn {
padding-left: 0px;
padding-right: 0px;
}
.card-body__table-head-panel-item[data-datatable_panel="insert"] .btn.--small {
width: 40px;
}
.card-body__table-head-panel-item[data-datatable_panel="insert"] .btn.--medium {
width: 44px;
}
.card-body__table-head-panel-item[data-datatable_panel="insert"] .btn.--large {
width: 50px;
}
.card-body__table-head-panel-item[data-datatable_panel="insert"] .btn.--disabled {
cursor: default !important;
}
.card-body__table-head-panel-item[data-datatable_panel="insert"] .btn.--primary.--disabled {
background: var(--primary-btn-bg-color-active);
border-color: var(--primary-btn-border-color-active);
color: var(--primary-btn-text-color-active);
}
.card-body__table-head-panel-item[data-datatable_panel="insert"] .btn.--secondary.--disabled {
background: var(--secondary-btn-bg-color-active);
border-color: var(--secondary-btn-border-color-active);
color: var(--secondary-btn-text-color-active);
}
.card-body__table-head-panel-item[data-datatable_panel="insert"] .btn.--light.--disabled {
background: var(--light-btn-bg-color-active);
border-color: var(--light-btn-border-color-active);
color: var(--light-btn-text-color-active);
}
.card-body__table-head-panel-item[data-datatable_panel="insert"] .btn.--dark.--disabled {
background: var(--dark-btn-bg-color-active);
border-color: var(--dark-btn-border-color-active);
color: var(--dark-btn-text-color-active);
}
.card-body__table-head-panel-item[data-datatable_panel="insert"] .btn.--danger.--disabled {
background: var(--danger-btn-bg-color-active);
border-color: var(--danger-btn-border-color-active);
color: var(--danger-btn-text-color-active);
}
.card-body__table-head-panel-item[data-datatable_panel="insert"] .btn.--danger-light.--disabled {
background: var(--danger-light-btn-bg-color-active);
border-color: var(--danger-light-btn-border-color-active);
color: var(--danger-light-btn-text-color-active);
}
.card-body__table-head-panel-item[data-datatable_panel="insert"] .btn.--warning.--disabled {
background: var(--warning-btn-bg-color-active);
border-color: var(--warning-btn-border-color-active);
color: var(--warning-btn-text-color-active);
}
.card-body__table-head-panel-item[data-datatable_panel="insert"] .btn.--warning-ligh.--disabled {
background: var(--warning-light-btn-bg-color-active);
border-color: var(--warning-light-btn-border-color-active);
color: var(--warning-light-btn-text-color-active);
}
.card-body__table-head-panel-item[data-datatable_panel="insert"] .btn.--success.--disabled {
background: var(--success-btn-bg-color-active);
border-color: var(--success-btn-border-color-active);
color: var(--success-btn-text-color-active);
}
.card-body__table-head-panel-item[data-datatable_panel="insert"] .btn.--success-light.--disabled {
background: var(--success-light-btn-bg-color-active);
border-color: var(--success-light-btn-border-color-active);
color: var(--success-light-btn-text-color-active);
}
.card-body__table-head-panel-item[data-datatable_panel="insert"] .btn > i {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 0px;
line-height: 0px;
text-align: center;
}
.card-body__table-head-panel-item[data-datatable_panel="insert"] .btn.--primary > i {
color: var(--primary-btn-text-color);
}
.card-body__table-head-panel-item[data-datatable_panel="insert"] .btn.--secondary > i {
color: var(--secondary-btn-text-color);
}
.card-body__table-head-panel-item[data-datatable_panel="insert"] .btn.--light > i {
color: var(--light-btn-text-color);
}
.card-body__table-head-panel-item[data-datatable_panel="insert"] .btn.--dark > i {
color: var(--dark-btn-text-color);
}
.card-body__table-head-panel-item[data-datatable_panel="insert"] .btn > i > span.material-symbols-outlined {
position: relative;
font-size: 22px !important;
line-height: 22px !important;
}
.card-body__table-content {
display: block;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__table-head.--display-none + .card-body__table-content {
margin-top: 0px;
}
.card-body__table-content:first-child {
margin-top: 0px;
}
.card-body__table-head.--display-none + .card-body__table-content {
margin-top: 0px;
}
.card-body__table-content-search-builder {
display: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.dtsb-searchBuilder {
display: none !important;
}
.card-body__table-content table, 
.datatable-fixed-header table {
--border-color: #e9edf4;
max-width: 100% !important;
font-size: 14px;
line-height: 18px;
}
.datatable-fixed-header table {
table-layout: fixed;
}
.card-body__table-content table.dataTable.--scroll-x, 
.datatable-fixed-header table.dataTable.--scroll-x {
display: block !important;
overflow-x: auto !important;
}
.card-body__table-content table.dataTable > tfoot.--hidden {
display: none !important;
}
.card-body__table-content table.dataTable th,
.card-body__table-content table.dataTable td, 
.datatable-fixed-header table.dataTable th,
.datatable-fixed-header table.dataTable td {
white-space: nowrap !important;
}
.card-body__tab[data-tab="payments-list"] .card-body__table-content table.dataTable td.searchBuilder_value_fieldname_note, 
.card-body__tab[data-tab="payments-list"] .datatable-fixed-header table.dataTable td.searchBuilder_value_fieldname_note, 
.card-body__tab[data-tab="crm-transactions-list"] .card-body__table-content table.dataTable td.searchBuilder_value_fieldname_note, 
.card-body__tab[data-tab="crm-transactions-list"] .datatable-fixed-header table.dataTable td.searchBuilder_value_fieldname_note {
max-width: clamp(20%, 40%, 100%);
white-space: normal !important;
}
.datatable-fixed-header table.dataTable th,
.datatable-fixed-header table.dataTable td {
box-sizing: border-box !important;
}
.card-body__table-content table.dataTable th.--hidden,
.card-body__table-content table.dataTable td.--hidden, 
.datatable-fixed-header table.dataTable th.--hidden,
.datatable-fixed-header table.dataTable td.--hidden {
display: none !important;
}
.card-body__table-content table.dataTable.--scroll-x th,
.card-body__table-content table.dataTable.--scroll-x td, 
.datatable-fixed-header table.dataTable.--scroll-x th,
.datatable-fixed-header table.dataTable.--scroll-x td {
width: 100%;
}
.card-body__table-content table.dataTable > thead > tr > th,
.card-body__table-content table.dataTable > thead > tr > td, 
.datatable-fixed-header table.dataTable > thead > tr > th,
.datatable-fixed-header table.dataTable > thead > tr > td {
padding: 12px 12px 12px 12px;
border: 1px solid var(--border-color);
background: color-mix(in srgb, var(--primary-color), transparent 95%);
white-space: nowrap;
transition: var(--transition);
}
.card-body__table-content table.dataTable thead > tr > th:hover,
.card-body__table-content table.dataTable thead > tr > th:active,
.card-body__table-content table.dataTable thead > tr > td:hover,
.card-body__table-content table.dataTable thead > tr > td:active {
background: color-mix(in srgb, var(--primary-color), transparent 90%);
color: var(--primary-color);
}
.card-body__table-content table.dataTable > tfoot > tr > th,
.card-body__table-content table.dataTable > tfoot > tr > td {
padding: 12px 12px 12px 12px;
border: 1px solid var(--border-color);
}
.card-body__table-content table.dataTable tbody th,
.card-body__table-content table.dataTable tbody td {
padding: 12px 12px 12px 12px;
border: 1px solid var(--border-color);
}
.card-body__table-content .dataTables_scrollBody table.dataTable tbody tr:first-child th,
.card-body__table-content .dataTables_scrollBody table.dataTable tbody tr:first-child td {
border-top: none !important;
}
.card-body__table-content table.dataTable tbody > tr > td {
transition: var(--transition);
}
.card-body__table-content table.dataTable tbody > tr:hover > td,
.card-body__table-content table.dataTable tbody > tr:active > td {
background: color-mix(in srgb, var(--primary-color), transparent 95%);
}
.card-body__table-content table.dataTable tbody > tr > td:hover,
.card-body__table-content table.dataTable tbody > tr > td:active {
background: color-mix(in srgb, var(--primary-color), transparent 90%);
}
.card-body__table-content table.dataTable .dataTable__row-date, 
.card-body__table-content table.dataTable .dataTable__row-order-number, 
.card-body__table-content table.dataTable .dataTable__row-order-details {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__table-content table.dataTable .dataTable__row-date-btn-wrapper, 
.card-body__table-content table.dataTable .dataTable__row-order-number-btn-wrapper, 
.card-body__table-content table.dataTable .dataTable__row-order-details-btn-wrapper {
display: inline-block;
vertical-align: top;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 22px;
height: 18px;
}
.card-body__table-content table.dataTable .dataTable__row-date-btn, 
.card-body__table-content table.dataTable .dataTable__row-order-number-btn, 
.card-body__table-content table.dataTable .dataTable__row-order-details-btn {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: calc((((22px - 18px) / 2) * (-1)) - 1px);
right: 0px;
width: 22px;
height: 22px;
font-family: var(--primary-font);
color: var(--warning-light-btn-text-color);
font-size: 14px;
line-height: 18px;
font-weight: 600;
text-align: center;
text-decoration: none;
background: var(--warning-light-btn-bg-color);
border: 1px solid var(--warning-light-btn-bg-color);
outline: none;
border-radius: 4px;
cursor: pointer;
box-sizing: border-box;
-webkit-appearance: none;
z-index: 5;
user-select: none;
transition: var(--transition);
}
.card-body__table-content table.dataTable .dataTable__row-order-details-btn {
color: var(--primary-input-text-color);
background: var(--primary-input-bg-color);
border: 1px solid var(--primary-input-border-color);
}
.card-body__table-content table.dataTable .dataTable__row-date .dataTable__row-date-btn:hover, 
.card-body__table-content table.dataTable .dataTable__row-date .dataTable__row-date-btn:active, 
.card-body__table-content table.dataTable .dataTable__row-order-number .dataTable__row-order-number-btn:hover, 
.card-body__table-content table.dataTable .dataTable__row-order-number .dataTable__row-order-number-btn:active, 
.card-body__table-content table.dataTable .dataTable__row-order-details .dataTable__row-order-details-btn:hover, 
.card-body__table-content table.dataTable .dataTable__row-order-details .dataTable__row-order-details-btn:active {
background: color-mix(in srgb, var(--warning-color), transparent 55%) !important;
border-color: color-mix(in srgb, var(--warning-color), transparent 55%) !important;
}
.card-body__table-content table.dataTable .dataTable__row-order-details .dataTable__row-order-details-btn:hover, 
.card-body__table-content table.dataTable .dataTable__row-order-details .dataTable__row-order-details-btn:active {
background: color-mix(in srgb, var(--primary-input-bg-color), transparent 0%) !important;
border-color: color-mix(in srgb, var(--primary-input-border-color), transparent 0%) !important;
}
.card-body__table-content table.dataTable .dataTable__row-date-btn > i, 
.card-body__table-content table.dataTable .dataTable__row-order-number-btn > i, 
.card-body__table-content table.dataTable .dataTable__row-order-details-btn > i {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: #000;
font-size: 0px;
line-height: 0px;
text-align: center;
z-index: 10;
}
.card-body__table-content table.dataTable .dataTable__row-date-btn > i > span.material-symbols-outlined, 
.card-body__table-content table.dataTable .dataTable__row-order-number-btn > i > span.material-symbols-outlined, 
.card-body__table-content table.dataTable .dataTable__row-order-details-btn > i > span.material-symbols-outlined {
position: relative;
font-size: 16px !important;
line-height: 16px !important;
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.card-body__table-content table.dataTable .dataTable__row-date-text, 
.card-body__table-content table.dataTable .dataTable__row-order-number-text, 
.card-body__table-content table.dataTable .dataTable__row-order-details-text {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__table-content table.dataTable .dataTable__row-order-details-text a {
color: var(--primary-color);
text-decoration: underline;
transition: var(--transition);
}
.card-body__table-content table.dataTable .dataTable__row-order-details-text a:hover, 
.card-body__table-content table.dataTable .dataTable__row-order-details-text a:active {
color: var(--primary-color-active);
text-decoration: none;
}
.card-body__table-content table.dataTable .dataTable__row-payment-actions-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__table-content table.dataTable .dataTable__row-payment-actions {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px -5px 0px -5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__table-content table.dataTable .dataTable__row-payment-action {
display: inline-block;
vertical-align: top;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
width: 22px;
height: 18px;
}
.card-body__table-content table.dataTable .dataTable__row-payment-action-btn {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: calc((((22px - 18px) / 2) * (-1)) - 1px);
right: 0px;
width: 22px;
height: 22px;
font-family: var(--primary-font);
font-size: 14px;
line-height: 18px;
font-weight: 600;
text-align: center;
text-decoration: none;
outline: none;
border-radius: 4px;
cursor: pointer;
box-sizing: border-box;
-webkit-appearance: none;
z-index: 5;
user-select: none;
transition: var(--transition);
}
.card-body__table-content table.dataTable .dataTable__row-payment-action-btn[data-action="delete"] {
background: var(--danger-light-btn-bg-color);
border-color: var(--danger-light-btn-border-color);
color: var(--danger-light-btn-text-color);
}
.card-body__table-content table.dataTable .dataTable__row-payment-action-btn[data-action="delete"]:hover, 
.card-body__table-content table.dataTable .dataTable__row-payment-action-btn[data-action="delete"]:active {
background: var(--danger-light-btn-bg-color-active);
border-color: var(--danger-light-btn-border-color-active);
color: var(--danger-light-btn-text-color-active);
}
.card-body__table-content table.dataTable .dataTable__row-payment-action-btn > i {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: inherit;
font-size: 0px;
line-height: 0px;
text-align: center;
z-index: 10;
}
.card-body__table-content table.dataTable .dataTable__row-payment-action-btn > i > span.material-symbols-outlined {
position: relative;
font-size: 16px !important;
line-height: 16px !important;
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.card-body__table-content table.dataTable .dataTable__row-lead-actions-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__table-content table.dataTable .dataTable__row-lead-actions {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px -5px 0px -5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__table-content table.dataTable .dataTable__row-lead-action {
display: inline-block;
vertical-align: top;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
width: 22px;
height: 18px;
}
.card-body__table-content table.dataTable .dataTable__row-lead-action-btn {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: calc((((22px - 18px) / 2) * (-1)) - 1px);
right: 0px;
width: 22px;
height: 22px;
font-family: var(--primary-font);
font-size: 14px;
line-height: 18px;
font-weight: 600;
text-align: center;
text-decoration: none;
outline: none;
border-radius: 4px;
cursor: pointer;
box-sizing: border-box;
-webkit-appearance: none;
z-index: 5;
user-select: none;
transition: var(--transition);
}
.card-body__table-content table.dataTable .dataTable__row-lead-action-btn[data-action="delete"] {
background: var(--danger-light-btn-bg-color);
border-color: var(--danger-light-btn-border-color);
color: var(--danger-light-btn-text-color);
}
.card-body__table-content table.dataTable .dataTable__row-lead-action-btn[data-action="delete"]:hover, 
.card-body__table-content table.dataTable .dataTable__row-lead-action-btn[data-action="delete"]:active {
background: var(--danger-light-btn-bg-color-active);
border-color: var(--danger-light-btn-border-color-active);
color: var(--danger-light-btn-text-color-active);
}
.card-body__table-content table.dataTable .dataTable__row-lead-action-btn > i {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: inherit;
font-size: 0px;
line-height: 0px;
text-align: center;
z-index: 10;
}
.card-body__table-content table.dataTable .dataTable__row-lead-action-btn > i > span.material-symbols-outlined {
position: relative;
font-size: 16px !important;
line-height: 16px !important;
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.card-body__table-content table.dataTable .dataTable__row-crm-actions-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__table-content table.dataTable .dataTable__row-crm-actions {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px -5px 0px -5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__table-content table.dataTable .dataTable__row-crm-action {
display: inline-block;
vertical-align: top;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
width: 22px;
height: 18px;
}
.card-body__table-content table.dataTable .dataTable__row-crm-action-btn {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: calc((((22px - 18px) / 2) * (-1)) - 1px);
right: 0px;
width: 22px;
height: 22px;
font-family: var(--primary-font);
font-size: 14px;
line-height: 18px;
font-weight: 600;
text-align: center;
text-decoration: none;
outline: none;
border-radius: 4px;
cursor: pointer;
box-sizing: border-box;
-webkit-appearance: none;
z-index: 5;
user-select: none;
transition: var(--transition);
}
.card-body__table-content table.dataTable .dataTable__row-crm-action-btn[data-action="edit"] {
background: var(--warning-light-btn-bg-color);
border-color: var(--warning-light-btn-border-color);
color: var(--warning-light-btn-text-color);
}
.card-body__table-content table.dataTable .dataTable__row-crm-action-btn[data-action="edit"]:hover, 
.card-body__table-content table.dataTable .dataTable__row-crm-action-btn[data-action="edit"]:active {
background: var(--warning-light-btn-bg-color-active);
border-color: var(--warning-light-btn-border-color-active);
color: var(--warning-light-btn-text-color-active);
}
.card-body__table-content table.dataTable .dataTable__row-crm-action-btn[data-action="delete"] {
background: var(--danger-light-btn-bg-color);
border-color: var(--danger-light-btn-border-color);
color: var(--danger-light-btn-text-color);
}
.card-body__table-content table.dataTable .dataTable__row-crm-action-btn[data-action="delete"]:hover, 
.card-body__table-content table.dataTable .dataTable__row-crm-action-btn[data-action="delete"]:active {
background: var(--danger-light-btn-bg-color-active);
border-color: var(--danger-light-btn-border-color-active);
color: var(--danger-light-btn-text-color-active);
}
.card-body__table-content table.dataTable .dataTable__row-crm-action-btn > i {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: inherit;
font-size: 0px;
line-height: 0px;
text-align: center;
z-index: 10;
}
.card-body__table-content table.dataTable .dataTable__row-crm-action-btn > i > span.material-symbols-outlined {
position: relative;
font-size: 16px !important;
line-height: 16px !important;
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.card-body__table-content table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
.card-body__table-content table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
.card-body__table-content table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
cursor: default !important;
}
.card-body__table-content table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
.card-body__table-content table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
.card-body__table-content table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
display: none !important;
}
.card-body__table-content table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
.card-body__table-content table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
padding-left: calc(12px + 4px + 12px);
position: relative;
cursor: pointer;
}
.card-body__table-content table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control,
.card-body__table-content table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control {
color: var(--primary-color);
}
.card-body__table-content table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
.card-body__table-content table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: calc(12px + 4px);
left: 12px;
width: 0;
height: 0;
border-width: 4px 0 4px 4px;
border-color: transparent transparent transparent rgba(0, 0, 0, 0.6);
border-style: solid;
z-index: 0;
}
.card-body__table-content table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control.arrow-right::before,
.card-body__table-content table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control.arrow-right::before {
border-width: 4px 4px 4px 0;
border-color: transparent rgba(0, 0, 0, 0.6) transparent transparent;
}
.card-body__table-content table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,
.card-body__table-content table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
top: calc(12px + 6px);
border-width: 6px 4px 0 4px;
border-color: var(--primary-color) transparent transparent transparent;
}
.card-body__table-content table.dataTable > tbody > tr.child {}
.card-body__table-content table.dataTable > tbody > tr.child:hover {
background: transparent !important;
}
.card-body__table-content table.dataTable > tbody > tr.child > td.child {
background: color-mix(in srgb, var(--primary-color), transparent 97%);
}
.card-body__table-content table.dataTable > tbody > tr.child ul.dtr-details {
display: block;
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.card-body__table-content table.dataTable > tbody > tr.child ul.dtr-details > li {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 8px 0px 6px 0px;
position: relative;
border-bottom: 1px solid color-mix(in srgb, var(--primary-color), transparent 87%);
}
.card-body__table-content table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
padding-top: 0px;
}
.card-body__table-content table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
padding-bottom: 0px;
border-bottom: none;
}
.card-body__table-content table.dataTable > tbody > tr.child span.dtr-title {
display: inline-block;
min-width: 75px;
font-weight: 600;
}
.dtfh-floatingparenthead {
z-index: 100 !important;
box-shadow: 0px 2px 30px rgba(0,0,0,0.1);
}
.dtfh-floatingparenthead {
display: none !important;
}
table.fixedHeader-floating {
--border-color: #e9edf4;
max-width: 100% !important;
font-size: 14px;
line-height: 18px;
background-color: #fff;
}
table.fixedHeader-locked {
position: absolute !important;
background-color: #fff;
}
table.fixedHeader-floating > thead > tr > th,
table.fixedHeader-floating > thead > tr > td {
padding: 12px 12px 12px 12px;
border: 1px solid var(--border-color);
transition: var(--transition);
}
table.fixedHeader-floating > thead > tr > th {
background: color-mix(in srgb, var(--primary-color), transparent 95%);
white-space: nowrap;
}
table.fixedHeader-floating thead > tr > th:hover,
table.fixedHeader-floating thead > tr > th:active,
table.fixedHeader-floating thead > tr > td:hover,
table.fixedHeader-floating thead > tr > td:active {
background: color-mix(in srgb, var(--primary-color), transparent 90%);
color: var(--primary-color);
}
@media print {
    table.fixedHeader-floating {
        display: none;
    }
}
.card-body__table-content-information {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.dataTables_wrapper + .card-body__table-content-information {
margin-top: 0px !important;
}
.card-body__table-content-info {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
line-height: 18px;
}
.card-body__table-content-pagination {
--border-color: #e9edf4;
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__table-content-pagination > ul.dataTables_paginate {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: flex-start;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
text-align: right;
}
.card-body__table-content-pagination > ul.dataTables_paginate > ul {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__table-content-pagination > ul.dataTables_paginate li.paginate_button {
display: inline-block;
vertical-align: top;
margin: 0px -0.5px 0px -0.5px;
padding: 10px 12px calc(10px - 1px) 12px;
position: relative;
background: #fff;
border: 1px solid var(--border-color);
color: #000;
font-size: 14px;
line-height: 14px;
font-weight: 400;
text-align: center;
text-decoration: none;
cursor: pointer;
z-index: 0;
transition: var(--transition);
}
.card-body__table-content-pagination > ul.dataTables_paginate > li.paginate_button:first-child {
border-radius: 4px 0px 0px 4px;
}
.card-body__table-content-pagination > ul.dataTables_paginate > li.paginate_button:last-child {
border-radius: 0px 4px 4px 0px;
}
.card.card-col.card-col_2 .dataTables_wrapper .card-body__table-content-pagination > ul.dataTables_paginate > li.paginate_button:first-child, 
.card.card-col.card-col_2 .dataTables_wrapper .card-body__table-content-pagination > ul.dataTables_paginate > li.paginate_button:last-child, 
.card.card-col.card-col_3 .dataTables_wrapper .card-body__table-content-pagination > ul.dataTables_paginate > li.paginate_button:first-child, 
.card.card-col.card-col_3 .dataTables_wrapper .card-body__table-content-pagination > ul.dataTables_paginate > li.paginate_button:last-child {
display: none;
}
.card-body__table-content-pagination > ul.dataTables_paginate li.paginate_button:not(.disabled):hover, 
.card-body__table-content-pagination > ul.dataTables_paginate li.paginate_button:not(.disabled):active {
background: var(--secondary-color);
color: var(--primary-color);
}
.card-body__table-content-pagination > ul.dataTables_paginate li.paginate_button.current,
.card-body__table-content-pagination > ul.dataTables_paginate li.paginate_button.current:hover,
.card-body__table-content-pagination > ul.dataTables_paginate li.paginate_button.current:active {
background: var(--primary-btn-bg-color) !important;
color: var(--primary-btn-text-color);
z-index: 10;
}
.card-body__table-content-pagination > ul.dataTables_paginate li.paginate_button.disabled,
.card-body__table-content-pagination > ul.dataTables_paginate li.paginate_button.disabled:hover,
.card-body__table-content-pagination > ul.dataTables_paginate li.paginate_button.disabled:active {
color: color-mix(in srgb, #000, transparent 50%);
cursor: default;
}
.card-body__table-content-pagination > ul.dataTables_paginate li:has(.ellipsis) {
display: inline-block;
vertical-align: top;
margin: 0px -0.5px 0px -0.5px;
padding: 10px 12px calc(10px - 1px) 12px;
position: relative;
background: #fff;
border: 1px solid var(--border-color);
color: #000;
font-size: 14px;
line-height: 14px;
font-weight: 400;
text-align: center;
text-decoration: none;
cursor: default;
z-index: 0;
}
.card.card-col.card-col_2 .dataTables_wrapper .card-body__table-content-pagination > ul.dataTables_paginate > ul > li.paginate_button:first-child, 
.card.card-col.card-col_3 .dataTables_wrapper .card-body__table-content-pagination > ul.dataTables_paginate > ul > li.paginate_button:first-child {
border-radius: 4px 0px 0px 4px;
}
.card.card-col.card-col_2 .dataTables_wrapper .card-body__table-content-pagination > ul.dataTables_paginate > ul > li.paginate_button:last-child, 
.card.card-col.card-col_3 .dataTables_wrapper .card-body__table-content-pagination > ul.dataTables_paginate > ul > li.paginate_button:last-child {
border-radius: 0px 4px 4px 0px;
}
.card.card-col.card-col_2 .dataTables_wrapper .card-body__table-content-pagination > ul.dataTables_paginate > ul > li.paginate_button:first-child:last-child, 
.card.card-col.card-col_3 .dataTables_wrapper .card-body__table-content-pagination > ul.dataTables_paginate > ul > li.paginate_button:first-child:last-child {
border-radius: 4px 4px 4px 4px;
}

.datatable-fixed-header {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: fixed;
top: -999px;
width: 0px;
overflow: hidden;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
z-index: 999;
transition: top 250ms linear;
}
.datatable-fixed-header.--active {
top: 0px !important;
}
.datatable-fixed-header__inner {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
background: #fff;
z-index: 10;
}
.datatable-fixed-header table.dataTable thead > tr > th:before, 
.datatable-fixed-header table.dataTable thead > tr > th:after {
display: none !important;
}

.card-body__empty-text-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__empty-text {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
line-height: 20px;
}
.card-body__empty-text p {
display: block;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__empty-text p:first-child {
margin-top: 0px;
}
.card-body__empty-text a {
color: var(--primary-color);
text-decoration: underline;
transition: var(--transition);
}
.card-body__empty-text a:hover, 
.card-body__empty-text a:active {
color: var(--primary-color-active);
text-decoration: none;
}

.card-body__charts {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: -25px -12.5px 0px -12.5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__chart {
display: block;
margin: 25px 12.5px 0px 12.5px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
height: 200px;
}
.card[data-card="pivot-charts"] .card-body__charts {
flex-wrap: nowrap;
}
.card[data-card="leads-charts"] .card-body__charts {
flex-wrap: nowrap;
}
.card[data-card="pivot-charts"] .card-body__chart {
width: calc(33.3333% - (12.5px * 2));
}
.card[data-card="leads-charts"] .card-body__chart {
width: calc(100% - (12.5px * 2));
}

.card-body__factory-exposition-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__factory-exposition {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__factory-exposition-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px -7.5px 0px -7.5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__factory-exposition-item {
display: inline-block;
vertical-align: top;
margin: 0px 7.5px 0px 7.5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__factory-exposition-item[data-factory_exposition="daterange"] {
width: auto;
}
.card-body__factory-exposition-item[data-factory_exposition="daterange"] .form-control-field-group__icon > i {
top: -1px;
}
.card-body__factory-exposition-item[data-factory_exposition="daterange"] .form-control-field-group__input > div {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 1px 0px 0px 0px;
position: relative;
border: 1px solid var(--primary-input-border-color);
border-radius: 4px;
cursor: pointer;
z-index: 10;
}
.card-body__factory-exposition-item[data-factory_exposition="daterange"] .form-control-field-group__input:has(.form-control.--small) > div {
--height: 40px;
height: var(--height);
padding-left: calc(15px - 3px);
padding-right: calc(15px - 3px);
font-size: 14px;
line-height: 14px;
}
.card-body__factory-exposition-item[data-factory_exposition="daterange"] .form-control-field-group__input:has(.form-control.--medium) > div {
--height: 44px;
padding-left: calc(15px - 3px);
padding-right: calc(15px - 3px);
height: var(--height);
font-size: 14px;
line-height: 14px;
}
.card-body__factory-exposition-item[data-factory_exposition="daterange"] .form-control-field-group__input:has(.form-control.--large) > div {
--height: 50px;
padding-left: 15px;
padding-right: 15px;
height: var(--height);
font-size: 15px;
line-height: 15px;
}
.card-body__factory-exposition-item[data-factory_exposition="daterange"] .form-control-field-group__input > div > span {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-family: var(--primary-font);
color: var(--primary-input-text-color);
font-weight: 400;
text-align: left;
}
.card-body__factory-exposition-item[data-factory_exposition="daterange"] .form-control-field-group__input > div > span[data-daterange="devider"] {
top: -1px;
margin-left: 4px;
margin-right: 4px;
}
.card-body__factory-exposition-item[data-factory_exposition="daterange"] input.form-control {
position: absolute;
left: 0px;
top: 0px;
width: 100% !important;
height: 100% !important;
opacity: 0;
z-index: 20;
cursor: pointer;
}
.card-body__factory-exposition-data {
display: block;
margin: 25px 0px 0px 0px;
padding: calc(25px - 3px) 25px calc(25px - 3px) 25px;
position: relative;
font-size: 14px;
line-height: 18px;
border: 2px dashed var(--secondary-color);
border-radius: 4px;
}
.card-body__factory-exposition-data-total {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__factory-exposition-data-list-wrapper {
display: block;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__factory-exposition-data-list-title {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__factory-exposition-data-list {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__factory-exposition-data-list-item {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}

.card-body__regions-exposition-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__regions-exposition {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__regions-exposition-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px -7.5px 0px -7.5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__regions-exposition-item {
display: inline-block;
vertical-align: top;
margin: 0px 7.5px 0px 7.5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__regions-exposition-item[data-regions_exposition="daterange"] {
width: auto;
}
.card-body__regions-exposition-item[data-regions_exposition="daterange"] .form-control-field-group__icon > i {
top: -1px;
}
.card-body__regions-exposition-item[data-regions_exposition="daterange"] .form-control-field-group__input > div {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 1px 0px 0px 0px;
position: relative;
border: 1px solid var(--primary-input-border-color);
border-radius: 4px;
cursor: pointer;
z-index: 10;
}
.card-body__regions-exposition-item[data-regions_exposition="daterange"] .form-control-field-group__input:has(.form-control.--small) > div {
--height: 40px;
height: var(--height);
padding-left: calc(15px - 3px);
padding-right: calc(15px - 3px);
font-size: 14px;
line-height: 14px;
}
.card-body__regions-exposition-item[data-regions_exposition="daterange"] .form-control-field-group__input:has(.form-control.--medium) > div {
--height: 44px;
padding-left: calc(15px - 3px);
padding-right: calc(15px - 3px);
height: var(--height);
font-size: 14px;
line-height: 14px;
}
.card-body__regions-exposition-item[data-regions_exposition="daterange"] .form-control-field-group__input:has(.form-control.--large) > div {
--height: 50px;
padding-left: 15px;
padding-right: 15px;
height: var(--height);
font-size: 15px;
line-height: 15px;
}
.card-body__regions-exposition-item[data-regions_exposition="daterange"] .form-control-field-group__input > div > span {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-family: var(--primary-font);
color: var(--primary-input-text-color);
font-weight: 400;
text-align: left;
}
.card-body__regions-exposition-item[data-regions_exposition="daterange"] .form-control-field-group__input > div > span[data-daterange="devider"] {
top: -1px;
margin-left: 4px;
margin-right: 4px;
}
.card-body__regions-exposition-item[data-regions_exposition="daterange"] input.form-control {
position: absolute;
left: 0px;
top: 0px;
width: 100% !important;
height: 100% !important;
opacity: 0;
z-index: 20;
cursor: pointer;
}
.card-body__regions-exposition-data {
display: block;
margin: 25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__regions-exposition-data .card-body__table-content {
margin-top: 0px !important;
}
.card-body__regions-exposition-data .card-body__table-content + .card-body__table-content {
margin-top: 25px !important;
}
.card-body__regions-exposition-chart-wrapper {
display: block;
margin: 25px 0px 0px 0px;
padding: calc(25px - 3px) 25px calc(25px - 3px) 25px;
position: relative;
border: 2px dashed var(--secondary-color);
border-radius: 4px;
}
.card-body__regions-exposition-chart-wrapper .card-body__charts {
margin-top: -25px;
}
.card-body__regions-exposition-chart {
width: calc(100% - (12.5px * 2));
height: 240px;
}
.card-body__regions-exposition-data-total-wrapper {
display: block;
margin: 25px 0px 0px 0px;
padding: calc(25px - 3px) 25px calc(25px - 3px) 25px;
position: relative;
border: 2px dashed var(--secondary-color);
border-radius: 4px;
}
.card-body__regions-exposition-data-total {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
line-height: 18px;
font-weight: 600;
}
.card-body__regions-exposition-data a {
color: var(--primary-color);
text-decoration: underline;
transition: var(--transition);
}
.card-body__regions-exposition-data a:hover, 
.card-body__regions-exposition-data a:active {
color: var(--primary-color-active);
text-decoration: none;
}

.crm-totals {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.main-title-wrapper + .crm-totals {
margin-top: calc(40px - 3px);
}
.cards + .crm-totals {
margin-top: 40px;
}
.crm-totals__items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
margin: -20px -10px 0px -10px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 0px;
line-height: 0px;
}
.crm-totals__item {
--height: 150px;
display: inline-block;
vertical-align: top;
margin: 20px 10px 0px 10px;
padding: 25px 25px 25px 25px;
position: relative;
width: calc((100% / 4) - (10px * 2));
height: var(--height);
border-radius: 8px;
box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.05);
overflow: hidden;
color: #fff;
}
.crm-totals__item[data-total="circulations"] {
--local-warning-color: color-mix(in srgb, var(--warning-color), #000 5%);
--background-color: var(--local-warning-color);
background: linear-gradient(to bottom, color-mix(in srgb, var(--local-warning-color), transparent 20%) 0%, var(--local-warning-color) 100%);
}
.crm-totals__item[data-total="dividends"] {
--local-success-color: color-mix(in srgb, var(--success-color), #000 5%);
--background-color: var(--local-success-color);
background: linear-gradient(to bottom, color-mix(in srgb, var(--local-success-color), transparent 20%) 0%, var(--local-success-color) 100%);
}
.crm-totals__item[data-total="spendings"] {
--local-danger-color: color-mix(in srgb, var(--danger-color), #000 5%);
--background-color: var(--local-danger-color);
background: linear-gradient(to bottom, color-mix(in srgb, var(--local-danger-color), transparent 20%) 0%, var(--local-danger-color) 100%);
}
.crm-totals__item[data-total="funds"] {
--local-current-color: color-mix(in srgb, color-mix(in srgb, var(--primary-color), #333), transparent 30%);
--background-color: var(--local-current-color);
background: linear-gradient(to bottom, color-mix(in srgb, var(--local-current-color), transparent 20%) 0%, var(--local-current-color) 100%);
}
.crm-totals__item-icon {
display: none;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: calc(50% - (var(--height) / 2));
left: calc((var(--width) / 2.65) * (-1));
width: var(--width);
height: var(--height);
color: #fff;
z-index: 0;
}
.crm-totals__item[data-total="circulations"] .crm-totals__item-icon {
--width: 130px;
--height: 130px;
color: color-mix(in srgb, var(--warning-color), #fff 20%);
}
.crm-totals__item[data-total="dividends"] .crm-totals__item-icon {
--width: 130px;
--height: 130px;
color: color-mix(in srgb, var(--success-color), #fff 20%);
}
.crm-totals__item[data-total="spendings"] .crm-totals__item-icon {
--width: 130px;
--height: 130px;
color: color-mix(in srgb, var(--danger-color), #fff 20%);
}
.crm-totals__item[data-total="funds"] .crm-totals__item-icon {
--width: 130px;
--height: 130px;
color: color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, var(--primary-color), #333), transparent 30%), #fff 20%);
}
.crm-totals__item-icon > i {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: var(--width);
height: var(--height);
font-size: 0px;
line-height: 0px;
text-align: center;
}
.crm-totals__item-icon > i > span.material-symbols-outlined {
position: relative;
top: 0px;
font-size: var(--width) !important;
line-height: var(--height) !important;
font-weight: 200 !important;
}
.crm-totals__item-content {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
height: 100%;
text-align: center;
z-index: 10;
}
.crm-totals__item-content > div {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.crm-totals__item-title {
display: block;
margin: -4px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-weight: 600;
font-size: 18px;
line-height: 22px;
}
.crm-totals__item-value {
display: block;
margin: 7px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-weight: 600;
font-size: 31px;
line-height: 35px;
}
.crm-totals__item-tip {
--height: calc((150px - 60px) / 2);
--font-size: 13px;
--line-height: 17px;
--padding-bottom: calc((var(--height) - var(--line-height)) / 2);
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px var(--padding-bottom) 0px;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: var(--height);
font-size: var(--font-size);
line-height: var(--line-height);
font-weight: 400;
text-align: center;
opacity: 0.75;
z-index: 5;
}
.crm-totals__item-tip.--display-none {
display: none;
}
.crm-totals__item-tip > span {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.crm-totals__item .loading:before {
background: rgba(255,255,255,0.75);
}
.crm-totals__item .loading__spinner {
--spinner-color-outer: color-mix(in srgb, var(--background-color), transparent 60%);
--spinner-color-inner: var(--background-color);
}
.crm-totals__item:has(.loading) > *:not(.loading) {
transition: opacity 0.25s linear;
}
.crm-totals__item:has(.loading.--active) > *:not(.loading) {
opacity: 0.5;
}

.crm-funds {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.main-title-wrapper + .crm-funds {
margin-top: calc(40px - 3px);
}
.cards + .crm-funds {
margin-top: 40px;
}
.crm-funds__items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
margin: -20px -10px 0px -10px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 0px;
line-height: 0px;
}
.crm-funds__item {
--background-color: color-mix(in srgb, color-mix(in srgb, var(--primary-color), #333), transparent 30%);
display: inline-block;
vertical-align: top;
margin: 20px 10px 0px 10px;
padding: 25px 25px 25px 25px;
position: relative;
width: calc((100% / 3) - (10px * 2));
background: linear-gradient(to bottom, color-mix(in srgb, var(--background-color), transparent 15%) 0%, var(--background-color) 100%);
border-radius: 8px;
box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.05);
overflow: hidden;
color: #fff;
}
.crm-funds__item.--new {
--border-color: color-mix(in srgb, color-mix(in srgb, var(--primary-color), #333), transparent 30%);
padding: 25px 25px 25px 25px;
background: none;
box-shadow: none;
border: 3px dashed color-mix(in srgb, var(--border-color), transparent 15%);
}
.crm-funds__item-content {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px calc(46px + 18px) 0px;
position: relative;
height: 100%;
z-index: 10;
}
.crm-funds__item-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.crm-funds__item-inner.--center {
justify-content: center;
align-items: center;
height: 100%;
}
.crm-funds__item-title {
display: block;
margin: -1px 0px 0px 0px;
padding: 0px calc((25px * 2) + (5px * 1)) 0px 0px;
position: relative;
font-weight: 600;
font-size: 20px;
line-height: 24px;
z-index: 10;
}
.crm-funds__item-description {
display: block;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: color-mix(in srgb, #fff, transparent 40%);
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
text-wrap: balance;
z-index: 10;
}
.crm-funds__item-datas-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
z-index: 10;
}
.crm-funds__item-datas {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: -15px -12.5px 0px -12.5px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
z-index: 10;
}
.crm-funds__item-data {
display: inline-block;
vertical-align: top;
margin: 15px 12.5px 0px 12.5px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc(50% - (12.5px * 2));
}
.crm-funds__item-data.--balance {
width: calc(50% - (12.5px * 2));
}
.crm-funds__item-data.--rate {
width: calc(50% - (12.5px * 2));
}
.crm-funds__item-data-label {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-weight: 400;
font-size: 14px;
line-height: 19px;
}
.crm-funds__item-data-value {
display: block;
margin: 2px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-weight: 600;
font-size: 20px;
line-height: 24px;
}
.crm-funds__item-settings {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 12.5px;
right: 12.5px;
visibility: hidden;
opacity: 0;
z-index: 20;
transition: var(--transition);
}
.crm-funds__item-settings-actions {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
margin: 0px -2.5px 0px -2.5px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 0px;
line-height: 0px;
}
.crm-funds__item-settings-action {
--width: 25px;
--height: 25px;
display: block;
margin: 0px 2.5px 0px 2.5px;
padding: 0px 0px 0px 0px;
position: relative;
width: var(--width);
height: var(--height);
color: color-mix(in srgb, #fff, transparent 40%);
cursor: pointer;
transition: var(--transition);
}
.crm-funds__item-settings-action:hover, 
.crm-funds__item-settings-action:active {
color: #fff;
}
.crm-funds__item:not(:has(.loading.--active)):hover .crm-funds__item-settings {
visibility: visible;
opacity: 1;
}
.crm-funds__item-settings-action > i {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: var(--width);
height: var(--height);
font-size: 0px;
line-height: 0px;
text-align: center;
}
.crm-funds__item-settings-action > i > span.material-symbols-outlined {
position: relative;
top: 0px;
font-size: var(--width) !important;
line-height: var(--height) !important;
font-weight: 300 !important;
}
.crm-funds__item .loading:before {
background: rgba(255,255,255,0.75);
}
.crm-funds__item .loading__spinner {
--spinner-color-outer: color-mix(in srgb, var(--primary-btn-bg-color), transparent 70%);
}
.crm-funds__item:has(.loading) > *:not(.loading) {
transition: opacity 0.25s linear;
}
.crm-funds__item:has(.loading.--active) > *:not(.loading) {
opacity: 0.5;
}

/*--- Подвал ---*/
.footer {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
text-align: center;
}
.footer .container {
padding: 25px 25px 25px 25px;
border-top: 1px solid #e9edf4;
}

/*--- Загрузчик ---*/
.loading {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
visibility: hidden;
z-index: 500;
transition: var(--transition);
}
.card-body__tab:has(> .loading.--active) .loading {
display: none !important;
}
.card-body__tab:has(> .loading.--active) > .loading.--active {
display: flex !important;
}
.card:has(> .loading.--active) .loading {
display: none !important;
}
.card:has(> .loading.--active) .card-body__tab:has(> .loading.--active) .loading {
display: none !important;
}
.card:has(> .loading.--active) > .loading.--active {
display: flex !important;
}
.main-content:has(> .loading.--active) .loading {
display: none !important;
}
.main-content:has(> .loading.--active) .card:has(> .loading.--active) .loading {
display: none !important;
}
.main-content:has(> .loading.--active) > .loading.--active {
display: flex !important;
}
.loading:before {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background: rgba(255,255,255,1);
clear: both;
z-index: 10;
cursor: default;
visibility: hidden;
opacity: 0;
transition: opacity 250ms linear, visibility 250ms linear;
}
.loading.--active {
visibility: visible;
}
.loading.--active:before {
visibility: visible;
opacity: 0.75;
}
.loading__spinner {
--spinner-size: 68px;
--spinner-border-size: 5px;
--spinner-color-outer: color-mix(in srgb, var(--primary-btn-bg-color), transparent 80%);
--spinner-color-inner: var(--primary-color);
display: block;
position: relative;
width: var(--spinner-size);
height: var(--spinner-size);
border: var(--spinner-border-size) solid;
border-color: var(--spinner-color-outer) var(--spinner-color-outer) transparent;
border-radius: 50%;
box-sizing: border-box;
cursor: default;
visibility: hidden;
opacity: 0;
transition: opacity 0.25s linear, visibility 0.25s linear;
z-index: 50;
font-size: 0px;
line-height: 0px;
animation: loading-spinner_back 1s linear infinite;
}
.loading__spinner:after {
content: '';  
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: calc(var(--spinner-size) / 2);
height: calc(var(--spinner-size) / 2);
border: var(--spinner-border-size) solid;
border-color: transparent var(--spinner-color-inner) var(--spinner-color-inner);
border-radius: 50%;
box-sizing: border-box;
font-size: 0px;
line-height: 0px;
animation: loading-spinner 0.5s linear infinite;
transform-origin: center center;
}
.loading.--active .loading__spinner {
visibility: visible;
opacity: 1;
}
@keyframes loading-spinner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes loading-spinner_back {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(-360deg);
	}
}

/*--- Авторизация ---*/
.authorization {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
min-height: 100dvh;
z-index: 80;
}
.authorization > .container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
min-height: 100dvh;
padding-top: 40px;
padding-bottom: 40px;
}
.authorization-form {
display: block;
margin: 0px 0px 0px 0px;
padding: 35px 35px 35px 35px;
position: relative;
width: 100%;
max-width: 340px;
background: #fff;
border-radius: 8px;
box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.05);
}
.authorization-form form {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.authorization-form__title {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: #000;
font-size: 28px;
line-height: 28px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
.authorization-form-group__fields-wrapper {
display: block;
margin: calc((15px + 3px) + 2px) 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.authorization-form-group__fields-wrapper-inner {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: calc((15px + 3px) * (-1)) 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.authorization-form-group__field-wrapper {
display: inline-block;
vertical-align: top;
margin: calc(15px + 3px) 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
}
.authorization-form-group__field-wrapper label {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px calc(5px + 3px) 0px;
font-size: 14px;
line-height: 18px;
font-weight: 600;
}
.authorization-form-group__field-wrapper:first-child label {
margin-top: -3px;
}
.authorization-form-group__field input[type='text'].form-control,  
.authorization-form-group__field input[type='tel'].form-control, 
.authorization-form-group__field input[type='email'].form-control, 
.authorization-form-group__field input[type='number'].form-control, 
.authorization-form-group__field input[type='password'].form-control, 
.authorization-form-group__field textarea.form-control {
box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}
.authorization-form-group__field select.form-control {
box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}
.authorization-form-group__submit-btns-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
margin: calc((15px + 3px) + 2px) 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
}
.authorization-form-group__submit-btns {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
}
.authorization-form-group__submit-btn-wrapper {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
}
.btn.authorization-form-group__submit-btn, 
.button.authorization-form-group__submit-btn {
display: inline-block;
vertical-align: top;
width: 100%;
}

/*--- Формы ---*/
.form-control-field-group {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 1;
}
.form-control-field-group__inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.form-control-field-group__icon {
--width: 40px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: var(--width);
background: var(--primary-input-bg-color);
border: 1px solid var(--primary-input-border-color);
}
.form-control-field-group:has(.form-control-field-group__icon + .form-control-field-group__input) .form-control-field-group__icon {
width: calc(var(--width) - 1px);
border-right: none;
border-radius: 4px 0px 0px 4px;
}
.form-control-field-group:has(.form-control-field-group__input + .form-control-field-group__icon) .form-control-field-group__icon {
width: calc(var(--width) - 1px);
border-left: none;
border-radius: 0px 4px 4px 0px;
}
.form-control-field-group__icon > i {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: #000;
font-size: 0px;
line-height: 0px;
text-align: center;
}
.form-control-field-group__icon > i > span.material-symbols-outlined {
position: relative;
font-size: 22px !important;
line-height: 22px !important;
}
.form-control-field-group__input {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
input[type='text'].form-control,  
input[type='tel'].form-control, 
input[type='email'].form-control, 
input[type='number'].form-control, 
input[type='password'].form-control {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 1px 0px;
position: relative;
width: 100%;
background: var(--primary-input-bg-color);
border: 1px solid var(--primary-input-border-color);
outline: none;
border-radius: 4px;
font-family: var(--primary-font);
color: var(--primary-input-text-color);
font-weight: 400;
text-align: left;
box-sizing: border-box;
-webkit-appearance: none;
z-index: 1;
}
.form-control-field-group input[type='text'].form-control,  
.form-control-field-group input[type='tel'].form-control, 
.form-control-field-group input[type='email'].form-control, 
.form-control-field-group input[type='number'].form-control, 
.form-control-field-group input[type='password'].form-control {
background: none;
}
.form-control-field-group:has(.form-control-field-group__icon + .form-control-field-group__input) input[type='text'].form-control,  
.form-control-field-group:has(.form-control-field-group__icon + .form-control-field-group__input) input[type='tel'].form-control, 
.form-control-field-group:has(.form-control-field-group__icon + .form-control-field-group__input) input[type='email'].form-control, 
.form-control-field-group:has(.form-control-field-group__icon + .form-control-field-group__input) input[type='number'].form-control, 
.form-control-field-group:has(.form-control-field-group__icon + .form-control-field-group__input) input[type='password'].form-control {
border-radius: 0px 4px 4px 0px;
}
.form-control-field-group:has(.form-control-field-group__input + .form-control-field-group__icon) input[type='text'].form-control,  
.form-control-field-group:has(.form-control-field-group__input + .form-control-field-group__icon) input[type='tel'].form-control, 
.form-control-field-group:has(.form-control-field-group__input + .form-control-field-group__icon) input[type='email'].form-control, 
.form-control-field-group:has(.form-control-field-group__input + .form-control-field-group__icon) input[type='number'].form-control, 
.form-control-field-group:has(.form-control-field-group__input + .form-control-field-group__icon) input[type='password'].form-control {
border-radius: 4px 0px 0px 4px;
}
input[type='text'].form-control.--small,  
input[type='tel'].form-control.--small, 
input[type='email'].form-control.--small, 
input[type='number'].form-control.--small, 
input[type='password'].form-control.--small {
--height: 40px;
padding-left: calc(15px - 3px);
padding-right: calc(15px - 3px);
height: var(--height);
font-size: 14px;
line-height: 14px;
}
.form-control-field-group input[type='text'].form-control.--small,  
.form-control-field-group input[type='tel'].form-control.--small, 
.form-control-field-group input[type='email'].form-control.--small, 
.form-control-field-group input[type='number'].form-control.--small, 
.form-control-field-group input[type='password'].form-control.--small {}
input[type='text'].form-control.--medium,  
input[type='tel'].form-control.--medium, 
input[type='email'].form-control.--medium, 
input[type='number'].form-control.--medium, 
input[type='password'].form-control.--medium {
--height: 44px;
padding-left: calc(15px - 3px);
padding-right: calc(15px - 3px);
height: var(--height);
font-size: 14px;
line-height: 14px;
}
.form-control-field-group input[type='text'].form-control.--medium,  
.form-control-field-group input[type='tel'].form-control.--medium, 
.form-control-field-group input[type='email'].form-control.--medium, 
.form-control-field-group input[type='number'].form-control.--medium, 
.form-control-field-group input[type='password'].form-control.--medium {}
input[type='text'].form-control.--large,  
input[type='tel'].form-control.--large, 
input[type='email'].form-control.--large, 
input[type='number'].form-control.--large, 
input[type='password'].form-control.--large {
--height: 50px;
padding-left: 15px;
padding-right: 15px;
height: var(--height);
font-size: 15px;
line-height: 15px;
}
.form-control-field-group input[type='text'].form-control.--large,  
.form-control-field-group input[type='tel'].form-control.--large, 
.form-control-field-group input[type='email'].form-control.--large, 
.form-control-field-group input[type='number'].form-control.--large, 
.form-control-field-group input[type='password'].form-control.--large {}
textarea.form-control {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
min-height: 120px;
background: var(--primary-input-bg-color);
border: 1px solid var(--primary-input-border-color);
outline: none;
border-radius: 4px;
font-family: var(--primary-font);
color: var(--primary-input-text-color);
font-weight: 400;
text-align: left;
box-sizing: border-box;
-webkit-appearance: none;
z-index: 1;
resize: vertical;
}
textarea.form-control.--small {
padding-top: calc(15px - 3px);
padding-bottom: calc(15px - 3px);
padding-left: calc(15px - 3px);
padding-right: calc(15px - 3px);
font-size: 14px;
line-height: 18px;
}
textarea.form-control.--medium {
padding-top: calc(15px - 3px);
padding-bottom: calc(15px - 3px);
padding-left: calc(15px - 3px);
padding-right: calc(15px - 3px);
font-size: 14px;
line-height: 18px;
}
textarea.form-control.--large {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
font-size: 15px;
line-height: 19px;
}
select.form-control {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
background: var(--primary-input-bg-color);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='14' viewBox='0 0 448 512'%3E%3Cpath d='M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E"); 
background-repeat: no-repeat;
background-size: 11px auto; 
border: 1px solid var(--primary-input-border-color);
outline: none;
border-radius: 4px;
font-family: var(--primary-font);
color: var(--primary-input-text-color);
font-weight: 400;
text-align: left;
box-sizing: border-box;
-webkit-appearance: none;
z-index: 1;
}
select.form-control.--extra {
--height: 32px;
padding-left: 10px;
padding-right: calc(11px + (10px * 2));
height: var(--height);
background-position: right 10px top 50%;
font-size: 12px;
line-height: 12px;
font-weight: 400;
}
.form-control-field-group select.form-control.--mini {}
select.form-control.--small {
--height: 40px;
padding-left: calc(15px - 3px);
padding-right: calc(11px + ((15px - 3px) * 2));
height: var(--height);
background-position: right calc(15px - 3px) top 50%;
font-size: 14px;
line-height: 14px;
}
.form-control-field-group select.form-control.--small {}
select.form-control.--medium {
--height: 44px;
padding-left: calc(15px - 3px);
padding-right: calc(11px + ((15px - 3px) * 2));
height: var(--height);
background-position: right calc(15px - 3px) top 50%;
font-size: 14px;
line-height: 14px;
}
.form-control-field-group select.form-control.--medium {}
select.form-control.--large {
--height: 50px;
height: var(--height);
background-position: right 15px top 50%;
font-size: 15px;
line-height: 15px;
}
.form-control-field-group select.form-control.--large {}
select.form-control::-ms-expand {
display: none;
}
select.form-control:focus {
border-radius: 4px 4px 0px 0px;
}
select.form-control:disabled {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='14' opacity='0.5' viewBox='0 0 448 512'%3E%3Cpath d='M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E"); 
opacity: 0.5;
}
input[type='text'].form-control.--error,  
input[type='tel'].form-control.--error, 
input[type='email'].form-control.--error, 
input[type='number'].form-control.--error, 
input[type='password'].form-control.--error, 
textarea.form-control.--error, 
select.form-control.--error {}
.modal-form__field-wrapper:has(select.error) .select2.select2-container.select2-container--theme .select2-selection.select2-selection--single {}
input[type='text'].form-control::-webkit-input-placeholder,
input[type='tel'].form-control::-webkit-input-placeholder,
input[type='email'].form-control::-webkit-input-placeholder,
input[type='number'].form-control::-webkit-input-placeholder,
input[type='password'].form-control::-webkit-input-placeholder,
textarea.form-control::-webkit-input-placeholder,
input[type='text'].form-control::-moz-placeholder,
input[type='tel'].form-control::-moz-placeholder,
input[type='email'].form-control::-moz-placeholder,
input[type='number'].form-control::-moz-placeholder,
input[type='password'].form-control::-moz-placeholder,
textarea.form-control::-moz-placeholder,
input[type='text'].form-control::-ms-input-placeholder,
input[type='tel'].form-control::-ms-input-placeholder,
input[type='email'].form-control::-ms-input-placeholder,
input[type='number'].form-control::-ms-input-placeholder,
input[type='password'].form-control::-ms-input-placeholder,
textarea.form-control::-ms-input-placeholder {
color: var(--primary-input-placeholder-text-color);
}
input[type='text'].form-control::-webkit-input-placeholder,
input[type='tel'].form-control::-webkit-input-placeholder,
input[type='email'].form-control::-webkit-input-placeholder,
input[type='number'].form-control::-webkit-input-placeholder,
input[type='password'].form-control::-webkit-input-placeholder,
textarea.form-control::-webkit-input-placeholder {
color: var(--primary-input-placeholder-text-color);
}
input[type='text'].form-control:focus::-webkit-input-placeholder,
input[type='tel'].form-control:focus::-webkit-input-placeholder,
input[type='email'].form-control:focus::-webkit-input-placeholder,
input[type='number'].form-control:focus::-webkit-input-placeholder,
input[type='password'].form-control:focus::-webkit-input-placeholder,
textarea.form-control:focus::-webkit-input-placeholder,
input[type='text'].form-control:focus::-moz-placeholder,
input[type='tel'].form-control:focus::-moz-placeholder,
input[type='email'].form-control:focus::-moz-placeholder,
input[type='number'].form-control:focus::-moz-placeholder,
input[type='password'].form-control:focus::-moz-placeholder,
textarea.form-control:focus::-moz-placeholder,
input[type='text'].form-control:focus::-ms-input-placeholder,
input[type='tel'].form-control:focus::-ms-input-placeholder,
input[type='email'].form-control:focus::-ms-input-placeholder,
input[type='number'].form-control:focus::-ms-input-placeholder,
input[type='password'].form-control:focus::-ms-input-placeholder,
textarea.form-control:focus::-ms-input-placeholder {
color: transparent;
}

/*--- Выпадающий список ---*/
.select2-container--theme .select2-selection--single {
background: var(--primary-input-bg-color);
border: 1px solid var(--primary-input-border-color);
border-radius: 4px;
}
.modal-form-group__field .select2-container--theme .select2-selection--single {
box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}
select.form-control.--extra + .select2-container--theme .select2-selection--single {
height: 32px;
}
select.form-control.--small + .select2-container--theme .select2-selection--single {
height: 40px;
}
select.form-control.--medium + .select2-container--theme .select2-selection--single {
height: 44px;
}
select.form-control.--large + .select2-container--theme .select2-selection--single {
height: 50px;
}
.select2-container--theme .select2-selection--single .select2-selection__rendered {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
padding: 0px calc(12px + ((15px - 3px) * 2)) 0px calc(15px - 3px);
height: 100%;
color: var(--primary-input-text-color);
font-size: 14px;
line-height: 14px;
font-weight: 400;
text-align: left;
}
.select2-container--theme .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
}
.select2-container--theme .select2-selection--single .select2-selection__placeholder {
color: var(--primary-input-text-color);
}
.select2-container--theme .select2-selection--single .select2-selection__arrow {
position: absolute;
top: 1px;
right: 1px;
width: calc(12px + ((15px - 3px) * 2) - 2px);
height: calc(100% - (1px * 2));
}
.select2-container--theme .select2-selection--single .select2-selection__arrow b {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='14' viewBox='0 0 448 512'%3E%3Cpath d='M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E"); 
background-repeat: no-repeat;
background-position: right calc(15px - 3px) top 50%;
background-size: 11px auto; 
font-weight: 400;
}
.select2-container--theme.select2-container--disabled .select2-selection--single .select2-selection__arrow b {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='14' opacity='0.5' viewBox='0 0 448 512'%3E%3Cpath d='M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E"); 
}
.select2-container--theme[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--theme[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto;
}
.select2-container--theme.select2-container--disabled .select2-selection--single {
opacity: 0.5;
cursor: default;
}
.select2-container--theme.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-container--theme.select2-container--open .select2-selection--single .select2-selection__arrow b {
transform: rotate(180deg);
}
.select2-container--theme.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
.select2-container--theme.select2-container--open.select2-container--above .select2-selection--single {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--theme.select2-container--open.select2-container--below .select2-selection--single {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--theme .select2-dropdown {
border: 1px solid var(--primary-input-border-color);
}
.select2-container--theme.select2-container--open .select2-dropdown.select2-dropdown--above {
bottom: -1px;
}
.select2-container--theme.select2-container--open .select2-dropdown.select2-dropdown--below {
top: -1px;
}
.select2-container--theme .select2-search--dropdown {
padding: calc(15px - 3px) calc(15px - 3px) calc(15px - 3px) calc(15px - 3px);
border-bottom: 1px solid var(--primary-input-border-color);
}
.select2-container--theme .select2-search--dropdown .select2-search__field {
padding: 5px 5px 5px 5px;
border: 1px solid #aaa;
}
.select2-container--theme .select2-search--dropdown .select2-search__field:focus {
outline: none;
}
.select2-container--theme .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield;
}
.select2-container--theme .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--theme .select2-results__option[role="group"] {
padding: 0;
}
.select2-container--theme .select2-results__option[aria-disabled="true"] {
color: #999;
}
.select2-container--theme .select2-results__option[aria-selected="true"] {
background-color: #ddd;
}
.select2-container--theme .select2-results__option {
padding: 7px calc(15px - 3px) 7px calc(15px - 3px);
color: var(--primary-input-text-color);
font-size: 14px;
line-height: 18px;
font-weight: 400;
text-align: left;
}
.select2-container--theme .select2-results__option .select2-results__option {
padding-left: 15px;
}
.select2-container--theme .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0px;
}
.select2-container--theme .select2-results__option .select2-results__option .select2-results__option {
margin-left: -15px;
padding-left: 30px;
}
.select2-container--theme .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -30px;
padding-left: 45px;
}
.select2-container--theme .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -45px;
padding-left: 60px;
}
.select2-container--theme .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -60px;
padding-left: 75px;
}
.select2-container--theme .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -75px;
padding-left: 90px;
}
.select2-container--theme .select2-results__option--highlighted[aria-selected] {
background: var(--primary-btn-bg-color);
color: var(--primary-btn-text-color);
}
.select2-container--theme .select2-results__group {
display: block;
padding: 7px calc(15px - 3px) 7px calc(15px - 3px);
cursor: default;
}

/*--- Выпадающий список (опции-чекбоксы) ---*/
.card-body__table-head-panel-item-select-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.card-body__table-head-panel-item-selected-item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px calc(12px + ((15px - 3px) * 2)) 0px calc(15px - 3px);
position: relative;
width: 100%;
height: 40px;
border: 1px solid var(--primary-input-border-color);
outline: none;
border-radius: 4px;
text-align: left;
color: var(--primary-input-text-color);
font-size: 14px;
line-height: 14px;
font-weight: 400;
background: var(--primary-input-bg-color);
box-sizing: border-box;
cursor: pointer;
z-index: 1;
user-select: none;
-webkit-user-select: none;
}
.card-body__table-head-panel-item-select-wrapper.--opened .card-body__table-head-panel-item-selected-item {
border-radius: 4px 4px 0px 0px;
}
.card-body__table-head-panel-item-selected-item:after {
content: "";
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
right: 0px;
width: calc(12px + ((15px - 3px) * 2));
height: 100%;
background-repeat: no-repeat;
background-position: right calc(15px - 3px) top 50%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='14' viewBox='0 0 448 512'%3E%3Cpath d='M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E"); 
background-size: 11px auto; 
transform: rotate(0deg);
transform-origin: 50% 50%;
font-weight: 400;
}
.card-body__table-head-panel-item-select-wrapper.--opened .card-body__table-head-panel-item-selected-item:after {
transform: rotate(-180deg);
}
.card-body__table-head-panel-item-selected-item > span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.card-body__table-head-panel-item-select-items {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: calc(40px - 1px);
left: 0px;
min-width: 100%;
max-height: calc(32px * 8);
background: #fff;
border: 1px solid var(--primary-input-border-color);
border-radius: 0px 0px 4px 4px;
overflow-y: auto;
z-index: 10;
visibility: hidden;
opacity: 0;
}
.card-body__table-head-panel-item-select-wrapper.--opened .card-body__table-head-panel-item-select-items {
visibility: visible;
opacity: 1;
}
.card-body__table-head-panel-item-select-items ul {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.card-body__table-head-panel-item-select-items ul li {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: var(--primary-input-text-color);
font-size: 14px;
line-height: 18px;
font-weight: 400;
text-align: left;
user-select: none;
-webkit-user-select: none;
}
.card-body__table-head-panel-item-select-items ul li:not(.--disabled).--selected, 
.card-body__table-head-panel-item-select-items ul li:not(.--disabled):hover, 
.card-body__table-head-panel-item-select-items ul li:not(.--disabled):active {
background: var(--primary-btn-bg-color);
color: var(--primary-btn-text-color);
}
.card-body__table-head-panel-item-select-items ul li.--hidden {
display: none;
}
.card-body__table-head-panel-item-select-items ul li.--disabled {
opacity: 0.5;
cursor: default;
}
.card-body__table-head-panel-item-select-items ul li > label {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 7px calc(15px - 3px) 7px calc(15px - 3px);
color: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
text-align: inherit;
cursor: pointer; 
user-select: none;
-webkit-user-select: none;
}
.card-body__table-head-panel-item-select-item-label {
flex-shrink: 0;
white-space: nowrap;
}
.card-body__table-head-panel-item-select-item-checkbox {
display: inline-block;
vertical-align: top;
margin: 0px 6px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
top: -1px;
}
.card-body__table-head-panel-item-select-item-checkbox input[type="checkbox"] {
display: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
top: 2px;
width: 14px;
height: 14px;
appearance: auto;
-webkit-appearance: auto;
}
.card-body__table-head-panel-item-select-item-checkbox input[type="checkbox"] + span {
display: block;
border: 1px solid var(--primary-input-text-color);
border-radius: 0px;
width: 14px;
height: 14px;
}
.card-body__table-head-panel-item-select-items ul li:not(.--disabled).--selected input[type="checkbox"] + span, 
.card-body__table-head-panel-item-select-items ul li:not(.--disabled):hover input[type="checkbox"] + span, 
.card-body__table-head-panel-item-select-items ul li:not(.--disabled):active input[type="checkbox"] + span {
border-color: var(--primary-btn-text-color);
}
.card-body__table-head-panel-item-select-item-checkbox input[type="checkbox"]:checked + span {
border-color: var(--primary-btn-bg-color);
}
.card-body__table-head-panel-item-select-items ul li:not(.--disabled).--selected input[type="checkbox"]:checked + span, 
.card-body__table-head-panel-item-select-items ul li:not(.--disabled):hover input[type="checkbox"]:checked + span, 
.card-body__table-head-panel-item-select-items ul li:not(.--disabled):active input[type="checkbox"]:checked + span {
border-color: var(--primary-btn-text-color);
}
.card-body__table-head-panel-item-select-item-checkbox input[type="checkbox"] + span:after {
content: "";
display: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: calc(50% - (8px / 2));
left: calc(50% - (8px / 2));
width: 8px;
height: 8px;
background: var(--primary-btn-bg-color);
}
.card-body__table-head-panel-item-select-items ul li:not(.--disabled).--selected input[type="checkbox"] + span:after, 
.card-body__table-head-panel-item-select-items ul li:not(.--disabled):hover input[type="checkbox"] + span:after, 
.card-body__table-head-panel-item-select-items ul li:not(.--disabled):active input[type="checkbox"] + span:after {
background: var(--primary-btn-text-color);
}
.card-body__table-head-panel-item-select-item-checkbox input[type="checkbox"]:checked + span:after {
display: block;
}
.card-body__table-head-panel-item-select-item-label {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}

/*--- Формы (группа полей) ---*/
.modal-form-group-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-form-group {
display: block;
margin: 0 auto;
padding: 0px 0px 0px 0px;
position: relative;
width: 320px;
background: #fff;
border-radius: 8px;
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
color: #000;
text-align: left;
z-index: 50;
}
.modal-form-group__header {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
margin: 0 auto;
padding: 20px 25px 20px 25px;
position: relative;
width: 100%;
border-bottom: 1px solid #e9edf4;
}
.modal-form-group__title {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 0px;
position: relative;
width: calc(100% - 20px);
font-size: 18px;
line-height: 24px;
font-weight: 600;
}
.modal-form-group__close {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 20px;
}
.modal-form-group__close .box-modal_close {
position: relative;
top: 0px;
right: 0px;
}
.modal-form-group__body {
display: block;
margin: 0px 0px 0px 0px;
padding: 25px 25px 25px 25px;
position: relative;
}
.modal-form-group form {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-form-group__fields-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-form-group__fields-wrapper-inner {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: calc((15px + 3px) * (-1)) 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-form-group__field-wrapper {
display: inline-block;
vertical-align: top;
margin: calc(15px + 3px) 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
}
.modal-form-group__field-wrapper.--display-none {
display: none;
}
.modal-form-group__field-wrapper label {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px calc(5px + 3px) 0px;
font-size: 14px;
line-height: 18px;
font-weight: 600;
}
.modal-form-group__field-wrapper:first-child label {
margin-top: -3px;
}
.modal-form-group__field-wrapper label em {
font-style: normal;
color: #cc0000;
}
.modal-form-group__field input[type='text'].form-control,  
.modal-form-group__field input[type='tel'].form-control, 
.modal-form-group__field input[type='email'].form-control, 
.modal-form-group__field input[type='number'].form-control, 
.modal-form-group__field input[type='password'].form-control, 
.modal-form-group__field textarea.form-control {
box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}
.modal-form-group__field select.form-control {
box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}
.modal-form-group__submit-btns-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
margin: calc((15px + 3px) + 2px) 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
}
.modal-form-group__submit-btns {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
}
.modal-form-group__submit-btn-wrapper {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
}
.btn.modal-form-group__submit-btn, 
.button.modal-form-group__submit-btn {
display: inline-block;
vertical-align: top;
width: 100%;
}

/*--- Модальные окна ---*/
.modal-block {
display: block;
margin: 0 auto;
padding: 0px 0px 0px 0px;
position: relative;
min-width: 320px;
max-width: 760px;
background: #fff;
border-radius: 8px;
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
color: #000;
text-align: left;
z-index: 50;
}
.modal-block__header {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
margin: 0 auto;
padding: 25px 30px 25px 30px;
position: relative;
width: 100%;
border-bottom: 1px solid #e9edf4;
}
.modal-block__title {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 0px;
position: relative;
width: calc(100% - 20px);
font-size: 18px;
line-height: 24px;
font-weight: 600;
}
.modal-block__close {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 20px;
}
.modal-block__close .box-modal_close {
position: relative;
top: 0px;
right: 0px;
}
.modal-block__body {
display: block;
margin: 0px 0px 0px 0px;
padding: 30px 30px 30px 30px;
position: relative;
}
.modal-block__header + .modal-block__body:has(.modal-block__text) {
padding-top: 25px;
}
.modal-block__text {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
line-height: 20px;
}
@media (max-width: 1199px) {
	.modal-block {
		max-width: 650px;
	}
}
@media (max-width: 767px) {
	.modal-block {
		max-width: 500px;
	}
}
@media (max-width: 499px) {
	.modal-block {
		width: calc(100% - (25px * 2));
		min-width: 0px;
		max-width: calc(100% - (25px * 2));
		padding: 25px 25px 25px 25px;
		margin-left: auto;
		margin-right: auto;
	}
}

/*--- Модальные окна (детали заказа) ---*/
.modal-block__order-details {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 680px;
font-size: 14px;
line-height: 20px;
}
.modal-block__order-details-infos {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-block__order-details-products {
display: block;
margin: 25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-block__order-details-products-title {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 16px;
line-height: 22px;
font-weight: 600;
}
.modal-block__order-details-products-table {
display: block;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-block__order-details table {
--border-color: #e9edf4;
width: 100%;
max-width: 100% !important;
font-size: 14px;
line-height: 18px;
table-layout: fixed;
border-spacing: 0px;
border-collapse: collapse;
}
.modal-block__order-details table > thead > tr > th,
.modal-block__order-details table > thead > tr > td {
padding: 12px 12px 12px 12px;
border: 1px solid var(--border-color);
font-weight: 600;
}
.modal-block__order-details table > tfoot > tr > th,
.modal-block__order-details table > tfoot > tr > td {
padding: 12px 12px 12px 12px;
border: 1px solid var(--border-color);
}
.modal-block__order-details table tbody th,
.modal-block__order-details table tbody td {
padding: 12px 12px 12px 12px;
border: 1px solid var(--border-color);
}
.modal-block__order-details-infos table tbody th,
.modal-block__order-details-infos table tbody td {
width: 50%;
}
.modal-block__order-details-infos table tbody th:nth-child(1),
.modal-block__order-details-infos table tbody td:nth-child(1) {
width: 40%;
}
.modal-block__order-details-infos table tbody th:nth-child(2),
.modal-block__order-details-infos table tbody td:nth-child(2) {
width: 60%;
}
.modal-block__order-details-products table tbody th,
.modal-block__order-details-products table tbody td {
width: 33.3333%;
}
@media (max-width: 1199px) {
	.modal-block__order-details {
		width: 100%;
	}
}

/*--- Модальные окна (фильтр таблицы данных) ---*/
.box-modal-datatable-search-builder .modal-block {
max-width: 840px;
}
.modal-block__datatable-search-builder {
width: calc(840px - (30px * 2));
}
.datatable-search-builder {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.datatable-search-builder__groups-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.datatable-search-builder__groups {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
}
.datatable-search-builder__group {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.datatable-search-builder__group-logic {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 40px;
flex-shrink: 0;
}
.datatable-search-builder__group-logic-btns {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.datatable-search-builder__group-logic-btn {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
background: #f5f5f5;
border: 1px solid #ddd;
border-radius: 4px;
color: #000;
font-size: 0px;
line-height: 0px;
font-weight: 400;
cursor: pointer;
transition: var(--transition);
z-index: 10;
}
.datatable-search-builder__group-logic-btn:hover, 
.datatable-search-builder__group-logic-btn:active {
border-color: var(--primary-btn-bg-color) !important;
z-index: 20;
}
.datatable-search-builder__group-logic-btn[data-datatable_search_builder_action="change"] {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 1px 0px;
position: relative;
height: calc(100% - 40px);
border-radius: 4px 4px 0px 0px;
font-size: 12px;
line-height: 16px;
writing-mode: vertical-lr;
text-orientation: upright;
letter-spacing: -3px;
}
.datatable-search-builder__group-logic-btn[data-datatable_search_builder_action="change"] > span {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.datatable-search-builder__group-logic-btn[data-datatable_search_builder_action="clear"] {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: -1px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: calc(40px + 1px);
border-radius: 0px 0px 4px 4px;
}
.datatable-search-builder__group-logic-btn[data-datatable_search_builder_action="clear"] > i {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: #000;
font-size: 0px;
line-height: 0px;
text-align: center;
}
.datatable-search-builder__group-logic-btn[data-datatable_search_builder_action="clear"] > i > span.material-symbols-outlined {
position: relative;
font-size: 22px !important;
line-height: 22px !important;
}
.datatable-search-builder__group-content {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc(100% - 32px - 10px);
}
.datatable-search-builder__criterias {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.datatable-search-builder__criteria {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.datatable-search-builder__criteria + .datatable-search-builder__criteria {
margin-top: 10px;
}
.datatable-search-builder__criteria-items-wrapper {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
}
.datatable-search-builder__criteria-items {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px -5px 0px -5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.datatable-search-builder__criteria-item {
display: inline-block;
vertical-align: top;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc(33.3333% - (5px * 2));
}
.datatable-search-builder__criteria-item select.form-control {}
.datatable-search-builder__criteria-item .select2-container {
width: 100% !important;
}
.datatable-search-builder__criteria-item input.form-control {}
.datatable-search-builder__criteria-item-inputs-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.datatable-search-builder__criteria-item-inputs {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px -5px 0px -5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.datatable-search-builder__criteria-item-input-wrapper {
display: inline-block;
vertical-align: top;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc(100% - (5px * 2));
}
.datatable-search-builder__criteria-item-input[data-input_key="before"], 
.datatable-search-builder__criteria-item-input[data-input_key="after"] {
width: calc(50% - (5px * 2));
}
.datatable-search-builder__criteria-btns-wrapper {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
position: relative;
}
.datatable-search-builder__criteria-btns {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
margin: 0px -5px 0px -5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.datatable-search-builder__criteria-btn-wrapper {
display: inline-block;
vertical-align: top;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
flex-shrink: 0;
}
.datatable-search-builder__criteria-btn {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 40px;
height: 40px;
background: #f5f5f5;
border: 1px solid #ddd;
border-radius: 4px;
color: #000;
font-size: 12px;
line-height: 16px;
font-weight: 400;
cursor: pointer;
transition: var(--transition);
flex-shrink: 0;
}
.datatable-search-builder__criteria-btn:hover, 
.datatable-search-builder__criteria-btn:active {
border-color: var(--primary-btn-bg-color) !important;
}
.datatable-search-builder__criteria-btn[data-datatable_search_builder_action="add"] > i {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: #000;
font-size: 0px;
line-height: 0px;
text-align: center;
}
.datatable-search-builder__criteria-btn[data-datatable_search_builder_action="add"] > i > span.material-symbols-outlined {
position: relative;
font-size: 18px !important;
line-height: 18px !important;
}
.datatable-search-builder__criteria-btn[data-datatable_search_builder_action="clear"] > i {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: #000;
font-size: 0px;
line-height: 0px;
text-align: center;
}
.datatable-search-builder__criteria-btn[data-datatable_search_builder_action="clear"] > i > span.material-symbols-outlined {
position: relative;
font-size: 22px !important;
line-height: 22px !important;
}
.datatable-search-builder__criterias-button {
display: inline-block;
vertical-align: top;
margin-top: 10px;
}
.datatable-search-builder__actions {
display: block;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.datatable-search-builder__actions-btns-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.datatable-search-builder__actions-btns {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px -5px 0px -5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.datatable-search-builder__actions-btn-wrapper {
display: inline-block;
vertical-align: top;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.datatable-search-builder__actions-btn {
display: inline-block;
vertical-align: top;
}
@media (max-width: 1199px) {
	.box-modal-datatable-search-builder .modal-block {
		max-width: 650px;
	}
}
@media (max-width: 767px) {
	.box-modal-datatable-search-builder .modal-block {
		max-width: 500px;
	}
}
@media (max-width: 499px) {
	.box-modal-datatable-search-builder .modal-block {
		max-width: calc(100% - (25px * 2));
	}
}