.sitemap {
    background-color: #F3F4F7;
    padding-top: 30px;
    padding-bottom: 30px;
    min-height: 100vh;
}

.sitemap h2 {
    text-align: center;
    color: #00474f;
    margin-bottom: 80px;
}

.sitemap-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1170px;
    width: 95%;
    margin: 0 auto;

}

.sitemap-list li {
    width: calc(33.3333% - 15px);
    margin-bottom: 10px;
}

@media(max-width: 767px) {
    .sitemap-list li {
        width: calc(50% - 15px);
    }

}

@media(max-width: 480px) {
    .sitemap-list li {
        width: 100%;
    }

}

.sitemap-list li a {
    color: #00474f;
    display: inline-block;
    text-decoration: none;
    transition: 0.3s;
}

.sitemap-list li a:hover {
    color:#13C2C2;
}

.s-intro {
    padding: 120px 15px;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.s-sign-up {
    background-image: url(../img/sign-up-bg.svg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.top-intro {
    text-align: center;
    margin-bottom: 35px;
}

.top-intro .logo {
    display: inline-block;
    margin-bottom: 25px;
}

.top-intro p {
    color: #505965;
    font-size: 14px;
    letter-spacing: -0.24px;
    line-height: 22px;
    max-width: 493px;
    margin: 0 auto;
}

.form-card {
    max-width: 380px;
    width: 100%;
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 16px;
    padding: 40px;
}

.control {
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    width: 100%;
    padding: 7px 12px;
    color: #595959;
    letter-spacing: -0.41px;
    font-size: 16px;
    line-height: 24px;
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
}

.control.invalid {
    border-color: #F5222D;
}

.failed-icon {
    position: absolute;
    top: 38px;
    cursor: pointer;
    z-index: 1;
    right: 13px;
}

.control-error {
    color: #f5222d;
    font-size: 13px;
    display: block;
    line-height: 18px;
    letter-spacing: -0.08px;
}

input::-webkit-input-placeholder {
    color: #bfbfbf;
    opacity: 1;
}

input::-moz-placeholder {
    color: #bfbfbf;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: #bfbfbf;
    opacity: 1;
}

input:-moz-placeholder {
    color: #bfbfbf;
    opacity: 1;
}

.form-label {
    color: #505965;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.24px;
    display: block;
    margin-bottom: 3px;
}

.form-control {
    margin-bottom: 24px;
    position: relative;
}

.proggres-top {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    position: relative;
}

.proggres-top .status-line {
    height: 2px;
    width: 120px;
    background-color: #E8E8E8;
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.proggres-top .status-line::before,
.proggres-top .status-line::after {
    content: "";
    position: absolute;
    top: -15px;
    width: 10px;
    height: 10px;
    border-radius: 10em;
    background-color: #BFBFBF;
}

.proggres-top .status-line.in-progress::before {
    background-color: #1890FF;
}

.proggres-top .status-line.finished::before {
    background-color: #1890FF;
    width: 6px;
    height: 6px;
}

.proggres-top .status-line.finished::after {
    background-color: #1890FF;
}

.proggres-top .status-line.finished {
    background-color: #1890FF;
}

.proggres-top .status-line::before {
    left: -15px;
}

.proggres-top .status-line::after {
    right: -15px;
}

.prog-status {
    color: #8c8c8c;
    letter-spacing: -0.41px;
    font-size: 16px;
    line-height: 24px;
    margin: 0 18px;
    position: relative;
    padding-top: 20px;
    width: 120px;
    text-align: center;
}

.prog-status.in-progress {
    color: #262626;
}

.prog-status.finished {
    color: #595959;
}

.sm-title {
    color: #2d415c;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.2px;
    font-weight: 700;
    margin-bottom: 24px;
}

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

.control-with-dropdown {
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    display: flex;
}

.control-with-dropdown .select-dropdown {
    width: 82px;
    min-width: 82px;
    background-color: #F5F5F5;
    padding: 12px 13px;
    border-top-left-radius: 4px;
    position: relative;
    border-bottom-left-radius: 4px;
}

.control-with-dropdown .selected-wrap {
    display: flex;
    align-items: center;
}

.control-with-dropdown .selected-wrap .selected-item {
    display: flex;
    margin-right: 19px;
    width: 22px;
    min-width: 22px;
    height: 16px;
    border-radius: 2px;
    overflow: hidden;
}

.control-with-dropdown .selected-wrap .expand-down {
    display: flex;
    cursor: pointer;
    min-width: 14px;
    width: 14px;
}

.control-with-dropdown .control {
    border: none;

}

.control-with-dropdown .dropdown-list {
    background: #FFFFFF;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 9;
    padding: 5px 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.control-with-dropdown .dropdown-list.active {
    opacity: 1;
    visibility: visible;
}

.dropdown-list .drop-item {
    padding: 5px 13px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: 0.3s;
}

.dropdown-list .drop-item:hover {
    background-color: #F5F5F5;
}

.dropdown-list .drop-item span {
    margin-left: 5px;
    color: #595959;
    font-size: 14px;
    line-height: 22px;
}

.checkbox {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox .checkbox-text {
    color: #595959;
    font-size: 14px;
    line-height: 22px;
}

.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: relative;
    height: 16px;
    border-radius: 2px;
    width: 16px;
    background-color: #fff;
    border: 1px solid #D9D9D9;
    margin-right: 8px;
}

.checkbox input:checked~.checkmark {
    background-color: #1890FF;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox input:checked~.checkmark:after {
    display: block;
}

.checkbox input:checked~.checkmark {
    border-color: #1890FF;
}

.checkbox .checkmark:after {
    left: 4px;
    top: 0px;
    width: 7px;
    height: 11px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.form-details {
    display: flex;
    color: #505965;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.24px;
    margin-bottom: 20px;
}

.form-details .mark {
    margin-right: 5px;
}

.form-details a {
    color: #1a3ef9;
}

.form-details a:hover {
    opacity: 0.6;
}

.recaptcha {
    margin-bottom: 24px;
}

.btn {
    display: inline-block;
    color: #ffffff;
    border: none;
    text-align: center;
    letter-spacing: 0.2px;
    width: 100%;
    border-radius: 4px;
    padding: 9px 20px 7px 20px;
    font-size: 16px;
    line-height: 24px;
    font-family: "Circe", sans-serif;
    font-weight: 700;
}

.btn.btn-primary {
    color: #ffffff;
    background-color: #1F92A9;
}

.btn.btn-primary:hover {
    background-color: #186473;
}

.form-btm-text {
    text-align: center;
    margin-top: 24px;
    font-size: 14px;
    line-height: 22px;
    color: #505965;
}

.form-btm-text a {
    color: #1A3EF9;
}

.form-btm-text a:hover {
    opacity: 0.6;
}

.sign-up-bottom-links,
.sign-in-bottom-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #8594a8;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.12px;
    position: absolute;
    bottom: 64px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0 15px;
}

.sign-in-bottom-links {
    bottom: 32px;
}

.sign-in-bottom-links p {
    text-transform: uppercase;
}

.sign-up-bottom-links a,
.sign-in-bottom-links a {
    color: #8594a8;
}

.sign-up-bottom-links a:hover,
.sign-in-bottom-links a:hover {
    color: #1f92a9;
}

.sign-up-bottom-links span,
.sign-in-bottom-links span {
    margin: 0 5px;
}

.s-sign-in {
    background-color: #F3F4F7;
    position: relative;
}

.control-with-icon {
    position: relative;
}

.control-with-icon .control {
    padding-left: 38px;
}

.control-with-icon .control-icon {
    position: absolute;
    left: 14px;
    z-index: 1;
    display: flex;
    top: 50%;
    transform: translateY(-50%);
}

.change-control-type {
    position: absolute;
    right: 13px;
    top: 50%;
    display: flex;
    cursor: pointer;
    z-index: 1;
    transform: translateY(-50%);
}

.control-password {
    padding-right: 35px;
}

.form-control.flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.forgot-password {
    color: #1a3ef9;
    letter-spacing: -0.24px;
    font-size: 14px;
    line-height: 22px;
}

.forgot-password:hover {
    opacity: 0.6;
}

.radio {
    display: flex;
    align-items: flex-start;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.radiomark {
    position: relative;
    height: 16px;
    top: 3px;
    min-width: 16px;
    width: 16px;
    margin-right: 12px;
    background-color: #fff;
    border-radius: 10em;
    border: 1px solid #D9D9D9;
}

.radio input:checked~.radiomark {
    border-color: #1890FF;
}

.radiomark:after {
    content: "";
    position: absolute;
    display: none;
}

.radio input:checked~.radiomark:after {
    display: block;
}

.radio .radiomark:after {
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    border-radius: 10em;
    background: #1890FF;
}

.radio-text span {
    color: #595959;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.24px;
    display: block;
}

.radio-text p {
    color: #8c8c8c;
    letter-spacing: -0.08px;
    font-size: 13px;
    line-height: 18px;
}

.form-top-descr {
    text-align: center;
    color: #505965;
    letter-spacing: -0.24px;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 24px;
}

.control.control-code {
    width: 100px;
    margin: 0 auto;
    display: block;
}

.sm-title.mb-8 {
    margin-bottom: 8px;
}

.wrapper {
    display: flex;
}

.left-sidebar {
    width: 316px;
    display: flex;
}

.left-sidebar .sidebar-panel {
    width: 56px;
    background-color: #F2F7FB;
}

.sidebar-navigation {
    width: 260px;
    background-color: #ECF0F6;
    position: relative;
    padding-bottom: 44px;
    padding-top: 32px;
    height: 100vh;
    overflow-x: auto;
}

.main-content {
    width: calc(100% - 316px);
    background-color: #F3F4F7;
    min-height: 100vh;
}

.sidebar-panel {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-top: 35px;
}

.sidebar-panel .top-nav li {
    margin-bottom: 30px;
}

.sidebar-panel .top-nav li:first-child {
    margin-bottom: 36px;
}

.sidebar-panel .top-nav a {
    display: flex;
    justify-content: center;
}

.sidebar-panel .top-nav a:hover {
    opacity: 0.6;
}

.sidebar-panel .bottom-info a {
    display: flex;
    justify-content: center;
}

.sidebar-panel .bottom-info a:hover {
    opacity: 0.6;
}

.sidebar-panel .bottom-info li {
    margin-bottom: 25px;
    position: relative;
}

.sidebar-panel .bottom-info .message-count {
    position: absolute;
    width: 15px;
    height: 15px;
    border: 1px solid #F3F4F7;
    background-color: #F5222D;
    color: #ffffff;
    letter-spacing: -0.08px;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -7px;
    text-align: center;
    top: -7px;
    border-radius: 10em;
}

.organization-top {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 18px 0 16px;
    margin-bottom: 20px;
}

.organization-top .expand-icon {
    position: absolute;
    display: flex;
    top: 15px;
    z-index: 1;
    cursor: pointer;
    right: 18px;
}

.organization-top .img-wrap {
    margin-right: 12px;
    min-width: 56px;
    width: 56px;
    display: flex;
}

.organization-top .org-text h4 {
    color: #505965;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.2px;
    margin-bottom: 4px;
}

.organization-top .org-text .settings {
    display: inline-block;
    position: relative;
    padding-left: 17px;
}

.organization-top .org-text .settings:hover {
    opacity: 0.6;
}

.organization-top .org-text .setting-icon {
    display: flex;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.organization-top .org-text span {
    color: #006d75;
    letter-spacing: -0.08px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
}

.accordion-title {
    background: #FFFFFF;
    border-radius: 8px;
    display: flex;
    cursor: pointer;
    align-items: center;
    padding: 8px 14px;
    color: #2d415c;
    letter-spacing: -0.41px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin: 0 4px;
}

.accordion-title .icon {
    display: flex;
    margin-right: 10px;
}

.menu-item .menu-cat {
    color: #79C3A7;
    letter-spacing: 0.4px;
    font-size: 12px;
    line-height: 17px;
    font-family: 'Circe', sans-serif;
    font-weight: 400;
    padding: 0 16px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.menu-item li a {
    color: #8594a8;
    display: block;
    letter-spacing: -0.41px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    padding: 8px 16px;
}

.menu-item li a:hover {
    color: #2d415c;
}

.main-menu .menu-item li a {
    letter-spacing: 0.2px;
    font-size: 18px;
    line-height: 20px;
    display: flex;
    align-items: center;
    font-weight: 700;
    padding: 12px 16px;
    font-family: 'Circe', sans-serif;
}

.main-menu .menu-item li a.router-link-active {
    color: #006d75;
    border-right: 2px solid #006D75;
}

.main-menu .menu-item li a.router-link-active .icon svg path {
    fill: #006D75;
}

.main-menu .menu-item li a:hover {
    color: #006d75;
}

.main-menu .menu-item li a:hover .icon svg path {
    fill: #006D75;
}

.main-menu .menu-item li a .icon svg path {
    transition: 0.3s;
}

.main-menu .menu-item li a .icon {
    display: flex;
    margin-right: 9px;
    position: relative;
}

.main-menu .menu-item li a .alert {
    width: 5px;
    height: 5px;
    border-radius: 10em;
    position: absolute;
    top: -1px;
    right: -2px;
    background-color: #FF4D4F;
}

.main-menu .menu-item {
    margin-bottom: 25px;
}

.m-separate {
    display: block;
    width: 100%;
    border: none;
    height: 1px;
    background-color: #ADC1DB;
    margin-bottom: 20px;
    margin-top: 16px;
}

.user-info {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 24px;
    margin-top: 140px;
}

.user-info .img-wrap {
    border-radius: 10em;
    overflow: hidden;
    width: 48px;
    min-width: 48px;
    height: 48px;
    margin-right: 8px;
}

.user-info .user-name {
    color: #505965;
    letter-spacing: 0.2px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    font-family: 'Circe', sans-serif;
    margin-bottom: 8px;
    width: 175px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-info .settings {
    display: inline-block;
    position: relative;
    padding-left: 17px;
}

.user-info .settings:hover {
    opacity: 0.6;
}

.user-info .settings .setting-icon {
    display: flex;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.user-info .settings .setting-icon svg path {
    fill: #13C2C2;
}

.user-info .settings span {
    color: #13c2c2;
    letter-spacing: -0.08px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
}

.card {
    background: #FFFFFF;
    border-radius: 4px;
}

.card.card-organization {
    padding: 24px;
}

.card-group {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.card-group .left {
    width: 280px;
    min-width: 280px;
}

.card-group .right {
    width: calc(100% - 304px);
}

.card .img-wrap {
    text-align: center;
    margin-bottom: 24px;
}

.card .org-descr {
    color: #8594a8;
    letter-spacing: -0.24px;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 24px;
}

.card .sm-title {
    margin-bottom: 6px;
}

.card ul {
    padding-bottom: 28px;
    margin-bottom: 40px;
    border-bottom: 1px solid #E0E9F5;
}

.card ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.card ul li .left-info {
    display: flex;
    align-items: center;
}

.card ul li .left-info .icon {
    display: flex;
    margin-right: 9px;
}

.card ul li .left-info span {
    color: #595959;
    letter-spacing: -0.24px;
    font-size: 14px;
    line-height: 22px;
}

.card ul li .count {
    color: #595959;
    letter-spacing: -0.24px;
    font-size: 14px;
    line-height: 22px;
}

.btn.btn-secondary {
    background-color: #13C2C2;
}

.btn.btn-secondary:hover {
    background-color: #13a7a7;
}

.card.card-info {
    padding: 40px;
}

.lg-title {
    color: #00474f;
    letter-spacing: 0.1px;
    font-size: 30px;
    line-height: 42px;
    font-weight: 700;
    font-family: "Circe", sans-serif;
}

.card-info p {
    color: #8594a8;
    letter-spacing: -0.24px;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 32px;
}

.card-info p+.form-control {
    margin-bottom: 40px;
}

.card-info .form-control {
    max-width: 300px;
    width: 100%;
}

.card-info .btns-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.card-info .btns-wrap .btn-secondary {
    max-width: 142px;
    margin: 0;
}

.card-info .btns-wrap .cancel {
    color: #8594A8;
    letter-spacing: 0.2px;
    font-size: 16px;
    line-height: 24px;
    font-family: "Circe", sans-serif;
    font-weight: 700;
    margin-right: 48px;
}

.card-info .btns-wrap .cancel:hover {
    color: #13c2c2;
}

.control-details {
    display: flex;
    align-items: center;
}

.control-details .control {
    width: 144px;
    margin: 0;
    border-right: 1px solid #E0E9F5;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    text-align: right;
}

.control-details .details-field {
    background-color: #FAFAFA;
    color: #BFBFBF;
    border: 1px solid #D9D9D9;
    border-left: none;
    font-size: 16px;
    white-space: nowrap;
    line-height: 24px;
    letter-spacing: -0.41px;
    padding: 7px 12px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.table-custom {
    background: #FFFFFF;
    border-radius: 16px;
}

.table-custom .organization_table {
    border-radius: 0;
}

.table-top-title {
    padding: 17px 16px;
}

.table-top-title h4 {
    color: #2D415C;
    letter-spacing: 0.41px;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}

.table-bottom-control {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
}

.display-setting {
    display: flex;
    align-items: center;
    color: #8594a8;
    letter-spacing: -0.24px;
    font-size: 14px;
    line-height: 22px;
    margin-right: 20px;
}

.display-setting .show-count {
    position: relative;
    margin-right: 8px;
}

.display-setting span {
    margin-right: 8px;
}

.display-setting .show-count .show {
    background: #E0E9F5;
    border-radius: 8px;
    width: 44px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8594a8;
    letter-spacing: -0.24px;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
    transition: 0.3s;
}

.display-setting .show-count .show:hover {
    opacity: 0.8;
}

.drop-down.default {
    box-shadow: 0px 2px 3px rgba(102, 102, 102, 0.12);
    border-radius: 8px;
    border: 1px solid #E0E9F5;
    background-color: #fff;
}

.drop-down.default li {
    color: #505965;
    letter-spacing: -0.24px;
    font-size: 14px;
    line-height: 22px;
    padding: 4px 8px;
    transition: 0.3s;
    white-space: nowrap;
    cursor: pointer;
}

.drop-down.default li:hover {
    background-color: #E6FFFB;
}

.display-setting .show-count .drop-down {
    position: absolute;
    bottom: calc(100% + 2px);
    left: 0;
}

.breadcrumbs {
    display: flex;
    align-items: center;
}

.breadcrumbs .pag-item {
    border: 1px solid #D9D9D9;
    background-color: #fff;
    border-radius: 4px;
    width: 33px;
    min-width: 33px;
    height: 32px;
    display: flex;
    align-items: center;
    color: #595959;
    letter-spacing: -0.24px;
    font-size: 14px;
    line-height: 22px;
    justify-content: center;
}

.breadcrumbs .pag-dot {
    display: flex;
}

.breadcrumbs .pag-item.active {
    border-color: #1890FF;
    color: #1890ff;
}

.breadcrumbs .pag-item.pag-dot {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    font-size: 0;
    background-image: url(../img/pag-dots.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.breadcrumbs .pag-item.prev {
    font-size: 0;
    background-image: url(../img//arrow-left.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.breadcrumbs .pag-item.prev.disabled a,
.breadcrumbs .pag-item.next.disabled a {
    cursor: default;
}

.breadcrumbs .pag-item.prev.disabled:hover,
.breadcrumbs .pag-item.next.disabled:hover {
    background-color: #fff;
}

.breadcrumbs .pag-item.next {
    font-size: 0;
    background-image: url(../img//arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.breadcrumbs li {
    margin: 0 4px;
    transition: 0.3s;
}

.breadcrumbs li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.breadcrumbs li:not(.pag-dot) {
    cursor: pointer;
}

.breadcrumbs li:not(.pag-dot):hover {
    background-color: #F3F4F7;
}

.operation-actions {
    display: flex;
    align-items: center;
}

.operation-actions a {
    color: #1890ff;
    letter-spacing: -0.24px;
    font-size: 14px;
    line-height: 22px;
}

.operation-actions a:hover {
    opacity: 0.6;
}

.operation-actions a span {
    color: #595959;
    margin: 0 4px;
}

.card-group .tabs .tab-header li {
    padding-left: 16px;
}

.tab-header+.table-custom {
    border-top-left-radius: 0;
}

.table-top-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.api-action-group {
    display: flex;
    align-items: center;
}

.api-action-group a {
    display: flex;
    align-items: center;
    color: #13C2C2;
    letter-spacing: -0.24px;
    font-size: 14px;
    line-height: 22px;
    margin-right: 24px;
}

.api-action-group a:last-child {
    margin-right: 0;
}

.api-action-group a .icon {
    display: flex;
    margin-right: 10px;
}

.select {
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    background: #fff url("../img/select-arrow.svg") no-repeat calc(100% - 15px) 50%;
}

.select select {
    padding: 7px 12px;
    width: 100%;
    color: #595959;
    letter-spacing: -0.41px;
    font-size: 16px;
    line-height: 24px;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select select:focus {
    outline: none;
}

.mb-24 {
    margin-bottom: 24px;
}

.card.card-account {
    padding: 24px;
}

.language-option {
    padding-bottom: 26px;
    border-bottom: 1px solid #E0E9F5;
    margin-bottom: 40px;
}

.language-option .form-label {
    color: #262626;
    letter-spacing: -0.41px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.select-lang select {
    padding-left: 44px;
}

.select .flag {
    position: absolute;
    display: flex;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
}

.account-img {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    min-width: 80px;
    margin: 0 auto;
    height: 80px;
    border-radius: 10em;
    cursor: pointer;
    overflow: hidden;
}

.account-img:hover::before {
    opacity: 0.8;
    visibility: visible;
}

.account-img:hover .icon {
    opacity: 1;
    visibility: visible;
}

.account-img::before {
    content: "";
    position: absolute;
    top: 0;
    opacity: 0;
    visibility: hidden;
    left: 0;
    transition: 0.3s;
    width: 100%;
    height: 100%;
    background-color: #87E8DE;
}

.account-img .icon {
    opacity: 0;
    transition: 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    visibility: hidden;
}

.control-col-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.control-col-2 .form-control {
    width: calc(50% - 15px);
}

.group-control {
    display: flex;
    justify-content: space-between;
}

.group-control .form-control:first-child {
    max-width: 500px;
    width: 100%;
    margin-right: 30px;
}

.group-control .form-control:last-child {
    max-width: 100px;
    width: 100%;
}

.account-main-info {
    max-width: 632px;
    width: 100%;
}

.btn.btn-default {
    background: #ADC1DB;
}

.btn.btn-default:hover {
    background-color: #8ba6ca;
}

.account-item {
    margin-bottom: 40px;
}

.account-item .btn-wrap {
    display: inline-block;
}

.account-item.account-email {
    display: flex;
    align-items: center;
}

.account-item.account-email .form-control {
    margin-right: 16px;
    margin-bottom: 0;
}

.control-search .icon {
    position: absolute;
    right: 13px;
    display: flex;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.control-search .icon svg path {
    fill: #8C8C8C;
}

.control-search .control {
    padding-right: 35px;
}

.account-item.account-timezone .form-control {
    max-width: 650px;
    width: 100%;
}

.account-card-wrap {
    display: flex;
    flex-wrap: wrap;
}

.account-card-wrap .card {
    width: calc(100% - 245px);
}

.card-sidebar {
    background-color: #fff;
    width: 245px;
    min-width: 245px;
    border-left: 1px solid #E8E8E8;
}

.card-sidebar ul li a {
    display: flex;
    align-items: center;
    padding: 12px 24px 12px 30px;
    color: #8594a8;
    letter-spacing: -0.24px;
    font-size: 14px;
    line-height: 22px;
    border-left: 3px solid #fff;
}

.card-sidebar ul li a:hover {
    background-color: #E0E9F5;
    color: #2d415c;
    border-left: 3px solid #1F92A9;
}

.card-sidebar ul li a .icon {
    display: flex;
    margin-right: 8px;
}

.card-sidebar ul li a .icon svg path {
    fill: #8594A8;
}

.card-sidebar ul li a:hover .icon svg path {
    fill: #006D75;
}

.card-sidebar ul li.active a {
    background-color: #E0E9F5;
    color: #2d415c;
    border-left: 3px solid #1F92A9;
}

.card-sidebar ul li.active a .icon svg path {
    fill: #006D75;
}

.app-top-items,
.app-bottom-items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}

.app-item {
    display: flex;
    position: relative;
    width: calc(33.3333% - 24px);
    margin: 0 12px 24px;
    border-radius: 16px;
    padding: 12px;
    background-color: #fff;
    transition: 0.3s;
}

.app-item .img-wrap {
    background-color: #fff;
    width: 80px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    min-width: 80px;
    height: 80px;
}

.app-top-items .app-item {
    background-color: #2D415C;
    padding: 24px;
}

.app-item .app-name {
    letter-spacing: 0.2px;
    font-size: 20px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 4px;
}

.app-item p {
    color: #adc1db;
    letter-spacing: -0.24px;
    font-size: 14px;
    line-height: 22px;
    padding-right: 22px;
}

.app-item .more-info {
    position: absolute;
    right: 24px;
    top: 24px;
    cursor: pointer;
}

.app-bottom-items .app-item .app-name {
    color: #8594a8;
}

.app-bottom-items .app-item .img-wrap {
    background-color: transparent;
}

.app-bottom-items .app-item:hover {
    background-color: #1F92A9;
}

.app-bottom-items .app-item:hover .app-name {
    color: #ffffff;
}

.app-top-items.not-synced {
    color: #e0e9f5;
    letter-spacing: 0.2px;
    font-weight: 800;
    font-size: 52px;
    line-height: 74px;
    text-align: center;
    font-family: "Circe", sans-serif;
    position: relative;
    margin-bottom: 40px;
    display: block;
}

.app-top-items.not-synced::before {
    content: "";
    position: absolute;
    background-color: #E0E9F5;
    width: 120px;
    height: 1px;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
}

.table-link {
    color: #1a3ef9;
    letter-spacing: -0.24px;
    font-size: 14px;
    line-height: 22px;
}

.table .period {
    color: #adc1db;
    letter-spacing: -0.24px;
    font-size: 14px;
    line-height: 22px;
}

.license-top-items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px 40px;
}

.license-top-items .license-item {
    width: calc(25% - 12px);
    margin: 0 6px;
    background-color: #fff;
    padding: 12px;
}

.license-top-items .license-item span {
    color: #857da4;
    letter-spacing: 0.41px;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    display: block;
    margin-bottom: 8px;
}

.license-list p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.24px;
    color: #2D415C;
}

.map-box {
    overflow-x: auto;
    position: relative;
}

#map-itm-img,
#map-itm-img-main,
#map-itm-img-big {
    display: none;
}

.canvas-change {
    background-color: #F6F4FF;
    padding: 8px 12px;
    color: #8594A8;
    letter-spacing: -0.24px;
    font-size: 14px;
    line-height: 22px;
    position: absolute;
    width: 159px;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
}

.map-itm-content {
    position: absolute;
    z-index: 10;
    width: 136px;
    height: 114px;
    padding: 10px 10px 8px 8px;
}

.map-itm-content .icon {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.map-itm-content .type {
    text-align: center;
    color: #1c2026;
    letter-spacing: -0.24px;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px;
}

.map-itm-content ul li {
    color: #505965;
    letter-spacing: -0.08px;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 5px;
}

.map-itm-content ul li:last-child {
    margin-bottom: 0;
}

.map-itm-content ul li span {
    color: #8594a8;
}

.t-status {
    padding: 3px 10px 4px 24px;
    color: #8c8c8c;
    letter-spacing: -0.24px;
    font-size: 14px;
    line-height: 22px;
    background-color: #fff;
    position: relative;
}

.t-status::before {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 10em;
    border: 1px solid #fff;
}

.t-status.success {
    background-color: #F6FFED;
}

.t-status.success::before {
    background-color: #52C41A;
}

.t-status.default {
    background-color: #F5F5F5;
}

.t-status.default::before {
    background-color: #D9D9D9;
}

.t-status.warning {
    background-color: #FFF7E6;
}

.t-status.warning::before {
    background-color: #FA8C16;
}

.t-status.error {
    background-color: #FFF7E6;
}

.t-status.error::before {
    background-color: #F5222D;
}

.system_info_popup.device-properties {
    width: 659px;
    padding-bottom: 50px;
}

.change-device-name {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}

.change-device-name .form-control {
    width: 100%;
    margin-right: 16px;
}

.change-device-name .btn-wrap {
    max-width: 219px;
    width: 100%;
}

.system_info_popup.device-properties .module-box {
    padding: 0;
}

.prop-items {
    display: flex;
    justify-content: space-between;
}

.prop-items .left {
    width: calc(50% - 15px);
    display: flex;
    justify-content: space-between;
}

.prop-items .left .prop-item {
    width: calc(50% - 15px);
}

.prop-items .right {
    width: calc(50% - 15px);
}

.device-properties .prop-name {
    color: #2D415C;
    letter-spacing: 0.41px;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
}

.prop-item .circle_radio_btn,
.prop-item .checkbox {
    margin-bottom: 10px;
}

.prop-item .control-details .control {
    width: 90px;
}

.prop-item .control[type="color"] {
    max-width: 76px;
    height: 40px;
}

.control-color img {
    display: none;
}

.device-position {
    background-color: #ECF0F6;
    padding: 20px 16px;
}

.device-position .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
}

.device-position .row:last-child {
    margin-bottom: 0;
}

.device-position .item {
    width: 20px;
    height: 20px;
    border-radius: 10em;
    border: 1px solid #fff;
    position: relative;
    cursor: pointer;
}

.device-position .item::before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 10em;
    background-color: #1890FF;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.device-position .item.active::before {
    opacity: 1;
}

.device-position .central {
    width: 72px;
    min-width: 72px;
    height: 72px;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 10em;
}

.device-position .central.sm {
    width: 56px;
    min-width: 56px;
    height: 56px;
}

.device-config {
    max-width: 392px;
    width: 100%;
}

.device-properties .bottom-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 0;
    width: 635px;
    padding: 10px 16px;
    background-color: #fff;
}

.device-properties .bottom-info .delete-device {
    display: flex;
    align-items: center;
    color: #1f92a9;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    cursor: pointer;
}

.device-properties .bottom-info .delete-device .icon {
    margin-right: 10px;
    display: flex;
}

.device-properties .bottom-info .right {
    display: flex;
    align-items: center;
}

.device-properties .bottom-info .close {
    color: #1f92a9;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    margin-right: 44px;
}

.device-properties-wrap {
    position: relative;
}

.device-position .middle {
    text-align: center;
    margin: 10px 0;
}

.device-position .right {
    justify-content: flex-end;
    display: flex;
    width: 100%;
}

.prop-item.without-prop-name {
    padding-top: 45px;
}

.sm-descr {
    color: #8594a8;
    letter-spacing: -0.24px;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 30px;
}

.control-descr {
    color: #8c8c8c;
    letter-spacing: -0.08px;
    font-size: 13px;
    line-height: 18px;
}

.big-title {
    color: #00474f;
    letter-spacing: 0.1px;
    font-size: 30px;
    line-height: 42px;
    font-weight: 700;
    margin-bottom: 32px;
}

.operations_popup.new-device .group-title .big-title {
    margin-bottom: 0;
}

.form-control.sm-control {
    max-width: 144px;
    width: 100%;
}

.operations_new_report.card-info .radio_green_btns_wrpr .radio_green_btn {
    margin-bottom: 20px;
}

.operations_new_report .right_side {
    padding-left: 10px;
    padding-right: 10px;
}

.card-info .right_side p {
    text-align: center;
}

.table_wrpr {
    overflow-x: auto;
}

.proggress-line {
    width: 100%;
    height: 54px;
    border-radius: 8px;
    position: relative;
    background: #E0E9F5;
    box-shadow: inset 0px 1px 4px rgba(45, 65, 92, 0.12);
}

.proggress-line span {
    letter-spacing: 0.2px;
    font-size: 18px;
}

.proggress-line .current-proggress {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    border-radius: 8px;
    background: linear-gradient(270deg, #28805F 0%, #FCFFE6 100%);
    box-shadow: 0px 0px 4px rgba(135, 232, 222, 0.4);
    padding-right: 16px;
}

.proggress-line .current-proggress .pct {
    color: #ffffff;
    font-size: 38px;
    font-weight: 700;
    font-family: "Circe", sans-serif;
    display: flex;
    align-items: center;
}

.proggress-line.proggress-line-sm {
    height: 22px;
    border-radius: 4px;
    background: #FAFAFA;
}

.proggress-line.proggress-line-sm .current-proggress {
    border-radius: 4px;
    box-shadow: none;
    padding: 0;
    background: linear-gradient(270deg, #5AC724 0%, #EFFDE4 100%);
}

.proggress-line.proggress-line-sm .current-proggress.low {
    background: linear-gradient(270deg, #F62F39 0%, #FEE3E3 100%);
}

.proggress-line.proggress-line-sm .current-proggress.normal {
    background: linear-gradient(270deg, #FA9425 0%, #FFF3DE 100%);
}

.proggress-line.proggress-line-sm .pct {
    color: #2d415c;
    letter-spacing: -0.24px;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    position: relative;
}

.in-progress.chart {
    position: relative;
}

.in-progress.chart .percent-info {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 2;
}

.in-progress.chart .percent-info .top,
.in-progress.chart .percent-info .bottom {
    color: #8594a8;
    letter-spacing: -0.08px;
    font-size: 12px;
    line-height: 16px;
}

.in-progress.chart .percent-info .percent {
    display: flex;
    align-items: center;
    font-family: "Circe", sans-serif;
}

.in-progress.chart .percent-info .percent .number {
    font-weight: 800;
    font-size: 52px;
    color: #ff7a45;
    letter-spacing: 0.2px;
    line-height: 56px;
    display: block;
    margin-bottom: -7px;
}

.in-progress.chart .percent-info .percent .symbol {
    display: block;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #ADC1DB;
    margin-left: 2px;
}

.shadow-fix {
    padding: 10px;
    margin: -10px;
}

.mt-20 {
    margin-top: 20px;
}

.scroll-y {
    overflow-y: auto;
}

.h-fix-alert {
    height: 577px;
}

.collapse-events {
    background: #FFFFFF;
    box-shadow: 0px 2px 3px rgba(102, 102, 102, 0.12);
    border-radius: 8px;
    padding: 9px 12px;
    max-width: 242px;
    width: 100%;
    position: absolute;
    bottom: 8px;
    right: 8px;
}

.collapse-events .top-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 17px;
}

.collapse-events .top-panel span {
    color: #adc1db;
    letter-spacing: 0.4px;
    font-size: 12px;
    line-height: 17px;
    display: block;
}

.collapse-events .top-panel .icons {
    display: flex;
    align-items: center;
}

.collapse-events .top-panel .action {
    display: flex;
    cursor: pointer;
    margin-left: 5px;
}

.collapse-events .events-list li {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.collapse-events .events-list li:last-child {
    margin-bottom: 0;
}

.collapse-events .events-list li .icon {
    display: flex;
    margin-right: 9px;
    width: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.collapse-events .events-list li span {
    color: #857DA4;
    letter-spacing: -0.08px;
    font-size: 12px;
    line-height: 16px;
}

.sidebar_logo {
    display: block;
    padding: 7px 24px 31px;
}
.sidebar_logo img {
    display: block;
    max-width: 158px;
}
.accordion_plus_btn {
    display: flex;
    margin-left: auto;
}
.accordion_plus_btn:hover {
    opacity: 0.7;
    transform: rotate(180deg);
}
.big_breadcrumbs {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.big_breadcrumbs li {
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 42px;
    font-family: 'Circe';
    letter-spacing: 0.1px;
    color: #2D415C;
    white-space: nowrap;
}
.big_breadcrumbs li a {
    color: #8594A8;
}
.big_breadcrumbs li a:hover {
    color: #13C2C2;
}
.big_breadcrumbs li a:after {
    content: "/";
    margin: 0 24px;
}
.big_breadcrumbs:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #00474F;
    margin-top: 30px;
}
.main-content {
    padding: 24px 32px;
    position: relative;
    max-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    transition: .2s all ease-in-out;
}
.light_label {
    display: block;
    width: 100%;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.41px;
    color: #ADC1DB;
    margin-bottom: 8px;
}
.recently_opened {
    margin-top: 6px;
}
.recently_opened_items {
    display: flex;
    flex-wrap: wrap;
    margin: -6px;
}
.recently_opened_item {
    width: calc(20% - 12px);
    margin: 6px;
    background: #FFFFFF;
    box-shadow: 12px 12px 24px #DDDEE1, -12px -12px 24px #FFFFFF;
    border-radius: 16px;
    display: flex;
    align-items: center;
    padding: 12px 24px;
}
.recently_opened_item:hover {
    background: #1F92A9;
    box-shadow: 0px 16px 26px rgba(10, 72, 86, 0.24);
    z-index: 2;
}
.recently_opened_item:hover .name {
    color: #fff;
}
.recently_opened_item .img_wrpr {
    min-width: 56px;
    min-height: 56px;
    width: 56px;
    height: 56px;
    display: flex;
    border-radius: 16px;
    overflow: hidden;
    margin-right: 8px;
}
.recently_opened_item .name {
    font-family: 'Circe';
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.2px;
    color: #8594A8;
    margin-bottom: 4px;
}
.recently_opened_item .last_visit {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.24px;
    color: #ADC1DB;
}
.table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}
.organization_table {
    border-radius: 16px;
    overflow: hidden;
}
.table thead th {
    background: #FAFAFA;
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    font-family: 'Circe';
    letter-spacing: 0.4px;
    color: #2D415C;
    padding: 12px 16px;
}
.table tbody td {
    background: #fff;
    padding: 13px 16px;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.24px;
    color: #595959;
}
.table .organization_table_img_wrpr {
    min-width: 29px;
    min-height: 29px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    overflow: hidden;
}
.table .organization_table_img_wrpr img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.organization_table_sitesnumber {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.08px;
    color: #ADC1DB;
}
.organization_table_name {
    font-family: "Noto Sans";
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.41px;
    color: #2D415C;
}
.simple_link {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.24px;
    color: #1A3EF9;
}
.simple_link:hover {
    color: #13C2C2;
}
.grey_circle_badge {
    min-width: 25px;
    min-height: 25px;
    width: 25px;
    height: 25px;
    background: #E0E9F5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.table_controls {
    margin-top: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 6px;
}
.search_input {
    font-family: 'Circe';
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #2D415C;
    padding: 4px 0px;
    border: 0;
    border-bottom: 1px solid #D9D9D9;
    background: transparent;
    width: 100%;
    display: block;
    outline: none;
}
.search_input::placeholder {
    color: #BFBFBF;
}
.search_input:focus {
    border-color: #13C2C2;
}
.search_input_form {
    position: relative;
    min-width: 300px;
}
.search_input_form .search_input_btn {
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    padding: 0;
    border: 0;
    z-index: 2;
    width: 14px;
    height: 14px;
    background: url(../img/search_input_icon.svg) no-repeat center;
    background-size: cover;
}
.search_input_form .search_input_btn svg {
    display: none;
}
.top_notification {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #E6FFFB;
    box-shadow: 12px 12px 24px #DDDEE1;
    border-radius: 0px 0px 16px 16px;
    padding: 41px 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.top_notification .right_btns {
    display: flex;
    align-items: center;
    margin-left: auto;
}
.top_notification .right_btns .btn {
    white-space: nowrap;
    margin-left: 24px;
}
.btn_grey {
    background: #fff;
    color: #ADC1DB;
}
.btn_grey:hover {
    color: #fff;
    background: #ADC1DB;
}
.top_notification .center_text {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2D415C;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.main-content.w_notif {
    padding-top: calc(24px + 122px);
}
.top_notification .center_text .days {
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #ADC1DB;
    font-family: 'Circe';
    display: flex;
    align-items: center;
    margin-right: 24px;
    flex-shrink: 0;
}
.top_notification .center_text .days b {
    font-weight: 800;
    font-size: 52px;
    line-height: 74px;
    letter-spacing: 0.2px;
    color: #1C2026;
    margin-right: 2px;
}
.sidebar-navigation {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
}
.sidebar-navigation .user-info {
    margin-top: auto;
}
.sites_map {
    /*overflow: hidden;*/
    /*position: relative;*/
    /*height: calc(100vh - 300px);*/
    /*min-height: 600px;*/
    display: flex;
    height: calc(100vh - 259px);
}
.sites_map .map_wrpr {
    background: #ECF0F6;
}
.sites_map .sites_table_wrpr {
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    width: 50%;
    flex-shrink: 0;
    /*height: 100%;*/
    background: #fff;
    /*z-index: 3;*/
}
.zoom_block {
    position: absolute;
    right: 6px;
    top: 6px;
    background: #FFFFFF;
    box-shadow: 0px 2px 3px rgba(102, 102, 102, 0.12);
    border-radius: 8px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2px;
}
.zoom_block_button {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 8px;
    user-select: none;
}
.zoom_block_button:hover {
    background: #8594A8;
}
.zoom_block_button:hover svg path {
    fill: #fff;
}
.map_marker {
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ADC1DB;
    border-radius: 50%;
    display: block;
}
.map_marker:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: #520339;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.map_wrpr .map_marker {
    position: absolute;
}
.map_box {
    position: absolute;
    right: -30%;
    top: 0;
}
.sidebar-navigation .accordion-item {
    margin-bottom: 16px;
}
.accordion-item.active .accordion-title .icon {
    transform: rotate(180deg);
}
.details_card {
    background: #FFFFFF;
    box-shadow: 0px 6px 18px rgba(10, 72, 86, 0.12);
    border-radius: 16px;
    display: flex;
    overflow: hidden;
}
.details_card .left_info {
    padding: 16px 24px;
    min-width: 312px;
}
.details_card .card_title {
    font-family: 'Circe';
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.2px;
    color: #2D415C;
    margin-bottom: 8px;
}
.map_box .details_card {
    position: absolute;
    /* top: 320px; */
    /* left: calc(1035px - 447px); */
    z-index: 3;
}
.details_card .card_bottom_info {
    display: flex;
    width: 100%;
    margin-top: 24px;
    justify-content: space-between;
}
.details_card .card_bottom_info .light_text {
    font-family: 'Circe';
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.4px;
    color: #8594A8;
}
.details_card p {
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.41px;
    color: #505965;
    margin-top: 1px;
}
.details_card .card_site {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.08px;
    color: #1A3EF9;
    display: block;
}
.details_card .diagram_info {
    background: #F2F7FB;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 135px;
    padding: 18px 10px;
}
.details_card .diagram_info .diagramm_text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.details_card .diagram_info .diagramm_text .percents {
    font-family: 'Circe';
    font-weight: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0.2px;
    color: #8594A8;
}
.details_card .diagram_info .diagramm_text span {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #ADC1DB;
}
.popup_wrpr {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(80, 89, 101, 0.6);
    z-index: 999;
    max-height: 100vh;
    min-height: 100%;
    overflow-y: auto;
}
.html_popups .popup_wrpr {
    visibility: hidden;
    opacity: 0;
    transition: 0.3s all ease-in-out;
}
.html_popups .popup_wrpr.active {
    opacity: 1;
    visibility: visible;
}
.popup_wrpr_inner {
    width: 100%;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}
.popup {
    padding: 40px;
    background: #FFFFFF;
    border-radius: 16px;
    min-width: 380px;
    position: relative;
}
.text_center {
    text-align: center;
}
.phone_control {
    max-width: 232px;
}
.phone_control .control {
    letter-spacing: 1.6px;
}
.close_popup_btn {
    position: absolute;
    top: 13px;
    right: 13px;
    z-index: 2;
    display: flex;
}
.close_popup_btn:hover svg path {
    fill: #F5222D;
}
.sidebar-panel {
    z-index: 6;
}
.alerts_notifications {
    position: fixed;
    left: -100%;
    top: 0;
    height: 100%;
    max-height: 100vh;
    overflow-y: auto;
    background: #FAFAFA;
    border-radius: 0px 16px 16px 0px;
    width: 660px;
    z-index: 5;
    padding-top: 24px;
    transition: 0.6s all ease-in-out;
}
.alerts_notifications.active {
    left: 56px;
}
.alerts_notifications .wrapper_tabs {
    margin-bottom: 36px;
}
.alerts_notifications .tabs li {
    flex: inherit;
    padding-right: 132px;
    padding-left: 12px;
}
.alerts_notifications .close_popup_btn {
    top: 25px;
}
.alert_notif_item {
    position: relative;
    padding: 5px 16px;
}
.alert_notif_item .item_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}
.alert_notif_item .allerts_message {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.41px;
    color: #505965;
    font-family: "Noto Sans";
}
.light_green_label {
    font-family: 'Circe';
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.4px;
    color: #79C3A7;
    display: block;
}
.alert_notif_item .item_body {
    display: flex;
    flex-wrap: wrap;
}
.alert_notif_item .item_body .col:nth-child(1) {
    width: 40%;
}
.alert_notif_item .item_body .col:nth-child(2) {
    width: 30%;
}
.alert_notif_item .item_body .col:nth-child(3) {
    width: 30%;
}
.alert_notif_item .item_body .item_text {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.24px;
    color: #8594A8;
}
.alert_notif_status {
    padding: 2px 8px;
    padding-left: 25px;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.24px;
    color: #8C8C8C;
    position: relative;
    min-width: 102px;
    text-align: center;
    display: inline-block;
}
.alert_notif_status.processing {
    background: #E6F7FF;
}
.alert_notif_status.warning {
    background: #FFF7E6;
}
.alert_notif_status:before {
    content: "";
    display: block;
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
}
.alert_notif_status.processing:before {
    background: #1890FF;
}
.alert_notif_status.warning:before {
    background: #FA8C16;
}
.alerts_notif_body .light_green_label.single {
    margin-left: 16px;
}
.mb_40 {
    margin-bottom: 40px;
}
.alert_notif_item:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: calc(100% - 8px);
    border-radius: 2px;
    width: 3px;
}
.alert_notif_item.category_1:before {
    background: #1890FF;
}
.alert_notif_item.category_2:before {
    background: #FA8C16;
}
.alert_notif_item.category_3:before {
    background: #F5222D;
}
.pfa_page_tabs ul.tabs li {
    flex: inherit;
    padding-right: 110px;
    padding-left: 10px;
}
.graphic_cards_wrpr {
    display: flex;
    flex-wrap: wrap;
    margin: -12px;
}
.graphic_card_box {
    width: calc(50% - 24px);
    margin: 12px;
    border-radius: 4px;
}
.graphic_item {
    background: #FFFFFF;
    display: flex;
    min-height: 208px;
}
.graphic_item .graphic_body {
    flex: 1;
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-end;
}
.graphic_item .graphic_history {
    width: 238px;
    border-left: 0.5px solid #E6E0FF;
    padding: 16px 8px;
}
.graphic_item .graphic_history_title {
    font-family: 'Circe';
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.4px;
    color: #475F7B;
    margin-bottom: 15px;
}
.graphic_item .graphic_history_item {
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.graphic_item .graphic_history .graphic_history_item:last-child {
    margin-bottom: 0;
}
.graphic_item .graphic_history_item .history_item_title {
    font-family: "Noto Sans";
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.24px;
    color: #727E8C;
    margin-bottom: 2px;
}
.graphic_item .graphic_history_item .time_ago {
    font-family: "Noto Sans";
    display: block;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.08px;
    color: #828D99;
}
.graphic_item .graphic_history_number {
    font-family: 'Circe';
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.2px;
}
.graphic_item .graphic_history_number.green {
    color: #27AE60;
}
.graphic_item .graphic_history_number.red {
    color: #EB5757;
}
.graphic_item .graphic_body .graphic_name {
    font-family: "Noto Sans";
    position: absolute;
    left: 16px;
    top: 16px;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.41px;
    color: #475F7B;
}
.graphic_item .graphic_body .graphic_item_days {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 16px;
    display: flex;
    justify-content: space-between;
    padding: 0 26px;
}
.graphic_item .graphic_body .graphic_item_days li {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #828D99;
}
.graphic_item .graphic_body .graphic_wrpr {
    width: 100%;
    display: flex;
    padding-top: 20px;
}
.graphic_item .graphic_body .graphic_wrpr svg {
    width: 100%;
    height: 100%;
}
.numberstat_cards_wrpr {
    display: flex;
    /* flex-wrap: wrap; */
    margin: -6px;
}
.numberstat_cards_wrpr .numberstat_card_item {
    width: calc(20% - 12px);
    margin: 6px;
    min-width: 298px;
}
.numberstat_card_item {
    padding: 12px;
    border: 1px solid #E0E9F5;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.numberstat_card_item .item_title {
    font-family: "Noto Sans";
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.41px;
    color: #8594A8;
    margin-bottom: 8px;
}
.numberstat_card_item .number_line {
    background: linear-gradient(121.52deg, #E0E9F5 0%, #ADC1DB 100%);    
    border: 4px solid #ECF0F6;
    box-shadow: -4px -4px 8px #FFFFFF, 4px 4px 8px #DDDEE1, 0px 0px 6px #505965;
    border-radius: 16px;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'DS-Digital';
    font-weight: bold;
    font-size: 48px;
    line-height: 48px;
    color: #2D415C;
    text-shadow: 2px 2px 3px rgba(51, 51, 51, 0.35);
}
.numberstat_card_item .number_line span {
    position: relative;
    margin: 0 2px;
    width: 25px;
    text-align: right;
}
.numberstat_card_item .number_line span:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: "8";
    opacity: 0.35;
}

.purple_table_wrpr .table_controls {
    justify-content: space-between;
}
.purple_table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}
.purple_table thead th {
    padding: 16px 30px;
    background: #E6E0FF;
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.4px;
    color: #857DA4;
    font-family: 'Circe';
}
.purple_table tbody td {
    padding: 16px 30px;
    background: #E6E0FF;
    border-top: 1px solid #C3BDF3;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.41px;
    color: #481AF9;
    font-family: "Noto Sans";
}
.purple_table_wrpr .table_controls {
    margin-bottom: 13px;
}
.purple_table_wrpr .table_controls .search_input {
    color: #481AF9;
    border-color: #C3BDF3;
}
.purple_table_wrpr .table_controls .search_input::placeholder {
    color: #481AF9;
}
.purple_table_wrpr .search_input_form .search_input_btn svg path {
    fill: #C3BDF3;
}
.purple_table thead .checkmark {
    border: none;
}
.purple_table tbody .checkmark {
    background: transparent;
    border-color: #fff;
}
.purple_table .checkbox input:checked~.checkmark {
    background-color: #481AF9;
    border-color: #481AF9;
}
.system_info_popup {
    position: fixed;
    background: #fff;
    z-index: 13;
    right: 0;
    top: 0;
    height: 100%;
    max-height: 100vh;
    overflow-y: auto;
    width: 1000px;
    padding: 24px 16px;
}
.system_info_popup .popup_header {
    padding-bottom: 20px;
    border-bottom: 1px solid #E0E9F5;
    margin-bottom: 32px;
}
.system_info_popup .popup_header .system_ip {
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.1px;
    color: #00474F;
    font-family: 'Circe';
}
.system_info_popup .close_popup_btn {
    top: 22px;
    right: 16px;
}
.row_cols_info {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 56px;
}
.row_cols_info .col {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 25%;
}
.row_cols_info .top_light_label {
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.4px;
    color: #2D415C;
    font-family: 'Circe';
}
.row_cols_info  .data_text {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.24px;
    color: #2D415C;
}
.system_info_cards_topology {
    display: flex;
    align-items: flex-start;
    margin-bottom: 24px;
}
.system_info_cards_topology .left_cards {
    width: 100%;
    flex: 1;
    margin-right: 33px;
}
.system_info_cards_topology .mini_topology_map {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    min-height: 230px;
    width: 311px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
    border-radius: 16px;
}
.system_info_cards_topology .top_text {
    margin-bottom: 36px;
}
.system_info_cards_topology .top_text .title {
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: 0.41px;
    color: #2D415C;
    font-family: "Noto Sans";
    margin-bottom: 12px;
}
.system_info_cards_topology .top_text p {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.24px;
    color: #857DA4;
}
.system_info_cards {
    display: flex;
    flex-wrap: wrap;
    margin: -6px;
}
.system_info_card_item {
    width: calc(33.33% - 12px);
    margin: 6px;
    background: #E6E0FF;
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 12px;
}
.system_info_card_item .img_wrpr {
    border-radius: 12px;
    overflow: hidden;
    margin-right: 8px;
    min-height: 80px;
    min-width: 64px;
    height: 80px;
    width: 64px;
}
.system_info_card_item .right_info .state_title {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #857DA4;
    margin-bottom: 8px;
    font-family: "Noto Sans";
}
.system_info_card_item .state_numbers_block {
    background: #E6E0FF;
    border: 2px solid #FFFFFF;
    border-radius: 8px;
    padding: 6px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    color: #481AF9;
    font-family: 'DS-Digital';
    padding-right: 9px;
}
.system_info_card_item .state_numbers_block span {
    position: relative;
    width: 10px;
    height: 24px;
    display: block;
    text-align: right;
    margin-left: 9px;
}
.system_info_card_item .state_numbers_block span:after {
    content: "8";
    opacity: 0.1;
    position: absolute;
    right: 0;
    top: 0;
}
.system_info_card_item .state_numbers_block .percent_symbol {
    opacity: 0.1;
    font-size: 8px;
    line-height: 8px;
    margin-top: -9px;
    margin-left: 3px;
}
.purple_accordion {
    margin-top: 56px;
}
.purple_accordion_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 26px;
    cursor: pointer;
}
.purple_accordion_header h3 {
    font-family: 'Circe';
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #481AF9;
}
.purple_accordion_header .icon {
    display: flex;
}
.purple_accordion_body .graphic_item {
    margin-bottom: 24px;
}
.purple_accordion_body .graphic_item:last-child {
    margin-bottom: 0;
}
.graphic_update_block {
    position: absolute;
    right: 16px;
    top: 16px;
    display: flex;
    align-items: center;
}
.graphic_update_block h3 {
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #857DA4;
    margin-right: 8px;
}
.purple_little_select {
    appearance: none;
    -webkit-appearance: none;
    background: #E6E0FF url(../img/purple_little_select_arrow.svg) no-repeat;
    background-position: calc(100% - 15px) 11px;
    padding: 4px 12px;
    padding-right: 32px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    letter-spacing: 0.24px;
    color: #857DA4;
    font-family: "Noto Sans";
    border: 0;
    outline: none;
}
.purple_tabs.tabs .tab-header li {
    font-family: 'Circe';
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    color: #857DA4;
    background: #C3BDF3;
    border-radius: 0;
    clip-path: polygon(0 0, 65% 0, 100% 100%, 0% 100%);
    padding-right: 40px;
    padding-left: 16px;
}
.purple_tabs.tabs .tab-header li.active {
    color: #481AF9;
    background: #E6E0FF;
}
.purple_tabs.tabs .tab-header li:nth-child(n+2) {
    margin-left: -32px;
}
.notif_anim-enter-active, .notif_anim-leave-active {
    transition: .2s all ease-in-out;
}
.notif_anim-enter, .notif_anim-leave-to {
    transform: translateY(-100%);
}
.accordion-title span {
    transition: 0.15s all ease-in-out;
}
.accordion-title:hover span {
    color: #13C2C2;
}
.fade-enter-active, .fade-leave-active {
    transition: opacity .3s;
}
.fade-enter, .fade-leave-to {
    opacity: 0;
}
.popup_wrpr_inner:before  {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.sidebar-panel .bell-info {
    cursor: pointer;
    display: flex;
    justify-content: center;
}
.sidebar-panel .bell-info:hover svg {
    opacity: 0.6;
}
.alerts_notifications.an_in_app {
    left: 56px;
}
.alerts_notifications.alerts-notifs-enter-active, 
.alerts_notifications.alerts-notifs-leave-active {
    transition: 0.6s all ease-in-out;
}
.alerts_notifications.alerts-notifs-enter, 
.alerts_notifications.alerts-notifs-leave-to {
    left: -100%;
}
.alerts_notifications_closer {
    position: fixed;
    left: 715px;
    top: 0;
    width: calc(100vw - 730px);
    height: 100vh;
    z-index: -1;
}
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
    background: #8594A8; 
}
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}
.operations_new_report {
    background: #FFFFFF;
    padding: 40px;
    margin-top: 40px;
    height: 100%;
    min-height: calc(100vh - 150px);
    display: flex;
}
.operations_new_report .left_side {
    border-right: 1px solid #ADC1DB;
    width: 65%;
    padding-right: 40px;
    display: flex;
    flex-direction: column;
}
.operations_new_report .right_side {
    width: 35%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 40px;
}
.operations_new_report .right_side .btn {
    max-width: 166px;
    margin-top: 40px;
}
.operations_new_report.card-info .btns-wrap {
    margin-top: auto;
}
.card-info .right_side p {
    margin-bottom: 0;
    margin-top: 8px;
}
.radio_green_btns_wrpr {
    display: flex;
    flex-wrap: wrap;
}
.radio_green_btn {
    cursor: pointer;
    margin-right: 24px;
}
.radio_green_btn input {
    display: none;
}
.radio_green_btn .radio_green_inner {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    box-shadow: 12px 12px 24px #DDDEE1, -12px -12px 24px #FFFFFF;
    border-radius: 16px;
    padding: 12px;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.41px;
    transition: 0.15s all ease-in-out;
}
.radio_green_btn:hover .radio_green_inner {
    background: #13C2C2;
    color: #fff;
}
.radio_green_btn input:checked ~ .radio_green_inner {
    background: #1F92A9;
    color: #fff;
}
.operations_new_report .lg-title {
    margin-bottom: 32px;
}
.operations_new_report .sm-title {
    margin-bottom: 24px;
}
.operations_new_report .radio_green_btns_wrpr {
    margin-bottom: 40px;
}
.datapicker_block {
    display: flex;
}
.datapicker_block .form-control {
    max-width: 180px;
    width: 100%;
    margin-right: 20px;
}
/* .datapicker_block .form-control .control {
    background: #fff url(../img/calendar_icon.svg);
    background-position: calc(100% - 14px) 11px;
    background-repeat: no-repeat;
} */
.operations_new_report .left_side.w_100 {
    width: 100%;
    border: 0;
}
.operations_new_report .left_side.w_100 .btns-wrap .maxw_84 {
    max-width: 84px;
}
.cols_inputs_wrpr {
    display: flex;
    margin: 0 -12px;
}
.cols_inputs_wrpr .col {
    margin: 0 12px;
}
.form_bold_label {
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #505965;
    display: block;
    width: 100%;
    margin-bottom: 12px;
}
.fieldset {
    border: 1px solid #ADC1DB;
    background: #fff;
    border-radius: 16px;
    padding: 15px 32px;
    padding-top: 24px;
    margin: 0;
    margin-bottom: 32px;
}
.fieldset legend {
    font-family: 'Circe';
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.2px;    
    color: #2D415C;
    padding: 0 8px;
}
.fieldset_group_wrpr {
    display: flex;
    flex-direction: column;
}
.circle_radio_btn {
    display: flex;
    align-items: center;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.24px;
    color: #595959;
    cursor: pointer;
}
.circle_radio_btn .checkmark {
    border-radius: 50%;
    min-width: 16px;
    min-height: 16px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fieldset .circle_radio_btn {
    margin-bottom: 16px;
}
.circle_radio_btn input {
    display: none;
}
.circle_radio_btn input:checked ~ .checkmark {
    border-color: #1890FF;
}
.circle_radio_btn input:checked ~ .checkmark:after {
    display: block;
    content: "";
    min-width: 8px;
    min-height: 8px;
    width: 8px;
    height: 8px;
    background: #1890FF;
    border-radius: 50%;
    position: absolute;
    left: 3px;
    top: 3px;
}
.radio_green_btns_wrpr.devices_block {
    align-items: center;
    flex-wrap: initial;
}
.radio_green_btns_wrpr.devices_block .radio_green_btn {
    width: 100%;
}
.control_with_icon {
    position: relative;
}
.control_with_icon .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 16px;
    height: 16px;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}
.multiple_control_group {
    display: flex;
    align-items: center;
}
.multiple_control_group .mx-datepicker .mx-input {
    border-radius: 0;
}
.multiple_control_group .mx-datepicker .mx-input {
    border-right: 0;
}
.multiple_control_group .mx-datepicker:last-child .mx-input {
    border-right: 1px solid #D9D9D9;
    border-radius: 0 4px 4px 0;
}
.multiple_control_group .mx-datepicker:first-child .mx-input {
    border-radius: 4px 0 0 4px;
}
.datepicker_controls_group .time_input_wrpr {
    max-width: 100px;
}
.mx-input-wrapper .mx-input:hover, .mx-input-wrapper .mx-input:focus {
    border-color: #D9D9D9;
}
.datepicker_controls_group .time_input_wrpr .mx-icon-calendar svg {
    display: none;
}
.datepicker_controls_group .time_input_wrpr .mx-icon-calendar {
    background: url(../img/clock_icon.svg) no-repeat center;
    width: 16px;
    height: 16px;
}
.max_w_690 {
    max-width: 690px;
}
.control:disabled {
    background: #F5F5F5;
}
.group_inputs_with_radio .circle_radio_btn {
    margin-bottom: 2px;
}
.cols_inputs_wrpr .control-details .control {
    width: 100%;
}
.group_inputs_with_radio .cols_inputs_wrpr {
    margin-left: 12px;
}
.operations_new_report .fieldset .group_inputs_with_radio {
    max-width: 624px;
}
.input_details_select {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: 0.15s all ease-in-out;
}
.control-details select.input_details_select.details-field {
    appearance: none;
    -webkit-appearance: none;
    background: #FAFAFA url(../img/input_details_select_arrow.svg) no-repeat;
    background-position: calc(100% - 13px) 13px;
    padding-right: 42px;
    outline: none;
}
.input_details_select:hover {
    background-color: #ebebeb;
}
.input_details_select svg {
    margin-left: 13px;
}
.max_w_795 {
    max-width: 795px;
}
.form-control.power_supply_status {
    max-width: 312px;
}
.select select {
    cursor: pointer;
}
.fieldset .max_w_661 {
    max-width: calc(661px - 12px);
}
.operations_new_report.with_menu {
    padding: 0;
    height: auto;
}
.operations_new_report.with_menu .left_side.w_100 {
    flex: 1;
    padding: 40px;
}
.operations_new_report.with_menu .right_menu {
    width: 245px;
    border-left: 1px solid #E8E8E8;
}
.operations_sidebar_reports_menu li a {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.24px;
    color: #8594A8;
    display: flex;
    align-items: center;
    padding: 11px 27px;
    position: relative;
}
.operations_sidebar_reports_menu li a .icon {
    min-width: 16px;
    min-height: 16px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.operations_sidebar_reports_menu .sub_menu a {
    padding: 4px 0;
    padding-left: 51px;
}
.operations_sidebar_reports_menu li a.active {
    background: #E0E9F5;
    color: #2D415C;
}
.operations_sidebar_reports_menu li a.active:before {
    width: 3px;
    height: 100%;
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #1F92A9;
}
.operations_sidebar_reports_menu li a:hover {
    color: #2d415c;
}
.operations_reports_custom .graphic_card_box_3 .graphic_body {
    padding-left: 0;
    padding-right: 0;
}
.operations_reports_custom .graphic_card_box_40 .graphic_body {
    padding-left: 16px;
    padding-right: 16px;
}
.operations_reports_custom .graphic_card_box_3 .wrap_grafic.wrap_grafic_2,
.operations_reports_custom .graphic_card_box_3 .wrap_grafic.wrap_grafic_2 img {
    width: 100%;
}
.graphic_card_box_35 {
    width: calc(35% - 24px);
}
.graphic_card_box_40 {
    width: calc(40% - 24px);
}
.graphic_card_box_3.graphic_circles_row .graphic_body {
    flex-direction: row;
    justify-content: space-between;
}
.graphic_card_box_3.graphic_circles_row .legend {
    flex-direction: column;
    align-items: flex-start;
    margin-left: auto;
    margin-top: 0;
}
.graphic_card_box_3.graphic_circles_row .legend li {
    margin: 7px 0;
}
.graphic_card_box_3 .graphic_body.pb_0 {
    padding-bottom: 0;
}
.full_border_radius {
    overflow: hidden;
}
.table-top-title h3 {
    font-family: "Noto Sans";
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;    
    letter-spacing: 0.41px;    
    color: #2D415C;
}
.table_filter_trigger {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
}
.table_filter_trigger .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 13px;
    margin-top: -2px;
}
.table_top_filter_btn {
    display: flex;
}
.table_top_filter_btn:hover {
    opacity: 0.6;
}
.available_columns_block {
    padding: 24px;
    background: #FFFFFF;
    border-radius: 4px;
}
.available_columns_block .title {
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.2px;
    color: #006D75;
    border-bottom: 1px solid #E0E9F5;
    padding-bottom: 16px;
    margin-bottom: 32px;
}
.available_columns_block .search_input_form {
    min-width: initial;
    width: 100%;
}
.available_columns_block .search_input_form {
    margin-bottom: 12px;
}
.plus_accordion_item .plus_accordion_body {
    display: none;
}
.plus_accordion_item.active .plus_accordion_body {
    display: block;
}
.plus_accordion_title {
    font-family: "Noto Sans";
    padding: 12px 24px;
    position: relative;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.41px;
    color: #8594A8;
    cursor: pointer;
    transition: 0.15s all ease-in-out;
}
.plus_accordion_title:hover,
.plus_accordion_body ul li a:hover {
    color: #2D415C;
}
.plus_accordion_title:before,
.plus_accordion_title:after {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 1px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #8594A8;
    margin-top: -2px;
    transition: 0.15s all ease-in-out;
}
.plus_accordion_item .plus_accordion_title:after {
    transform: translateY(-50%) rotate(90deg);
}
.plus_accordion_item.active .plus_accordion_title:before,
.plus_accordion_item.active .plus_accordion_title:after {
    transform: translateY(-50%);
    background: #2D415C;
}
.plus_accordion_item.active .plus_accordion_title {
    color: #2D415C;
}
.plus_accordion_body ul li a {
    font-family: "Noto Sans";
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.24px;
    color: #8594A8;
    padding: 8px 24px;
    display: block;
}
.operations_custom_table tbody tr td {
    padding: 24px 16px;
}
.links_in_breadcumbs li a:after {
    display: none;
}
.links_in_breadcumbs {
    display: flex;
    align-items: center;
    margin-left: 55px;
}
.links_in_breadcumbs li {
    margin-right: 30px;
}
.links_in_breadcumbs li a {
    font-family: 'Circe';
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #1F92A9;
    display: flex;
    align-items: center;
}
.links_in_breadcumbs li a .icon {
    display: flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}
.operations_reports_custom {
    overflow-x: scroll;
    flex-wrap: initial;
    margin-top: 20px;
}
.operations_reports_custom .graphic_card_box_40 {
    min-width: 500px;
}
.operations_reports_custom .graphic_card_box_35 {
    min-width: 420px;
}
.operations_reports_custom .graphic_card_box_25 {
    min-width: 320px;
}
.mb_24 {
    margin-bottom: 24px;
}
.operations_popup .popup {
    max-width: 380px;
    width: 100%;
    min-width: auto;
}
.synchronize_account_links {
    display: flex;
    align-items: center;
    justify-content: center;
}
.synchronize_account_links li {
    margin: 0 13px;
}
.synchronize_account_links li a {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.synchronize_account_links li a:hover svg path {
    fill: #1F92A9;
}
.popup .synchronize_account_links {
    margin-top: 88px;
}
.operations_popup .lg-title {
    margin-bottom: 8px;
}
.share_to_application_links {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
}
.share_to_application_links li {
    margin: 0 12px;
    display: flex;
}
.share_to_application_links li a {
    min-width: 56px;
    min-height: 56px;
    width: 56px;
    height: 56px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.share_to_application_links li a.bg_green {
    background: #1F92A9;
    box-shadow: 0px 14px 24px rgba(6, 16, 88, 0.16);
}
.popup .btn.btn-primary:hover {
    background: #13C2C2;
}
.simple_links_list li a {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.24px;
    color: #8594A8;
    padding: 8px 0px;
    display: block;
}
.table_controls.two_sides_controls {
    justify-content: space-between;
}
.main-content .mx-datepicker {
    width: 100%;
}
.mx-datepicker .mx-input {
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    width: 100%;
    padding: 7px 12px;
    color: #595959;
    letter-spacing: -0.41px;
    font-size: 16px;
    line-height: 24px;
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    box-shadow: none;
    height: auto;
}
.circle_diagramm_wrpr {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.circle_diagramm_wrpr .diagram_number {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.circle_diagramm_wrpr .diagram_number .number {
    font-family: 'Circe';
    font-weight: normal;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    letter-spacing: 0.2px;
    color: #475F7B;
}
.circle_diagramm_wrpr .diagram_number .text {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #828D99;
    margin-top: -2px;
    display: block;
}
.table_filter_trigger.active {
    color: #481AF9;
}
.table_filter_trigger.active svg path {
    fill: #481AF9;
}

.plus_accordion_item .accordion-title {
    font-family: "Noto Sans";
    padding: 12px 24px;
    position: relative;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.41px;
    color: #8594A8;
    cursor: pointer;
    transition: 0.15s all ease-in-out;
    margin: 0;
}
.plus_accordion_item .accordion-title:hover,
.plus_accordion_item ul li a:hover {
    color: #2D415C;
}
.plus_accordion_item .accordion-title:before,
.plus_accordion_item .accordion-title:after {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 1px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #8594A8;
    margin-top: -2px;
    transition: 0.15s all ease-in-out;
}
.plus_accordion_item .accordion-title:after {
    transform: translateY(-50%) rotate(90deg);
}
.plus_accordion_item.active .accordion-title:before,
.plus_accordion_item.active .accordion-title:after {
    transform: translateY(-50%);
    background: #2D415C;
}
.plus_accordion_item.active .accordion-title {
    color: #2D415C;
}
.plus_accordion_item .accordion-content ul li a {
    font-family: "Noto Sans";
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.24px;
    color: #8594A8;
    padding: 8px 24px;
    display: block;
}
.plus_accordion_item .accordion-title .icon {
    display: none;
}
.operations_analytics_page .top_tabs .tabs li {
    flex: initial;
    padding-right: 120px;
}
.system_info_popup_trigger {
    cursor: pointer;
    transition: 0.15s all ease-in-out;
}
.system_info_popup_trigger:hover {
    color: #481AF9;
}
.system_info_popup_anim-enter-active, .system_info_popup_anim-leave-active {
    transition: .5s all ease-in-out;
}
.system_info_popup_anim-enter, .system_info_popup_anim-leave-to {
    right: -100%;
}
.system_info_accordeon_header {
    cursor: pointer;
}
.system_info_accordeon_header.active .wrapper_icon {
    transform: rotate(180deg);
}
.module-box .header-box.system_info_accordeon_header {
    padding-bottom: 0;
}
.system_info_accordeon_body {
    padding-top: 16px;
}
.system_info_closer {
    position: fixed;
    left: 0;
    top: 0;
    width: calc(100vw - 1000px);
    height: 100vh;
    z-index: -1;
    cursor: pointer;
}
.in_html .system_info_popup {
    right: -1000%;
}
.alert_chart_item .chart {
    position: relative;
}
.alert_chart_item .chart .percent {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Circe';
    z-index: 2;
}
.alert_chart_item .chart .percent .number {
    font-weight: 800;
    font-size: 48px;
    line-height: 74px;
    display: block;
    margin-bottom: -5px;
}
.alert_chart_item .chart .percent .symbol {
    display: block;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #ADC1DB;
    margin-left: 2px;
}
.module-card .card.alert_chart_item {
    background: #ECF0F6;
}
.administration_page .top_tabs .tabs li {
    flex: initial;
    padding-right: 110px;
}
.operations_reports_custom .graphic_card_box_3.graphic_circles_row  .graphic_body {
    padding-left: 16px;
    padding-right: 16px;
}
.organization_table.brdr_rad_0 {
    border-radius: 0;
}
.graphic_item .graphic_body .graphic_percent {
    position: absolute;
    top: 18px;
    right: 16px;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.2px;
    color: #475F7B;
    font-family: 'Circe';
    z-index: 2;
}
.graphic_card_box_3 .wrap_grafic.wrap_grafic_2 {
    width: 100%;
}
.mdashboard_load_edit .bar_chart_graph .chartjs-render-monitor {
    height: 146px;
}
.graphic_popup .wrap_item .item {
    transition: 0.15s all ease-in-out;
    cursor: pointer;
}
.graphic_popup .wrap_item .item:hover {
    background: #fcfcfc;
}
.table .t-status {
    padding: 3px 15px 4px 30px;
    min-width: 102px;
    display: inline-block;
    text-align: center;
}
.conftm_page .table_data_center tbody tr td {
    padding: 22px 20px 22px 24px;
}
.add_new_map:hover {
    opacity: 0.6;
}
.btn.disabled,
.btn.disabled:hover {
    pointer-events: none;
    color: #bfbfbf;
    background: #F5F5F5;
    border: 1px solid #D9D9D9;
}
.device_testing_popup .circle_testing {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}
.canvas-change {
    top: 0;
}
.simple_links_list li a:hover {
    color: #1F92A9;
}
.popup_accordion_header {
    cursor: pointer;
}
.popup_accordion_header:hover .btn_icon_only svg path {
    fill: #1F92A9;
}
.popup_accordion_header.active .btn_icon_only {
    transform: rotate(180deg);
}
.table .role-list {
    display: flex;
    align-items: center;
}
.table .role-list li {
    margin: 0 2px;
}
.mini_topology_map .canvas-container {
    height: 250px !important;
    width: 311px !important;
}
.mini_topology_map .map-box {
    overflow: hidden;
}
.collapse-events {
    z-index: 3;
}
.block_fullscreened {
    position: fixed !important;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 0 !important;
    overflow: auto;
}
.topology_box {
    position: relative;
}
.block_fullscreened .h-fix-alert {
    height: auto;
}

ul.tabs {
    display: flex;
    width: 100%;
    overflow-x: auto;
}

ul.tabs li {
    cursor: pointer;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.2px;
    color: #8594A8;
    flex: 1;
    padding-bottom: 12px;
    margin-right: 12px;
    font-family: 'Circe';
    font-weight: 700;
    white-space: nowrap;
}

ul.tabs li.current {
    border-bottom: 2px solid #2D415C;
    color: #2D415C;
}

.tabs-content {
    display: none;
}

.tabs-content.current {
    display: inherit;
}

.btn_icon_only {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrapper_icon {
    display: flex;
    align-items: center;
}

.wrapper_icon .btn_icon_only {
    margin-right: 10px;
}

.btn_icon_only:hover {
    opacity: .6;
}

.wrapper_icon .btn_icon_only:last-child {
    margin-right: 0;
}

.wrapper_tabs {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid #E0E9F5;
    margin-bottom: 40px;
}

.body-box .wrapper {
    display: flex;
    align-items: center;
}

.module-box {
    background: #FFFFFF;
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 24px;
    position: relative;
}

.module-box.module-box_1 {
    padding: 0;
}

.module-box.module-box_1 .header-box {
    padding: 16px;
}

.module-box.module-box_1 .chart {
    padding: 0 16px;
}

.chart img {
    width: 100%;
}

.module-box .header-box .title {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.41px;
    color: #2D415C;
    font-family: "Noto Sans";
}

.module-box .header-box .title span {
    position: relative;
    margin-left: 25px;
}

.module-box .header-box .title span:before {
    content: '';
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translate(0, -50%);
    background: #ADC1DB;
    height: 26px;
    width: 1px;
}

.legend-list {
    flex-shrink: 0;
}

.legend-list li {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.legend-list li:last-child {
    margin-bottom: 0;
}

.legend-list .circle {
    width: 12px;
    height: 12px;
    background: #EB2F96;
    border-radius: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.legend-list .circle.color_1 {
    background: #EB2F96;
}

.legend-list .circle.color_2 {
    background: #FFC53D;
}

.legend-list .text {
    font-size: 14px;
    letter-spacing: -0.24px;
    color: #2D415C;
    font-family: "Noto Sans";
    margin-left: 16px;
}

.module-box .header-box {
    padding-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.module-box .percentage {
    margin-left: 24px;
    width: 100%;
}

.m_t_45 {
    margin-top: 45px;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
}

.col-50 {
    width: 50%;
    padding-left: 12px;
    padding-right: 12px;
}

.col-40 {
    width: 40%;
    padding-left: 12px;
    padding-right: 12px;
}

.col-60 {
    width: 60%;
    padding-left: 12px;
    padding-right: 12px;
}

.col-63 {
    width: 63%;
    padding-left: 12px;
    padding-right: 12px;
}

.col-37 {
    width: 37%;
    padding-left: 12px;
    padding-right: 12px;
}

.col-20 {
    width: 20%;
    padding-left: 12px;
    padding-right: 12px;
}

.col-80 {
    width: 80%;
    padding-left: 12px;
    padding-right: 12px;
}

.col-100 {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
}

.no_padding {
    padding: 0 !important;
}

img {
    vertical-align: middle;
}

/* Стили для контейнера с содержимым вкладки */
.tab-content__item {
    display: none;
}

/* Стили для активного контейнера вкладки */
.tab-content__item.active {
    display: block;
    background: #fff;
    border-radius: 4px;
}

.tabs .tab-header {
    display: flex;
    align-items: center;
    overflow-x: auto;
}

.tabs .tab-header li {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.24px;
    color: #8594A8;
    background: #E0E9F5;
    padding: 8px 30px 8px 8px;
    border-radius: 5px 5px 0 0;
    clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
    cursor: pointer;
    transition: .3s;
    white-space: nowrap;
}

.tabs .tab-header li:nth-child(n+2) {
    margin-left: -17px;
}

.tabs .tab-header li.active {
    position: relative;
    z-index: 4;
    color: #2D415C;
    background: #fff;
    transition: .3s;
}

.tabs .tab-header li .all {
    color: #2d415c;
}

.tabs .tab-header li .error {
    color: #F5222D;
}

.tabs .tab-header li .warning {
    color: #FF7A45;
}

.tabs .tab-header li .info {
    color: #1890FF;
}

.module-box.module-box_bg {
    background: #ECF0F6;
}

.module-table .item_table {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    position: relative;
}

.module-table .item_table.error:before,
.module-table .item_table.warning:before,
.module-table .item_table.info:before {
    content: '';
    position: absolute;
    width: 3px;
    height: calc(100% - 8px);
    left: 0px;
    top: 50%;
    transform: translate(0, -50%);
    border-radius: 2px;
}

.module-table .item_table.error:before {
    background: #F5222D;
}

.module-table .item_table.warning:before {
    background: #FA8C16;
}

.module-table .item_table.info:before {
    background: #18A8FF;
}

.alert_notif_status.info {
    background:#c7e7fb;
}

.alert_notif_status.info:before {
    background: #18A8FF;
}

.module-table .left .title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.41px;
    color: #505965;
    margin-bottom: 4px;
}

.module-table .left .wrap_item {
    display: flex;
}

.module-table .left .wrap_item .label {
    font-size: 12px;
    letter-spacing: 0.4px;
    color: #79C3A7;
    font-family: 'Circe';
}

.module-table .left .wrap_item .date {
    font-size: 14px;
    letter-spacing: -0.24px;
    color: #8594A8;
}

.module-table .left .wrap_item .date .time {
    margin: 0 5px;
}

.module-table .left .wrap_item .date .ago {
    font-size: 12px;
    letter-spacing: -0.08px;
    color: #ADC1DB;
}

.module-table .left .wrap_item .device {
    font-size: 14px;
    letter-spacing: -0.24px;
    color: #8594A8;
}

.module-table .left .wrap_item .item {
    margin-right: 17px;
}

.module-table .left .wrap_item .item:last-child {
    margin-right: 0;
}

.alert_notif_status.error {
    background: #FFF1F0;
}

.alert_notif_status.error:before {
    background: #F5222D;
    border: 1px solid #FFFFFF;
}

.wrap_device_table {
    padding: 4px;
}

.device_table {
    width: 100%;
    background: #FAFAFA;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
    border-radius: 16px;
    border-collapse: collapse;
    overflow: hidden;
}

.device_table tr td {
    padding: 24px 0;
}

.device_table tr td:nth-child(1) {
    width: 40%;
    padding-left: 15px;
}

.device_table tr td:nth-child(2) {
    width: 15%;
}

.device_table tr td:nth-child(3) {
    width: 15%;
}

.device_table tr td:nth-child(4) {
    width: 30%;
    padding-right: 15px;
}

.device_table.device_table_2 tr td:nth-child(2) {
    width: 12%;
}

.device_table.device_table_2 tr td:nth-child(3) {
    width: 12%;
}

.device_table.device_table_2 tr td:nth-child(4) {
    width: 12%;
    padding-right: 0;
}

.device_table.device_table_2 tr td:nth-child(5) {
    width: 12%;
}

.device_table.device_table_2 tr td:nth-child(6) {
    width: 12%;
    padding-right: 15px;
}

.device_table.device_table_3 tr td:nth-child(1) {
    width: 80%;
    padding-left: 15px;
    padding-right: 15px;
}

.device_table.device_table_3 tr td:nth-child(2) {
    width: 10%;
}

.device_table.device_table_3 tr td:nth-child(3) {
    width: 10%;
    padding-right: 15px;
}

.device_table.device_table_3 tr td .title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.41px;
    color: #2D415C;
    display: block;
}

.device_table.device_table_3 {
    box-shadow: none;
    border-radius: 0 0 16px 16px;
}

.device_table.device_table_4 .wrap_img {
    min-width: 29px;
    min-height: 29px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    overflow: hidden;
}

.device_table.device_table_4 tr td:nth-child(1) {
    width: auto;
    min-width: 75px;
    padding-left: 15px;
    padding-right: 0;
}

.device_table.device_table_4 tr td:nth-child(2) {
    width: 70%;
    padding-right: 15px;
}

.device_table.device_table_4 tr td:nth-child(3) {
    width: 10%;
}

.device_table.device_table_4 tr td:nth-child(4) {
    width: 10%;
    padding-right: 10px;
}

.device_table.device_table_5 tr td:nth-child(1) {
    width: 6%;
    padding-left: 10px;
}

.device_table.device_table_5 tr td:nth-child(2) {
    width: 65%;
    padding-right: 70px;
}

.device_table.device_table_5 tr td:nth-child(3) {
    width: 30%;
    padding-right: 15px;
}

.device_table.device_table_3 tr td .sub_title {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.08px;
    color: #ADC1DB;
}

.device_table.device_table_3 tr td {
    padding: 13px 0;
}

.device_table thead tr td {
    font-size: 12px;
    letter-spacing: 0.4px;
    color: #2D415C;
    font-family: 'Circe';
}

.device_table tbody tr td {
    font-size: 14px;
    letter-spacing: -0.24px;
    color: #2D415C;
    background: #fff;
}

.device_table tbody tr {
    padding: 0 15px;
}

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

.table_utilization .row_devices {
    display: flex;
}

.table_utilization .in-progress {
    background: #ECF0F6;
    box-shadow: 12px 12px 24px #DDDEE1, -12px -12px 24px #FFFFFF;
    border-radius: 16px;
    padding: 12px;
}

.table_utilization .row_devices .title {
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.4px;
    color: #8594A8;
    font-family: 'Circe';
}

.table_utilization .row_devices .info {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.41px;
    color: #2D415C;
}

.table_utilization .row_devices .info span {
    color: #8594A8;
}

.table_utilization .row_devices .item {
    flex-shrink: 0;
    position: relative;
}

.table_utilization .row_devices .item:nth-child(1) {
    min-width: 170px;
}

.table_utilization .row_devices .item:nth-child(2) {
    min-width: 112px;
}

.table_utilization .row_devices .item:nth-child(3) {
    min-width: 192px;
}

.table_utilization .row_devices .item:nth-child(4) {
    min-width: 112px;
}

.table_utilization {
    position: relative;
    margin-bottom: 24px;
}

.table_utilization:before {
    content: '';
    position: absolute;
    width: calc(100% - 163.2px);
    top: 57px;
    left: 0;
    border-bottom: 1px solid #E0E9F5;
    margin-right: 8px;
}

.table_utilization .row_devices:nth-child(1) {
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.table_utilization .row_devices .item:nth-child(n + 2) {
    padding-left: 16px;
}

.table_utilization .row_devices .item:nth-child(n + 2):after {
    content: '';
    position: absolute;
    border-left: 1px solid #E0E9F5;
    width: 1px;
    height: 43px;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.table_utilization .left {
    overflow-x: auto;
    padding-right: 30px;
    margin-right: 8px;
    overflow-y: hidden;
}

.module-card {
    display: flex;
    margin-bottom: 24px;
}

.module-card .card {
    background: #F3F4F7;
    box-shadow: 12px 12px 24px #DDDEE1, -12px -12px 24px #FFFFFF;
    border-radius: 16px;
    padding: 8px 24px;
    margin-right: 24px;
    flex-shrink: 0;
}

.module-card .card:last-child {
    margin-right: 0;
}

.module-card .left {
    margin-right: 24px;
}

.module-card .card.card_1 {
    display: flex;
    align-items: center;
}

.module-card .card .title {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.41px;
    color: #8594A8;
    margin-bottom: 10px;
}

.module-card .card.card_3 .title {
    margin-bottom: 0;
}

.module-card .card.card_3 {
    min-width: 298px;
}

.module-card.module-card_2 {
    margin-top: 32px;
    margin-bottom: 40px;
}

.module-card.module-card_2 .card.card_3 {
    max-width: 289px;
    min-width: 0;
}

.module-card .card.card_1 .legend .item {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.module-card .card.card_1 .legend .item:last-child {
    margin-bottom: 0;
}

.module-card .card.card_1 .legend .label {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.24px;
    color: #505965;
    margin-left: 4px;
}

.module-card .card.card_1 .legend .color {
    width: 16px;
    height: 4px;
    border-radius: 2px;
}

.module-card .card.card_1 .legend .color.color_1 {
    background: #EB2F96;
}

.module-card .card.card_1 .legend .color.color_2 {
    background: #FFC53D;
}

.module-card .card .wrap_top {
    display: flex;
    align-items: center;
}

.module-card .card .wrap_top .hour {
    padding: 5px 8px;
    background: #E0E9F5;
    border-radius: 8px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: -0.24px;
    color: #8594A8;
    margin-left: 85px;
}

.module-card .card .wrap_top .title {
    margin-bottom: 0;
}

.module-card .card .wrap_top {
    margin-bottom: 30px;
}

.module-card .card .wrap_bottom .time {
    font-weight: 800;
    font-size: 52px;
    letter-spacing: 0.2px;
    color: #1C2026;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Circe';
}

.module-card .card .wrap_bottom .time span {
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.2px;
    color: #8594A8;
    margin-left: 8px;
}

/*.module-table.table_small_title .title {*/
/*    white-space: nowrap;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    max-width: 250px;*/
/*}*/

.graphic_card_box.graphic_card_box_2 {
    margin-bottom: 24px;
}

.graphic_card_box_25 {
    width: calc(25% - 24px);
}

.graphic_card_box_75 {
    width: calc(75% - 24px);
}

.graphic_card_box_100 {
    width: calc(100% - 24px);
}

.graphic_card_box_100_2 {
    width: 100%;
}

.graphic_card_box_3 {
    display: flex;
    flex-direction: column;
}

.graphic_card_box_3 .graphic_header {
    padding: 16px 16px 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.graphic_card_box_3 .graphic_header .price {
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0.2px;
    color: #475F7B;
    font-family: 'Circe';
}

.graphic_card_box_3 .graphic_name {
    font-family: "Noto Sans";
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.41px;
    color: #475F7B;
}

.graphic_card_box_3 .graphic_body {
    padding: 26px 16px 16px 16px;
    flex-direction: column;
    align-items: center;
}

.graphic_card_box_3 .legend {
    display: flex;
    align-items: center;
    margin-top: 19px;
}

.graphic_card_box_3 .legend li .circle {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
}

.graphic_card_box_3 .legend li .circle.color_1 {
    background: #C3BDF3;
}

.graphic_card_box_3 .legend li .circle.color_2 {
    background: #475F7B;
}

.graphic_card_box_3 .legend li .circle.color_3 {
    background: #481AF9;
}

.graphic_card_box_3 .legend li .text {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.24px;
    color: #727E8C;
    margin-left: 8px;
}

.graphic_card_box_3 .legend li {
    margin-right: 18px;
    display: flex;
    align-items: center;
}

.graphic_card_box_3 .legend li:last-child {
    margin-right: 0;
}

.graphic_card_box_3 .wrap_grafic.wrap_grafic_2 {
    margin-top: auto;
}

.table_load .wrap_box_table {
    display: flex;
    align-items: center;
}

.table_load .wrap_box_table .left {
    flex-shrink: 0;
}

.table_load .wrap_box_table .right {
    margin-left: 13px;
}

.table_load .wrap_box_table .right .rate {
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #727E8C;
    font-family: 'Circe';
    margin-bottom: 8px;
    white-space: pre;
}

.table_load .wrap_box_table .right .rate span {
    color: #27AE60;
}

.table_load .wrap_box_table .right .date {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.08px;
    color: #828D99;
    position: relative;
    padding-left: 14px;
    white-space: pre;
}


.table_load .wrap_box_table .right .date:before {
    content: '';
    width: 6px;
    height: 6px;
    border: 1px solid #27AE60;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.graphic_body.graphic_body_1 {
    display: block;
    overflow-x: scroll;
    padding: 26px 0 16px 0;
}

.table_load tbody tr {
    border-top: 1px solid #C3BDF3;
}

.table_load thead tr:nth-child(1) td {
    padding: 0 96px 0 16px;
}

.table_load thead tr:nth-child(2) td {
    padding: 23px 16px 6px 16px;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.4px;
    color: #857DA4;
}

.table_load tbody tr td {
    padding: 17px 16px;
}

.table_load {
    border-collapse: collapse;
    width: 100%;
}

.table_load tbody tr:last-child {
    border-bottom: none;
}

.table_load tbody tr .wrap_icon {
    display: flex;
    align-items: center;
}

.table_load tbody tr .wrap_icon .icon {
    margin-right: 14px;
    flex-shrink: 0;
}

.table_load tbody tr span {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.41px;
    color: #727E8C;
}

.graphic_cards_wrpr_relative {
    position: relative;
}

.realign {
    position: absolute;
    z-index: 99;
}

.realign.left_right {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.realign.top.position_1 {
    left: 11.5%;
    top: -19px;
}

.realign.top.position_2 {
    left: 37%;
    top: -19px;
}

.realign.top.position_3 {
    left: 74%;
    top: -19px;
}

.realign.bottom.position_1 {
    left: 11.5%;
    bottom: -9px;
}

.realign.bottom.position_2 {
    left: 64%;
    bottom: -9px;
}

.realign.top .icon,
.realign.bottom .icon {
    transform: rotate(90deg);
}

.realign .icon {
    width: 30px;
    height: 30px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 5px solid #79C3A7;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.realign .icon svg path {
    fill: #8594A8;
}

.tabs_2 {
    margin-top: 40px;
}

.tabs_2 .tab-content__item.active {
    border-radius: 0px 16px 16px 16px;
}

.top_section {
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tabs_2 .top_section .center {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.41px;
    color: #2D415C;
}

.table_data_center {
    border-collapse: collapse;
    width: 100%;
}

.wrap_table_data_center {
    overflow-x: auto;
}

.table_data_center thead tr td {
    padding: 12px 20px 12px 24px;
    white-space: nowrap;
}

.table_data_center thead tr td {
    background: #FAFAFA;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.4px;
    color: #2D415C;
    font-family: 'Circe';
}

.table_data_center tbody tr td {
    padding: 24px 20px 24px 24px;
    white-space: nowrap;
}

.table_data_center tr {
    transition: .3s;
}

.table_data_center .bg_row {
    background: #F6FFED;
}

.table_data_center tr:hover {
    box-shadow: 0px 8px 16px rgba(173, 193, 219, 0.24);
    transition: .3s;
}

.table_data_center tbody tr td.date span {
    color: #ADC1DB;
}

.table_data_center tbody tr td {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.24px;
    color: #2D415C;
}

.table_data_center tbody tr td.menu {
    position: relative;
}

.table_data_center tbody tr td.menu:hover {
    cursor: pointer;
}

.table_data_center tbody tr td.menu:hover .context_menu {
    display: block;
    transition: .3s;
}

.table_data_center tbody tr:last-child td.menu .context_menu {
    bottom: 68px;
}

.top_section .title {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.41px;
    color: #2D415C;
}

.linked_icon {
    font-size: 14px;
    letter-spacing: -0.24px;
    color: #13C2C2;
    display: flex;
    align-items: center;
    transition: .3s;
}

.linked_icon:hover {
    opacity: .7;
    transition: .3s;
}

.linked_icon .icon {
    margin-right: 11px;
}

.linked_icon .icon svg {
    display: flex;
}

.table_data_center .form-control {
    margin: 0;
}

.context_menu {
    background: #FFFFFF;
    border: 1px solid #E0E9F5;
    box-shadow: 0px 2px 3px rgba(102, 102, 102, 0.12);
    border-radius: 8px;
    position: absolute;
    right: -104px;
    display: none;
    transition: .3s;
    z-index: 99;
}

.context_menu li {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.24px;
    color: #505965;
}

.context_menu li a {
    display: block;
    padding: 8px 12px;
    transition: .3s;
}

.context_menu li a:hover,
.context_menu li a.active {
    background: #E6FFFB;
    transition: .3s;
}

.wrap_big_breadcrumbs {
    position: relative;
}

.wrap_big_breadcrumbs .wrapper_icon {
    position: absolute;
    top: 0;
    right: 0;
}

.numberstat_cards_wrpr {
    overflow-x: auto;
}

.box_diagram {
    background: #ECF0F6;
    box-shadow: 12px 12px 24px #DDDEE1, -12px -12px 24px #FFFFFF;
    border-radius: 16px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrapper_icon.wrapper_icon_2 a {
    margin-right: 50px;
}

.wrapper_icon.wrapper_icon_2 a:last-child {
    margin-right: 0;
}

.module-box.module-box_2 .graphic_item .graphic_body .graphic_wrpr {
    padding-top: 0;
}

.module-box.module-box_2 .graphic_card_box,
.module-box.module-box_2 .graphic_cards_wrpr {
    margin: 0;
}

.module-box.module-box_2 .graphic_card_box {
    border-radius: 16px;
}

.select.select_2 select {
    padding: 8px 30px 8px 8px;
}

.select.select_2 {
    margin-left: 20px;
    background: #fff url('../img/select-arrow.svg') no-repeat calc(100% - 8px) 50%;
    background-size: 14px;
}

.add_new_map {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.2px;
    color: #1F92A9;
    font-family: 'Circe';
    margin-left: 17px;
}

.add_new_map .icon {
    margin-right: 10px;
}

.add_new_map .icon svg {
    display: flex;
}

.graphic_popup .title_main {
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0.2px;
    color: #2D415C;
    font-family: 'Circe';
    margin-bottom: 28px;
}

.graphic_popup .wrap_item {
    display: flex;
    flex-wrap: wrap;
    margin-left: -6px;
    margin-right: -6px;
}

.graphic_popup .wrap_item .item {
    padding: 16px;
    text-align: center;
    background: #fff;
    margin-bottom: 12px;
    position: relative;
    min-height: 270px;
}

.graphic_popup .wrap_item .item.item_2 {
    padding: 16px 16px 0 16px;
}

.graphic_popup .wrap_item .item.item_3 {
    padding: 16px 0 0 0;
}

.graphic_popup .wrap_item .item.item_2 .chart,
.graphic_popup .wrap_item .item.item_3 .chart {
    width: auto;
}

.graphic_popup .wrap_item .col_3 {
    width: 33.3333333%;
    padding-left: 6px;
    padding-right: 6px;
}

.graphic_popup .wrap_item .item .title {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0.24px;
    color: #2D415C;
    margin: 0 auto 8px auto;
    max-width: 275px;
}

.graphic_popup .wrap_item .item .sub_title {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.08px;
    color: #2D415C;
    margin: 0 auto 24px auto;
    max-width: 275px;
}

.graphic_popup .wrap_item .item .chart {
    width: 146px;
    margin: 0 auto;
}

.graphic_popup .wrap_item .item .chart svg {
    width: 100%;
    height: 100%;
}

.max_w_1076 {
    max-width: 1076px;
}

.max_w_670 {
    max-width: 670px;
}

.max_w_364 {
    max-width: 364px;
}

.fieldset_2 .col_3 {
    width: 33.333333%;
}

.fieldset_2 .col_50 {
    width: 50%;
}

.fieldset_2 .wrap_radio_btn .title_radio {
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #505965;
    margin-bottom: 16px;
    font-family: 'Circe';
}

.fieldset_2 .wrap_radio_btn {
    margin-left: 56px;
}

.fieldset_2 .wrap_radio_btn.wrap_radio_btn_2 {
    margin-left: 0;
}

.fieldset_2 .form-control .circle_radio_btn {
    margin-bottom: 3px;
    white-space: nowrap;
}

.fieldset_2 .input_details_select:hover {
    background-color: #FAFAFA;
    cursor: auto;
}

.wrap_table_box {
    background: #FFFFFF;
    border-radius: 16px;
}

.filter_box {
    display: flex;
    align-items: center;
}

.filter_box li a {
    background: #fff;
    border: 1px solid #D9D9D9;
    padding: 4px 10px;
    transition: .3s;
}

.filter_box li:first-child a {
    border-radius: 2px 0 0 2px;
}

.filter_box li:last-child a {
    border-radius: 0 2px 2px 0;
}

.filter_box li.active a,
.filter_box li a:hover {
    border: 1px solid #1890FF;
    color: #1890FF;
    transition: .3s;
}

.top-nav .menu_mobile {
    display: none;
}

.left-sidebar .sidebar-navigation.on_menu {
    right: 0;
    transition: .3s;
}

.overflow_auto {
    overflow-x: auto;
}

.system_info_popup .module-box.module-box_2 {
    box-shadow: 12px 12px 24px #DDDEE1, -12px -12px 24px #FFFFFF;
}

.sites_map .maps {
    width: 100%;
    height: 100%;
}

.maps div#map {
    height: 100%;
    width: 100vh;
}

.operation-actions a {
    white-space: nowrap;
}

.operation-actions span {
    margin: 0 4px;
}

.checkmark {
    flex-shrink: 0;
}