@font-face {
    font-family: Noah;
    src: local("Noah Regular Italic"), local("Noah-RegularItalic"), url("../noah/Noahregularitalic.woff2") format("woff2"), url("../noah/Noahregularitalic.woff") format("woff"), url("../noah/Noahregularitalic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: Noah;
    src: local("Noah Regular"), local("Noah-Regular"), url("../noah/Noahregular.woff2") format("woff2"), url("../noah/Noahregular.woff") format("woff"), url("../noah/Noahregular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Noah;
    src: local("Noah Medium"), local("Noah-Medium"), url("../noah/Noah-Medium.woff2") format("woff2"), url("../noah/Noah-Medium.woff") format("woff"), url("../noah/Noah-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: Inter;
    src: local("Inter Semi Bold"), local("Inter-SemiBold"), url("../noah/Inter-SemiBold.woff2") format("woff2"), url("../noah/Inter-SemiBold.woff") format("woff"), url("../noah/Inter-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: Noah;
    src: local("Noah Bold Italic"), local("Noah-BoldItalic"), url("../noah/Noahbolditalic.woff2") format("woff2"), url("../noah/Noahbolditalic.woff") format("woff"), url("../noah/Noahbolditalic.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: Noah;
    src: local("Noah Bold"), local("Noah-Bold"), url("../noah/Noahbold.woff2") format("woff2"), url("../noah/Noahbold.woff") format("woff"), url("../noah/Noahbold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
*:before, *:after{box-sizing: border-box}

.ui-btn-primary {
    --ui-btn-background: #e00815;
    --ui-btn-background-hover: #ee111e;
    --ui-btn-background-active: #ee111e;
    --ui-btn-border-color: #e00815;
    --ui-btn-border-color-hover: #ee111e;
    --ui-btn-border-color-active: #ee111e;
}

body {
    background: #fbfbfb;
}

a {
    text-decoration: none;
}

[data-modal]{
    cursor: pointer;
}

.log-in {
    background: #e00815;
    height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.log-in .left-path {
    width: 50%;
    height: 100%;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    order: 1;
}

.log-in .left-path .form {
    width: 336px;
    min-height: 430px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.left-menu-wrapper .wrapper-item-menu ul {
    display: flex;
    flex-direction: column;
}
.left-menu-wrapper .wrapper-item-menu ul li:has(.profile-left-menu-span) {
    order: -1;
}
.log-in .left-path .form .bottle-left {
    display: none;
}

.log-in .left-path .form .title {
    margin-top: 25px;
    margin-bottom: 40px;
    font-family: Noah;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 40px;
    color: #1d1d1d;
}

.log-in .left-path .form .item {
    margin-bottom: 32px;
}

.log-in .left-path .form .UIButton-red {width: 100%;}

.log-in .left-path .form .forgot-password a {
    font-family: Noah;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #1d1d1d;
}

.log-in .left-path .form .form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.log-in .right-path {
    width: 50%;
    height: 100%;
    order: 2;
    overflow: hidden;
}

.log-in .right-path .logo {
    top: unset !important;
    bottom: 0 !important;
    left: -229px !important;
    position: absolute !important;
}

.log-in .right-path .ball {
    animation: swing infinite 4000ms;
    top: 18% !important;
    left: 27% !important;
    position: absolute !important;
}

.log-in .right-path .ball2 {
    top: 37% !important;
    left: 55% !important;
    position: absolute !important;
}

@media screen and (max-width: 720px) {
    .log-in .left-path {
        z-index: 20;
        width: 90%;
    }
    .log-in .left-path .bottle-left {
        display: block !important;
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0;
        width: 44%;
    }
    .log-in .right-path {
        position: absolute !important;
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
    }
}

@media screen and (max-width: 720px) {
    .log-in .left-path {
        width: 100%;
        padding: 0 20px;
    }
}

.UIInput-wrapper {
    width: 100%;
}
.UIInput-wrapper.hidden{
	display: none;
}


.client-edit .form-col > .label,
.UIInput-wrapper .label {
    font-family: Noah;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #ccc;
    margin-bottom: 6px;
}
.client-edit .form-col > .label{padding: 0 20px; font-weight: bold; color: #000; position: relative;}
.client-edit .form-col > .label.flex{display: flex; gap: 20px}
.client-edit .form-col > .label.flex > *{flex: 1}
.client-edit .form-col > .label.bold{}
.client-edit .form-col .wrapper-check-box{margin-bottom: 7px;}
.client-edit .form-col .wrapper-check-box .label{font-weight: bold; color: #000; margin-bottom: 0;}

.UIInput-wrapper .UIInput-input {
    padding-bottom: 6px;
    width: 100%;
    display: flex;
    border: none;
    border-bottom: 1px solid #1d1d1d;
    align-items: center;
    position: relative;
}
.UIInput-wrapper .UIInput-input .actions{display: flex; justify-content: flex-end; align-items: center; position: absolute; right: 0; gap: 10px}
.client-edit .form-col > .label .add-row,
.UIInput-wrapper .UIInput-input .delete-row{display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 20px; background: #ee111e; color: #fff; font-weight: 700; position: absolute; right: 0; cursor: pointer}
.UIInput-wrapper .UIInput-input .actions span{position: relative;}
.client-edit .form-col > .label .add-row{right: 20px; top: 50%; margin-top: -10px;}
.UIInput-wrapper.error .UIInput-input{border-color: red; color: red}
.UIInput-wrapper.error .UIInput-input input{color: red}

.UIInput-wrapper .UIInput-input img{cursor: pointer}
.UIInput-wrapper .UIInput-input .del-ico{transform: rotate(45deg)}

.UIInput-wrapper .UIInput-input .label-inside{position: absolute; top: -26px; font-weight: bold; color: #000; font-size: 14px; line-height: 20px;}

.UIInput-wrapper .UIInput-file {border: none; padding: 0; position: relative;}
.UIInput-wrapper .UIInput-file .btn{
	display: inline-flex;
    align-items: center;
    padding: 5px 5px 5px 5px;
    transition: 400ms;
    background: transparent;
    border-radius: 8px;
    cursor: pointer;
    font-family: Noah;
    transition: 400ms;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #1b2124;
}
.UIInput-wrapper .UIInput-file .btn img{
	margin-right: 20px;
}
.UIInput-wrapper .UIInput-file .btn:hover{
	background-color: rgba(238, 17, 30, 0.08);
    color: #e00815;
}
.UIInput-wrapper .UIInput-file .btn.red-btn{
    border-radius: 2px;
    padding: 12px;
    min-width: 196px;
    height: 40px;
    background: #e00815;
    color: #fff;
    justify-content: center;
    padding: 0 12px;
    white-space: nowrap;
}
.UIInput-wrapper .UIInput-file input[type=file]{
	position: absolute; left: 0; opacity: 0;
}

.UIInput-wrapper input,
.UIInput-wrapper textarea {
    font-family: Noah;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #8d9091;
    border: none;
    width: 100%;
    outline: none;
    background: none
}

.UIInput-wrapper input[type="password"] {
    letter-spacing: 4px;
}

.UIButton-red {
    background: #e00815;
    border-radius: 4px;
    padding: 16px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Noah;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    color: #f2f2f2!important;
    cursor: pointer;
    width: 100%;
    transition: 400ms;
    border: 1px solid transparent;
}

.UIButton-red.small{
	padding: 0 15px;
	flex: 0;
}

.report-fake-form-inner .UIButton-red{padding: 0px 15px; width: 150px !important;}

.UIButton-red:hover {
    background: #ee111e;
}

.UIButton-white {
    border: 1px solid #1d1d1d;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 8px 0px;
    display: flex;
    background: white;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    color: #1d1d1d;
    cursor: pointer;
    transition: 400ms;
    font-family: Noah, serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 24px;
}

.UIButton-white:hover {
    color: #737373;
    border: 1px solid #737373;
}

.wrapper-check-box {
    display: flex;
    cursor: pointer;
    align-items: center;
    flex-flow: row;
    position: relative;
}

.wrapper-check-box input {
    position: absolute;
    left: 0;
    opacity: 0;
    width: auto;
}

.wrapper-check-box .check-box {
    transition: 400ms;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrapper-check-box .label {
    margin-left: 10px;
    font-family: Noah;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #8d9091;
    margin-bottom: 0;
}

.wrapper-check-box .circle {
    border-radius: 50%;
}

.wrapper-check-box .check-box-theme {
    border: 1px solid #C2C2C2;
    background: #fff;
}

.wrapper-check-box input:checked+.check-box.--isActive {
    background: #e00815;
    border: 1px solid #e00815;
}

.wrapper-check-box[data-color=white] input:checked+.check-box.--isActive{
	background-color: #fff
}

.wrapper-check-box .small {
    height: 11px;
    width: 11px;
}

.wrapper-check-box .small img {
    height: 5px;
    width: 5px;
    max-width: 5px;
    display: none;
}

.wrapper-check-box .normal {
    height: 18px;
    width: 18px;
    flex: 1 0 18px;
    max-width: 18px;
}

.wrapper-check-box .normal img,
.wrapper-check-box .normal svg {
    height: 10px;
    width: 10px;
    max-width: 10px;
    display: none;
}

.wrapper-check-box input:checked+.check-box img,
.wrapper-check-box input:checked+.check-box svg {
    display: block;
}
.wrapper-check-box[data-color=white] input:checked+.check-box svg path{
	fill: #e00815
}

.wrapper-check-box .--animation {
    animation: pulse 400ms ease-in-out;
}

.--disableCheckBox {
    pointer-events: none;
    opacity: 0.3;
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.alert+.alert{margin-top: 10px!important;}

.alert.alert-small{
    padding: 0.25rem;
    margin: 0;
}

.alert.alert-center{
    text-align: center;
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.alert-primary hr {
    border-top-color: #9fcdff;
}

.alert-primary .alert-link {
    color: #002752;
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.alert-secondary hr {
    border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
    color: #202326;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-success hr {
    border-top-color: #b1dfbb;
}

.alert-success .alert-link {
    color: #0b2e13;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.alert-info hr {
    border-top-color: #abdde5;
}

.alert-info .alert-link {
    color: #062c33;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-warning hr {
    border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
    color: #533f03;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-danger hr {
    border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
    color: #491217;
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.alert-light hr {
    border-top-color: #ececf6;
}

.alert-light .alert-link {
    color: #686868;
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

.alert-dark hr {
    border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
    color: #040505;
}

.main-wrapper {
    display: flex;
}

.content-desktop {
    width: calc(100% - 232px);
    display: flex;
    flex-direction: column;
}

.content-notebook {
    width: 100%;
    padding-left: 100px;
}

.content-mobile {
    width: 100%;
}

.left-menu-wrapper {
    width: 232px;
    height: 100vh;
    background: white;
    padding: 24px 16px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}

.left-menu-wrapper .wrapper-top-content {
    width: 100%;
}

.left-menu-wrapper .wrapper-logo {
    width: 100%;
}

.left-menu-wrapper .wrapper-logo a{
	display: flex;
	align-items: center;
    width: 100%;
    font-family: Noah;
    font-weight: bold; 
    cursor: default;
}
.left-menu-wrapper .wrapper-logo a span{margin-left: 16px; color: #1D1D1D}

.left-menu-wrapper .wrapper-logo .logo {
    margin: 0 auto;
    width: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 0 24px;
}
.left-menu-wrapper .wrapper-logo:hover .logo path{
	fill: #E00815
}

.left-menu-wrapper .client-info {
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
    border-bottom: 1px solid #efefef;
}

.left-menu-wrapper .client-info .button {
    margin: 10px 16px 0;
    box-sizing: border-box;
    width: calc(100% - 32px);
}

.left-menu-wrapper .client-info .avatar {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px 14px 12px;
    box-sizing: border-box;
}
.left-menu-wrapper .client-info .avatar img{
	max-width: 50px;
	max-height: 50px
}

.left-menu-wrapper .client-info .avatar .wrapper-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    border: 2px solid #e0e0e0;
    border-radius: 100%;
}

.left-menu-wrapper .client-info .info {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.left-menu-wrapper .client-info .info .full-name {
    font-family: Noah;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    color: #C9C9C9;
    margin-bottom: 4px;
}

.left-menu-wrapper .client-info .info .email,
.left-menu-wrapper .client-info .info .phone,
.left-menu-wrapper .client-info .info .status-client {
    font-family: Noah;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #C9C9C9;
    margin-bottom: 16px;
}

.left-menu-wrapper .client-info .info .email,
.left-menu-wrapper .client-info .info .phone {
    margin-bottom: 6px;
    color: #C9C9C9;
    font-weight: bold;
}

.left-menu-wrapper .client-info .info a:hover {
    color: #e00815;
}

.left-menu-wrapper .wrapper-item-menu {
    padding: 22px 0 16px 0;
    max-height: calc(100vh - 190px);
    overflow: auto;
    margin-right: -16px;
    padding-right: 12px;
}

.left-menu-wrapper .wrapper-item-menu::-webkit-scrollbar {
    width: 4px;
}
.left-menu-wrapper .wrapper-item-menu::-webkit-scrollbar-thumb {
    background-color: #e00815;
}
.left-menu-wrapper .wrapper-item-menu::-webkit-scrollbar-track{
    background-color: #f1f1f1;
}

.left-menu-wrapper .wrapper-item-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.left-menu-wrapper .wrapper-item-menu .item-menu .link {
    position: relative;
    cursor: pointer;
    padding: 12px;
    display: flex;
    align-items: center;
    background: transparent;
    transition: 400ms;
    border-radius: 4px;
    margin-bottom: 8px;
    font-family: Noah;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: #8D8F91;
}

.left-menu-wrapper .wrapper-item-menu .item-menu .link .link-image{
	display: flex;
	width: 24px;
	height: 24px;
	justify-content: center;
	align-items: center;
	margin-right: 18px;
    flex: 1 0 24px;
    max-width: 24px;
}
.left-menu-wrapper .wrapper-item-menu .item-menu .link svg{opacity: .7;}
.left-menu-wrapper .wrapper-item-menu .item-menu .link img {
    max-width: 100%;
    max-height: 100%;
    
}

.left-menu-wrapper .wrapper-item-menu .item-menu.with-arrow>.link:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 12px;
    height: 8px;
    background: url(../images/chevron-down.svg) no-repeat center center;
    border: 5px solid transparent;
    margin-top: -4px;
    transition: 400ms;
}

.left-menu-wrapper .wrapper-item-menu .item-menu.with-arrow.open>.link:after {
    transform: rotate(180deg);
}

.left-menu-wrapper .wrapper-item-menu .item-submenu {
    display: none;
    padding-left: 42px;
	max-height: 270px;
	overflow: auto
}

.left-menu-wrapper .wrapper-item-menu .item-menu.open .item-submenu{
	display: block;
	margin-bottom: 16px;
}
.left-menu-wrapper .wrapper-item-menu .item-menu.open .item-submenu .item-menu .link{color: #8D8F91; padding: 8px 12px}
.left-menu-wrapper .wrapper-item-menu .item-menu.open.nopadding .item-submenu{padding-left: 40px;}
.left-menu-wrapper .wrapper-item-menu .item-menu.open > .link{margin-bottom: 0;}
.left-menu-wrapper .wrapper-item-menu .active#monitoring .link-image path:nth-child(2),
.left-menu-wrapper .wrapper-item-menu .active#monitoring .link-image path:nth-child(3){stroke: #fff}
.left-menu-wrapper .wrapper-item-menu .item-menu.open .item-submenu .active .item-menu .link{color: #E00815}
.left-menu-wrapper .wrapper-item-menu .active .link{color: #1D1D1D}

.left-menu-wrapper .wrapper-item-menu .item-submenu .item-menu-all {
    border-bottom: 1px solid #dedede;
    white-space: nowrap;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.left-menu-wrapper .wrapper-item-menu .item-submenu .item-menu:last-child {
    margin-bottom: 0;
}

.left-menu-wrapper .wrapper-item-menu .item-submenu .link {
    margin-bottom: 0;
}

.left-menu-wrapper .wrapper-item-menu .item-submenu .item-submenu {
    padding-left: 0;
}

.left-menu-wrapper .footer-left-menu {
    margin: 0 0 24px;
    width: 100%;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: flex-start;
    background: transparent;
    transition: 400ms;
    border-radius: 4px;
    flex-direction: column;
    gap: 5px;
}

.left-menu-wrapper .footer-left-menu a[href="/about/"]{
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
    margin-left: 8px;
}
.left-menu-wrapper .footer-left-menu svg{width: 30px;}
.left-menu-wrapper .footer-left-menu svg path {
    transition: 400ms;
}

.left-menu-wrapper .footer-left-menu .link {    transition: 400ms;        font-family: Noah;    font-weight: 700; font-size: 14px; line-height: 20px; color: #8D8F91; display: flex; align-items: center; gap: 8px;}

.left-menu-wrapper .footer-left-menu .link.nomargin{margin-left: 0;}

.left-menu-wrapper .footer-left-menu:hover svg path {
    /* fill: #e00815; */
}
.left-menu-wrapper .footer-left-menu:hover svg path
.left-menu-wrapper .theme-switcher{padding: 14px; margin-top: 8px;}

.custom-toggle{display: flex; align-items: center; margin-left: 13px;}
.custom-toggle input{display: none;}
.custom-toggle .toggle-btn{width: 28px; height: 16px; border-radius: 16px; background: #8D8F91; position: relative; transition: 400ms;}
.custom-toggle .toggle-btn::before{content: ""; position: absolute; left: 2px; top: 2px; display: block; width: 12px; height: 12px; border-radius: 12px; background: #fff; transition: 400ms;}
.custom-toggle input:checked + .toggle-btn{background: #E00815}
.custom-toggle input:checked + .toggle-btn::before{left: 14px}
.custom-toggle .toggle-text{font-family: Noah; font-weight: 700; font-size: 14px; line-height: 20px; color: #8D8F91; margin-left: 12px;}

.header {
    width: 100%;
    padding: 16px 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}

.header--desktop {
    justify-content: flex-end;
}

.header .left-path {
    display: flex;
    align-items: center;
}

.header .left-path .title-page {
    font-family: Noah;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    color: #141414;
    margin-right: 25px;
}

.header .left-path .download {
    display: flex;
    align-items: center;
    padding: 5px 5px;
    transition: 400ms;
    background: transparent;
    border-radius: 8px;
    cursor: pointer;
}

.header .left-path .download:hover {
    background: rgba(238, 17, 30, 0.08);
}

.header .left-path .download svg path {
    transition: 400ms;
}

.header .left-path .download .download-title {
    cursor: pointer;
    margin-left: 20px;
    font-family: Noah;
    transition: 400ms;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #1b2124;
}

.header .left-path .download:hover .download-title {
    color: #e00815;
}

.header .left-path .download:hover svg path {
    fill: #e00815;
}

.header .right-path {
    display: flex;
    align-items: center;
    position: relative;
}

.header .right-path .actions {
    display: flex;
    align-items: center;
    border-right: 1px solid #D6D9DB;
    padding-right: 16px;
}
.header .right-path .UIInput-wrapper{
    margin-right: 40px;
}


/*
.header .right-path .actions .action:nth-child(1) {
  padding-right: 30px;
}
*/

.header .right-path .actions .action {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.header .right-path .actions .action .indicator {
    background: #e00815;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.header .right-path .options-avatar {
    padding-left: 16px;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.header .right-path .options-avatar .arrow {
    margin-top: 2px;
    margin-left: 20px;
}

.header .right-path .options-avatar .avatar {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    box-sizing: border-box;
}

.header .right-path .options-avatar .avatar .wrapper-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    border: 2px solid #e0e0e0;
    border-radius: 100%;
    overflow: hidden;
}
.header .right-path .options-avatar .avatar .wrapper-avatar img{
	border-radius: 100%;
}

.header .right-path .options-avatar .name {
    font-family: Noah;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: #1d1d1d;
    white-space: nowrap;
}

.dropdown-menu {
    position: absolute;
    z-index: 10;
    padding-top: 5px;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.dropdown-menu ul {
    background: #fff;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.05)) drop-shadow(0px 25px 35px rgba(0, 0, 0, 0.03));
    list-style: none;
}

.dropdown-menu ul::before {
    content: "";
    display: inline-block;
    border: 5px solid transparent;
    border-bottom: 5px solid #fff;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -5px;
}

.dropdown-menu .dropdown-item a {
    font-family: Noah;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 15px;
    color: #1d1d1d;
    display: block;
}

.dropdown-menu .dropdown-item a:hover {
    color: #e00815;
}

.main-content {
    padding: 0 48px;
    font-family: Noah;
    font-size: 16px;
}

.main-content > h2{
	font-family: Noah;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 28px;
}

.main-content > h3{
	font-family: Noah;
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	line-height: 24px;
}

.main-content > h4{
	font-family: Noah;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
}

.main-content > p,
.main-content > ul,
.main-content > ol{
	font-family: Noah;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 8px;
}

.main-content > ul{
	list-style: none;
}
.main-content > ul li{display: flex; align-items: center}
.main-content > ul li:before{content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 5px; background: #E00815; margin-right: 7px;}
.main-content > ul li a{color: #444}
.main-content > ul li a:hover{color: #E00815}

.main-content > ol{
	padding-left: 15px;
}

.main-content table{
	border-collapse: collapse;
}
.main-content table td{
	padding: 5px;
	font-family: Noah;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
}
.main-content img,
.main-content iframe{
	max-width: 100%;
}

.main-content a{
	color: #E00815
}

.main-wrapper:not(.projects) .main-content{
	padding-top: 20px;
	height: calc(100vh - 80px);
	overflow: auto;
	position: relative;
    padding-bottom: 20px;
}
.main-wrapper.projects .main-content{
	margin-top: 20px;
	padding-top: 20px;
	height: calc(100vh - 100px);
    padding-bottom: 20px;
	overflow: hidden
}

.profile-inner{display: flex; gap: 32px}
.profile-inner .client-inner{flex: 1}
.profile-inner .notifications-inner{width: 350px;}

.dashboard-header {
    margin-right: 40px;
    border-bottom: 1px solid #ebebeb;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dashboard-header-button {
    cursor: pointer;
    padding-bottom: 8px;
    width: fit-content;
    display: flex;
    align-items: center;
    font-family: Noah;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #1b2124;
    border-bottom: 2px solid #1b2124;
}

.dashboard-header-button div {
    margin-left: 10px;
}

.dashboard-header-question {
    cursor: pointer;
    padding-bottom: 8px;
    width: fit-content;
    display: flex;
    align-items: center;
    font-family: Noah;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #828282;
    border-bottom: 2px solid transparent;
}

.dashboard-header-question div {
    margin-left: 10px;
}

.dashboard-body {
    display: flex;
    justify-content: space-between;
}

.dashboard-body-content {
    padding: 0 25px 50px 0;
    width: calc(100% - 320px);
    box-sizing: border-box;
}

.dashboard-body-content.full{width: 100%}

.dashboard-body-content .charts {
    display: flex;
    flex-direction: column;
}

.dashboard-body-content .charts .wrapper-chart-system {
    margin-top: 25px;
    padding: 25px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05), 0px 25px 35px rgba(0, 0, 0, 0.03);
    border-radius: 4px;
    background: white;
}

.dashboard-body-content .charts .wrapper-chart-system svg text {
    fill: #bdbdbd !important;
}

.dashboard-body-content .charts .wrapper-chart-system .wrapper-title {
    display: flex;
    justify-content: space-between;
    align-content: center;
    padding: 10px 0 24px;
}

.dashboard-body-content .charts .wrapper-chart-system .wrapper-system-titles {
    display: flex;
    align-items: center;
}

.dashboard-body-content .charts .wrapper-chart-system .wrapper-system-titles .google {
    display: flex;
    align-items: center;
    margin-right: 16px;
    font-family: Noah;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #bdbdbd;
}

.dashboard-body-content .charts .wrapper-chart-system .wrapper-system-titles .google .point {
    margin-right: 5px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #a6d4ff;
}

.dashboard-body-content .charts .wrapper-chart-system .wrapper-system-titles .yandex {
    display: flex;
    align-items: center;
    margin-right: 16px;
    font-family: Noah;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #bdbdbd;
}

.dashboard-body-content .charts .wrapper-chart-system .wrapper-system-titles .yandex .point {
    margin-right: 5px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #f2c94c;
}

.dashboard-body-content .charts .wrapper-chart-system .wrapper-system-titles .youtube {
    display: flex;
    align-items: center;
    font-family: Noah;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #bdbdbd;
}

.dashboard-body-content .charts .wrapper-chart-system .wrapper-system-titles .youtube .point {
    margin-right: 5px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #ee111e;
}

.dashboard-body-content .charts .wrapper-chart-system .wrapper-points{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto;
}
.dashboard-body-content .charts .wrapper-chart-system .wrapper-points .point-item {
    margin-right: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.dashboard-body-content .charts .wrapper-chart-system .wrapper-points .point {
    font-family: Noah;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #8d9091;
}

.dashboard-body-content .charts .wrapper-chart-system .title {
    font-family: Noah;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 95.4%;
    color: #1d1d1d;
}

.dashboard-body-content .charts .wrapper-bottom-charts {
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.dashboard-body-content .charts .wrapper-bottom-charts .wrapper-pie {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05), 0px 25px 35px rgba(0, 0, 0, 0.03);
    border-radius: 4px;
    background: white;
    width: calc(50% - 12px);
    padding: 25px 24px 5px;
    box-sizing: border-box;
}

.dashboard-body-content .charts .wrapper-bottom-charts .wrapper-pie .title {
    font-family: Noah;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 95.4%;
    color: #1d1d1d;
    margin-bottom: 40px;
}

.dashboard-body-content .charts .wrapper-bottom-charts .wrapper-pie .pie {
    box-sizing: border-box;
    height: 250px;
    margin-bottom: 20px;
    padding: 25px;
}

.dashboard-body-content .charts .wrapper-bottom-charts .wrapper-pie .wrapper-points {
    display: flex;
    flex-wrap: wrap;
}

.dashboard-body-content .charts .wrapper-bottom-charts .wrapper-pie .wrapper-points .point-item {
    margin-right: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.dashboard-body-content .charts .wrapper-bottom-charts .wrapper-pie .wrapper-points .point {
    font-family: Noah;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #8d9091;
}

.dashboard-body-content .charts .wrapper-bottom-charts .wrapper-bar {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05), 0px 25px 35px rgba(0, 0, 0, 0.03);
    border-radius: 4px;
    background: white;
    width: calc(50% - 12px);
    padding: 25px 24px 5px;
    box-sizing: border-box;
}
.dashboard-body-content .charts .wrapper-bottom-charts .wrapper-bar.full{width: 100%;}

.dashboard-body-content .charts .wrapper-bottom-charts .wrapper-title {
    display: flex;
    justify-content: space-between;
    align-content: center;
    margin-bottom: 40px;
  }

.dashboard-body-content .charts .wrapper-bottom-charts .wrapper-bar .title {
    font-family: Noah;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 95.4%;
    color: #1d1d1d;
    margin-bottom: 40px;
}
.dashboard-body-content .charts .wrapper-bottom-charts .wrapper-title .title{margin-bottom: 0;}

.dashboard-body-content .charts .wrapper-bottom-charts .wrapper-bar .bar {
    box-sizing: border-box;
    height: 500px;
    margin-bottom: 20px;
}

.dashboard-body-content .charts .wrapper-bottom-charts .wrapper-bar .wrapper-points {
    display: flex;
    flex-wrap: wrap;
}

.dashboard-body-content .charts .wrapper-bottom-charts .wrapper-bar .wrapper-points .point-item {
    margin-right: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.dashboard-body-content .charts .wrapper-bottom-charts .wrapper-bar .wrapper-points .point {
    font-family: Noah;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #8d9091;
}

.dashboard-body-content .charts .wrapper-bottom-charts .wrapper-system-titles {
    display: flex;
    align-items: center;
}

.dashboard-body-content .charts .wrapper-bottom-charts .wrapper-system-titles > div {
    display: flex;
    align-items: center;
    margin-right: 16px;
    font-family: Noah;
    font-weight: 500;
	font-size: 14px;
	line-height: 24px;
    color: #909699;
}
.dashboard-body-content .charts .wrapper-bottom-charts .wrapper-system-titles > div .point{
    margin-right: 8px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
}

.dashboard-body-content .charts .wrapper-bottom-charts .wrapper-system-titles .budget .point {
    background: blue;
}

.dashboard-body-content .charts .wrapper-bottom-charts .wrapper-system-titles .rashod .point {
    background: red;
}

.dashboard-body-content .charts .wrapper-bottom-charts .wrapper-system-titles .pribil .point {
    background: green;
}
.dashboard-body-content .charts .wrapper-bottom-charts .wrapper-system-titles .ubitok .point {
    background: orange;
}

.dashboard-body-content .actions-info {
    width: 100%;
}

.dashboard-body-content .actions-info-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dashboard-body-content .actions-info-header2{margin-top: 15px;}

.dashboard-body-content .actions-info-header .info-title {
    font-family: Noah;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 95.4%;
    color: #1d1d1d;
}

.dashboard-body-content .actions-info-header .info-sorts {
    display: flex;
    align-items: center;
    position: relative;
}

.dashboard-body-content .actions-info-header .info-sorts div {
    font-family: Noah;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #828282;
    margin-left: 25px;
}

.dashboard-body-content .actions-info-header .info-sorts div span {
    cursor: pointer;
    font-family: Noah;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #1d1d1d;
}

.dashboard-body-content .actions-info-header .info-sorts .select2-container--default{vertical-align: bottom;}
.dashboard-body-content .actions-info-header .info-sorts .select2-container--default .select2-selection--single{height: auto; background: none}
.dashboard-body-content .actions-info-header .info-sorts .select-search .select2-container--open {  left: auto!important;  right: 0;}
.dashboard-body-content .actions-info-header .info-sorts .select2-container--default .select2-selection--single .select2-selection__rendered{padding-right: 15px; padding-left: 0;}
.dashboard-body-content .actions-info-header .info-sorts .select2-container--default .select2-selection--single .select2-selection__arrow{height: 100%; right: 0; width: 12px;}
.dashboard-body-content .actions-info-header .info-sorts .select2-container--default .select2-selection--single .select2-selection__arrow b{background: url(../images/arrow.svg) no-repeat center center; margin-left: -6px; margin-top: -4px;}


.dashboard-body-content .actions-info-header .info-sorts{width: 100%;}
.dashboard-body-content .actions-info-header .info-sorts .select-dynamic{display: flex; width: 100%;}
.dashboard-body-content .actions-info-header .info-sorts .select-dynamic > span{display: inline-block; max-width: 250px; margin-right: 50px;}

.dashboard-body-left-path .info-sorts .select2-container--default{vertical-align: bottom; margin-left: 10px;}
.dashboard-body-left-path .info-sorts .select2-container--default .select2-selection--single{height: auto; background: none}
.dashboard-body-left-path .info-sorts .select-cluster .select2-container--open:not(.select2-container--below) {margin-left: 0; z-index: 99999}
.dashboard-body-left-path .info-sorts .select-search .select2-container--open:not(.select2-container--below) {margin-left: 0; z-index: 99999}
.dashboard-body-left-path .info-sorts .select2-container--default .select2-selection--single .select2-selection__rendered{padding-right: 12px; padding-left: 0; line-height: 1}
.dashboard-body-left-path .info-sorts .select2-container--default .select2-selection--single .select2-selection__arrow{height: 100%; right: 0; width: 12px;}
.dashboard-body-left-path .info-sorts .select2-container--default .select2-selection--single .select2-selection__arrow b{background: url(../images/arrow.svg) no-repeat center center; margin-left: -6px; margin-top: -4px;}
.dashboard-body-left-path .info-sorts div {  font-family: Noah;  font-style: normal;  font-weight: normal;  font-size: 14px;  line-height: 16px;  color: #828282;  margin-left: 25px;}
.dashboard-body-left-path .info-sorts div.select-cluster{margin-bottom: 15px;}
.dashboard-body-left-path .dashboard-left-top .title{padding-top: 0;}

.dashboard-bordered{border-bottom: 1px solid #ebebeb; padding-bottom: 20px;}

.dashboard-body-content .actions-info-body {
    margin-top: 28px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dashboard-body-content .actions-info-body .card-state-project {
    display: flex;
    width: calc(100% / 3 - 48px);
    padding: 16px;
    background: #fff;
    /* Base/Shadow - Large */
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05), 0px 25px 35px rgba(0, 0, 0, 0.03);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dashboard-body-content .actions-info-body .card-state-project .title {
    font-family: Noah;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 32px;
    color: #1d1d1d;
}

.dashboard-body-content .actions-info-body .card-state-project .present {
    font-family: Noah;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    color: #1d1d1d;
}

.dashboard-body-content .actions-info-body .card-state-project .present.present-small{
	font-size: 18px; line-height: 1; margin-left: 15px;
}

.dashboard-body-content .actions-info-body .card-state-project:nth-child(2) {
    margin: 0 24px;
}

.dashboard-body-left-path {
    height: calc(100vh - 140px);
    background: white;
    width: 320px;
    border-left: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    position: sticky;
    top: 0;
}

.dashboard-body-left-path .title {
    font-family: Noah;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    color: #1d1d1d;
    padding: 47px 24px 36px;
}

.dashboard-projects {
    padding: 25px;
}

.dashboard-projects-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dashboard-projects-header-title {
    font-family: Noah;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color: #bdbdbd;
}

.dashboard-projects-body {
    margin-top: 21px;
}

.dashboard-projects-body .card-project {
    margin-top: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 16px);
    background: #fbfbfb;
    border-radius: 4px;
    padding: 12px 8px;
    transition: 400ms;
    cursor: pointer;
}

.dashboard-projects-body .card-project .date-title {
    font-family: Noah;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #1b2124;
    transition: 400ms;
}

.dashboard-projects-body .card-project:hover {
    background: #ee111e;
}

.dashboard-projects-body .card-project:hover .date-title {
    color: white;
}

.desktop {
    display: block;
}

.mobile {
    display: none;
}

.header-sort-mobile{display: none;}

@media screen and (max-width: 1100px) {
    .mobile {
        display: block;
    }
    .title-page.mobile{display: none;}
    .dashboard-body-content .charts .wrapper-bottom-charts .wrapper-bar {
        width: 100%;
    }
    .dashboard-body-content .charts .wrapper-bottom-charts .wrapper-pie {
        width: 100%;
        margin-bottom: 30px;
    }
    .desktop {
        display: none;
    }
    .dashboard-projects {
        padding: 25px 0;
    }
    .dashboard-projects-body .card-project {
        background: white;
    }
    .dashboard-body {
        flex-direction: column;
    }
    .dashboard-body-content {
        width: 100%;
        box-sizing: border-box;
    }
    .dashboard-body-left-path {
        height: 100%;
        display: flex;
    }
    .dashboard-body-content .charts .wrapper-bottom-charts {
        flex-direction: column;
    }
    .dashboard-body-content .charts .wrapper-bottom-charts .pie {
        width: 100%;
    }
    .dashboard-body-content .charts .wrapper-bottom-charts .bar {
        margin-top: 25px;
        width: 100%;
    }
    .dashboard-body-left-path {
        width: 100%;
        order: 1;
        justify-content: space-between;
        background: transparent;
        border: none;
        padding-left: 20px;
        box-sizing: border-box;
        position: static;
    }
    .dashboard-body-content {
        order: 2;
    }
    .dashboard-body-left-path .title {
        padding: 14px 24px 36px;
        width: 100%;
    }
}

@media screen and (max-width: 660px) {
    .dashboard-body-left-path {
        flex-direction: column;
        padding: 0 20px;
    }
    .dashboard-body-content .actions-info-body {
        flex-direction: column;
    }
    .dashboard-body-content .actions-info-body .card-state-project:nth-child(2) {
        margin: 10px 0;
    }
    .dashboard-body-content .actions-info-body .card-state-project {
        width: 100%;
        box-sizing: border-box;
    }
    .dashboard-body-content {
        padding: 0 25px 50px 40px;
    }
    .dashboard-body-left-path .title {
        order: 2;
        padding: 40px 24px 36px;
        width: unset;
    }
    .dashboard-body-content .actions-info-header {
        flex-direction: column;
    }
    .dashboard-body-content .actions-info-header .info-sorts {
        margin-top: 25px;
    }
}

.rv-xy-plot__axis__tick {
    position: static;
}

.wrapper-points .point-item {
    display: flex;
    align-items: center;
}

.wrapper-points .point-item .point-item-bg {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    margin-right: 10px;
}

.status-button {
    padding: 4px;
    font-family: Noah;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    border-radius: 5px;
    width: fit-content;
}

.status-button-grey {
    color: #8d9091;
    background: linear-gradient( 0deg, rgba(27, 33, 36, 0.08), rgba(27, 33, 36, 0.08)), #ffffff;
}

.status-button-green {
    color: #22b02e;
    background: linear-gradient( 0deg, rgba(34, 176, 46, 0.08), rgba(34, 176, 46, 0.08)), #ffffff;
}

.status-button-red {
    color: #e00815;
    background: linear-gradient( 0deg, rgba(238, 17, 30, 0.08), rgba(238, 17, 30, 0.08)), #ffffff;
}

@media screen and (max-width: 720px) {
    .main-content {
        padding-top: 88px;
    }
}

.project-table .header-table {
    display: grid;
    grid-template-columns: calc(100% / 6) calc(100% / 6) calc(100% / 6) calc( 100% / 6) calc(100% / 6) calc(100% / 6);
    border-bottom: 1px solid #efefef;
    padding: 20px 0;
}
.project-table.admin-table .header-table,
.project-table.admin-table .body-table .item{grid-template-columns: 40px calc(100% / 7) calc(100% / 7) calc(100% / 7) calc(100% / 7) calc(100% / 7) calc(100% / 7)}

.project-table .header-table .header-item {
    white-space: nowrap;
    font-family: Noah;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #828282;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.project-table .header-table .header-item.selected {
    font-weight: bold;
}

.project-table .header-table .header-item .sort-arrows {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 20px;
}

.project-table .header-table .header-item .sort-arrows .top-sort {
    transform: rotateX(180deg);
    cursor: pointer;
}

.project-table .header-table .header-item .sort-arrows .bottom-sort {
    cursor: pointer;
}

.project-table .body-table{
	height: calc(100vh - 225px);
	overflow: auto;
}
.project-table .body-table .item {
    align-items: center;
    display: grid;
    grid-template-columns: calc(100% / 6) calc(100% / 6) calc(100% / 6) calc( 100% / 6) calc(100% / 6) calc(100% / 6);
    border-bottom: 1px solid #efefef;
    padding: 20px 0;
}

.project-table .body-table .item .title-project {
    font-family: Noah;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #1d1d1d;
}
.project-table .body-table .item .title-project.title-right-project{
    text-align: right;
    padding-right: 8px;
}

.project-table .body-table .item .text-label {
    display: none;
}

.project-table .body-table .item .date-project {
    display: flex;
}

.project-table .body-table .item .date-project .time-project {
    margin-left: 20px;
}

.project-table .body-table .item .file-project a {
    font-family: Noah;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
}

.sales-project-list {background-color: #fff; border-radius: 4px; padding: 4px;}
.sales-project-list .project-table.admin-table .header-table, 
.sales-project-list .project-table.admin-table .body-table .item{grid-template-columns: 40px 0.85fr 0.75fr 1fr 0.5fr 1fr 110px;}
.sales-project-list .project-table.admin-table .body-table .item{ border-bottom: none;}
.sales-project-list .project-table.admin-table .body-table .item:nth-child(even){background-color: #FBFBFB; border-radius: 4px;}
.sales-project-list .project-table.admin-table .body-table .item.red{background: #FF2400; border-radius: 4px;}
.sales-project-list .project-table.admin-table .body-table .item .title-project{font-weight: 500; color: #7C7F80; font-size: 14px;}
.sales-project-list .project-table.admin-table .body-table .item .title-project:first-child .wrapper-check-box{justify-content: center;}
.sales-project-list .project-table.admin-table .body-table .item b{font-weight: 500; color: #141414; font-size: 16px;}
.sales-project-list .project-table.admin-table .body-table .item .avatar{border-radius: 24px; margin-right: 5px; vertical-align: middle;}
.sales-project-list .project-table.admin-table .body-table .item .avatar+b{vertical-align: middle;}
.sales-project-list .project-table.admin-table .body-table .item .title-project-actions .wrapper-check-box{display: inline-flex; padding: 5px;}
.sales-project-list .project-table.admin-table .body-table .item .title-project-actions .wrapper-check-box .normal{margin-left: 5px;}
.sales-project-list .alert{display: inline-block; text-align: left; border-radius: 8px; padding: 4px 8px;}
.sales-project-list .alert.alert-danger{background-color: #FDF3F3; border-color: #FDF3F3; color: rgba(224, 8, 22, 0.7)}
.sales-project-list .alert.alert-success{background-color: #ecf2f0; border-color: #ecf2f0; color: rgba(23, 90, 72, 0.7);}
.sales-project-list .project-table .header-table .header-item .sort-arrows{display: none;}

.marketing-project-list .project-table.admin-table .header-table,
.marketing-project-list .project-table.admin-table .body-table .item{grid-template-columns: 40px 0.85fr 0.85fr 0.75fr 0.75fr 1fr 0.5fr 1fr 110px;}

.manager-files-filter.sales-list-filter .UIInput-wrapper.item.item-right{margin-left: auto;}
.manager-files-filter.sales-list-filter .UIInput-wrapper.item{position: relative;}
.manager-files-filter.sales-list-filter .UIInput-wrapper.item.item-right label{white-space: nowrap; align-self: center; margin-right: 5px; font-weight: 500; font-size: 16px; text-align: right; color: #909699;}
.manager-files-filter.sales-list-filter select{width: auto;}
.manager-files-filter.sales-list-filter .select2-container--default{ max-width: 200px;}
.manager-files-filter.sales-list-filter .select2-container--default .select2-selection--single{box-shadow: none; background: none;}
.manager-files-filter.sales-list-filter .select2-container--default .select2-selection--single .select2-selection__rendered{font-weight: 500; font-size: 16px; color: #1d1d1d;}
.manager-files-filter.sales-list-filter .select2-container--below + .select2-container{left: auto!important; right: 0;}

.manager-files-filter .select2-container--default .select2-selection--multiple{background: url(../images/select_arrow.svg) no-repeat right 10px center; border: 1px solid #DFE2E4; min-height: 40px;}
.manager-files-filter .select2-container--default .select2-selection--multiple:has(.select2-selection__choice){background: none;}

.manager-files-filter.sales-list-filter .sale-notes{display: flex; align-items: center; margin-top: 12px;}
.manager-files-filter.sales-list-filter .sale-notes .text p{font-size: 14px;}
.manager-files-filter.sales-list-filter .sale-notes .text p span{font-weight: 500;}
.manager-files-filter.sales-list-filter .sale-notes .graph{margin-left: 28px;}
.manager-files-filter.sales-list-filter .sale-notes .graph .progress-bar{width: 400px; height: 4px; background-color: #dddcdc; position: relative; }
.manager-files-filter.sales-list-filter .sale-notes .graph .progress-bar + .progress-bar{margin-top: 30px;}
.manager-files-filter.sales-list-filter .sale-notes .graph .progress-bar .progress{height: 100%; background-color: #e00815; position: relative;}
.manager-files-filter.sales-list-filter .sale-notes .graph .progress-bar span{font-weight: 500; font-size: 12px; position: absolute; top: 100%; right: 0; margin-top: 2px;}
.manager-files-filter.sales-list-filter .sale-notes .graph .progress-bar .progress span{top: -16px; white-space: nowrap;}
.manager-files-filter.sales-list-filter .sale-notes .graph .progress-bar .progress .progress-more{top: 0; margin-top: 0; height: 4px;  background: blue;}
.manager-files-filter.sales-list-filter .sale-notes .edit-plan-btn{margin-left: 20px;}
.manager-files-filter.sales-list-filter .sale-notes-inner.hidden .sale-notes .text,
.manager-files-filter.sales-list-filter .sale-notes-inner.hidden .sale-notes .edit-plan-btn a:not(.show-plan-btn),
.manager-files-filter.sales-list-filter .sale-notes-inner.hidden .sale-notes .graph{display: none;}
.manager-files-filter.sales-list-filter .sale-notes-inner.hidden .sale-notes .edit-plan-btn{margin-left: 0;}
.manager-files-filter.sales-list-filter .sale-notes-inner:not(.hidden) .sale-notes .edit-plan-btn a.show-plan-btn{margin-top: 5px; background: none; color: #ee111e!important; font-weight: 500;}

.smm-project-list .project-table .body-table .item{grid-template-columns: 1fr}
.smm-project-list .project-table .body-table .item .project-title{margin-bottom: 5px; font-size: 16px;}
.smm-project-list .project-table .body-table .item .project-users{margin-bottom: 5px; display: flex; flex-direction: column; align-items: flex-start;}
.smm-project-list .project-table .body-table .item .project-users .highlighted{	background-color: rgba(238, 17, 30, 0.08); padding: 3px 5px;}

.smmlist-project-list .project-table .header-table,
.smmlist-project-list .project-table .body-table .item{grid-template-columns: calc(100% / 6) calc(100% / 6) calc(100% / 6) 100px 1fr calc(100% / 6)}
.smmlist-m-project-list .project-table .header-table,
.smmlist-m-project-list .project-table .body-table .item{grid-template-columns: calc(100% / 6) calc(100% / 6) calc(100% / 6) 1fr calc(100% / 6)}


.sales-project-list .project-table.admin-table .header-table.header-table--travel, 
.sales-project-list .project-table.admin-table .body-table.boby-table--travel .item{grid-template-columns: 40px 0.85fr 0.75fr 1fr 0.5fr 1fr 1fr 110px;}

@media screen and (max-width: 1440px) {
    .sales-project-list .project-table.admin-table .header-table, 
    .sales-project-list .project-table.admin-table .body-table .item{grid-template-columns: 40px 0.85fr 110px 1fr 123px 1fr 110px; padding: 7px 0;}
    .project-table .header-table .header-item{white-space: normal;}
    .sales-project-list .project-table.admin-table .header-table .header-item{line-height: 1;}

    .marketing-project-list .project-table.admin-table .header-table,
    .marketing-project-list .project-table.admin-table .body-table .item{grid-template-columns: 40px 0.85fr 0.85fr 0.75fr 0.75fr 1fr 0.5fr 0.2fr 110px;}

    .manager-files-filter.sales-list-filter .sale-notes{flex-wrap: wrap;}
    
}
@media screen and (max-width: 1360px) {
    .manager-files-filter.sales-list-filter .sale-notes .graph{flex: 1 0 62%;}
    .manager-files-filter.sales-list-filter .sale-notes .edit-plan-btn{margin-left: 0; margin-top: 20px;}
    .manager-files-filter.sales-list-filter .sale-notes .edit-plan-btn + .edit-plan-btn{margin-left: 20px;}

}
@media screen and (max-width: 1280px) {
    .sales-project-list .project-table.admin-table .header-table, 
    .sales-project-list .project-table.admin-table .body-table .item{grid-template-columns: 40px 133px 113px 0.8fr 104px 1fr 100px;}
    .sales-project-list .project-table.admin-table .body-table .item .title-project-actions{margin-left: -5px; margin-right: -5px;}

    .marketing-project-list .project-table.admin-table .header-table,
    .marketing-project-list .project-table.admin-table .body-table .item{grid-template-columns: 40px 0.85fr 0.85fr 0.75fr 0.75fr 1fr 0.5fr 0 110px;}
}

@media screen and (max-width: 1024px) {
    .sales-project-list .project-table.admin-table .header-table, 
    .sales-project-list .project-table.admin-table .body-table .item{grid-template-columns: 40px 148px 110px 1fr 110px 110px;}
    .sales-project-list .project-table.admin-table .body-table .item .title-project-actions{margin: 0;}
    .sales-project-list .project-table.admin-table .body-table .item .title-project:nth-child(6){grid-row: 2/3; grid-column: 1/7; padding-top: 20px;}

    .marketing-project-list .project-table.admin-table .header-table,
    .marketing-project-list .project-table.admin-table .body-table .item{grid-template-columns: 40px  148px  148px  148px  148px 1fr 148px 0px 110px;}
    
    .marketing-project-list .project-table.admin-table .body-table .item .title-project:nth-child(6){grid-row: 2/3; grid-column: 1/3; padding-top: 20px;}
    .marketing-project-list .project-table.admin-table .body-table .item .title-project:nth-child(7){grid-row: 2/3; grid-column: 3/4; padding-top: 20px;}

    .marketing-project-list .project-table.admin-table .header-table .header-item:nth-child(6),
    .marketing-project-list .project-table.admin-table .header-table .header-item:nth-child(7){display: none;}

    .manager-files-filter.sales-list-filter form > .UIInput-wrapper.item{flex-wrap: wrap;}
    .manager-files-filter.sales-list-filter .UIInput-wrapper.item.item-right{width: 100%; margin-left: 0; margin-top: 10px;}
}
.file-btn {
    display: inline-flex;
    align-items: center;
    padding: 5px 5px 5px 5px;
    transition: 400ms;
    background: transparent;
    border-radius: 8px;
    cursor: pointer;
    font-family: Noah;
    transition: 400ms;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #1b2124;
}

.file-btn.file-download-btn:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/icons/other-download.svg) no-repeat center center;
    margin-right: 14px;
}
.file-btn.file-copy-btn:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/icons/copy-ico.svg) no-repeat center center;
    margin-right: 14px;
}
.file-btn.file-delete-btn:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/icons/trash-ico.svg) no-repeat center center;
    margin-right: 14px;
}
.file-btn.file-archive-btn:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/archive.svg) no-repeat center center;
    margin-right: 14px;
}
.file-btn.file-recovery-btn:before,
.file-btn.file-unarchive-btn:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/recovery-ico.svg) no-repeat center center;
    margin-right: 14px;
}
.file-btn.file-edit-btn:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/icons/edit-ico.svg) no-repeat center center;
    margin-right: 14px;
}
.file-btn.file-show-btn:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/icons/info-ico.svg) no-repeat center center;
    margin-right: 14px;
}

.file-btn.file-confirm-btn:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/save-ico.svg) no-repeat center center / contain;
    margin-right: 14px;
    opacity: 0.5;
}
.file-btn.file-cancel-btn:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/cancel-ico.svg) no-repeat center center / contain;
    margin-right: 14px;
    opacity: 0.5;
}
.file-btn:empty:before{
    margin-right: 0;
    width: 20px;
    height: 20px;
}

.file-btn.add-contact-btn:before,
.file-btn.add-dop-btn:before,
.file-btn.add-manager-btn:before {
    content: "+";
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    font-size: 30px;
    margin-right: 14px;
}

.file-btn:hover {
    background-color: rgba(238, 17, 30, 0.08);
    color: #e00815;
}

.contacts-inner.ex{display: none;}

.project-table .body-table .item .search-issue-project {
    display: flex;
    align-items: center;
    font-family: Noah;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #1d1d1d;
    cursor: pointer;
}

.project-table .body-table .item .search-issue-project .indicator {
    margin-left: 10px;
    background: #e00815;
    border-radius: 10px;
    font-family: Noah;
    font-style: normal;
    font-weight: 800;
    font-size: 10px;
    line-height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px 8px;
    color: #fff;
}

.project-table .body-table .item .--disabled {
    cursor: auto;
    color: #8d9091;
}

.modal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    font-family: Noah
}

.modal.open {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}

.modal-bg {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
}

.modal-container {
    background: #fff;
    position: relative;
    padding: 47px 100px 80px;
}

.modal-container h1 {
    text-align: center;
    font-size: 39px;
    font-weight: normal;
    font-family: Noah;
    line-height: 125%;
    color: #333333;
    margin-bottom: 43px;
}

.modal-close {
    position: absolute;
    right: -24px;
    top: -24px;
    outline: none;
    appearance: none;
    background: #e00815 url(../images/close-ico.svg) no-repeat center center;
    border: 0px;
    cursor: pointer;
    width: 48px;
    height: 48px;
    transition: all 0.3s ease;
}

.modal-close:hover {
    background: #755e3b url(../images/close-ico.svg) no-repeat center center;
}

.modal-container form {
    width: 100%;
    position: relative;
}

.modal-container form .form-row:not(.last) {
    margin-bottom: 24px;
}

.modal-container form .form-row label:not(.wrapper-check-box){
	display: block;
	font-family: Noah;
	margin-bottom: 3px;
}
.modal-container form .form-row input,
.modal-container form .form-row textarea {
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
    border: 1px solid #c4c4c4;
    color: rgba(51, 51, 51, 1);
    font-family: Noah;
    outline: none;
    height: 44px;
    font-size: 18px;
}

.modal-container form .form-row textarea {
    height: 140px;
    resize: none;
    padding: 16px;
}

.modal-container form .form-row .UIInput-input{position: relative;}
.modal-container form .form-row .UIInput-input .pass-eye{position: absolute; right: 7px; top: 50%; margin-top: -6px; cursor: pointer;}

.modal-container form .form-row input::placeholder,
.modal-container form .form-row textarea::placeholder {
    color: rgba(51, 51, 51, 0.83);
}

.modal-container form .form-row.file-type{
	position: relative;
}
.modal-container form .form-row .add-file-type{
	font-size: 34px;
	color: #fff;
	padding: 0;
	height: 30px;
	width: 30px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: #e00815;
	margin: 0;
	cursor: pointer;
	position: absolute;
	margin-left: 10px;
	margin-top: 7px;
	padding-top: 4px;
	box-sizing: border-box;
	left: 100%;
	top: 23px;
}

.modal-container form .form-row .select2-container--default .select2-selection--single{
	height: 44px;
}
.modal-container form .form-row .select2-container--default .select2-selection--single .select2-selection__rendered,
.modal-container form .form-row .select2-container--default .select2-selection--multiple {
	border: 1px solid #c4c4c4;
	line-height: 42px;
	height: 44px;
}
.modal-container form .form-row .select2-container--default .select2-selection--multiple{line-height: 1;}
.modal-container form .form-row .select2-container--default .select2-selection--multiple input[type=search]{height: auto;}

.modal-container form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 42px;
}
.modal-container + .select2-container .select2-dropdown{box-shadow: 0 3px 3px rgba(0,0,0,.5) }
.modal-container + .select2-container .select2-dropdown .option-row{display: flex; justify-content: space-between; align-items: center}
.modal-container + .select2-container .select2-dropdown .option-row .delete-option{display: inline-flex; width: 20px; height: 20px; line-height: 20px; justify-content: center; align-items: center; background-color: #e00815; color: #fff}
.modal-container + .select2-container .select2-dropdown .option-row .delete-option:hover{background-color: #ee111e;}

.modal-container form .form-row .UIInput-wrapper .UIInput-file .btn{
	border: none;
	margin-left: 0;
	height: auto;
}

.modal-container form .form-row button {
    width: 100%;
    height: 48px;
    line-height: 48px;
    border: none;
    font-family: Noah;
    outline: none;
    background: #e00815;
    color: #fff;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
}

.modal-container form .alert {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    margin-top: 15px;
}

.modal-container .buttons {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.modal-container .btn {
    display: inline-flex;
    align-items: center;
    font-family: Noah;
    font-size: 14px;
    color: #8d734a;
    border: 1px solid #e00815;
    height: 46px;
    padding: 0 25px;
    margin: 0;
    width: auto;
    text-decoration: none;
    margin-top: 20px;
    margin: 0 10px;
    transition: all 0.3s ease;
}

.modal-scroll{
    overflow-y: auto;
    max-height: 80vh;
}

#request-call.modal .modal-container {
    max-width: 480px;
}

#request-help.modal .modal-container {
    max-width: 780px;
}

#manager-add-file .modal-container {
	width: 400px;
    max-width: 400px;
    padding-bottom: 27px;
    padding-top: 23px;
}
#manager-add-file .modal-container h1{
	margin-bottom: 23px;
}
#manager-add-file .UIInput-wrapper .UIInput-file{margin-bottom: 0;}

#manager-add-file [name=new_type]{
	margin-top: 10px;
}

#manager-add-file .modal-container form .form-row:not(.last) {
  margin-bottom: 14px;
}
#manager-add-file .modal-container form .form-row textarea{
	height: 90px;
}

#add-monitoringproject .modal-container {
	width: 630px;
    max-width: 630px;
}

#popup-message .modal-container {
    padding-bottom: 27px;
    padding-top: 23px;
}
#popup-message .modal-container h1{
    margin-bottom: 0;
}

.notifications-list-inner {margin-bottom: 20px;}
.notifications-list-inner h2{font-size: 18px; line-height: 24px; margin-right: 24px; margin-bottom: 26px;}
.notifications-list-inner .notifications-list {height: 250px; overflow: auto; padding-right: 20px; position: relative;}
.notifications-list-inner .notifications-list:after{content: ""; position: absolute; left: 0; right: 0; bottom: 0px; height: 50px; background: linear-gradient(0deg, rgba(251,251,251,1) 0%, rgba(255,255,255,0) 100%); z-index: 1;}

.os-theme-thin-dark > .os-scrollbar-vertical{padding: 0;}
.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track::before, .os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle::before {width: 3px; margin-left: -3px;}
.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:hover::before, .os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle.active::before {width: 5px;    margin-left: -4px;}

.notifications-list-inner .notifications-item {
    display: flex;
    position: relative;
}

.notifications-list-inner .notifications-item.alert {
    border-left-width: 5px;
}

.notifications-list-inner .notifications-item.alert-success {
    border-color: rgba(224, 8, 21, 1);
    background: #fff
    
}

.notifications-list-inner .notifications-item.alert-warning {
    border-left-width: 5px;
}

.notifications-list-inner .notifications-item.alert-danger {
    border-left-width: 5px;
}

.notifications-list-inner .notifications-item .close {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    font-size: 16px;
    display: inline-block;
    width: 20px;
    line-height: 20px;
}

.notifications-list-inner .notifications-item .btn {
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    background-color: #e00815 ;
    border-color: #e00815;
    border-radius: 3px;
    font-family: Noah;
}

.notifications-list-inner .notifications-item .btn:hover {
    color: #fff;
    background-color: #ee111e;
    border-color: #ee111e;
}

.notifications-list-inner .notifications-item .notifications-ico {
    flex: 1 0 40px;
    height: 40px;
    margin-right: 15px;
    max-width: 40px;
}

.notifications-list-inner .notifications-item .notifications-ico.manager {
    background: url(../images/avatar.svg) no-repeat center center;
}

.notifications-list-inner .notifications-item .notifications-ico.warning {
    background: url(../images/warning.svg) no-repeat center center;
}

.notifications-list-inner .notifications-item .notif-body {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.notifications-list-inner .notifications-item .notif-body .notif-left p {
    font-family: Noah;
    color: #333;
}

.notifications-list-inner .notifications-item .notif-body .notif-left p.title {
    font-weight: bold;
}

.notifications-list-inner .notifications-item .notif-body .notif-left p.text {}

.error-page {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e00815;
    overflow: hidden;
    flex-direction: column;
}

.error-page .sidorinLab {
    pointer-events: none;
    position: fixed;
    bottom: -41%;
    left: 39%;
    z-index: 0;
}

.error-page .error {
    z-index: 2;
}

.error-page .wrapper-parallax {
    z-index: 3;
    width: 100%;
    height: 100%;
    position: fixed;
}

.error-page .oops-title {
    margin: 35px 0 16px;
    font-family: Noah;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 40px;
    color: #fff;
    z-index: 2;
}

.error-page .ball3 {
    position: fixed !important;
    left: 25% !important;
    top: 30% !important;
}

.error-page .ball2 {
    z-index: 1;
    position: fixed !important;
    bottom: 11%;
    left: 11% !important;
    top: unset !important;
}

.error-page .bottle {
    position: fixed;
    z-index: 1;
    left: unset !important;
    right: 0 !important;
}

.error-page .ball {
    z-index: 1;
    position: fixed !important;
    bottom: 50%;
    left: 50% !important;
    top: unset !important;
}

.error-page .button-back {
    z-index: 3;
    background: #1d1d1d;
    border-radius: 2px;
    font-family: Noah;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    padding: 12px;
    cursor: pointer;
    transition: 400ms;
}

.error-page .button-back:hover {
    background: rgba(29, 29, 29, 0.75);
}

.wrapper-mobile-header {
    display: none;
}

.open-button {
    display: none;
}

#panel{position: absolute; width: 100%; left: 0; top: 0; }

.footer{display: flex; padding: 0 40px; height: 44px; justify-content: center; background: #F2F3F4;}
.footer .footer-menu{display: flex; justify-content: center; align-items: center; list-style: none; padding: 0; margin: 0;  gap: 48px}
.footer .footer-menu li .link {font-family: 'Noah'; font-style: normal; font-weight: 500; font-size: 13px; line-height: 16px; color: #909699;}

.form-styled{}
.form-styled .form-row{display: flex; margin-bottom: 34px;; margin-left: -20px; margin-right: -20px;}
.form-styled .form-row.hidden{display: none;}
.form-styled .form-col{flex: 1;}
.form-styled .form-col.hidden{display: none;}
.form-styled .form-col2{flex: 2}
.form-styled .UIInput-wrapper{padding: 0 20px; box-sizing: border-box}
.form-styled .form-col.between .UIInput-wrapper{height: 100%; display: flex; flex-direction: column; justify-content: space-between}
.form-styled .form-col.stretch .UIInput-wrapper{height: 100%; display: flex; flex-direction: column;}
.form-styled .form-col.stretch .UIInput-wrapper .UIInput-input{flex: 1}
.form-styled .form-col.stretch .UIInput-wrapper .UIInput-input textarea{height: 100%;}
.form-styled .UIInput-wrapper + .UIInput-wrapper{margin-top: 28px;}
.form-styled .UIInput-wrapper textarea{width: 100%; resize: none; height: 200px; background: none; border: none; outline: none}
.form-styled .UIInput-wrapper .UIInput-checkboxes{display: flex; flex-direction: column; height: 88px; flex-wrap: wrap; margin-top: 13px;}
.form-styled .UIInput-wrapper .UIInput-checkboxes.long{height: auto; flex-wrap: nowrap}
.form-styled .UIInput-wrapper .UIInput-checkboxes input{width: 14px;}
.form-styled .UIInput-wrapper .UIInput-checkboxes .wrapper-check-box{margin-bottom: 20px;}
.form-styled .UIInput-wrapper .UIInput-checkboxes .label{margin-bottom: 0; margin-left: 22px; color: #000; font-weight: 500;}

.select2-container--default{z-index: 9999}
.select2-container--default .select2-selection--single{border-radius: 4px; border: none; height: 64px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 64px; padding-left: 16px; padding-right: 36px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 62px; right: 9px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border: none; background: url(../images/select_arrow.svg) no-repeat center center / contain; width: 12px; height: 8px;}
.manager-files-filter .select2-dropdown{}
.select2-dropdown{border-radius: 0; border: none; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);}
.select2-search--dropdown{padding: 4px 16px;}
.select2-results__option{padding: 4px 16px; font-family: Noah}
.select2-container .select2-results__option.hidden {   display: none;}

.manager-files-filter{margin-bottom: 15px;}
.manager-files-filter form{display: flex; align-items: center; position: relative; flex-wrap: wrap}
.manager-files-filter form .alert{position: absolute; right: 0; top: 100%; z-index: 99}

.manager-files-filter .UIInput-wrapper.item{display: flex; align-items: flex-start; flex: 1 0; margin-left: 15px;}
.manager-files-filter .UIInput-wrapper.item:first-of-type{margin-left: 0;}
.manager-files-filter .select2 + .UIInput-wrapper.item{margin-left: 15px;}
.manager-files-filter .UIInput-wrapper.item .UIInput-file{margin-right: 15px; max-width: 300px}
.manager-files-filter .UIInput-wrapper.item .UIInput-date{max-width: 300px; flex: 0; border:none; padding-bottom: 0;}
.manager-files-filter .UIInput-wrapper.item .UIInput-date .flatpickr-input[readonly],
.manager-files-filter .UIInput-wrapper.item .UIInput-date .flatpickr-input + .datepicker[readonly] {
  margin-right: 20px;
  width: 210px;
  color: #000;
  
}
.manager-files-filter .select2-container--default .select2-selection--single{height: 40px; box-shadow: 15px 15px 25px rgba(149, 155, 164, 0.04), 2px 2px 8px rgba(199, 201, 204, 0.08);}
.manager-files-filter .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 40px}
.manager-files-filter .select2-container--default .select2-selection--single .select2-selection__arrow{height: 33px;}

.manager-files-filter .UIInput-wrapper.item.item-file-wrapper{display: flex; align-items: center; justify-content: space-between; width: 100%;}
.manager-files-filter .UIInput-wrapper.item.item-file-wrapper .UIInput-input{width: 200px; margin-right: 15px;}
.manager-files-filter .UIInput-wrapper.item.item-file-wrapper .UIInput-select{margin-right: 15px;}

.manager-files-filter .UIInput-wrapper.item.loaded{flex: 1 0 100%; display: grid; grid-template-columns: calc(100% / 5) calc(100% / 5) calc(100% / 5) calc( 100% / 5) calc(100% / 5); align-items: center; border-bottom: 1px solid #efefef; margin-left: 0; margin: 15px 0; padding-bottom: 10px;}
.manager-files-filter .UIInput-wrapper.item.loaded .UIInput-input{border: none}
.manager-files-filter .UIInput-wrapper.item.loaded .UIInput-input input{height: 64px; border: none; padding: 0 16px; width: calc(100% - 16px); box-sizing: border-box; margin-right: 16px; background: #fff}
.manager-files-filter .UIInput-wrapper.item.loaded .UIButton-red{width: 150px;}

.manager-files-filter .export{  border: none;  width: 35px;  height: 40px;  background: url(../images/export.svg) no-repeat center center; }
.manager-files-filter .import{  border: none;  width: 35px;  height: 40px;  background: url(../images/export.svg) no-repeat center center; transform: rotate(-180deg);}
.manager-files-filter .UIInput-wrapper.item.tab-btns{margin-left: auto; gap: 15px; flex: 0}
.manager-files-filter .tab-btn{  border: none;  height: 35px; line-height: 35px; color: #333;  background: #FFFFFF; box-shadow: 15px 15px 25px rgba(149, 155, 164, 0.04), 2px 2px 8px rgba(199, 201, 204, 0.08); padding: 0 10px; font-weight: bold;}

.project-list.manager-project-list .file-project{display: flex; justify-content: space-between}
.project-list.manager-project-list .item.hidden{display: none}
.project-list.manager-project-list .item input[type=text]{height: 64px; border: none; padding: 0 16px; width: calc(100% - 16px); box-sizing: border-box; margin-right: 16px;}


.client-edit .appendix-list .appendix-title{font-size: 18px; line-height: 24px; margin-bottom: 26px; padding: 17px 30px; margin-bottom: 0; color: #000; display: flex; align-items: center; border-radius: 5px; transition: all .3s ease; background: rgba(224, 8, 21, 1); box-shadow: 15px 15px 25px rgba(149, 155, 164, 0.04); color: #fff}
.client-edit .appendix-list .appendix-item.non-active .appendix-title{background: #e3e3e3; color: #8d9091}
.client-edit .appendix-list .appendix-item .appendix-title .add-btn{display: inline-block; width: 10px; height: 10px; background: url(../images/icons/plus-ico.svg) no-repeat center center; margin-left: 20px; vertical-align: middle}
.client-edit .appendix-list .appendix-item .appendix-title .file-delete-btn{display: none}
.client-edit .appendix-list .appendix-item.ex{display: none;}
.client-edit .appendix-list .appendix-item.new .appendix-title{cursor: pointer}
.client-edit .appendix-list .appendix-item.new .appendix-title .add-btn{display: none;}
.client-edit .appendix-list .appendix-item.new .appendix-title .file-delete-btn{display: inline-flex; margin-left: auto; background-color: #fff}
.client-edit .appendix-list .appendix-item.new .appendix-title .file-delete-btn:hover{background-color: rgba(255,255,255, 0.7); color: #333}
.client-edit .appendix-list .appendix-item.new .appendix-title .active-btn{margin-right: 10px;}
.client-edit .appendix-list .appendix-item.new .appendix-title:after{content: ""; display: inline-block; background: url(../images/select_arrow_w.svg) no-repeat center center / contain; width: 12px; height: 8px; margin-left: 40px; vertical-align: middle; transition: all .3s ease}
.client-edit .appendix-list .appendix-item.new.client-data .appendix-title:after{margin-left: auto;}
.client-edit .appendix-list .appendix-item .appendix-title{margin-bottom: 16px;}
.client-edit .appendix-list .appendix-item.new .appendix-title.active:after{transform: rotate(180deg)}
.client-edit .appendix-list .appendix-content{display: none;}
.client-edit .appendix-list .appendix-item.new.active .appendix-content{display: block;}

.client-edit input[type=text],
.client-edit input[type=email],
.client-edit textarea{color: #000}
.client-edit .select2-container--default .select2-selection--single{background: none; height: 24px}
.client-edit .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 24px; padding-left: 0;}
.client-edit .select2-container--default .select2-selection--single .select2-selection__arrow{height: 24px;}

.client-edit .form-title{display: flex; align-items: center; margin-bottom: 26px;}
.client-edit .form-title h2{font-size: 18px; line-height: 24px; margin-right: 24px;}
.client-edit .form-title h2 .delete-block{display: inline-flex; margin-left: 10px; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 20px; background: #ee111e; color: #fff; font-weight: 700; cursor: pointer}
.client-edit .form-row.other,
.client-edit .form-col.other{display: none;}

.client-edit .data-block.hidden{display: none;}
.client-edit .dop.ex{display: none;}
.client-edit .findata.ex{display: none;}

.client-edit .UIInput-wrapper .UIInput-checkboxes.additional{margin-top: -48px;}
.client-edit .UIInput-wrapper .UIInput-checkboxes.additional .wrapper-check-box:last-child{margin-bottom: 0;}
.client-edit .check-block .form-content{display: none}
.client-edit .check-block.active .form-content{display: block}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay{
	background: #e00815;
	border-color: #e00815;
}

#client-show-form.form-styled{margin-top: 50px;}
#client-show-form.form-styled .UIInput-wrapper .item-red{padding: 7px 30px; background: #fff; box-shadow: 15px 15px 25px rgba(149, 155, 164, 0.04); border-radius: 5px;}
#client-show-form.form-styled .check-block {background: #FFFEFE; box-shadow: 15px 15px 25px rgba(149, 155, 164, 0.04); border-radius: 5px; padding: 30px;}
#client-show-form.form-styled .check-block:not(:last-child){margin-bottom: 36px;}
#client-show-form.form-styled .check-block .form-row:last-child{margin-bottom: 0;}
#client-show-form.form-styled .client-edit .appendix-list{margin-bottom: 36px;}
#client-show-form.form-styled .client-edit .appendix-list .appendix-item.new .appendix-content{}
#client-show-form.form-styled .client-edit .appendix-list .appendix-item.new .appendix-title:after{margin-left: auto;}

#client-edit-form.form-styled .UIInput-input .time.hidden{opacity: 0; position: absolute; pointer-events: none;}
#client-edit-form.form-styled .UIInput-input-time{display: flex; align-items: center; border-bottom: none}
#client-edit-form.form-styled .UIInput-input-time input{width: 27px; min-width: 27px; padding-bottom: 3px; border-bottom: 1px solid #1d1d1d; -moz-appearance: textfield; text-align: center}
#client-edit-form.form-styled .UIInput-input-time input::-webkit-outer-spin-button,
#client-edit-form.form-styled .UIInput-input-time input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#client-edit-form.form-styled .UIInput-input-time span{margin: 0 5px}

.form-styled .client-edit .UIInput-wrapper + .UIInput-wrapper{margin-top: 0;}

.help{display: inline-flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 20px; background: rgba(0,0,0,.3); color: #000; cursor: pointer}
.UIInput-wrapper .label .help{margin-left: 10px; color: #000}

.search-form{display: inline-block; vertical-align: middle; margin-left: 20px;}
.search-form form{display: flex; align-items: center; background: #FBFBFB; border: 1px solid #DFE2E4; height: 40px; padding: 0 16px; border-radius: 6px;}
.search-form form input[type=text]{border: none; background: none; height: 34px; padding: 0;}
.search-form form button{border: none; background: url(../images/Search.svg) no-repeat center center; width: 24px; height: 24px; opacity: .4;}

.manager-clients-list{margin: 0; padding: 0; list-style: none; border: 1px solid #efefef}
.manager-clients-list.noleft{border-left: none}
.manager-clients-list li{padding: 5px;}
.manager-clients-list li:not(:last-child){border-bottom: 1px solid #efefef}
.manager-clients-list li a{color: #1d1d1d; font-family: Noah; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; padding: 10px; display: inline-block; border-radius: 4px;}
.manager-clients-list li a div{display: inline-block}
.manager-clients-list li a:hover{color: #e00815;  background: rgba(238, 17, 30, 0.08);}

/* -- dashboard calendar -- */
.flatpickr-custom{font-family: Noah}
.flatpickr-custom.flatpickr-calendar.inline{padding: 15px 0; box-shadow: 15px 15px 25px rgba(149, 155, 164, 0.04), 2px 2px 8px rgba(199, 201, 204, 0.08); border-radius: 2px; width: 100%}
.flatpickr-custom.flatpickr-calendar:not(.inline){padding: 15px 0; box-shadow: 15px 15px 25px rgba(149, 155, 164, 0.04), 2px 2px 8px rgba(199, 201, 204, 0.08); border-radius: 2px; z-index: 99999;}
.dashboard-body .flatpickr-input[readonly]{display: none}
.manager-files-filter .UIInput-wrapper.item .UIInput-date .flatpickr-input[readonly],
.manager-files-filter .UIInput-wrapper.item .UIInput-date .flatpickr-input + .datepicker[readonly],
.dashboard-body .flatpickr-input[readonly]{display: inline-block; height: 40px; padding: 0 30px 0 16px; background: #FBFBFB url(../images/calendar.svg) no-repeat right 17px center; border: 1px solid #DFE2E4; border-radius: 6px; font-weight: 600; font-size: 14px; line-height: 24px;}
.dashboard-body .flatpickr-input[readonly]:focus{outline: 2px solid #000}
.flatpickr-custom .flatpickr-current-month input.cur-year{appearance: textfield; pointer-events: none}
.flatpickr-custom .flatpickr-months {padding: 0 23px; position: relative; margin-bottom: 15px}
.flatpickr-custom .flatpickr-months .flatpickr-month{height: 24px; box-sizing: border-box;}
.flatpickr-custom .numInputWrapper:hover,
.flatpickr-custom .flatpickr-current-month span.cur-month:hover {  background: none}
.flatpickr-custom .flatpickr-current-month span.cur-month,
.flatpickr-custom .flatpickr-current-month input.cur-year{font-size: 16px; line-height: 24px; font-weight: 700}
.flatpickr-custom .flatpickr-current-month{left: 0; display: flex; align-items: center; height: 24px; padding-top: 0}
.flatpickr-custom .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, 
.flatpickr-custom .flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left: auto; right: 53px}
.flatpickr-custom .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, 
.flatpickr-custom .flatpickr-months .flatpickr-next-month.flatpickr-next-month{right: 23px}
.flatpickr-custom .flatpickr-months .flatpickr-prev-month, 
.flatpickr-custom .flatpickr-months .flatpickr-next-month{width: 10px; height: 10px; padding: 5px}
.flatpickr-custom .flatpickr-months .flatpickr-prev-month svg, 
.flatpickr-custom .flatpickr-months .flatpickr-next-month svg{stroke: #000; stroke-width: 2px; width: 10px; height: 10px; display: block}
.flatpickr-custom .numInputWrapper span{display: none}
.flatpickr-custom .flatpickr-current-month input.cur-year::-webkit-outer-spin-button,
.flatpickr-custom .flatpickr-current-month input.cur-year::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.flatpickr-custom .flatpickr-day{height: 34px; line-height: 34px;}
.flatpickr-custom .flatpickr-day.inRange{box-shadow: -5px 0 0 #FFF1F3,5px 0 0 #FFF1F3;}
.flatpickr-custom .flatpickr-day.inRange, 
.flatpickr-custom .flatpickr-day.prevMonthDay.inRange, 
.flatpickr-custom .flatpickr-day.nextMonthDay.inRange, 
.flatpickr-custom .flatpickr-day.today.inRange, 
.flatpickr-custom .flatpickr-day.prevMonthDay.today.inRange, 
.flatpickr-custom .flatpickr-day.nextMonthDay.today.inRange, 
.flatpickr-custom .flatpickr-day:hover, 
.flatpickr-custom .flatpickr-day.prevMonthDay:hover, 
.flatpickr-custom .flatpickr-day.nextMonthDay:hover, 
.flatpickr-custom .flatpickr-day:focus, 
.flatpickr-custom .flatpickr-day.prevMonthDay:focus, 
.flatpickr-custom .flatpickr-day.nextMonthDay:focus{background-color: #FFF1F3; border-color: #FFF1F3; color: rgba(224, 8, 21, 0.25); }
.flatpickr-custom .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), 
.flatpickr-custom .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), 
.flatpickr-custom .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {  -webkit-box-shadow: -10px 0 0 rgb(224, 8, 21);  box-shadow: -10px 0 0 rgb(224, 8, 21);}
.flatpickr-custom .flatpickr-day.selected, 
.flatpickr-custom .flatpickr-day.startRange, 
.flatpickr-custom .flatpickr-day.endRange, 
.flatpickr-custom .flatpickr-day.selected.inRange, 
.flatpickr-custom .flatpickr-day.startRange.inRange, 
.flatpickr-custom .flatpickr-day.endRange.inRange, 
.flatpickr-custom .flatpickr-day.selected:focus, 
.flatpickr-custom .flatpickr-day.startRange:focus, 
.flatpickr-custom .flatpickr-day.endRange:focus, 
.flatpickr-custom .flatpickr-day.selected:hover, 
.flatpickr-custom .flatpickr-day.startRange:hover, 
.flatpickr-custom .flatpickr-day.endRange:hover, 
.flatpickr-custom .flatpickr-day.selected.prevMonthDay, 
.flatpickr-custom .flatpickr-day.startRange.prevMonthDay, 
.flatpickr-custom .flatpickr-day.endRange.prevMonthDay, 
.flatpickr-custom .flatpickr-day.selected.nextMonthDay, 
.flatpickr-custom .flatpickr-day.startRange.nextMonthDay, 
.flatpickr-custom .flatpickr-day.endRange.nextMonthDay{background: rgb(224, 8, 21); border-color: rgb(224, 8, 21)}

.flatpickr-custom .flatpickr-day.selected.startRange,
.flatpickr-custom .flatpickr-day.selected.endRange{color: #fff}
.flatpickr-custom .flatpickr-day{max-width: calc(100% / 7)}
.flatpickr-custom .flatpickr-day.today {  border-color: transparent;}
.flatpickr-custom .flatpickr-day.today:hover, .flatpickr-day.today:focus {border-color: transparent; background: none; color: inherit}
.flatpickr-custom .flatpickr-rContainer{display: block; width: 100%}
.flatpickr-custom .flatpickr-days,
.flatpickr-custom .dayContainer{width: 100%; max-width: 100%}

.flatpickr-custom .periods-container{position: absolute;left: 100%; top: 0; background: #fff; width: 170px; bottom: 0; border-left: 1px solid #dcdbdb}
.flatpickr-custom .periods-container ul{padding: 0; margin: 0; list-style: none; padding-left: 20px; padding-top: 20px;}
.flatpickr-custom .periods-container ul li{cursor: pointer; text-align: left}
.flatpickr-custom .periods-container p{padding-left: 20px; text-align: left; padding-top: 20px; margin-bottom: -20px; font-weight: bold;}
.flatpickr-custom .periods-container li.dynamic-period{display: flex; flex-wrap: wrap;}
.flatpickr-custom .periods-container li.dynamic-period input{border: 1px solid #C2C2C2; height: 25px; width: 36%; border-radius: 3px; font-size: 12px; padding-left: 3px;}
.flatpickr-custom .periods-container li.dynamic-period button{width: 25px; height: 25px; padding: 0; border: none; border-radius: 3px; background: rgb(224, 8, 21) url(../images/chevron-down-white.svg) no-repeat center center / 40%; transform: rotate(-90deg); margin-left: 3px; cursor: pointer;}

.dashboard-body-left-path{border: none; background: none}
.dashboard-body-left-path .title{padding-bottom: 28px}
.dashboard-body-left-path .title .info-title{line-height: 1}

.dashboard-projects{padding: 0; margin-top: 30px}
.dashboard-projects-body .card-project{padding-left: 0; padding-right: 0}
.dashboard-projects-body .card-project:hover{padding-left: 8px; padding-right: 8px}

.wrapper-system-titles > div.active{color: #000!important}
/* -- dashboard calendar -- */

.grid-title{display: flex; align-items: center; margin-bottom: 15px;}
.grid-title .ml{margin-left: auto;}
.grid-title button{margin-left: 15px;}
.grid-title a{white-space: nowrap; margin-left: 15px;}
.grid-title a.btn-right{ border: none;  height: 35px; line-height: 35px; color: #333;  background: #FFFFFF; box-shadow: 15px 15px 25px rgba(149, 155, 164, 0.04), 2px 2px 8px rgba(199, 201, 204, 0.08); padding: 0 10px; font-weight: bold; margin-left: auto;}


.flex-variants-input-sum {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 20px;
}

form[action="/ajax/modals/actions/add-fin-receipts-action.php"] .UIInput-wrapper .UIInput-input {
    border-bottom: none;
}
.modal-container form[action="/ajax/modals/actions/add-fin-receipts-action.php"] .btn {
    margin: 0;
}
.modal-container form[action="/ajax/modals/actions/add-fin-receipts-action.php"] #finalize-currencies-btn {
    margin-left: 5px;
}

.remove-currency-btn.UIButton-red {
    width: auto;
}
.modal-container form[action="/ajax/modals/actions/add-fin-receipts-action.php"] .btn {
    background: #FDF3F3;
    color: #141414;
    cursor: pointer;
}
@media screen and (max-width: 500px) {
    .grid-title{flex-wrap: wrap;}
    .main-ui-filter-search{min-width: 100%}
}

.tabs{display: flex; align-items: center; gap: 15px}
.tabs .tab{display: inline-block; padding: 0 10px; height: 40px; line-height: 40px; background: #FBFBFB; border: 1px solid #DFE2E4; border-radius: 6px; font-weight: 600; font-size: 14px; cursor: pointer; color: #000;}
.tabs .tab.active{background: #FFFFFF; border: 2px solid #da0311; box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.03), 0px 1px 1px rgba(0, 0, 0, 0.03);}
.tabs-content .tab{display: none;}
.tabs-content .tab.active{display: block;}

.dashboard-body-content .lists{display: flex; justify-content: space-between; align-items: flex-start; gap: 26px; margin-top: 10px; margin-bottom: 12px;}
.dashboard-body-content .links-list{background: #FFFFFF; border: 1px solid #F2F3F4; box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.03), 0px 1px 1px rgba(0, 0, 0, 0.03); border-radius: 6px; padding: 5px; flex: 1 0 50%; max-width: calc(50% - 26px); margin-top: 20px;}
.dashboard-body-content .links-list.full{max-width: 100%;}
.dashboard-body-content .links-list.scrollable{overflow: auto;}
.dashboard-body-content .links-list .title{font-family: Noah; font-style: normal; font-weight: 700; font-size: 16px; line-height: 95.4%; color: #1D1D1D; margin-left: 20px; margin-bottom: 30px;}
.dashboard-body-content .links-list.negativ-list .title{font-size: 18px; line-height: 95.4%;}
.dashboard-body-content .links-list table{border-bottom: none; width: 100%; margin-left: 0;}
.dashboard-body-content .links-list table thead tr td{font-family: Noah; font-weight: 800; font-size: 14px; line-height: 18px; color: #1D1D1D; border: none; }
.dashboard-body-content .links-list.negativ-list table{width: auto !important;}
.dashboard-body-content .links-list.negativ-list table thead tr td{width: auto !important;}
.dashboard-body-content .links-list table tbody tr td{padding: 2px 10px}
.dashboard-body-content .links-list table tbody tr td input{padding: 0;font-family: Noah;font-style: normal;font-weight: normal;font-size: 16px;line-height: 20px;}
.dashboard-body-content .links-list table thead tr td:first-child{padding-left: 20px;}
.dashboard-body-content .links-list table tbody tr td:first-child{padding-left: 2px;}
.dashboard-body-content .links-list table tbody tr td:first-child img{margin-right: 5px; vertical-align: middle;}
.dashboard-body-content .links-list table tbody tr td:first-child a{display: inline-block; max-width: calc(100% - 20px); }
.dashboard-body-content .links-list table tbody tr td .red{color: #B70101}
.dashboard-body-content .links-list table tbody tr td .green{color: #06A629}

.dashboard-body-content .links-list table.table-list thead tr td{border-bottom: 1px solid #ebebeb}
.dashboard-body-content .links-list table.table-list tbody:before{content: ""; display: block; height: 5px;}
.dashboard-body-content .links-list table.table-list tbody tr td:first-child{padding-left: 20px;}
.dashboard-body-content .links-list table.centered tr td{text-align: center}
.dashboard-body-content .links-list table.table-list tbody tr .diff{margin-left: 4px; font-weight: 500; font-size: 14px;}
.dashboard-body-content .links-list table.table-list tbody tr .diff::after{content: ""; display: inline-block; width: 20px; height: 10px;}
.dashboard-body-content .links-list table.table-list tbody tr .diff.green::after{background: url(../images/graphUp.svg) no-repeat center / contain;}
.dashboard-body-content .links-list table.table-list tbody tr .diff.red::after{background: url(../images/graphDown.svg) no-repeat center / contain;}

.dashboard-body-content .links-list table.table-list.bordered-header thead tr td{border: 1px solid #ebebeb}
.dashboard-body-content .links-list table.table-list.bordered-header tbody tr:nth-child(even):not(.loaded) > td{background: #F2F3F4}
.dashboard-body-content .links-list table.table-list.bordered-header tbody tr.loaded > td{padding: 15px 0;}
.dashboard-body-content .links-list table.table-list.bordered-header tbody tr.loaded > td table tbody{border: 1px solid #ebebeb;}
.dashboard-body-content .links-list table.table-list.bordered-header tbody tr.loaded > td table tbody tr.loaded > td{padding: 10px 5px;}
.dashboard-body-content .links-list.loading{position: relative;}
.dashboard-body-content .links-list.loading::after{content: ""; position: absolute; inset: 0; background: #fff; opacity: 0.5; z-index: 1;}

.dashboard-body-content table.colored{width: 100%; margin-left: 0;}

.dashboard-body-content table.colored.links  tr td{white-space: nowrap;}
.dashboard-body-content table.colored  tr td:first-child{background: #fff; max-width: 170px; white-space: normal}
.dashboard-body-content table.colored.links  tr td:not(:first-child){ max-width: 100px; text-overflow: ellipsis; overflow: hidden;}
.dashboard-body-content table.colored.links  tr td a{max-width: calc(100% - 18px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.dashboard-body-content table.links  tr td.selected{background: #e8e8e8}
.dashboard-body-content .dataTables_scrollHeadInner table.colored.links{border-collapse: separate}
.dashboard-body-content .dataTables_wrapper.no-footer .dataTables_scrollBody{border: none}
.dashboard-body-content table.links thead tr td{border:none; border-bottom: 1px solid #ebebeb}
.dashboard-body-content table a{font-family: Noah; font-weight: 500; font-size: 14px; line-height: 18px; color: #0044BB; display: inline-block; vertical-align: middle; word-break: break-word}
.dashboard-body-content table .point{display: inline-block; vertical-align: middle; width: 8px; height: 8px; border-radius: 8px; margin-right: 10px;}
.dashboard-body-content .links-list .dataTables_length{display: none;}
.dashboard-body-content .links-list .pager{font-family: Noah; font-weight: 400; font-size: 14px; line-height: 18px; color: #000000; position: relative; cursor: pointer}
.dashboard-body-content .links-list .pager:after{content: ""; display: inline-block; border: 5px solid transparent; border-top: 6px solid #1d1d1d; position: absolute; left: 100%; top: 7px; margin-left: 5px;}
.dashboard-body-content .links-list .pager.open:after{transform: rotate(180deg); top: 3px;}

.actions-info-header .tabs{margin-top: 16px;}

.jconfirm.jconfirm-material{font-family: Noah!important;}

.form-styled .finstat-graph{width: 50%; padding: 0 20px; box-sizing: border-box}

.dark .left-menu-wrapper{background: #2A2A2B}
.dark .left-menu-wrapper .wrapper-logo a span{color: #fff}
.dark .left-menu-wrapper .wrapper-item-menu .active .link,
.dark .left-menu-wrapper .wrapper-item-menu .open > .link{color: #ffff}
.dark .left-menu-wrapper .wrapper-item-menu .item-menu.with-arrow > .link::after {background: url(../images/chevron-down-white.svg) no-repeat center center;}
.dark .left-menu-wrapper .footer-left-menu .link{color: #fff}
.dark .left-menu-wrapper .wrapper-item-menu .link svg path:not([fill="white"]){fill: #fff}
.dark .left-menu-wrapper .wrapper-item-menu .link svg path[fill="white"]{fill: #2A2A2B}

#client-edit-form .hint,
.modal-container .hint{display: inline-flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 20px; background: #ee111e; color: #fff; font-weight: 700;}

.modal-container .hint{margin-left: 10px;}

.modal-container .form-row{position: relative;}
.modal-container .form-row > .hint{position: absolute; right: 5px; top: 50%; transform: translateY(-50%);}
.form-row .req{color: #E00815;}

.tippy-content{font-family: Noah ;}
.left-menu-wrapper .footer-left-menu .logout-left {
    color: #8D8F91;
    transition: 400ms;
    margin-left: 8px;
    font-family: Noah;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    width: 100%;
}
.left-menu-wrapper .footer-left-menu .logout-left {
    display: flex;
    gap: 8px;
    align-items: center;
}
.dark .left-menu-wrapper .footer-left-menu .logout-left {
    color: #fff;
}
.left-menu-wrapper .footer-left-menu svg g path:last-child{
    fill: #8D8F91;
}
@media screen and (max-width: 1279px) and (min-width: 721px) {
    .notebook-wrapper {
        overflow: hidden;
        transition: 400ms;
        position: fixed;
        background: white;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05), 0px 25px 35px rgba(0, 0, 0, 0.03);
        z-index: 10000;
        width: 100px;
    }
    .notebook-wrapper.--opened {
        width: 264px;
    }
    .open-button {
        display: flex;
        align-items: center;
        justify-content: center;
        transform: rotateZ(-90deg);
        height: 48px;
        width: 50px;
        border-radius: 0 0 100% 100%;
        top: 22px;
        background: #efefef;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05), 0px 25px 35px rgba(0, 0, 0, 0.03);
        position: fixed;
        transition: 400ms;
        cursor: pointer;
        left: 82px;
    }
    .open-button:hover {
        left: 92px;
        background: #dbdbdb;
    }
    .open-button svg {
        transition: 400ms;
        transform: rotateZ(0);
    }
    .--openedStatus {
        left: 252px;
    }
    .--openedStatus:hover {
        left: 262px;
        background: #dbdbdb;
    }
    .--openedStatus:hover svg {
        transform: rotateX(-180deg);
    }
    .--closedStatus {}
    .left-menu-wrapper {
        width: 264px;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05), 0px 25px 35px rgba(0, 0, 0, 0.03);
        height: 100vh;
        padding: 16px;
        display: flex;
        flex-direction: column;
        background: white;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
    }
    .left-menu-wrapper .wrapper-top-content {
        width: 100%;
    }
    .left-menu-wrapper .wrapper-logo {
        width: 100%;
        border-bottom: 1px solid #efefef;
    }
    .left-menu-wrapper .wrapper-logo .logo {
        width: 88px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 14px 0 24px;
        transition: 400ms;
        transform: scale(1);
    }
    .notebook-wrapper .left-menu-wrapper .wrapper-logo .logo {
        margin: 0;
        transform: scale(0.7);
    }
    .notebook-wrapper .left-menu-wrapper .wrapper-logo a{padding-left: 16px; padding-bottom: 8px;}
    .notebook-wrapper .left-menu-wrapper .wrapper-logo a span{display: none;}
    .notebook-wrapper .left-menu-wrapper .custom-toggle .toggle-text{display: none;}
    .notebook-wrapper.--opened .left-menu-wrapper .wrapper-logo a span{display: inline-block;}
    .notebook-wrapper.--opened .left-menu-wrapper .wrapper-logo .logo {
        margin: 0 auto;
        transform: scale(1);
    }
    .notebook-wrapper .left-menu-wrapper .custom-toggle{margin-left: 7px;}
    .notebook-wrapper.--opened .left-menu-wrapper .custom-toggle .toggle-text{display: block;}
    .left-menu-wrapper .client-info {
        display: flex;
        flex-direction: column;
        padding-bottom: 20px;
        border-bottom: 1px solid #efefef;
    }
    .left-menu-wrapper .client-info .avatar-notebook {
        cursor: pointer;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 14px 14px 0 14px;
        box-sizing: border-box;
    }
    .left-menu-wrapper .client-info .avatar-notebook .wrapper-avatar {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2px;
        border: 2px solid #e0e0e0;
        border-radius: 100%;
    }
    .left-menu-wrapper .client-info .avatar {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 18px 14px 12px;
        box-sizing: border-box;
    }
    .left-menu-wrapper .client-info .avatar .wrapper-avatar {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2px;
        border: 2px solid #e0e0e0;
        border-radius: 100%;
    }
    .left-menu-wrapper .client-info .info {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .left-menu-wrapper .client-info .info .full-name {
        font-family: Noah;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        color: #1d1d1d;
        margin-bottom: 4px;
    }
    .left-menu-wrapper .client-info .info .status-client {
        font-family: Noah;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 18px;
        color: #828282;
        margin-bottom: 16px;
    }
    .left-menu-wrapper .client-info-notebook {
        display: flex;
        flex-direction: column;
        padding-bottom: 20px;
        border-bottom: 1px solid #efefef;
    }
    .left-menu-wrapper .client-info-notebook .button {
        opacity: 0;
        height: 0;
        pointer-events: none;
        margin: 0 16px;
        padding: 0;
        transition: 0ms;
    }
    .left-menu-wrapper .client-info-notebook .avatar {
        cursor: pointer;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 18px 14px 12px;
        box-sizing: border-box;
    }
    .left-menu-wrapper .client-info-notebook .avatar .wrapper-avatar {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2px;
        border: 2px solid #e0e0e0;
        border-radius: 100%;
    }
    .left-menu-wrapper .client-info-notebook .info {
        opacity: 0;
        height: 0;
        pointer-events: none;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .left-menu-wrapper .client-info-notebook .info .full-name {
        font-family: Noah;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        color: #1d1d1d;
        margin-bottom: 4px;
    }
    .left-menu-wrapper .client-info-notebook .info .status-client {
        font-family: Noah;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 18px;
        color: #828282;
        margin-bottom: 16px;
    }
    .left-menu-wrapper .wrapper-item-menu {
        padding: 24px 0 0 0;
    }
    .left-menu-wrapper .wrapper-item-menu .item-menu .link {
        cursor: pointer;
        padding: 14px;
        display: flex;
        align-items: center;
        background: transparent;
        transition: 400ms;
        border-radius: 4px;
        margin-bottom: 8px;
        transition: 400ms;
        margin-left: 14px;
        font-family: Noah;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        transition: 400ms;
        line-height: 20px;
        color: #1d1d1d;
    }
    .left-menu-wrapper .wrapper-item-menu .item-menu .link .link-image{
	    width: 16px;
	    height: 16px;
        flex: 1 0 16px;
        max-width: 16px;
    }
    .left-menu-wrapper .wrapper-item-menu .item-menu .link span {
        transition: 400ms;
        height: 0;
        opacity: 0;
        width: 0;
    }
    .notebook-wrapper.--opened .left-menu-wrapper .wrapper-item-menu .item-menu .link span {
        opacity: 1;
        width: auto;
        height: auto;
    }
    .left-menu-wrapper .wrapper-item-menu .item-menu .item-submenu {
        height: 0;
        opacity: 0;
        width: 0;
    }
    .notebook-wrapper.--opened .left-menu-wrapper .wrapper-item-menu .item-submenu {
        opacity: 1;
        width: auto;
        height: auto;
    }
    .left-menu-wrapper .wrapper-item-menu .item-menu .link:hover {
        color: #e00815;
        background: rgba(238, 17, 30, 0.08);
    }
    .left-menu-wrapper .footer-left-menu {
        margin: 0 16px;
        width: calc(100% - 32px);
        cursor: pointer;
        padding: 14px;
        display: flex;
        align-items: flex-start;
        background: transparent;
        transition: 400ms;
        border-radius: 4px;
        opacity: 0;
    }
    .notebook-wrapper.--opened .left-menu-wrapper .footer-left-menu{opacity: 1;}
    .left-menu-wrapper .footer-left-menu:hover {
        background: rgba(238, 17, 30, 0.08);
    }
    .left-menu-wrapper .footer-left-menu svg path {
        transition: 400ms;
    }
    .left-menu-wrapper .footer-left-menu .link {
        transition: 400ms;
        margin-left: 16px;
        font-family: Noah;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
        color: #1d1d1d;
    }
    .left-menu-wrapper .footer-left-menu:hover .link {
        color: #e00815;
    }
    .left-menu-wrapper .footer-left-menu:hover svg path {
        fill: #e00815;
    }
    .left-menu-wrapper .footer-left-menu-show {
        opacity: 1;
        pointer-events: all;
    }
    .left-menu-wrapper .footer-left-menu-hidden {
        opacity: 0;
        pointer-events: none;
    }
    .content-desktop {
        width: 100%;
        padding-left: 100px;
        box-sizing: border-box;
    }
    
    .project-table .body-table .item .date-project .time-project{
		margin-left: 10px;
	}
}

@media screen and (max-width: 1028px) and (min-width: 721px) {
	.project-table .body-table .item .file-project a.file-btn {
		width: 24px; 
		height: 24px;
		text-indent: -9999px;
	}
	.project-table .body-table .item .file-project a.file-btn:before{
		margin-right: 0;
	}
	.project-list.manager-project-list .file-project{
		justify-content: flex-start;
		gap: 20px
	}
}
@media screen and (max-width: 820px) and (min-width: 721px) {
	.project-table .header-table,
	.project-table .body-table .item{
		grid-template-columns: calc(100% / 4) calc(100% / 4) calc(100% / 4) calc( 100% / 4);
	}
	.project-table .body-table .item .date-project .time-project{
		margin-left: 10px;
	}
	.project-list.manager-project-list .file-project{
		gap: 10px
	}
}

@media screen and (max-width: 1020px) {
	.form-styled .UIInput-wrapper .UIInput-checkboxes{
		height: auto;
	}
}
@media screen and (max-width: 720px) {
    .header {
        display: none;
    }
    .wrapper-mobile-header {
        padding: 10px 40px;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05), 0px 25px 35px rgba(0, 0, 0, 0.03);
        position: fixed;
        background: white;
        width: 100%;
        z-index: 10001;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .wrapper-mobile-header .burger {
        cursor: pointer;
        outline: none;
    }
    .wrapper-mobile-header .burger path {
        transition: 400ms;
    }
    .wrapper-mobile-header .burger:hover path {
        fill: #e00815;
    }
    .wrapper-mobile-header .burger--active path {
        fill: #e00815;
    }
    .wrapper-mobile-header .logo {
        outline: none;
    }
    .wrapper-mobile-header .avatar {
        outline: none;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        cursor: pointer;
        position: relative;
    }
    .wrapper-mobile-header .avatar .wrapper-avatar {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2px;
        border: 2px solid #e0e0e0;
        border-radius: 100%;
        transition: 400ms;
        overflow: hidden;
    }
    .wrapper-mobile-header .avatar .wrapper-avatar img {
        width: 22px;
        height: 22px;
        border-radius: 100%;
    }
    .wrapper-mobile-header .avatar:hover .wrapper-avatar {
        border: 2px solid #606060;
    }
    .content-desktop {
        width: 100%;
        height: 100vh;
    }
    .left-menu-wrapper {
        width: 264px;
        transition: 400ms;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05), 0px 25px 35px rgba(0, 0, 0, 0.03);
        height: 100vh;
        padding: 16px;
        z-index: 10000;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
        position: fixed;
        left: 0;
        top: 0;
        background: white;
        margin-left: -264px;
    }
    .left-menu-wrapper.opened {
        margin-left: 0;
    }
    .left-menu-wrapper .wrapper-top-content {
        margin-top: 30px;
        width: 100%;
    }
    .left-menu-wrapper .wrapper-logo {
        display: none;
    }
    .left-menu-wrapper .client-info {
        display: flex;
        flex-direction: column;
        padding-bottom: 20px;
        border-bottom: 1px solid #efefef;
    }
    .left-menu-wrapper .client-info .avatar {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 18px 14px 12px;
        box-sizing: border-box;
    }
    .left-menu-wrapper .client-info .avatar .wrapper-avatar {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2px;
        border: 2px solid #e0e0e0;
        border-radius: 100%;
    }
    .left-menu-wrapper .client-info .info {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .left-menu-wrapper .client-info .info .full-name {
        font-family: Noah;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        color: #1d1d1d;
        margin-bottom: 4px;
    }
    .left-menu-wrapper .client-info .info .status-client {
        font-family: Noah;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 18px;
        color: #828282;
        margin-bottom: 16px;
    }
    .left-menu-wrapper .wrapper-item-menu {
        padding: 24px 0 0 0;
    }
    .left-menu-wrapper .wrapper-item-menu .item-menu {}
    .left-menu-wrapper .wrapper-item-menu .item-menu .link {
        transition: 400ms;
        margin-left: 14px;
        font-family: Noah;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
        color: #1d1d1d;
    }
    .left-menu-wrapper .wrapper-item-menu .item-menu .link .link-image{
	    width: 16px; height: 16px;
        flex: 1 0 16px;
        max-width: 16px;
    }
    .left-menu-wrapper .footer-left-menu {
        margin: 0 16px;
        width: calc(100% - 32px);
        cursor: pointer;
        padding: 14px;
        display: flex;
        align-items: flex-start;
        background: transparent;
        transition: 400ms;
        border-radius: 4px;
    }
    .left-menu-wrapper .footer-left-menu:hover {
        background: rgba(238, 17, 30, 0.08);
    }
    .left-menu-wrapper .footer-left-menu svg path {
        transition: 400ms;
    }
    .left-menu-wrapper .footer-left-menu .link {
        transition: 400ms;
        margin-left: 16px;
        font-family: Noah;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
        color: #1d1d1d;
    }
    .left-menu-wrapper .footer-left-menu:hover .link {
        color: #e00815;
    }
    .left-menu-wrapper .footer-left-menu:hover svg path {
        fill: #e00815;
    }
    .project-list:not(.sales-project-list) .project-table .header-table {
        display: none;
    }
    .project-list:not(.sales-project-list)  .project-table .body-table .item {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 10px 20px;
        background: #efefef;
        border-radius: 4px;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .project-list:not(.sales-project-list)  .project-table .body-table .item.hidden{display: none;}
    .project-list:not(.sales-project-list)  .project-table .body-table .item>div {
        width: 120px;
        padding: 0 20px;
        height: 100%;
        align-items: flex-start;
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin-bottom: 10px;
    }
    .project-list:not(.sales-project-list)  .project-table .body-table .item .text-label {
        height: 30px;
        font-family: Noah;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 22px;
        color: #828282;
        display: block;
    }
    .project-list:not(.sales-project-list)  .project-table .body-table .item .title-project {
        font-family: Noah;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 18px;
        color: #1d1d1d;
    }
    .project-list:not(.sales-project-list)  .project-table .body-table .item .title-project.name {
        font-family: Noah;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 18px;
        color: #1d1d1d;
    }
    .project-list:not(.sales-project-list)  .project-table .body-table .item .date-project .time-project {
        margin-left: 0;
    }

    .project-list.smm-main-project-list .project-table .body-table .item>div{width: auto;}
    
	.modal-container{max-width: 70%; padding: 30px}
	.modal-container h1{font-size: 30px;}
	
	.main-wrapper:not(.projects) .main-content{
		margin-top: 0;
		padding-top: 88px;
        padding-left: 24px;
        padding-right: 24px;
		height: auto;
		min-height: 67vh
	}
	.main-wrapper.projects .main-content{
		padding-top: 88px;
		margin-top: 0;
	}
	.project-list:not(.sales-project-list)  .project-table .body-table{height: auto;}
	
	.footer {
		margin-top: 40px;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05), 0px 25px 35px rgba(0, 0, 0, 0.03);
		background: white;
        height: 75px;
	}
	.footer .footer-menu{
		flex-direction: column;
        gap: 0
	}
	
	.client-edit .appendix-list .appendix-title{
		padding: 10px 15px;
	}
	
	.title-page.mobile{
		display: flex;
		font-family: Noah;
		font-style: normal;
		font-weight: bold;
		font-size: 20px;
		line-height: 30px;
		color: #1d1d1d;
		margin-bottom: 20px;
	}
	.title-page.mobile .search-form{flex: 1}
	.title-page.mobile .search-form form input[type="text"]{flex: 1}
	
	.header-sort-mobile{display: block; margin-bottom: 20px;}
	.header-sort-mobile select{width: 200px;}

    .sales-project-list .header-sort-mobile{display: none;}
    .sales-project-list .project-table.admin-table .header-table, 
    .sales-project-list .project-table.admin-table .body-table .item {grid-template-columns: 40px 148px 110px 175px 110px 110px;}

    .marketing-project-list .project-table.admin-table .header-table,
    .marketing-project-list .project-table.admin-table .body-table .item{grid-template-columns: 40px 148px 110px 110px 175px 100px 0 110px;}

    .sales-project-list{overflow: auto;}
    .sales-project-list .body-table{overflow: visible;}

    .manager-files-filter.sales-list-filter .UIInput-wrapper.item.item-right{flex-wrap: wrap;}
    .manager-files-filter.sales-list-filter .UIInput-wrapper.item.item-right .UIInput-wrapper.item{margin-left: 0;}

    .manager-files-filter.sales-list-filter .sale-notes{flex-direction: column; align-items: flex-start;}
    .manager-files-filter.sales-list-filter .sale-notes .graph{width: 100%; margin-left: 0; margin-top: 16px;}
    .manager-files-filter.sales-list-filter .sale-notes .graph .progress-bar{width: 100%;}
    .manager-files-filter.sales-list-filter .sale-notes .graph .progress-bar .progress .progress-more{left: auto; right: 0;}
    .manager-files-filter.sales-list-filter .sale-notes .graph .progress-bar > span{right: 0; left: auto;}
}

@media screen and (max-width: 500px) {
	
	.form-styled .form-row{
		flex-direction: column;
		margin-bottom: 0;
	}
	.form-styled .form-col:empty{
		margin-bottom: 0;
	}
	.form-styled .form-col{
		margin-bottom: 15px;
	}
	.form-styled .form-col .UIButton-red{
		width: 50%;
		margin: 0 auto
	}
	.client-edit .appendix-list .appendix-item.new .appendix-title::after{
		margin-left: auto;
	}
	
	.notifications-list-inner .notifications-item .notif-body{flex-direction: column}
	.notifications-list-inner .notifications-item .notif-body .notif-right{margin-top: 10px;}
	
	.title-page.mobile{flex-wrap: wrap}
	.title-page.mobile .search-form{margin-left: 0; width: 100%; flex: 0 auto}
	.header-sort-mobile{margin-top: 20px;}
	.header-sort-mobile select{width: 100%;}
}
@media screen and (max-width: 414px) {
	.main-wrapper .content-desktop{height: auto;}
	.main-wrapper.projects .main-content{height: auto;}
	.main-wrapper .main-content{
		height: auto;
		box-sizing: border-box;
		min-height: 1px
	}
}

.UIInput-wrapper.item.item-prev{margin-top: 0!important; color: #717171;}
.UIInput-wrapper.item.item-prev .diff{margin-left: 4px; font-weight: 500; font-size: 14px;}
.UIInput-wrapper.item.item-prev .diff.empty{margin-left: 0;}
.UIInput-wrapper.item.item-prev .diff::after{content: ""; display: inline-block; width: 20px; height: 10px;}
.UIInput-wrapper.item.item-prev .diff.red{color: #B70101}
.UIInput-wrapper.item.item-prev .diff.green{color: #06A629}
.UIInput-wrapper.item.item-prev .diff.green::after{background: url(../images/graphUp.svg) no-repeat center / contain;}
.UIInput-wrapper.item.item-prev .diff.red::after{background: url(../images/graphDown.svg) no-repeat center / contain;}

.stage-row {white-space: nowrap;}

.main-grid-row.main-grid-row-body.highlighted td {background-color: rgba(238, 17, 30, 0.08);}
.main-grid-row.main-grid-row-body.highlighted-ended td {background-color: rgba(238, 234, 17, 0.08);}
.main-grid-row.main-grid-row-body.highlighted-ended-confirmed td {background-color: #f1f1f1}

.main-grid-row.main-grid-row-body .show-more { display: inline-flex; align-items: center; gap: 5px; cursor: pointer;}
.main-grid-row.main-grid-row-body .show-more::after { content: ""; background: url(../images/select_arrow.svg) no-repeat center center / contain; width: 12px; height: 8px; transition: .3s ease;}
.main-grid-row.main-grid-row-body .show-more.active::after {transform: rotate(180deg);}
.main-grid-row.main-grid-row-body .show-more-block {display: none;}