:root {

    --pad-bootstrap: 15px;
    --pad-bootstrap-negative: -15px;

    /*
    media-phone: max 640px;
    media-tablet: max 1024px;
    --media-desktop-small: max 1200px;
    --media-desktop-mid: max 1400px;
    */

    --f: 14px; /* standard font size */
    --f-sm: calc(var(--f)/* - 1px*/); /* smaller font size */
    --f-13: calc(var(--f) *13 / 14); /* smaller font size */
    --f-xs: calc(var(--f) * 12 / 14); /* smaller font size */
    --f-tiny: calc(var(--f) * 10 / 14); /* smaller font size */
    --p: 16px; /* standard padding */
    --p-half: calc(var(--p) * 0.5); /* bigger padding (19px) */
    --p-bigger: calc(var(--p) * 19 / 16); /* bigger padding (19px) */
    --p-big: calc(var(--p) * 24 / 16); /* bigger padding (19px) */
    --p2: calc(var(--p) * 28 / 16); /* bigger padding (28px) */
    --px: calc(var(--pad-bootstrap) * 2); /* external padding corresponding to Bootstrap */
    --i: calc(var(--f) * 20 / 14); /* default icon size (menu bars etc.) */
    --i-small: calc(var(--i) * 0.64);
    --i-med: calc(var(--i) * 28);
    --i-l: calc(var(--i) * 40);
    --f-btn-i: var(--i);

    --lh: 1.4; /* default line height */
    --lh-bigger: 1.6;
    --lh-small: 1.16; /* small line height */

    --w-sidebar-open: 270px;
    --w-sidebar-retracted: 38px;
    --w-sidebar: var(--w-sidebar-open);
    --h-top-bar: 66px;
    --w-central-content: 1028px;

    --w-block-card: 320px;
    --w-block-card-halfrow: calc(50% - var(--px));/*405px*/
    --w-block-card-fullrow: calc(100% - var(--px));
}
@media (max-width: 1200px) {
    :root {
        --f: 13px;
        --w-sidebar-open: 240px;
        --h-top-bar: 56px;
        --w-block-card-halfrow: calc(100% - var(--px));
    }
}

body[data-admin="0"],
body.in-iframe { /* No bars for non-admin access or within iframe */
    --w-sidebar: 0;
    --h-top-bar: 0;
}

body .hide-all-after ~ * {
    display: none !important;
    visibility: hidden !important;
}

body[data-page="charts"] {
    --w-central-content: 1110px;
    --w-block-card: calc(33.3333% - var(--px));
    --w-block-card-halfrow: calc(50% - var(--px));
}
@media (max-width: 1200px) {
    body[data-page="charts"] {
        --w-block-card: calc(100% - var(--px));
        --w-block-card-halfrow: calc(100% - var(--px));
    }
}

