:root {
    --text-primary: #00283A;
    --border-primary: #DDE2E4;
    --accent-primary: #26A7E1;
    --icon-primary: #397490;
    --white: #fff;
    --small-arrow-down: #48758B;
    --toggle-check-bg: #DFE9EE;
    --temp-bg: #FDF8FF;
    --temp-accent: #B126E1;
    --text-secondery: #9DB0B7;
    --table-row-hover: #F6F8F9;
    --icon-hover-table: #397490;
    --icon-color: #397490;
    --graph-light-green: #BDF4BB;
    --graph-green: #10BB0C;
    --graph-yellow: #FFC90B;
    --graph-light-red: #F4BBBB;
    --graph-red: #E12525;
    --checkbox-border: #C5D3D9;
    --icon-color-in-input: #9AA6AC;
    --navy-100: #B2D0DE;
    --navy-200: #4A7B93;
    --navy-300: #184B64;
    --shadow: 0px 0px 1px rgba(26, 32, 36, 0.32), 0px 1px 2px rgba(91, 104, 113, 0.32);
    --border-radius-7: 7px;
    --border-radius-5: 5px;
    --yellow-100: #FFFEEB;
    --red-100: #FFF9FA;
    --blue-100: #F1FBFF;
    --purple-100: #FDF8FF;
    --orange-100: #FFFBEF;
    --sky-100: #ECFFFE;
    --grey-100: #F9F9F9;
    --green-100: #F1FFF2;
}

body {
    font-family: 'Noto Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: var(--text-primary);
}

body.sidebar-collapsed .wrapper_main,
body.sidebar-collapsed .header-dash,
body.sidebar-collapsed .pagination.fixed {
    padding-left: 64px;
}

.wrapper_main {
    padding-top: 70px;
    padding-left: 260px;
    transition: padding .3s ease;
}

.footer-fixed {
    padding-bottom: 70px;
}

.content {
    padding: 15px 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Noto Sans', sans-serif;
    color: var(--text-primary);
    font-style: normal;
    line-height: 20px;
    font-weight: 600;
}

.btn {
    font-family: 'Noto Sans', sans-serif;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius-7);
    border: 1px solid transparent;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    transition: all ease-in-out 0.3s;
    text-transform: capitalize;
}

.btn span:not(:first-child) {
    margin-left: 10px;
}

.btn-w-shadow {
    color: var(--icon-primary);
    box-shadow: var(--shadow);
}

.btn-w-shadow:hover {
    background-color: var(--table-row-hover);
}

.btn-transp {
    color: var(--icon-primary);
}

.btn-w-shadow.active {
    background-color: var(--table-row-hover);
    box-shadow: none;
    color: var(--accent-primary);
}

.btn.red-color {
    color: var(--graph-red);
}

.btn-w-shadow span,
.btn-action span,
.btn-transp span {
    color: var(--text-primary);
}

.btn-w-shadow.active span {
    color: var(--accent-primary);
}

.btn-center.btn span {
    flex: auto;
    text-align: center;
    margin-left: -24px;
    padding: 0 24px;
}

.btn-primary {
    color: var(--white);
    background-color: var(--accent-primary);
    box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.btn-primary:hover {
    background-color: #2981a9;
}

.btn-danger {
    color: var(--white);
    background-color: var(--graph-red);
    box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.2);
}

.btn-action {
    border-color: var(--border-primary);
    color: var(--icon-primary);
}

.btn-sm {
    padding: 7px;
}

.btn-icon {
    width: 24px;
    height: 24px;
    border: none;
    color: var(--icon-color);
}

.btn-icon:hover {
    opacity: .6;
}

.btn-transp:hover,
.btn-transp.active {
    background-color: var(--table-row-hover);
}

.btn-standart {
    padding: 7px 12px;
}

.btn-standart-2 {
    padding: 7px 10px;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-setings {
    flex: 0 0 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--table-row-hover);
    border-radius: 0 7px 7px 0;
}

.uppercase {
    text-transform: uppercase;
}

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

.text-end {
    text-align: right !important;
}

.w-100 {
    width: 100%;
}

.w-max-none {
    max-width: none !important;
}

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

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: var(--icon-color-in-input);
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: var(--icon-color-in-input);
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: var(--icon-color-in-input);
}

:-moz-placeholder {
    /* Firefox 18- */
    color: var(--icon-color-in-input);
}

.module__check input,
.module__radio input {
    display: none;
}

.module__check {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.module__check.around{
    cursor: auto;
}

.module__check .text {
    color: var(--text-primary);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    margin-left: 6px;
}

.module__check .check {
    width: 22px;
    height: 22px;
    border: 1px solid var(--checkbox-border);
    border-radius: var(--border-radius-5);
    background-color: var(--white);
    flex-shrink: 0;
}

.module__check input:checked+.check {
    background-color: var(--accent-primary);
    background-image: url("../img/Check.svg");
    background-repeat: no-repeat;
    background-position: center;
    border-color: var(--accent-primary);
}

.module__check.around .check {
    width: 12px;
    height: 12px;
    border: 1.4px solid var(--border-primary);
    border-radius: 50%;
    position: relative;
    flex-shrink: 0;
}

.module__check.around input:checked+.check {
    background-image: none;
    border-color: var(--border-primary);
    background-color: transparent;
}

.module__check.around.red .check {
    border-color: var(--graph-red);
}

.module__check.around.red input:checked+.check {
    border-color: var(--graph-red);
}

.module__check.around.red input:checked+.check:before {
    background-color: var(--graph-red);
}

.module__check.around.green .check {
    border-color: var(--graph-green);
}

.module__check.around.green input:checked+.check {
    border-color: var(--graph-green);
}

.module__check.around.green input:checked+.check:before {
    background-color: var(--graph-green);
}

.module__check.around input:checked+.check:before {
    content: '';
    background-color: var(--border-primary);
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.module__radio {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

.module__radio .text {
    margin-left: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}

.module__radio .check {
    width: 14px;
    height: 14px;
    border: 1px solid var(--border-primary);
    border-radius: 50%;
    position: relative;
    flex-shrink: 0;
}

.module__radio input:checked+.check:before {
    content: '';
    background: var(--border-primary);
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.toggle-check {
    position: relative;
    cursor: pointer;
    display: inline-block;
}

.toggle-check input {
    width: 1px;
    height: 1px;
    position: absolute;
}

.toggle-check__body {
    display: block;
    width: 42px;
    height: 24px;
    border-radius: 21px;
    background-color: var(--toggle-check-bg);
    transition: all .3s ease-in-out;
    position: relative;
}

.toggle-check__body:not(:only-child) {
    margin-right: 10px;
}

.toggle-check__body:last-child {
    margin-left: 10px;
    margin-right: 0;
}

.toggle-check__body-wrapper {
    display: flex;
    align-items: center;
}

.toggle-check__hendler {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: var(--white);
    box-shadow: var(--shadow);
    z-index: 1;
    transition: all .3s ease-in-out;
}

.text-check {
    display: none;
}

.text-check,
.text-not-check {
    min-width: 66px;
    font-size: 16px;
    line-height: 20px;
    color: var(--text-primary);
}

.toggle-check input:checked+.toggle-check__body-wrapper .toggle-check__body {
    background-color: var(--accent-primary);
}

.toggle-check input:checked+.toggle-check__body-wrapper .text-check {
    display: block;
}

.toggle-check input:checked+.toggle-check__body-wrapper .text-not-check {
    display: none;
}

.toggle-check input:checked+.toggle-check__body-wrapper .toggle-check__body .toggle-check__hendler {
    left: 21px;
}

.input {
    width: 100%;
    padding: 9px;
    background-color: var(--white);
    box-shadow: var(--shadow);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    border-radius: var(--border-radius-7);
}

.form-search {
    position: relative;
    display: flex;
    box-shadow: var(--shadow);
    border-radius: var(--border-radius-7);
}

.form-search .input {
    flex: auto;
    padding: 9px 9px 9px 44px;
    border-radius: 7px 0 0 7px;
    box-shadow: none;
}

.btn-seach {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
}

input.bg-left {
    padding: 9px 9px 9px 44px;
}

.search-icon {
    background-image: url(../img/search-loupe.svg);
    background-position: left 10px center;
    background-repeat: no-repeat;
}

#app,
.hydrated {
    display: block;
    height: 100%;
}

.fragment {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    height: 100%;
}

.top_position {
    top: auto !important;
    bottom: 100%;
}