:root {
    --pad-block: calc(var(--p) * 28 / 16);
    --pad-block-inter: var(--p2); /* used inside blocks (between elements) */
    --pad-inter: var(--pad-block-inter);
    --pad-inter-sm: calc(var(--p) * 24 / 16);
    --pad-inter-big: var(--px);

    --pad-default: var(--p);
    --pad-default-huge: calc(var(--p) * 44 / 16);
    --pad-default-bigger: calc(var(--p) * 20 / 16);
    --pad-default-med: calc(var(--p) * 13 / 16);
    --pad-default-small: calc(var(--p) * 10 / 16);
    --pad-default-smaller: calc(var(--p) * 8 / 16);
    --pad-default-tiny: calc(var(--p) * 6 / 16);
    --pad-item-h: calc(var(--p) * 8 / 16);
    --pad-tag-h: var(--pad-default-tiny);
    --pad-tag: var(--pad-tag-h) var(--pad-item-h);
    --pad-item: calc(var(--p) * 4 / 16) var(--pad-item-h);
    --pad-item-h-small: calc(var(--p) * 8 / 16);
    --pad-item-v-small: calc(var(--p) * 4 / 16);
    --pad-item-small: var(--pad-item-v-small) var(--pad-item-h-small);
    --corner-dist: var(--pad-default-small);
    /*--corner-dist: calc(var(--pad-block) * 0.5);*/
    --corner-dist-h: calc(var(--corner-dist) * 1.25);
    --corner-dist-v: calc(var(--corner-dist) * 0.8);

    /*--f-title: calc(var(--f)*28/15);*/
    --f-title: calc(var(--f)*26/14);
    --f-title-med: calc(var(--f)*24/15);
    /*--f-title-block: calc(var(--f)*19/15);*/
    --f-title-block: calc(var(--f)*18/14);
    --f-title-sub: calc(var(--f)*15/15);
    /*--f-title-sub-smaller: calc(var(--f)*14/15);*/
    --f-title-sub-smaller: calc(var(--f)*14/14);
    /*--f-block-logo: calc(var(--f)*18/15);*/
    --f-block-logo: calc(var(--f)*18/14);

    --f-field: var(--f-sm); /* standard font size */
    --f-field-label: var(--f-field); /* standard font size */
    --f-field-val-tags: var(--f-tiny); /* standard font size */
    --pad-field-v: var(--pad-default-smaller);
    --pad-field-h: var(--p);
    --pad-field: var(--pad-field-v) var(--pad-default-tiny) var(--pad-field-v) var(--pad-field-h);
    --pad-field-wrap-v: calc(var(--pad-inter-sm) * 0.5);
    /*--pad-field-wrap-h: 0;*/

    --size-field-image: calc(var(--f) * 116 / 15);
    --pad-field-image: 8px;
    --size-field-image-icon: calc(var(--i) * 32 / 20);
    --size-field-file: calc(var(--f) * 174 / 15);

    --pad-checkbox-left: var(--p2);

    --border-input-wrap: var(--border);
    --border-radius-input-wrap: var(--border-radius-small);
    --border-radius-item: 8px;

    --i-alert: calc(var(--i) * 56 / 20);
    --w-alert-popup: 440px;
    --w-alert-popup-ync: 500px;

    --c-main: #3F434A;
    --c-main: #001D6C;
    --c-black: #000000;
    --c-lighter: #595F69;
    --c-opacity-lighter: 0.85;  /* same effect as c-lighter compared to c-main */
    --c-pale: #8A9099;
    --c-opacity-pale: 0.7; /* same effect as c-pale compared to c-main */
    --c-white: white;

    --bg-field: var(--c-white);
    --c-field: var(--c-main);

    --size-block-logo: calc(var(--f)*64/15);
    --size-block-logo-small: calc(var(--f)*48/15);
    --pad-block-logo-small: calc(var(--f)*4/15);

    --border-radius: 16px;
    --border-radius-big: 28px;
    --border-radius-small: 10px;

    --w-limit-element: 640px;
    --w-col-one-action: 125px;

    --f-tabs: var(--f-sm);
    --f-descr-tiny: var(--f-tiny);

    --fs-title-huge: 48px;
    --fs-title-bigger: 32px;
    --fs-title-big2: 26px;
    --fs-title-big: 20px;
    --fs-title-med: 18px;
    --fs-title-sm: 16px;
    --fs-title-tiny: var(--f);
    --fs-title-micro: 12px;
    --fs-label-small: 11px;
    --fs-descr-big: 13px;
    --fs-descr-med: 12px;
    --fs-descr-sm: 11px;

    --c-active: #1CA4FE;
    --c-active: #3865FD;
    --c-active-lighter: #577dff;
    --c-inactive: #AAA;
    --c-inactive-light: #F4F4F4;
    --c-border: #E8E9EB;
    --c-border-btn: #3f434a;
    --border: 1px solid var(--c-border);
    --c-separator: var(--c-border); /*(0, 0, 0, 0.12);*/
    --c-orange: #fd7f74;
    --c-orange: #ffd07b;
    --c-orange-darker: #af8030;
    --c-yellow: #ebc85f;
    --c-yellow-darker: #cb9d15;
    --c-green: #20A144;
    --c-green-darker1: #14752f;
    --c-blue: #1ca4fe;
    --c-magenta: #9473b0;
    --c-red: #fe1c1c;
    --c-red: #ff4576;

    --bg-main: white;
    --bg-content: #F4F5FF; /*#F8F8F8*/
    --bg-top-bar: #F9FAFF;
    --bg-window: var(--bg-content);
    /*--bg-content: #f6fbff; Blue*/
    /*not used:*/--bg-gradient: radial-gradient(circle, #d1ecfd, #d8effe, #dff1fe, #e6f4ff, #edf7ff, #edf7ff, #edf7ff, #edf7ff, #e6f4ff, #dff1fe, #d8effe, #d1ecfd);
    --bg-light: #F8F8F8;
    --bg-selected: #F4F4F4; /*rgba(0, 0, 0, 0.06);*/
    --bg-selected-more: #F0F0F0; /*rgba(0, 0, 0, 0.06);*/
    --bg-selected-more2: #D0D0D0; /*rgba(0, 0, 0, 0.06);*/
    --bg-selected-menu: var(--bg-window); /*rgba(0, 0, 0, 0.06);*/
    --bg-item: #e9eaec;
    --bg-tag: var(--bg-item);
    --bg-default: rgba(0, 0, 0, 0.1);
    --bg-blue: #1ca4fe;
    --bg-blue2: #214cff;
    --bg-sky: #e9f5fe;
    --bg-magenta: #9473b0;
    --bg-orange: #ff965d;
    --bg-orange: #ffd07b;
    --bg-orange-pale: #fff1ea;
    --bg-red: #f05f5f;
    --bg-red: #ff4576;
    --bg-red-pale: #fbc9c9; /*#ffb6b6*/
    --bg-yellow: #ffd240;
    --bg-yellow-pale: #fff7db;
    --bg-green: #52d1a8;
    --bg-green: #3be2c0;
    --bg-green-pale: #f1fbf4;
    --bg-action: var(--bg-blue);
    --bg-action-btn: #5f87f0;
    --bg-action-btn: #3865FD;
    --bg-action-hover: #112e66;
    --bg-btn-light-hover: #f4f4f4;
    --bg-inactive: #DDD;
    --bg-active: #F4F4F4;
    --bg-active: #f5f7fd;
    --bg-email: #f6f6f6;
    --bg-facebook: #4065b3;
    --bg-facebook: #1b74e4;

    --fs-default: var(--f);
    --fs-btn: 14px;
    --fs-btn-small: calc(var(--fs-btn)*0.8);
    --fs-table-small: 10px;
    --fs-table-small-header: 9.5px;
    --fs-input-small: 11px;

    --shadow-top-blocks: 0 1px 0 0 rgba(1, 18, 67, 0.08);
    --shadow-top-blocks-right: 1px 0 0 0 rgba(1, 18, 67, 0.08);
    --shadow-small: 0 4px 4px -2px rgba(1, 18, 67, 0.2);
    --shadow-around: 0 4px 7px -2px rgba(1, 18, 67, 0.28);
    --shadow-around-strong: 0 4px 10px -2px rgba(1, 18, 67, 0.4);
    --shadow-around-blur: 0 4px 28px -2px rgba(1, 18, 67, 0.16);
    --shadow-none: 0 0 0 0 rgba(0, 0, 0, 0);
    --shadow-light: 0 4px 4px -2px rgba(1, 18, 67, 0.1);
    --shadow-mini-popup: 0 4px 7px -4px rgba(1, 18, 67, 0.32);
    --shadow-popup: 0 8px 32px -4px rgba(1, 18, 67, 0.5);

    --bg-input-error: #ffe8b4;
    --c-input-error-border: #fdc850;
    --c-input-error: black;
    --c-input-error-message: #ff8d00;


    --calc-page-top: calc(var(--h-top-bar) + var(--px) * 2 + var(--f-title) + 8px);

    --current-drag-under-shift: calc(var(--p) * 1); /* changed by JS for every drag case according to element's size and list type */
}

.sidebar {
    --w-sidebar-logo: 177px;
    --h-sidebar-logo: 88px;
    --pad-sidebar-top: 40px;
    --pad-sidebar-logo-bottom: 38px;
    --h-sidebar-item: 56px;
    --h-sidebar-item2: 30px; /* sub-item */
    --f-sidebar-item: var(--f);
    --w-sidebar-item-active-mark: 4px;
    --f-sidebar-item2: calc(var(--f) * 0.85);
    --pad-sublevel: calc(var(--p2) * 10 / 28);
    --pad-left-sidebar-item: var(--p2);
    --pad-left-sidebar-item-retracted: calc(var(--w-sidebar-retracted)*10/38);
    --pad-left-sidebar-item2: calc(var(--p2) + var(--pad-sublevel));
    --size-sidebar-item-icon: var(--i);
    --pad-sidebar-text: calc(var(--i) + var(--f) * 13 / 15);
    --pad-sidebar-text2: calc(var(--i) + var(--f) * 13 / 15 - var(--pad-sublevel));
    --pad-sidebar-arrow: calc(var(--p2));
}
@media(min-height:640px) {
    .sidebar {
        --pad-sidebar-top: 79px;
        --pad-sidebar-logo-bottom: 79px;
    }
}

.top-bar {
    --h-top-bar-item: calc(var(--h-top-bar) * 40 / 66);
    --size-top-bar-avatar: calc(var(--h-top-bar) * 40 / 66);
    --h-top-bar-icon: var(--i);
    --pad-right-top-bar-items: var(--p2);
    --pad-top-bar-items: calc((var(--h-top-bar) - var(--h-top-bar-item)) / 2);
    --f-top-bar-item: var(--f);
}

.content {
}

.block {
    --pad-top-logo-big: calc(var(--p) * 19 / 16);
    --pad-bottom-logo-big: calc(var(--p) * 23 / 16);
    --pad-actions:  calc(var(--p) * 24 / 16);
}

.chart-wrap {
    --chart-ratio-pad: 280px; /*74%*/
}

.d-btn {
    --f-btn: var(--f);
    --pad-btn-h: var(--p);

    --pad-btn-v: calc(var(--pad-btn-h) * 10 / 16);
    --pad-btn-v-half: calc(var(--pad-btn-v) * 0.5);
    --pad-btn: var(--pad-btn-v) var(--pad-btn-h);
    --pad-btn-icon: calc(var(--pad-btn-h) - var(--f-btn-i) * 0.25);
    --pad-btn-with-icon-left: calc(var(--pad-btn-icon) + var(--f-btn-i) + var(--pad-btn-v-half));
    --pad-btn-with-icon-right: calc(var(--f) * 13 / 15); /*DF was calc(var(--pad-btn-h) + var(--pad-btn-v-half))*/
    --pad-btn-only-icon: calc(var(--pad-btn-v) + var(--f-btn) * 0.5);

    --border-radius-btn: calc(var(--pad-btn-h) * 10 / 16);
    --border-radius-btn-only-icon: var(--border-radius-btn);
    --shadow-btn: 0 1px 1px 0 rgba(255, 255, 255, 0.5) inset, 0 -1px 1px 0 rgba(0, 0, 0, 0.16) inset;
    --shadow-btn-hover: var(--shadow-small) inset;
}
.d-btn.size-small {
    --f-btn-i: calc(var(--i) * 18 / 20);
    --pad-btn-h: calc(var(--p) * 14 / 16);
    --pad-btn-v: calc(var(--pad-btn-h) * 8 / 14);
    --f-btn: var(--f-xs);
}
.d-btn.size-tiny {
    --f-btn-i: calc(var(--i) * 16 / 20);
    --pad-btn-h: calc(var(--p) * 10 / 16);
    --pad-btn-v: calc(var(--pad-btn-h) * 5 / 10);
    --f-btn: var(--f-tiny);
}

.popup-mini-wrap,
.multi-wrap .m-options {
    --cross-dist: calc(var(--corner-dist) * 0.5);
    --size-cross: var(--i);
    --pad-top: calc(var(--cross-dist) + var(--size-cross) + var(--pad-default-small) * 0.5);
    /*--pad-item: var(--p);*/
    --dist-items: calc(var(--p) * 0.4);
    --dist-items-sm: calc(var(--p) * 4 / 16);
}

/* multiple select */
.multi-wrap {
    --fs-values-buttons: var(--i);
    --i-value-item-sm: calc(var(--i) * 16 / 20);
    --dist-value-item-h-half: 2px;
    --dist-value-item-v-half: 1px;
    /*--pad-values: 2px 28px 2px 4px;*/
    --pad-value-item-v: var(--pad-item-v-small);
    --pad-value-item-h: var(--pad-item-h-small);
    --pad-value-item-right: calc(var(--pad-value-item-h) + var(--i-small));
    --pad-value-item: var(--pad-value-item-v) var(--pad-value-item-right) var(--pad-value-item-v) var(--pad-value-item-h);
    --marg-button: 4px;
}



.js-list-headers-wrap,
.js-list .list-item,
.js-list .vi-group-title {
    --pad-inter-columns: var(--pad-default-small);
    --pad-list-item-v: calc(var(--p) * 12 / 16);
    --pad-list-item-h: var(--p);
    --pad-list-item: var(--pad-list-item-v) var(--pad-list-item-h);
    --f-list-item: var(--f-sm);
    --pad-inter-list-item: var(--pad-list-item-v);
}

.table-wrap {
    --f-table-head: var(--f-sm);
    --c-table-head: var(--c-pale);
    --f-table-rows: var(--f);
    --c-table-rows: var(--c-main);
    --bg-table-hover: var(--bg-selected);
    --bg-table-sort-selected: var(--bg-selected);
    --h-table-head: calc(var(--p) * 50 / 16);
    --h-table-rows: calc(var(--p) * 64 / 16);
    --pad-table-head-v: var(--pad-item-v-small);
    --pad-table-row-v: var(--pad-item-v-small);
    --pad-table-left: calc(var(--p) * 8 / 16);
    --pad-table-right: calc(var(--p) * 8 / 16);
    --pad-table-head-right-sortable: calc(var(--p) * 16 / 16);
}
.table-wrap:not(.row-spaced) {
}
.table-wrap.row-spaced {
}

.radio-block-group {
    --pad-radio-block: calc(var(--p) * 16 / 16) calc(var(--pad-block));
    --pad-radio-block-sub: calc(var(--p) * 8 / 16) calc(var(--pad-block));
    --dist-blocks: calc(var(--px) * 0.5);
    --dist-blocks-sub: calc(var(--px) * 0.32);
    --margin-left-icon-radio-block: var(--px);
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}a{background-color:transparent}[hidden]{display:none}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{box-sizing:border-box;border:0 solid #e2e8f0}a{color:inherit;text-decoration:inherit}svg,video{display:block;vertical-align:middle}video{max-width:100%;height:auto}.bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-gray-100{--bg-opacity:1;background-color:#f7fafc;background-color:rgba(247,250,252,var(--bg-opacity))}.border-gray-200{--border-opacity:1;border-color:#edf2f7;border-color:rgba(237,242,247,var(--border-opacity))}.border-t{border-top-width:1px}.flex{display:flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.justify-center{justify-content:center}.font-semibold{font-weight:600}.h-5{height:1.25rem}.h-8{height:2rem}.h-16{height:4rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.leading-7{line-height:1.75rem}.mx-auto{margin-left:auto;margin-right:auto}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.ml-2{margin-left:.5rem}.mt-4{margin-top:1rem}.ml-4{margin-left:1rem}.mt-8{margin-top:2rem}.ml-12{margin-left:3rem}.-mt-px{margin-top:-1px}.max-w-6xl{max-width:72rem}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.p-6{padding:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.pt-8{padding-top:2rem}.fixed{position:fixed}.relative{position:relative}.top-0{top:0}.right-0{right:0}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.text-center{text-align:center}.text-gray-200{--text-opacity:1;color:#edf2f7;color:rgba(237,242,247,var(--text-opacity))}.text-gray-300{--text-opacity:1;color:#e2e8f0;color:rgba(226,232,240,var(--text-opacity))}.text-gray-400{--text-opacity:1;color:#cbd5e0;color:rgba(203,213,224,var(--text-opacity))}.text-gray-500{--text-opacity:1;color:#a0aec0;color:rgba(160,174,192,var(--text-opacity))}.text-gray-600{--text-opacity:1;color:#718096;color:rgba(113,128,150,var(--text-opacity))}.text-gray-700{--text-opacity:1;color:#4a5568;color:rgba(74,85,104,var(--text-opacity))}.text-gray-900{--text-opacity:1;color:#1a202c;color:rgba(26,32,44,var(--text-opacity))}.underline{text-decoration:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-5{width:1.25rem}.w-8{width:2rem}.w-auto{width:auto}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.sm\:rounded-lg{border-radius:.5rem}.sm\:block{display:block}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:h-20{height:5rem}.sm\:ml-0{margin-left:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pt-0{padding-top:0}.sm\:text-left{text-align:left}.sm\:text-right{text-align:right}}@media (min-width:768px){.md\:border-t-0{border-top-width:0}.md\:border-l{border-left-width:1px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (prefers-color-scheme:dark){.dark\:bg-gray-800{--bg-opacity:1;background-color:#2d3748;background-color:rgba(45,55,72,var(--bg-opacity))}.dark\:bg-gray-900{--bg-opacity:1;background-color:#1a202c;background-color:rgba(26,32,44,var(--bg-opacity))}.dark\:border-gray-700{--border-opacity:1;border-color:#4a5568;border-color:rgba(74,85,104,var(--border-opacity))}.dark\:text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.dark\:text-gray-400{--text-opacity:1;color:#cbd5e0;color:rgba(203,213,224,var(--text-opacity))}.dark\:text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgba(107,114,128,var(--tw-text-opacity))}}

body {
    font-family: 'Poppins', sans-serif;
    padding-left: var(--w-sidebar);
    padding-top: var(--h-top-bar);
    font-size: var(--f);
    line-height: var(--lh);
    color: var(--c-main);
    background-color: var(--bg-content);
    /*background-image: var(--bg-gradient);*/
}

h2 {
    font-size: var(--f-title);
    color: var(--c-main);
    margin: 0;
    font-weight: normal;
    line-height: var(--lh-small);
}

h4, h5 {
    font-size: var(--f-title-block);
    color: var(--c-main);
    margin: 0;
    font-weight: normal;
    line-height: var(--lh-small);
}

h5 {
    font-size: var(--f-title-sub);
    font-weight: bold;
}