* {
    box-sizing: border-box;
    -ms-overflow-style: none;
    scrollbar-width: none
}

*::-webkit-scrollbar {
    display: none
}

*:focus {
    outline: 0
}

@font-face {
    font-family: 'Quinoa';
    src: url("../fonts/600.eot");
    src: url("../fonts/600.eot?#iefix") format("embedded-opentype"), url("../fonts/600.woff2") format("woff2"), url("../fonts/600.woff") format("woff"), url("../fonts/600.svg#quinoa-semibold") format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    font-feature-settings: "lnum"
}

@font-face {
    font-family: 'Quinoa';
    src: url("../fonts/500.eot");
    src: url("../fonts/500.eot?#iefix") format("embedded-opentype"), url("../fonts/500.woff2") format("woff2"), url("../fonts/500.woff") format("woff"), url("../fonts/500.svg#quinoa-medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    font-feature-settings: "lnum"
}

body {
    --t-background: rgb(246, 246, 246);
    --t-text: rgb(56, 56, 116);
    --t-active: rgb(134, 118, 255);
    --t-active-dark: rgb(134, 118, 255);
    --t-elements: rgb(56, 56, 116);
    --t-elements-active: rgb(134, 118, 255);
    --t-text-invert: rgb(255, 255, 255);
    --t-panel-background: rgb(255, 255, 255);
    --t-panel-light-background: rgb(238, 241, 250);
    --t-panel-light-border: rgb(222, 225, 241);
    --t-panel-light-border-dark: rgb(119, 130, 187);
    --t-panel-shadow: 0 0 10px 2px rgba(134, 118, 255, 0.1);
    --t-panel-shadow-active: 0 0 0 2px var(--t-active);
    --t-panel-item-selected: rgb(241, 241, 241);
    --t-table-th: rgb(134, 118, 255);
    --t-table-td: var(--t-text);
    --t-table-border: 0;
    --t-table-highlight: rgb(219, 223, 241);
    --t-icon-fill: rgb(56, 56, 116);
    --t-form-error: rgba(253, 112, 137, 0.1);
    --t-border: rgba(56, 56, 116, 0.1);
    --t-panel-backdrop-background: rgba(255, 255, 255, 0.4);
    --t-border-radius: 10px;
    --t-background-dark: rgba(0, 0, 0, 0.6);
    --t-colors-ordinal-0: rgb(78, 121, 167);
    --t-colors-ordinal-1: rgb(242, 142, 44);
    --t-colors-ordinal-2: rgb(225, 87, 89);
    --t-colors-ordinal-3: rgb(118, 183, 178);
    --t-colors-ordinal-4: rgb(89, 161, 79);
    --t-colors-ordinal-5: rgb(237, 201, 73);
    --t-colors-ordinal-6: rgb(175, 122, 161);
    --t-colors-ordinal-7: rgb(255, 157, 167);
    --t-colors-ordinal-8: rgb(156, 117, 95);
    --t-colors-ordinal-9: rgb(186, 176, 171);
    --t-colors-linear-0: rgb(11, 0, 116);
    --t-colors-linear-1: rgb(56, 0, 128);
    --t-colors-linear-2: rgb(102, 0, 141);
    --t-colors-linear-3: rgb(126, 2, 145);
    --t-colors-linear-4: rgb(131, 5, 142);
    --t-colors-linear-5: rgb(136, 8, 139);
    --t-colors-linear-6: rgb(140, 12, 136);
    --t-colors-linear-7: rgb(145, 15, 133);
    --t-colors-linear-8: rgb(150, 18, 129);
    --t-colors-linear-9: rgb(154, 22, 126);
    --t-colors-linear-10: rgb(159, 25, 123);
    --t-colors-linear-11: rgb(163, 28, 120);
    --t-colors-linear-12: rgb(168, 32, 117);
    --t-colors-linear-13: rgb(173, 35, 114);
    --t-colors-linear-14: rgb(177, 38, 110);
    --t-colors-linear-15: rgb(182, 42, 107);
    --t-colors-linear-16: rgb(187, 45, 104);
    --t-colors-linear-17: rgb(191, 50, 100);
    --t-colors-linear-18: rgb(195, 55, 97);
    --t-colors-linear-19: rgb(199, 61, 93);
    --t-colors-linear-20: rgb(203, 67, 89);
    --t-colors-linear-21: rgb(207, 72, 85);
    --t-colors-linear-22: rgb(212, 78, 81);
    --t-colors-linear-23: rgb(216, 83, 78);
    --t-colors-linear-24: rgb(220, 89, 74);
    --t-colors-linear-25: rgb(224, 95, 70);
    --t-colors-linear-26: rgb(228, 100, 66);
    --t-colors-linear-27: rgb(232, 106, 62);
    --t-colors-linear-28: rgb(236, 111, 58);
    --t-colors-linear-29: rgb(233, 105, 44);
    --t-colors-linear-30: rgb(230, 100, 30);
}

.t-template-mediazoom{
    --t-colors-linear-0: rgb(50, 90, 242);
    --t-colors-linear-1: rgb(48, 108, 234);
    --t-colors-linear-2: rgb(47, 126, 226);
    --t-colors-linear-3: rgb(45, 143, 218);
    --t-colors-linear-4: rgb(44, 161, 210);
    --t-colors-linear-5: rgb(42, 179, 201);
    --t-colors-linear-6: rgb(40, 197, 193);
    --t-colors-linear-7: rgb(47, 207, 180);
    --t-colors-linear-8: rgb(56, 215, 164);
    --t-colors-linear-9: rgb(66, 222, 148);
    --t-colors-linear-10: rgb(75, 229, 133);
    --t-colors-linear-11: rgb(85, 236, 117);
    --t-colors-linear-12: rgb(94, 244, 101);
    --t-colors-linear-13: rgb(104, 251, 85);
    --t-colors-linear-14: rgb(117, 253, 73);
    --t-colors-linear-15: rgb(135, 248, 64);
    --t-colors-linear-16: rgb(152, 243, 55);
    --t-colors-linear-17: rgb(170, 239, 47);
    --t-colors-linear-18: rgb(187, 234, 38);
    --t-colors-linear-19: rgb(204, 228, 30);
    --t-colors-linear-20: rgb(211, 207, 29);
    --t-colors-linear-21: rgb(217, 186, 28);
    --t-colors-linear-22: rgb(224, 165, 26);
    --t-colors-linear-23: rgb(231, 144, 25);
    --t-colors-linear-24: rgb(238, 123, 24);
    --t-colors-linear-25: rgb(245, 102, 23);
    --t-colors-linear-26: rgb(242, 81, 21);
    --t-colors-linear-27: rgb(212, 61, 16);
    --t-colors-linear-28: rgb(183, 41, 11);
    --t-colors-linear-29: rgb(153, 20, 7);
    --t-colors-linear-30: rgb(124, 0, 2);
}

.t-template-mediazoom .t-colors-linear-0 { fill: var(--t-colors-linear-0); stroke: rgb(20, 60, 212); background-color: var(--t-colors-linear-0); border-color: rgb(20, 60, 212); }
.t-template-mediazoom .t-colors-linear-1 { fill: var(--t-colors-linear-1); stroke: rgb(18, 78, 204); background-color: var(--t-colors-linear-1); border-color: rgb(18, 78, 204); }
.t-template-mediazoom .t-colors-linear-2 { fill: var(--t-colors-linear-2); stroke: rgb(17, 96, 196); background-color: var(--t-colors-linear-2); border-color: rgb(17, 96, 196); }
.t-template-mediazoom .t-colors-linear-3 { fill: var(--t-colors-linear-3); stroke: rgb(15, 113, 188); background-color: var(--t-colors-linear-3); border-color: rgb(15, 113, 188); }
.t-template-mediazoom .t-colors-linear-4 { fill: var(--t-colors-linear-4); stroke: rgb(14, 131, 180); background-color: var(--t-colors-linear-4); border-color: rgb(14, 131, 180); }
.t-template-mediazoom .t-colors-linear-5 { fill: var(--t-colors-linear-5); stroke: rgb(12, 149, 171); background-color: var(--t-colors-linear-5); border-color: rgb(12, 149, 171); }
.t-template-mediazoom .t-colors-linear-6 { fill: var(--t-colors-linear-6); stroke: rgb(10, 167, 163); background-color: var(--t-colors-linear-6); border-color: rgb(10, 167, 163); }
.t-template-mediazoom .t-colors-linear-7 { fill: var(--t-colors-linear-7); stroke: rgb(17, 177, 150); background-color: var(--t-colors-linear-7); border-color: rgb(17, 177, 150); }
.t-template-mediazoom .t-colors-linear-8 { fill: var(--t-colors-linear-8); stroke: rgb(26, 185, 134); background-color: var(--t-colors-linear-8); border-color: rgb(26, 185, 134); }
.t-template-mediazoom .t-colors-linear-9 { fill: var(--t-colors-linear-9); stroke: rgb(36, 192, 118); background-color: var(--t-colors-linear-9); border-color: rgb(36, 192, 118); }
.t-template-mediazoom .t-colors-linear-10 { fill: var(--t-colors-linear-10); stroke: rgb(45, 199, 103); background-color: var(--t-colors-linear-10); border-color: rgb(45, 199, 103); }
.t-template-mediazoom .t-colors-linear-11 { fill: var(--t-colors-linear-11); stroke: rgb(55, 206, 87); background-color: var(--t-colors-linear-11); border-color: rgb(55, 206, 87); }
.t-template-mediazoom .t-colors-linear-12 { fill: var(--t-colors-linear-12); stroke: rgb(64, 214, 71); background-color: var(--t-colors-linear-12); border-color: rgb(64, 214, 71); }
.t-template-mediazoom .t-colors-linear-13 { fill: var(--t-colors-linear-13); stroke: rgb(74, 221, 55); background-color: var(--t-colors-linear-13); border-color: rgb(74, 221, 55); }
.t-template-mediazoom .t-colors-linear-14 { fill: var(--t-colors-linear-14); stroke: rgb(87, 223, 43); background-color: var(--t-colors-linear-14); border-color: rgb(87, 223, 43); }
.t-template-mediazoom .t-colors-linear-15 { fill: var(--t-colors-linear-15); stroke: rgb(105, 218, 34); background-color: var(--t-colors-linear-15); border-color: rgb(105, 218, 34); }
.t-template-mediazoom .t-colors-linear-16 { fill: var(--t-colors-linear-16); stroke: rgb(122, 213, 25); background-color: var(--t-colors-linear-16); border-color: rgb(122, 213, 25); }
.t-template-mediazoom .t-colors-linear-17 { fill: var(--t-colors-linear-17); stroke: rgb(140, 209, 17); background-color: var(--t-colors-linear-17); border-color: rgb(140, 209, 17); }
.t-template-mediazoom .t-colors-linear-18 { fill: var(--t-colors-linear-18); stroke: rgb(157, 204, 8); background-color: var(--t-colors-linear-18); border-color: rgb(157, 204, 8); }
.t-template-mediazoom .t-colors-linear-19 { fill: var(--t-colors-linear-19); stroke: rgb(174, 198, 0); background-color: var(--t-colors-linear-19); border-color: rgb(174, 198, 0); }
.t-template-mediazoom .t-colors-linear-20 { fill: var(--t-colors-linear-20); stroke: rgb(181, 177, 0); background-color: var(--t-colors-linear-20); border-color: rgb(181, 177, 0); }
.t-template-mediazoom .t-colors-linear-21 { fill: var(--t-colors-linear-21); stroke: rgb(187, 156, 0); background-color: var(--t-colors-linear-21); border-color: rgb(187, 156, 0); }
.t-template-mediazoom .t-colors-linear-22 { fill: var(--t-colors-linear-22); stroke: rgb(194, 135, 0); background-color: var(--t-colors-linear-22); border-color: rgb(194, 135, 0); }
.t-template-mediazoom .t-colors-linear-23 { fill: var(--t-colors-linear-23); stroke: rgb(201, 114, 0); background-color: var(--t-colors-linear-23); border-color: rgb(201, 114, 0); }
.t-template-mediazoom .t-colors-linear-24 { fill: var(--t-colors-linear-24); stroke: rgb(208, 93, 0); background-color: var(--t-colors-linear-24); border-color: rgb(208, 93, 0); }
.t-template-mediazoom .t-colors-linear-25 { fill: var(--t-colors-linear-25); stroke: rgb(215, 72, 0); background-color: var(--t-colors-linear-25); border-color: rgb(215, 72, 0); }
.t-template-mediazoom .t-colors-linear-26 { fill: var(--t-colors-linear-26); stroke: rgb(212, 51, 0); background-color: var(--t-colors-linear-26); border-color: rgb(212, 51, 0); }
.t-template-mediazoom .t-colors-linear-27 { fill: var(--t-colors-linear-27); stroke: rgb(182, 31, 0); background-color: var(--t-colors-linear-27); border-color: rgb(182, 31, 0); }
.t-template-mediazoom .t-colors-linear-28 { fill: var(--t-colors-linear-28); stroke: rgb(153, 11, 0); background-color: var(--t-colors-linear-28); border-color: rgb(153, 11, 0); }
.t-template-mediazoom .t-colors-linear-29 { fill: var(--t-colors-linear-29); stroke: rgb(123, 0, 0); background-color: var(--t-colors-linear-29); border-color: rgb(123, 0, 0); }
.t-template-mediazoom .t-colors-linear-30 { fill: var(--t-colors-linear-30); stroke: rgb(94, 0, 0); background-color: var(--t-colors-linear-30); border-color: rgb(94, 0, 0); }

.t-app {
    font-feature-settings: "lnum";
}

.t-app.t-template-tazeros .t-template-mediazoom-show {
    display: none !important
}

.t-json-string {
    color: var(--t-colors-ordinal-0);
}

.t-json-int {
    color: var(--t-colors-ordinal-4);
}

.t-json-bool {
    color: var(--t-colors-ordinal-1);
}

.t-json-null {
    color: var(--t-colors-ordinal-6);
}

.t-stripped,
.t-stripped-background {
    background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
    opacity: .15
}

.t-app table td[data-url],
.t-app table span[data-url],
.t-app table div[data-url],
.t-app .t-active,
.t-app .t-dashed {
    text-decoration: underline;
    text-decoration-color: rgba(56, 56, 116, 0.6);
    cursor: pointer;
    overflow-wrap: anywhere;
}

.t-app table td[data-url]:hover,
.t-app table span[data-url]:hover,
.t-app table div[data-url]:hover,
.t-app .t-active:hover,
.t-app .t-dashed:hover {
    text-decoration-color: var(--t-active) !important;
    color: var(--t-active);
}

.t-panel-light {
    background-color: var(--t-panel-light-background) !important
}

.t-panel-active {
    box-shadow: 0 0 0 2px var(--t-panel-light-background) !important
}

.t-logo-inline svg path,
.t-logo-inline svg polygon,
.t-footer svg path {
    fill: var(--t-elements)
}

.t-logo-inline:hover svg path,
.t-logo-inline:hover svg polygon {
    fill: var(--t-active)
}

.t-controls svg path,
.t-controls svg polygon,
.t-chat-icon svg path,
.t-menu-open svg path {
    fill: url(#t-svg-gradient-1)
}

.t-main-page .t-icon svg path {
    fill: url(#t-svg-gradient-1)
}

.t-selection,
.leaflet-cluster-spider-leg {
    fill: url(#t-svg-gradient-0);
    fill-opacity: .3;
    stroke: url(#t-svg-gradient-0);
    stroke-opacity: .6;
    stroke-width: 2
}

.t-selection:hover,
.t-app .leaflet-cluster-spider-leg:hover {
    fill-opacity: .6;
    stroke-opacity: .9;
    stroke-width: 2
}

.t-selection-handle {
    fill: rgba(0, 0, 0, 0.1);
}

.t-selection-handle:hover {
    fill: rgba(0, 0, 0, 0.3);
}

.t-app-container .t-icon svg path,
.t-app-container .t-icon svg circle {
    fill: url(#t-svg-gradient-1)
}

.t-app-container .t-icon svg polyline {
    stroke: url(#t-svg-gradient-1)
}

.favorite .t-app-container .t-icon svg path,
.favorite .t-app-container .t-icon svg circle {
    fill: url(#t-svg-gradient-0)
}

.t-logo-big svg path,
.t-logo-big svg polyline,
.t-logo-big svg polygon {
    fill: var(--t-text)
}

.t-app .favorite .t-app-container .t-icon svg polyline {
    stroke: url(#t-svg-gradient-0)
}

.t-app .history .t-app-container {
    opacity: .4
}

.t-app .history .t-app-container:hover {
    opacity: 1
}

.t-app .tick line,
.t-app .domain {
    stroke: var(--t-text);
    opacity: 0.6;
}

.t-app .tick text {
    fill: var(--t-text);
    font-family: 'Quinoa';
    font-weight: 500;
    opacity: 0.6;
    direction: ltr !important;
}

.t-tooltip,
.t-viz-tooltip,
.t-app .leaflet-popup-content-wrapper {
    color: #fff;
    background-color: #383874
}

.t-app .on:before {
    background-color: rgba(0, 184, 40, 0.95);
    box-shadow: 0 0 0 3px rgba(0, 184, 40, 0.8)
}

.t-app .on2:before {
    background-color: rgba(179, 50, 252, 0.95);
    box-shadow: 0 0 0 3px rgba(133, 37, 188, 0.8);
}

.t-app .off:before {
    background-color: rgba(254, 49, 49, 0.95);
    box-shadow: 0 0 0 3px rgba(254, 49, 49, 0.8);
}

.t-col-panel-super .t-panel {
    box-shadow: 0 0 0px 5px rgba(134, 118, 255, 0.3);
}

.t-app a {
    color: #8774fe
}

.t-app a:visited {
    color: #4f40dd
}

.t-app button,
.t-app input[type=submit] {
    background-color: var(--t-elements);
    border: 2px solid #2e2e6a;
    color: #fff;
    opacity: .8
}

.t-app button:hover:not(:disabled):not(:checked),
.t-app button.active:not(:disabled):not(:checked),
.t-app input[type=submit]:hover:not(:disabled):not(:checked),
.t-app input[type=submit].active:not(:disabled):not(:checked) {
    background-color: var(--t-elements-active);
    opacity: .9;
    border: 2px solid #7c6cd7
}

.t-app button:focus,
.t-app input[type=submit]:focus {
    box-shadow: 0 0 2px 0 #4f40dd
}

.t-app button:disabled,
.t-app button.disabled,
.t-app input[type=submit].disabled {
    background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent) !important;
    background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent) !important;
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important;
    opacity: .6 !important
}

.t-app input[type="checkbox"]:checked::before {
    border-color: var(--t-text);
    background-color: var(--t-text);
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M173.898%20439.404l-166.4-166.4c-9.997-9.997-9.997-26.206%200-36.204l36.203-36.204c9.997-9.998%2026.207-9.998%2036.204%200L192%20312.69%20432.095%2072.596c9.997-9.997%2026.207-9.997%2036.204%200l36.203%2036.204c9.997%209.997%209.997%2026.206%200%2036.204l-294.4%20294.401c-9.998%209.997-26.207%209.997-36.204-.001z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")
}

.t-app input[type="checkbox"]:not(:disabled):not(:checked):hover::before {
    border-color: #8774fe
}

.t-app input[type="checkbox"]:not(:disabled):active::before {
    background-color: #4f40dd;
    border-color: #4f40dd
}

.t-app input[type="checkbox"]:focus::before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0.25)
}

.t-app input[type="checkbox"]:focus:not(:checked)::before {
    border-color: #80bdff
}

.t-app input[type="checkbox"]:disabled::before {
    background-color: #e9ecef
}

.t-app .t-inline-viz .node,
.t-viz-tree-map-node {
    border-width: 2px;
    border-style: solid;
    cursor: pointer;
}

.t-app .t-inline-viz .node:hover,
.t-viz-tree-map-node:hover {
    border-color: var(--t-active) !important;
}

.t-viz-tree-map .t-viz-legend-small{
    left: 10px;
    bottom: 10px;
}

.t-viz-tiled-choropleth-map .t-viz-legend-small{
    left: 10px !important;
    bottom: 60px !important;
    top: auto !important;
    right: auto !important;
}

.t-colors-ordinal-none {
    fill: var(--t-background);
    stroke: var(--t-background);
    background-color: var(--t-background);
    border-color: var(--t-background);
}

.t-colors-ordinal-0 {
    fill: var(--t-colors-ordinal-0);
    stroke: rgb(48, 91, 137);
    background-color: var(--t-colors-ordinal-0);
    border-color: rgb(48, 91, 137);
}

.t-colors-ordinal-1 {
    fill: var(--t-colors-ordinal-1);
    stroke: rgb(212, 112, 14);
    background-color: var(--t-colors-ordinal-1);
    border-color: rgb(212, 112, 14);
}

.t-colors-ordinal-2 {
    fill: var(--t-colors-ordinal-2);
    stroke: rgb(195, 57, 59);
    background-color: var(--t-colors-ordinal-2);
    border-color: rgb(195, 57, 59);
}

.t-colors-ordinal-3 {
    fill: var(--t-colors-ordinal-3);
    stroke: rgb(88, 153, 148);
    background-color: var(--t-colors-ordinal-3);
    border-color: rgb(88, 153, 148);
}

.t-colors-ordinal-4 {
    fill: var(--t-colors-ordinal-4);
    stroke: rgb(59, 131, 49);
    background-color: var(--t-colors-ordinal-4);
    border-color: rgb(59, 131, 49);
}

.t-colors-ordinal-5 {
    fill: var(--t-colors-ordinal-5);
    stroke: rgb(207, 171, 43);
    background-color: var(--t-colors-ordinal-5);
    border-color: rgb(207, 171, 43);
}

.t-colors-ordinal-6 {
    fill: var(--t-colors-ordinal-6);
    stroke: rgb(145, 92, 131);
    background-color: var(--t-colors-ordinal-6);
    border-color: rgb(145, 92, 131);
}

.t-colors-ordinal-7 {
    fill: var(--t-colors-ordinal-7);
    stroke: rgb(225, 127, 137);
    background-color: var(--t-colors-ordinal-7);
    border-color: rgb(225, 127, 137);
}

.t-colors-ordinal-8 {
    fill: var(--t-colors-ordinal-8);
    stroke: rgb(126, 87, 65);
    background-color: var(--t-colors-ordinal-8);
    border-color: rgb(126, 87, 65);
}

.t-colors-ordinal-9 {
    fill: var(--t-colors-ordinal-9);
    stroke: rgb(156, 146, 141);
    background-color: var(--t-colors-ordinal-9);
    border-color: rgb(156, 146, 141);
}

.t-colors-ordinal-10 {
    fill: var(--t-colors-linear-6);
    stroke: rgb(129, 19, 103);
    background-color: var(--t-colors-linear-6);
    border-color: rgb(129, 19, 103);
}

.t-colors-ordinal-11 {
    fill: var(--t-colors-linear-15);
    stroke: rgb(188, 77, 65);
    background-color: var(--t-colors-linear-15);
    border-color: rgb(188, 77, 65);
}

.t-colors-ordinal-24 {
    background-image: linear-gradient(0deg, var(--t-colors-ordinal-2) 50%, var(--t-colors-ordinal-4) 50%);
    background-image: -webkit-linear-gradient(0deg, var(--t-colors-ordinal-2) 50%, var(--t-colors-ordinal-4) 50%);
    background-image: -o-linear-gradient(0deg, var(--t-colors-ordinal-2) 50%, var(--t-colors-ordinal-4) 50%);
    background-image: linear-gradient(0deg, var(--t-colors-ordinal-2) 50%, var(--t-colors-ordinal-4) 50%);
}

.t-colors-linear-none {
    fill: var(--t-background);
    stroke: var(--t-background);
    background-color: var(--t-background);
    border-color: var(--t-background);
}

.t-colors-linear-0 {
    fill: var(--t-colors-linear-0);
    stroke: rgb(0, 0, 86);
    background-color: var(--t-colors-linear-0);
    border-color: rgb(0, 0, 86);
}

.t-colors-linear-1 {
    fill: var(--t-colors-linear-1);
    stroke: rgb(26, 0, 98);
    background-color: var(--t-colors-linear-1);
    border-color: rgb(26, 0, 98);
}

.t-colors-linear-2 {
    fill: var(--t-colors-linear-2);
    stroke: rgb(72, 0, 111);
    background-color: var(--t-colors-linear-2);
    border-color: rgb(72, 0, 111);
}

.t-colors-linear-3 {
    fill: var(--t-colors-linear-3);
    stroke: rgb(96, 0, 115);
    background-color: var(--t-colors-linear-3);
    border-color: rgb(96, 0, 115);
}

.t-colors-linear-4 {
    fill: var(--t-colors-linear-4);
    stroke: rgb(101, 0, 112);
    background-color: var(--t-colors-linear-4);
    border-color: rgb(101, 0, 112);
}

.t-colors-linear-5 {
    fill: var(--t-colors-linear-5);
    stroke: rgb(106, 0, 109);
    background-color: var(--t-colors-linear-5);
    border-color: rgb(106, 0, 109);
}

.t-colors-linear-6 {
    fill: var(--t-colors-linear-6);
    stroke: rgb(110, 0, 106);
    background-color: var(--t-colors-linear-6);
    border-color: rgb(110, 0, 106);
}

.t-colors-linear-7 {
    fill: var(--t-colors-linear-7);
    stroke: rgb(115, 0, 103);
    background-color: var(--t-colors-linear-7);
    border-color: rgb(115, 0, 103);
}

.t-colors-linear-8 {
    fill: var(--t-colors-linear-8);
    stroke: rgb(120, 0, 99);
    background-color: var(--t-colors-linear-8);
    border-color: rgb(120, 0, 99);
}

.t-colors-linear-9 {
    fill: var(--t-colors-linear-9);
    stroke: rgb(124, 0, 96);
    background-color: var(--t-colors-linear-9);
    border-color: rgb(124, 0, 96);
}

.t-colors-linear-10 {
    fill: var(--t-colors-linear-10);
    stroke: rgb(129, 0, 93);
    background-color: var(--t-colors-linear-10);
    border-color: rgb(129, 0, 93);
}

.t-colors-linear-11 {
    fill: var(--t-colors-linear-11);
    stroke: rgb(133, 0, 90);
    background-color: var(--t-colors-linear-11);
    border-color: rgb(133, 0, 90);
}

.t-colors-linear-12 {
    fill: var(--t-colors-linear-12);
    stroke: rgb(138, 2, 87);
    background-color: var(--t-colors-linear-12);
    border-color: rgb(138, 2, 87);
}

.t-colors-linear-13 {
    fill: var(--t-colors-linear-13);
    stroke: rgb(143, 5, 84);
    background-color: var(--t-colors-linear-13);
    border-color: rgb(143, 5, 84);
}

.t-colors-linear-14 {
    fill: var(--t-colors-linear-14);
    stroke: rgb(147, 8, 80);
    background-color: var(--t-colors-linear-14);
    border-color: rgb(147, 8, 80);
}

.t-colors-linear-15 {
    fill: var(--t-colors-linear-15);
    stroke: rgb(152, 12, 77);
    background-color: var(--t-colors-linear-15);
    border-color: rgb(152, 12, 77);
}

.t-colors-linear-16 {
    fill: var(--t-colors-linear-16);
    stroke: rgb(157, 15, 74);
    background-color: var(--t-colors-linear-16);
    border-color: rgb(157, 15, 74);
}

.t-colors-linear-17 {
    fill: var(--t-colors-linear-17);
    stroke: rgb(161, 20, 70);
    background-color: var(--t-colors-linear-17);
    border-color: rgb(161, 20, 70);
}

.t-colors-linear-18 {
    fill: var(--t-colors-linear-18);
    stroke: rgb(165, 25, 67);
    background-color: var(--t-colors-linear-18);
    border-color: rgb(165, 25, 67);
}

.t-colors-linear-19 {
    fill: var(--t-colors-linear-19);
    stroke: rgb(169, 31, 63);
    background-color: var(--t-colors-linear-19);
    border-color: rgb(169, 31, 63);
}

.t-colors-linear-20 {
    fill: var(--t-colors-linear-20);
    stroke: rgb(173, 37, 59);
    background-color: var(--t-colors-linear-20);
    border-color: rgb(173, 37, 59);
}

.t-colors-linear-21 {
    fill: var(--t-colors-linear-21);
    stroke: rgb(177, 42, 55);
    background-color: var(--t-colors-linear-21);
    border-color: rgb(177, 42, 55);
}

.t-colors-linear-22 {
    fill: var(--t-colors-linear-22);
    stroke: rgb(182, 48, 51);
    background-color: var(--t-colors-linear-22);
    border-color: rgb(182, 48, 51);
}

.t-colors-linear-23 {
    fill: var(--t-colors-linear-23);
    stroke: rgb(186, 53, 48);
    background-color: var(--t-colors-linear-23);
    border-color: rgb(186, 53, 48);
}

.t-colors-linear-24 {
    fill: var(--t-colors-linear-24);
    stroke: rgb(190, 59, 44);
    background-color: var(--t-colors-linear-24);
    border-color: rgb(190, 59, 44);
}

.t-colors-linear-25 {
    fill: var(--t-colors-linear-25);
    stroke: rgb(194, 65, 40);
    background-color: var(--t-colors-linear-25);
    border-color: rgb(194, 65, 40);
}

.t-colors-linear-26 {
    fill: var(--t-colors-linear-26);
    stroke: rgb(198, 70, 36);
    background-color: var(--t-colors-linear-26);
    border-color: rgb(198, 70, 36);
}

.t-colors-linear-27 {
    fill: var(--t-colors-linear-27);
    stroke: rgb(202, 76, 32);
    background-color: var(--t-colors-linear-27);
    border-color: rgb(202, 76, 32);
}

.t-colors-linear-28 {
    fill: var(--t-colors-linear-28);
    stroke: rgb(206, 81, 28);
    background-color: var(--t-colors-linear-28);
    border-color: rgb(206, 81, 28);
}

.t-colors-linear-29 {
    fill: var(--t-colors-linear-29);
    stroke: rgb(203, 75, 14);
    background-color: var(--t-colors-linear-29);
    border-color: rgb(203, 75, 14);
}

.t-colors-linear-30 {
    fill: var(--t-colors-linear-30);
    stroke: rgb(200, 70, 0);
    background-color: var(--t-colors-linear-30);
    border-color: rgb(200, 70, 0);
}

.t-viz-hexagon-container {
    cursor: pointer;
}

.t-viz-hexagon-data {
    fill-opacity: 0.9;
    background-color: none !important;
}

.t-viz-hexagon-container:hover .t-viz-hexagon-data {
    fill-opacity: 1 !important
}

.t-viz-hexagon-grid {
    fill-opacity: 0.3;
    background-color: none !important;
    stroke-opacity: 0;
}

.t-viz-hexagon-container:hover .t-viz-hexagon-grid {
    fill-opacity: .8 !important
}

.t-app button.t-btn-warning {
    background-color: #d5425d;
    border: 2px solid #cb3853
}

.t-app button.t-btn-warning:hover,
.t-app button.t-btn-warning.active {
    background-color: #fd6a86 !important;
    border: 2px solid #f3607b !important
}

.t-app button.t-btn-do {
    background-color: #59a14f;
    border: 2px solid #4d8e45
}

.t-app button.t-btn-do:hover,
.t-app button.t-btn-do.active {
    background-color: #6ac25f !important;
    border: 2px solid #61b256 !important
}

.t-modal-close,
.t-chat-close,
.t-custom-close {
    background-color: #d5425d;
    opacity: .8
}

.t-modal-close .t-icon path,
.t-modal-close:hover .t-icon path,
.t-chat-close .t-icon path,
.t-chat-close:hover .t-icon path,
.t-custom-close .t-icon path,
.t-custom-close:hover .t-icon path {
    fill: var(--t-text-invert)
}

.t-modal-close:hover,
.t-chat-close:hover,
.t-custom-close:hover {
    background-color: #fd6a86;
    opacity: 1
}

.t-background-webanalytics {
    background-image: url('/img/backgrounds/webanalytics-light.jpg')
}

.t-background-webanalytics-1 {
    background-image: url('/img/backgrounds/webanalytics-1-light.jpg')
}

.t-background-webanalytics-2 {
    background-image: url('/img/backgrounds/webanalytics-2-light.jpg')
}

.t-background-locations-1 {
    background-image: url('/img/backgrounds/locations-1-light.jpg')
}

.t-background-locations-2 {
    background-image: url('/img/backgrounds/locations-2-light.jpg')
}

.t-background-locations {
    background-image: url('/img/backgrounds/locations-light.jpg')
}

.t-background-crimes-1 {
    background-image: url('/img/backgrounds/crimes-1-light.jpg')
}

.t-background-crimes-2 {
    background-image: url('/img/backgrounds/crimes-2-light.jpg')
}

.t-background-crimes-3 {
    background-image: url('/img/backgrounds/crimes-3-light.jpg')
}

.t-background-healthcare-1 {
    background-image: url('/img/backgrounds/healthcare-1-light.jpg')
}

.t-background-healthcare-2 {
    background-image: url('/img/backgrounds/healthcare-2-light.jpg')
}

.t-background-healthcare-3 {
    background-image: url('/img/backgrounds/healthcare-3-light.jpg')
}

.t-background-graphs {
    background-image: url('/img/backgrounds/graphs-light.jpg')
}

.t-background-graphs-1 {
    background-image: url('/img/backgrounds/graphs-1-light.jpg')
}

.t-background-graphs-2 {
    background-image: url('/img/backgrounds/graphs-2-light.jpg')
}

.t-background-outofhome-1 {
    background-image: url('/img/backgrounds/outofhome-1-light.jpg')
}

.t-background-outofhome-2 {
    background-image: url('/img/backgrounds/outofhome-2-light.jpg')
}

.t-background-files {
    background-image: url('/img/backgrounds/files-light.jpeg')
}

.t-background-maps {
    background-image: url('/img/backgrounds/maps-light.jpeg')
}

.t-background-news {
    background-image: url('/img/backgrounds/news-light.jpeg')
}

.t-background-advertising {
    background-image: url('/img/backgrounds/advertising-light.jpg')
}

.t-background-crimes {
    background-image: url('/img/backgrounds/crimes-light.jpg')
}

.t-background-government {
    background-image: url('/img/backgrounds/government-light.jpg')
}

.t-background-outofhome {
    background-image: url('/img/backgrounds/outofhome-light.jpg')
}

.t-background-music {
    background-image: url('/img/backgrounds/music-light.jpg')
}

.t-background-music-1 {
    background-image: url('/img/backgrounds/music-1-light.jpg')
}

.t-background-music-2 {
    background-image: url('/img/backgrounds/music-2-light.jpg')
}

.t-background-music-3 {
    background-image: url('/img/backgrounds/music-3-light.jpg')
}

.t-background-music-4 {
    background-image: url('/img/backgrounds/music-4-light.jpg')
}

.t-background-segm-1 {
    background-image: url('/img/backgrounds/segm-1-light.jpg')
}

.t-background-segm-2 {
    background-image: url('/img/backgrounds/segm-2-light.jpg')
}

.t-background-government-1 {
    background-image: url('/img/backgrounds/government-1-light.jpg')
}

.t-background-government-2 {
    background-image: url('/img/backgrounds/government-2-light.jpg')
}

.t-background-advertising-1 {
    background-image: url('/img/backgrounds/advertising-1-light.jpg')
}

.t-background-advertising-2 {
    background-image: url('/img/backgrounds/advertising-2-light.jpg')
}

.t-background-banking {
    background-image: url('/img/backgrounds/banking-light.jpg')
}

.t-background-education {
    background-image: url('/img/backgrounds/education-light.jpg')
}

.t-background-brands {
    background-image: url('/img/backgrounds/brands-light.jpg')
}

.t-background-elections_in_the_republic_of_belarus_2020 {
    background-image: url('/img/backgrounds/elections_in_the_republic_of_belarus_2020-light.jpg')
}

.t-background-russian_covid_stereotypes {
    background-image: url('/img/backgrounds/russian_covid_stereotypes-light.jpg')
}

.t-background-russia_and_ukraine {
    background-image: url('/img/backgrounds/russia_and_ukraine-light.jpg')
}

.t-background-lcd {
    background-image: url('/img/backgrounds/lcd.jpg')
}

.t-background-mad {
    background-image: url('/img/backgrounds/mad.jpg')
}

.t-background-bd {
    background-image: url('/img/backgrounds/bd.jpg')
}

.t-background-corps {
    background-image: url('/img/backgrounds/corps.jpg')
}

.t-background-our-data {
    background-image: url('/img/backgrounds/our-data.jpg')
}

.t-background-spiridonov {
    background-image: url('/img/backgrounds/spiridonov.jpg')
}

.t-background-lectorium {
    background-image: url('/img/backgrounds/lectorium.jpg')
}

.t-background-ai {
    background-image: url('/img/backgrounds/ai.jpg')
}

.t-background-data-net {
    background-image: url('/img/backgrounds/data-net.jpg')
}

.t-background-privacy {
    background-image: url('/img/backgrounds/privacy.jpg')
}

.t-background-criminal-low {
    background-image: url('/img/backgrounds/criminal-low.jpg')
}

.t-background-bd-ad {
    background-image: url('/img/backgrounds/bd-ad.jpg')
}

.t-background-track {
    background-image: url('/img/backgrounds/track.jpg')
}

.t-background-monit {
    background-image: url('/img/backgrounds/monit.jpg')
}

.t-background-does_tiktok_support_political_protests {
    background-image: url('/img/backgrounds/does_tiktok_support_political_protests-light.jpg')
}

.t-background-school_extremism {
    background-image: url('/img/backgrounds/school_extremism-light.jpg')
}

.t-background-elections2021 {
    background-image: url('/img/backgrounds/elections2021-light.jpg')
}

.t-chat-attachments,
.t-chat-commands,
.t-chat-send {
    background-color: var(--t-panel-background)
}

@media(prefers-color-scheme:dark) {
    body {
        --t-background: rgb(15, 16, 18);
        --t-text: rgb(241, 241, 241);
        --t-active: rgb(77, 255, 223);
        --t-active-dark: rgb(179, 50, 252);
        --t-elements: rgb(56, 56, 116);
        --t-elements-active: rgb(134, 118, 255);
        --t-text-invert: rgb(241, 241, 241);
        --t-panel-background: rgb(20, 20, 43);
        --t-panel-light-background: rgb(0, 0, 0);
        --t-panel-light-border: rgb(86, 92, 102);
        --t-panel-shadow: 0 0 10px 2px rgba(134, 118, 255, 0.01);
        --t-panel-shadow-active: 0 0 0 2px var(--t-active);
        --t-panel-item-selected: rgb(81, 81, 137);
        --t-table-th: rgb(241, 241, 241);
        --t-table-td: var(--t-text);
        --t-table-highlight: rgb(90, 90, 137);
        --t-icon-fill: rgb(77, 161, 255);
        --t-form-error: rgba(253, 112, 137, 0.1);
        --t-border: rgba(56, 56, 116, 0.1);
        --t-panel-backdrop-background: rgba(0, 0, 0, 0.4)
    }

    .t-app select {
        color: var(--t-text-invert)
    }

    .t-stripped,
    .t-stripped-background {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
        background-size: 40px 40px;
        opacity: .4
    }

    .t-app input[type="checkbox"]:checked::before {
        background-color: var(--t-panel-background);
        background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%234dffdf%22%20d%3D%22M173.898%20439.404l-166.4-166.4c-9.997-9.997-9.997-26.206%200-36.204l36.203-36.204c9.997-9.998%2026.207-9.998%2036.204%200L192%20312.69%20432.095%2072.596c9.997-9.997%2026.207-9.997%2036.204%200l36.203%2036.204c9.997%209.997%209.997%2026.206%200%2036.204l-294.4%20294.401c-9.998%209.997-26.207%209.997-36.204-.001z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")
    }

    .t-app table td[data-url],
    .t-app table span[data-url],
    .t-app table div[data-url],
    .t-app .t-active,
    .t-app .t-dashed {
        text-decoration-color: rgba(255, 255, 255, 0.6)
    }

    .t-panel-light {
        background-color: var(--t-background) !important
    }

    .t-background-webanalytics {
        background-image: url('/img/backgrounds/webanalytics-dark.jpg')
    }

    .t-background-webanalytics-1 {
        background-image: url('/img/backgrounds/webanalytics-1-dark.jpg')
    }

    .t-background-webanalytics-2 {
        background-image: url('/img/backgrounds/webanalytics-2-dark.jpg')
    }

    .t-background-locations-1 {
        background-image: url('/img/backgrounds/locations-1-dark.jpg')
    }

    .t-background-locations-2 {
        background-image: url('/img/backgrounds/locations-2-dark.jpg')
    }

    .t-background-locations {
        background-image: url('/img/backgrounds/locations-dark.jpg')
    }

    .t-background-graphs {
        background-image: url('/img/backgrounds/graphs-dark.jpg')
    }

    .t-background-graphs-1 {
        background-image: url('/img/backgrounds/graphs-1-dark.jpg')
    }

    .t-background-graphs-2 {
        background-image: url('/img/backgrounds/graphs-2-dark.jpg')
    }

    .t-background-outofhome-1 {
        background-image: url('/img/backgrounds/outofhome-1-dark.jpg')
    }

    .t-background-outofhome-2 {
        background-image: url('/img/backgrounds/outofhome-2-dark.jpg')
    }

    .t-background-crimes-1 {
        background-image: url('/img/backgrounds/crimes-1-dark.jpg')
    }

    .t-background-crimes-2 {
        background-image: url('/img/backgrounds/crimes-2-dark.jpg')
    }

    .t-background-crimes-3 {
        background-image: url('/img/backgrounds/crimes-3-dark.jpg')
    }

    .t-background-healthcare-1 {
        background-image: url('/img/backgrounds/healthcare-1-dark.jpg')
    }

    .t-background-healthcare-2 {
        background-image: url('/img/backgrounds/healthcare-2-dark.jpg')
    }

    .t-background-healthcare-3 {
        background-image: url('/img/backgrounds/healthcare-3-dark.jpg')
    }

    .t-background-segm-1 {
        background-image: url('/img/backgrounds/segm-1-dark.jpg')
    }

    .t-background-segm-2 {
        background-image: url('/img/backgrounds/segm-2-dark.jpg')
    }

    .t-background-government-1 {
        background-image: url('/img/backgrounds/government-1-dark.jpg')
    }

    .t-background-government-2 {
        background-image: url('/img/backgrounds/government-2-dark.jpg')
    }

    .t-background-advertising-1 {
        background-image: url('/img/backgrounds/advertising-1-dark.jpg')
    }

    .t-background-advertising-2 {
        background-image: url('/img/backgrounds/advertising-2-dark.jpg')
    }

    .t-background-files {
        background-image: url('/img/backgrounds/files-dark.jpeg')
    }

    .t-background-maps {
        background-image: url('/img/backgrounds/maps-dark.jpeg')
    }

    .t-background-news {
        background-image: url('/img/backgrounds/news-dark.jpeg')
    }

    .t-background-advertising {
        background-image: url('/img/backgrounds/advertising-dark.jpg')
    }

    .t-background-crimes {
        background-image: url('/img/backgrounds/crimes-dark.jpg')
    }

    .t-background-government {
        background-image: url('/img/backgrounds/government-dark.jpg')
    }

    .t-background-outofhome {
        background-image: url('/img/backgrounds/outofhome-dark.jpg')
    }

    .t-background-music {
        background-image: url('/img/backgrounds/music-dark.jpg')
    }

    .t-background-music-1 {
        background-image: url('/img/backgrounds/music-1-dark.jpg')
    }

    .t-background-music-2 {
        background-image: url('/img/backgrounds/music-2-dark.jpg')
    }

    .t-background-music-3 {
        background-image: url('/img/backgrounds/music-3-dark.jpg')
    }

    .t-background-music-4 {
        background-image: url('/img/backgrounds/music-4-dark.jpg')
    }

    .t-background-banking {
        background-image: url('/img/backgrounds/banking-dark.jpg')
    }

    .t-background-education {
        background-image: url('/img/backgrounds/education-dark.jpg')
    }

    .t-background-brands {
        background-image: url('/img/backgrounds/brands-dark.jpg')
    }

    .t-background-lcd {
        background-image: url('/img/backgrounds/lcd.jpg')
    }

    .t-background-mad {
        background-image: url('/img/backgrounds/mad.jpg')
    }

    .t-background-bd {
        background-image: url('/img/backgrounds/bd.jpg')
    }

    .t-background-corps {
        background-image: url('/img/backgrounds/corps.jpg')
    }

    .t-background-our-data {
        background-image: url('/img/backgrounds/our-data.jpg')
    }

    .t-background-spiridonov {
        background-image: url('/img/backgrounds/spiridonov.jpg')
    }

    .t-background-lectorium {
        background-image: url('/img/backgrounds/lectorium.jpg')
    }

    .t-background-ai {
        background-image: url('/img/backgrounds/ai.jpg')
    }

    .t-background-data-net {
        background-image: url('/img/backgrounds/data-net.jpg')
    }

    .t-background-privacy {
        background-image: url('/img/backgrounds/privacy.jpg')
    }

    .t-background-criminal-low {
        background-image: url('/img/backgrounds/criminal-low.jpg')
    }

    .t-background-bd-ad {
        background-image: url('/img/backgrounds/bd-ad.jpg')
    }

    .t-background-track {
        background-image: url('/img/backgrounds/track.jpg')
    }

    .t-background-monit {
        background-image: url('/img/backgrounds/monit.jpg')
    }

    .t-background-does_tiktok_support_political_protests {
        background-image: url('/img/backgrounds/does_tiktok_support_political_protests-dark.jpg')
    }

    .t-background-russian_covid_stereotypes {
        background-image: url('/img/backgrounds/russian_covid_stereotypes-dark.jpg')
    }

    .t-background-russia_and_ukraine {
        background-image: url('/img/backgrounds/russia_and_ukraine-dark.jpg')
    }

    .t-background-school_extremism {
        background-image: url('/img/backgrounds/school_extremism-dark.jpg')
    }

    .t-background-elections2021 {
        background-image: url('/img/backgrounds/elections2021-dark.jpg')
    }

    .t-main-page .t-icon svg path {
        fill: url(#t-svg-gradient-0)
    }

    .t-chat-fullscreen .t-icon path,
    .t-chat-fullscreen:hover .t-icon path {
        fill: var(--t-text-invert)
    }

    .t-chat-attachments,
    .t-chat-commands,
    .t-chat-send {
        background-color: var(--t-panel-light-background)
    }

    .t-inline-viz .axis {
        opacity: .6
    }

    .t-col-panel-super .t-panel {
        box-shadow: 0 0 0 5px rgba(77, 255, 223, 0.3);
    }

}

.t-app {
    font-family: "Quinoa";
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    letter-spacing: -0.44;
    color: var(--t-text);
    background-color: var(--t-background);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.t-logo {
    width: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 200;
    text-align: center;
    display: none
}

.t-logo-inline {
    height: 30px;
    margin-right: 10px;
    float: left;
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    border-radius: var(--t-border-radius);
    display: none
}

.t-logo-inline svg {
    height: 26px;
    margin: 2px
}

.t-logo-big {
    width: 190px;
    margin: 0 auto
}

.t-logo-big svg {
    height: 75px;
    float: left
}

.t-logo-big-title {
    font-size: 24px;
    float: left;
    display: inline-block;
    line-height: 1;
    margin-top: 18px;
    margin-left: 10px;
    font-weight: 600
}

.t-logo-big-product {
    font-size: 18px;
    float: left;
    display: inline-block;
    line-height: 1;
    margin-left: 12px
}

.t-app-headless .t-logo-inline,
.t-app-headless .t-logo-big,
.t-app-headless .t-logo-big-container {
    display: none
}

.t-logo-big-container {
    display: none
}

.t-menu-close {
    width: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 200;
    text-align: center
}

.t-menu-home {
    width: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 45px;
    z-index: 200;
    text-align: center
}

.t-menu-open {
    width: auto;
    display: block;
    position: absolute;
    top: 0;
    z-index: 50;
    text-align: center;
    height: 32px
}

.t-menu-open .t-menu-item,
.t-menu-open .t-menu-item:hover,
.t-menu-open:hover .t-menu-item {
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: var(--t-border-radius);
    width: auto;
    padding: 6px 8px !important;
    height: 32px
}

.t-menu-open:hover .t-menu-item {
    box-shadow: var(--t-panel-shadow-active)
}

.t-menu .t-logo .t-menu-item,
.t-menu .t-logo .t-menu-item:hover {
    border: 0
}

.t-menu-left.t-menu-closed .t-menu {
    left: -50px;
    transition: .1s
}

.t-menu-right.t-menu-closed .t-menu {
    right: -50px;
    transition: .1s
}

.t-menu-left.t-menu-closed .t-menu-open {
    left: 60px;
    transition: .1s
}

.t-menu-right.t-menu-closed .t-menu-open {
    right: 60px;
    transition: .1s
}

.t-menu-left.t-menu-opened .t-menu {
    left: 0;
    transition: .1s
}

.t-menu-right.t-menu-opened .t-menu {
    right: 0;
    transition: .1s
}

.t-menu-left.t-menu-opened .t-menu-open {
    left: -50px;
    transition: .1s
}

.t-menu-right.t-menu-opened .t-menu-open {
    right: -50px;
    transition: .1s
}

.t-menu-without-transition .t-menu-inner,
.t-menu-without-transition .t-menu-header {
    transition: none !important;
}

.t-menu-closed .t-menu-open {
    display: block
}

.t-menu-bottom .t-menu-bottom-none,
.t-menu-bottom .t-menu-top-none {
    display: none !important
}

.t-menu-bottom-auto {
    display: none;
}

.t-menu-bottom .t-menu-bottom-auto,
.t-menu-bottom .t-menu-top-auto {
    display: auto !important
}

.t-menu-bottom .t-chat {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    bottom: 53px;
    width: 452px !important;
    max-width: calc(100% - 42px) !important;
    border-radius: var(--t-border-radius);
    overflow: hidden;
}

.t-menu-bottom .t-menu-items .t-controls {
    display: none;
}

.t-menu-bottom.t-menu-controls .t-controls-container .t-menu-item {
    display: inline-block;
    cursor: pointer;
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    padding: 6px 8px;
    border-radius: var(--t-border-radius);
    margin-right: 6px;
    height: 32px;
    text-decoration: none !important;
}

.t-menu-bottom.t-menu-controls .t-controls-container .t-menu-item:last-child {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.t-menu-bottom.t-menu-controls .t-controls-container .t-menu-item-text {
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 4px;
}

.t-menu-item-text.disabled,
.t-menu-item-text.disabled:hover,
.t-menu-item-text.disabled:active {
    color: var(--t-text);
    opacity: 0.6;
    box-shadow: var(--t-panel-shadow) !important;
}

.t-menu-bottom.t-menu-controls .t-controls-container .t-controls {
    width: auto;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
}

.t-menu-bottom.t-menu-controls .t-controls-container {
    overflow-x: scroll;
}

.t-menu-bottom.t-menu-controls .t-controls-container .t-menu-item .t-icon svg {
    height: 20px;
}

.t-menu-bottom.t-menu-controls .t-controls svg path,
.t-menu-bottom.t-menu-controls .t-controls svg polygon {
    fill: url(#t-svg-gradient-0);
}

.t-menu-bottom.t-menu-controls .t-controls-container .t-menu-item:hover {
    box-shadow: 0 0 0 2px rgb(179, 50, 252);
}

.t-menu-bottom.t-menu-controls .t-controls-container .t-menu-item-text {
    color: rgb(179, 50, 252);
}

.t-menu-bottom .t-menu-separator {
    display: none;
}

.t-menu-bottom .t-chat.hide {
    bottom: -575px;
}

.t-menu-bottom .t-chat-fullscreen,
.t-menu-bottom .t-chat-close {
    display: none;
}

.t-menu-bottom .t-menu-header .t-user,
.t-menu-top .t-menu-header .t-user {
    top: 0;
    height: 32px;
    width: 40px;
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    left: -42px;
    right: auto;
    bottom: auto;
    border-radius: var(--t-border-radius);
}

.t-app[dir="rtl"].t-menu-bottom .t-menu-header .t-user,
.t-app[dir="rtl"].t-menu-top .t-menu-header .t-user {
    left: auto;
    right: -42px;
}

.t-menu-bottom .t-menu-header .t-user .t-avatar,
.t-menu-top .t-menu-header .t-user .t-avatar {
    border-radius: var(--t-border-radius);
    height: 32px;
    width: 40px;
    display: block;
    margin-top: -6px;
    margin-left: -8px;
    box-shadow: var(--t-panel-shadow)
}

.t-app[dir="rtl"].t-menu-bottom .t-menu-header .t-user .t-avatar,
.t-app[dir="rtl"].t-menu-top .t-menu-header .t-user .t-avatar {
    margin-left: 0;
    margin-right: -8px;
}

.t-menu-bottom .t-menu,
.t-menu-top .t-menu {
    max-width: calc(100% - 40px);
    bottom: 0;
    top: 100%;
    left: 50%;
    right: auto;
    height: auto;
    max-height: 100%;
    padding: 0;
    transform: translateX(-50%);
    width: 453px;
}

.t-app-frame {
    height: 100%;
}

.t-menu-bottom.t-menu-closed .t-menu {
    width: 453px;
}

.t-menu-bottom .t-menu-close .t-menu-item .t-icon {
    width: 18px !important;
}

.t-menu-top .t-menu {
    top: auto;
    bottom: 100%;
}

.t-menu-bottom .t-menu-items,
.t-menu-top .t-menu-items {
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    width: 100%;
    z-index: auto;
    transition: 0;
    display: block;
    align-items: auto;
    flex-direction: auto;
    overflow-x: auto;
    overflow-y: scroll;
    height: 172px;
    width: calc(100% - -20px);
    margin-left: -10px;
    box-shadow: inset 0 0px 4px 0px rgb(0, 0, 0, 0.1);
    padding: 5px 10px 5px 10px;
}

.t-app[dir="rtl"].t-menu-bottom .t-menu-items,
.t-app[dir="rtl"].t-menu-top .t-menu-items {
    margin-left: 0;
    margin-right: -10px;
}

.t-menu-bottom .t-menu-items .t-apps,
.t-menu-bottom .t-menu-items .t-controls,
.t-menu-top .t-menu-items .t-apps,
.t-menu-top .t-menu-items .t-controls {
    width: 100%
}

.t-menu-bottom .t-menu-items .t-menu-item,
.t-menu-bottom .t-menu-inner .t-menu-home,
.t-menu-bottom .t-menu-inner .t-user,
.t-menu-top .t-menu-items .t-menu-item,
.t-menu-top .t-menu-inner .t-menu-home,
.t-menu-top .t-menu-inner .t-user {
    display: none !important
}

.t-menu .t-app-container,
.t-menu-bottom .t-menu-home,
.t-menu-top .t-menu-home {
    display: none
}

.t-menu-bottom .t-menu .t-app-container,
.t-menu-top .t-menu .t-app-container {
    display: block !important
}

.t-menu-bottom .t-menu-inner,
.t-menu-top .t-menu-inner {
    width: 100%;
    border-radius: var(--t-border-radius) var(--t-border-radius) 0 0 !important;
    box-shadow: var(--t-panel-shadow);
    background-image: linear-gradient(140deg, rgba(184, 198, 219, 0.42) 0%, rgba(184, 198, 219, 0.42) 100%);
    text-align: left;
    position: absolute;
    left: 0;
    top: -46px;
    height: 218px;
    transition: .1s top;
    z-index: 1000;
    padding-top: 46px;
    overflow: hidden;
}

@supports(-webkit-backdrop-filter:none) or (backdrop-filter:none) {

    .t-menu-bottom .t-menu-inner,
    .t-menu-top .t-menu-inner {
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        background-color: var(--t-panel-backdrop-background);
    }
}

.t-menu-header .t-controls-container {
    display: none;
}

.t-menu-bottom.t-menu-controls .t-menu-header .t-controls-container {
    position: absolute;
    top: -60px;
    left: 50%;
    display: block;
    text-align: center;
    max-width: 100%;
    transform: translateX(-50%);
}

.t-menu-bottom .t-menu-header .t-controls {
    border-radius: var(--t-border-radius);
    box-shadow: var(--t-panel-shadow);
    padding: 7px 9px 0 9px;
    overflow: hidden;
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    background-image: linear-gradient(140deg, rgba(184, 198, 219, 0.42) 0%, rgba(184, 198, 219, 0.42) 100%);
    height: 46px;
}

@supports(-webkit-backdrop-filter:none) or (backdrop-filter:none) {
    .t-menu-bottom .t-menu-header .t-controls {
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        background-color: var(--t-panel-backdrop-background);
    }
}

.t-menu-top .t-menu-inner {
    border-radius: 0 0 var(--t-border-radius) var(--t-border-radius);
    top: auto;
    bottom: 0;
    transition: .1s bottom;
}

.t-menu-bottom .t-menu-inner .t-menu-open,
.t-menu-top .t-menu-inner .t-menu-open {
    display: none
}

.t-menu-header {
    display: none;
}

.t-menu-bottom .t-menu-header,
.t-menu-top .t-menu-header {
    position: absolute;
    left: 0;
    top: -39px;
    display: block;
    height: 32px;
    width: 100%;
    transition: .1s top;
    z-index: 1500
}

.t-menu-top .t-menu-header {
    bottom: 10px;
    top: auto;
    transition: .1s bottom;
}

.t-menu-bottom .t-menu-header,
.t-menu-top .t-menu-header {
    display: block
}

.t-menu-header .t-menu-header-title {
    position: relative;
    width: auto;
    display: inline-flex;
    max-width: calc(100% - 200px);
    margin-left: -8px;
}

.t-app[dir="rtl"] .t-menu-header .t-menu-header-title {
    margin-left: 0;
    margin-right: -8px;
}

.t-menu-header .t-menu-header-title>span {
    width: auto;
    display: inline;
    padding: 8px 10px 6px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    border-radius: var(--t-border-radius);
    margin-left: 8px;
}

.t-app[dir="rtl"] .t-menu-header .t-menu-header-title>span {
    margin-right: 8px;
    margin-left: 0;
}

.t-menu-bottom .t-menu-home svg path,
.t-menu-bottom .t-menu-favorite svg path,
.t-menu-bottom .t-menu-close svg path,
.t-menu-bottom .t-menu-open svg path,
.t-menu-bottom .t-menu-header .t-user .t-menu-item svg path,
.t-menu-bottom .t-icon-chat svg path,
.t-menu-top .t-menu-home svg path,
.t-menu-top .t-menu-favorite svg path,
.t-menu-top .t-menu-close svg path,
.t-menu-top .t-menu-open svg path,
.t-menu-top .t-menu-header .t-user .t-menu-item svg path,
.t-menu-top .t-icon-chat svg path {
    fill: url(#t-svg-gradient-1);
}

.t-menu-bottom .t-menu-header .t-menu-home:hover svg path,
.t-menu-bottom .t-menu-header .t-menu-favorite:hover svg path,
.t-menu-bottom .t-menu-header .t-user .t-menu-item:hover svg path,
.t-menu-bottom .t-menu-header .t-menu-close:hover svg path,
.t-menu-top .t-menu-header .t-menu-home:hover svg path,
.t-menu-top .t-menu-header .t-menu-favorite:hover svg path,
.t-menu-top .t-menu-header .t-user .t-menu-item:hover svg path,
.t-menu-top .t-menu-header .t-menu-close:hover svg path {
    fill: var(--t-active);
}

.t-menu-inner-title {
    display: none
}

.t-menu-bottom .t-menu-open,
.t-menu-top .t-menu-open {
    left: auto;
    right: -94px;
    top: 0;
    cursor: pointer
}

.t-app[dir="rtl"].t-menu-bottom .t-menu-open,
.t-app[dir="rtl"].t-menu-top .t-menu-open {
    right: auto;
    left: -94px;
}

.t-menu-bottom .t-menu-header .t-menu-close,
.t-menu-top .t-menu-header .t-menu-close {
    left: auto;
    right: -94px;
    top: 0;
    cursor: pointer;
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    border-radius: var(--t-border-radius);
    padding: 6px 8px;
    height: 32px;
    width: 34px
}

.t-app[dir="rtl"].t-menu-bottom .t-menu-header .t-menu-close,
.t-app[dir="rtl"].t-menu-top .t-menu-header .t-menu-close {
    right: auto;
    left: -94px;
}

.t-menu-bottom .t-chat-icon,
.t-menu-top .t-chat-icon {
    display: none
}

.t-menu-bottom .t-page-title-container,
.t-menu-top .t-page-title-container {
    display: none !important;
}

.t-menu-bottom .t-menu-home .t-menu-separator,
.t-menu-top .t-menu-home .t-menu-separator {
    display: none
}

.t-menu-bottom .t-menu-home,
.t-menu-top .t-menu-home {
    display: inline-block;
    position: absolute;
    left: -86px;
    top: 0;
    z-index: 200;
    text-align: center;
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    height: 32px;
    width: 34px;
    border-radius: var(--t-border-radius);
    padding: 6px;
    cursor: pointer
}

.t-app[dir="rtl"].t-menu-bottom .t-menu-home,
.t-app[dir="rtl"].t-menu-top .t-menu-home {
    left: auto;
    right: -86px;
}

.t-menu-bottom .t-menu-favorite,
.t-menu-top .t-menu-favorite {
    display: inline-block;
    position: absolute;
    top: 0;
    z-index: 200;
    text-align: center;
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    height: 32px;
    width: 34px;
    border-radius: var(--t-border-radius);
    padding: 6px;
    cursor: pointer;
    display: none;
}

.t-menu-bottom.t-menu-favorites .t-menu-favorite {
    display: block;
    right: -44px;
}

.t-app[dir="rtl"].t-menu-bottom.t-menu-favorites .t-menu-favorite {
    display: block;
    left: -44px;
    right: auto;
}

.t-menu-bottom.t-menu-favorites .t-chat-icon {
    right: -94px !important;
}

.t-app[dir="rtl"].t-menu-bottom.t-menu-favorites .t-chat-icon {
    left: -94px !important;
    right: auto !important;
}

.t-menu-bottom.t-menu-favorites .t-menu-open,
.t-menu-bottom.t-menu-favorites .t-menu-close {
    right: -138px !important;
}

.t-app[dir="rtl"].t-menu-bottom.t-menu-favorites .t-menu-open,
.t-app[dir="rtl"].t-menu-bottom.t-menu-favorites .t-menu-close {
    left: -138px !important;
    right: auto !important;
}

.t-menu-bottom.t-menu-favorites .t-menu-header .t-menu-header-title {
    max-width: calc(100% - 240px);
    margin-left: -53px;
}

.t-app[dir="rtl"].t-menu-bottom.t-menu-favorites .t-menu-header .t-menu-header-title {
    max-width: calc(100% - 240px);
    margin-right: -53px;
    margin-left: auto;
}

.t-menu-hidden.t-menu-bottom.t-menu-favorites .t-menu-header .t-menu-header-title {
    margin-left: 0;
}

.t-app[dir="rtl"].t-menu-hidden.t-menu-bottom.t-menu-favorites .t-menu-header .t-menu-header-title {
    margin-right: 0;
    margin-left: auto;
}

.t-menu-bottom .t-menu-header .t-user .t-menu-item,
.t-menu-top .t-menu-header .t-user .t-menu-item {
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    width: 40px;
    border-radius: var(--t-border-radius);
    padding: 6px 8px;
    height: 32px;
    display: block;
    cursor: pointer
}

.t-menu-bottom .t-menu-home:hover,
.t-menu-bottom .t-menu-favorite:hover,
.t-menu-bottom .t-menu-close:hover,
.t-menu-bottom .t-menu-header .t-user .t-menu-item:hover,
.t-menu-top .t-menu-home:hover,
.t-menu-top .t-menu-close:hover,
.t-menu-top .t-menu-header .t-user .t-menu-item:hover {
    box-shadow: 0 0 0 2px var(--t-active)
}

.t-menu-bottom .t-menu-header .t-chat-icon,
.t-menu-top .t-menu-header .t-chat-icon {
    display: block;
    bottom: auto;
    height: 32px;
    left: auto;
    right: -50px;
    top: 0;
    cursor: pointer
}

.t-app[dir="rtl"].t-menu-bottom .t-menu-header .t-chat-icon,
.t-app[dir="rtl"].t-menu-top .t-menu-header .t-chat-icon {
    right: auto;
    left: -50px;
}

.t-menu-bottom .t-menu-open .t-menu-item,
.t-menu-top .t-menu-open .t-menu-item {
    width: 34px;
    display: block
}

.t-menu-bottom .t-menu-inner .t-menu-close,
.t-menu-top .t-menu-inner .t-menu-close {
    display: none
}

.t-menu-bottom.t-menu-opened .t-menu-open,
.t-menu-bottom.t-menu-closed .t-menu-close,
.t-menu-top.t-menu-opened .t-menu-open,
.t-menu-top.t-menu-closed .t-menu-close {
    display: none;
    transition: all .1s ease-in-out
}

.t-logo svg {
    width: 36px;
    margin-left: -1px
}

.t-logo svg polygon,
.t-logo svg path {
    fill: var(--t-text)
}

.t-app button,
.t-app input[type=submit] {
    border-radius: var(--t-border-radius);
    overflow: hidden;
    line-height: 1;
    padding: 5px 10px;
    opacity: .9;
    cursor: pointer;
    margin: 0 7px 10px 2px;
    display: inline-block;
    font-family: "Quinoa";
    font-size: 18px;
    font-weight: 500;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto;
}

.t-app button:hover,
.t-app input[type=submit]:hover {
    opacity: 1
}

.t-page-title,
.t-page-title-raw,
.t-page-title-absolute {
    padding: 8px 10px 6px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    border-radius: var(--t-border-radius);
    display: inline-flex;
    width: auto;
    max-width: calc(100% - 40px)
}

.t-page-title-absolute {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 5000
}

.t-menu {
    position: absolute;
    top: 10px;
    z-index: 1000;
    text-align: center;
    height: calc(100% - 20px);
    padding: 0 10px 0 0;
    transition: .1s
}

.t-menu-hidden .t-menu {
    display: none;
}

.t-menu-hidden.t-menu-bottom .t-menu {
    display: block !important;
}

.t-menu-hidden.t-menu-bottom .t-controls-container,
.t-menu-hidden.t-menu-bottom .t-menu-inner,
.t-menu-hidden.t-menu-bottom .t-menu-open,
.t-menu-hidden.t-menu-bottom .t-menu-close,
.t-menu-hidden.t-menu-bottom .t-menu-home,
.t-menu-hidden.t-menu-bottom .t-menu-favorite,
.t-menu-hidden.t-menu-bottom .t-user,
.t-menu-hidden.t-menu-bottom .t-chat-icon {
    display: none !important;
}

.t-menu-hidden.t-menu-bottom .t-menu-header .t-menu-header-title {
    max-width: calc(100% - 20px);
}

.t-menu-float .t-menu-open {
    position: fixed !important;
    left: 10px !important;
    right: auto !important;
    top: 10px !important;
    bottom: auto !important;
}

.t-menu-right .t-menu {
    padding: 0 0 0 10px
}

.t-menu-inner {
    width: 50px;
    height: 100%;
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    position: relative;
    border-radius: 0 var(--t-border-radius) var(--t-border-radius) 0
}

.t-menu-right .t-menu-inner {
    border-radius: var(--t-border-radius) 0 0 var(--t-border-radius)
}

.t-menu-items {
    position: absolute;
    left: 0;
    top: 90px;
    bottom: 50px;
    width: 100%;
    z-index: 100;
    transition: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: scroll
}

.t-menu-separator {
    width: 100%;
    height: 1px;
    margin: 5px 0;
    display: block;
    padding: 0 10px;
    border: 0
}

.t-app hr {
    width: 100%;
    height: 1px;
    margin: 5px 0;
    display: block;
    padding: 0;
    border: 0
}

.t-menu-separator:after,
.t-app hr:after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--t-text);
    opacity: .1;
    display: block
}

.t-menu-items .t-menu-item {
    align-self: stretch;
    margin-bottom: 5px;
    height: 32px
}

.t-menu-left .t-menu-item {
    padding: 6px 8px 6px 6px;
    cursor: pointer;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    border-left: 2px solid transparent;
    text-align: center
}

.t-menu-right .t-menu-item {
    border-right: 2px solid transparent;
    padding: 6px 6px 6px 8px;
    cursor: pointer;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    text-align: center
}

.t-menu-item .t-icon {
    opacity: .9;
    width: auto;
    height: 20px
}

.t-menu-item .t-icon-language svg {
    width: 24px
}

.t-icon-link svg {
    padding-top: 3px;
}

.t-menu-left .t-menu-item:hover,
.t-menu-left .t-menu-item.active {
    border-left: 2px solid var(--t-active)
}

.t-menu-left .t-favorite,
.t-menu-right .t-favorite {
    height: 30px;
}

.t-menu-left hr:after,
.t-menu-right hr:after {
    content: '';
    width: calc(100% - 20px);
    height: 1px;
    background-color: var(--t-text);
    opacity: .1;
    display: block;
    margin-left: 10px;
    margin-bottom: 7px;
}

.t-menu-left hr,
.t-menu-right hr {
    padding-top: 2px;
}

.t-menu-bottom .t-menu-separator,
.t-menu-top .t-menu-separator {
    display: none;
}

.t-menu-left .t-controls .t-menu-item-text,
.t-menu-right .t-controls .t-menu-item-text {
    display: none;
}

.t-menu-top .t-controls .t-icon,
.t-menu-bottom .t-controls .t-icon {
    display: none;
}

.t-menu-bottom.t-menu-controls .t-controls-container .t-menu-item,
.t-menu-top.t-menu-controls .t-controls-container .t-menu-item {
    padding: 4px 8px 6px 8px;
}

.t-menu-top .t-controls .t-menu-item-icon .t-icon,
.t-menu-bottom .t-controls .t-menu-item-icon .t-icon {
    display: inline-block;
}

.t-menu-bottom.t-menu-controls .t-controls-container .t-menu-item-icon,
.t-menu-top.t-menu-controls .t-controls-container .t-menu-item-icon {
    padding: 6px 8px !important;
}

.t-menu-right .t-menu-item:hover,
.t-menu-right .t-menu-item.active {
    border-right: 2px solid var(--t-active)
}

.t-menu-item:hover .t-icon,
.t-menu-item.active .t-icon {
    opacity: 1
}

.t-menu-item:hover .t-icon path,
.t-menu-item.active .t-icon path,
.t-menu-item:hover .t-icon circle,
.t-menu-item.active .t-icon circle {
    fill: var(--t-active)
}

.t-menu-item:hover .t-icon polyline,
.t-menu-item.active .t-icon polyline {
    stroke: var(--t-active);
    fill: none
}

.t-menu-item-noselect,
.t-menu-item-noselect:hover {
    background-color: transparent !important
}

.t-controls,
.t-modules,
.t-apps {
    display: inline-block;
    width: 50px;
    transition: .1s;
}

.t-menu-left .t-apps-top-bottom,
.t-menu-right .t-apps-top-bottom {
    display: none;
}

.t-menu-bottom .t-apps-left-right,
.t-menu-top .t-apps-left-right {
    display: none;
}

.t-apps-left-right .t-menu-item.favorite,
.t-apps-left-right .t-menu-item.history {
    display: none;
}

.t-apps hr {
    display: block;
    width: 100%;
    padding-top: 4px;
    height: 5px;
    margin-bottom: 7px;
}

.t-user {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 200
}

.t-avatar {
    width: 34px;
    height: 34px;
    border-radius: var(--t-border-radius);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.t-content {
    overflow-y: scroll;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 500
}

.t-content.t-blur {
    filter: blur(6px);
    -webkit-filter: blur(6px);
    -moz-filter: blur(6px);
    -ms-filter: blur(6px)
}

.t-page {
    padding: 5px 0;
    width: 100%;
    min-height: 100%;
    position: relative
}

.t-app.t-fullscreen .t-page {
    padding: 5px 0 !important;
    overflow: hidden;
    height: 100%
}

.t-fullscreen-menu-hide .t-menu,
.t-fullscreen-menu-hide .t-chat-icon {
    display: none;
}

@media print {

    body {
        --t-panel-shadow: none !important;
        --t-panel-light-border: rgba(0, 0, 0, 0) !important;
        height: auto !important;
        overflow: visible !important;
        position: relative !important;
    }

    .t-app,
    .t-content,
    .t-page {
        height: auto !important;
        overflow: visible !important;
        position: relative !important;
    }

    .t-menu,
    .t-dashboard-col-toolbox-container,
    .t-chat,
    .t-chat-icon,
    .t-gradient-map,
    .t-tracking {
        display: none !important;
    }

    .t-menu-bottom.t-menu-controls .t-page {
        padding-bottom: 0 !important;
    }

}

@media all and (min-width:1200px) {

    .t-menu-open,
    .t-menu-inner .t-menu-close {
        display: none
    }

    .t-menu-home {
        top: 10px
    }

    .t-menu-left .t-page {
        padding-left: 60px;
        width: 100%
    }

    .t-menu-right .t-page {
        padding-right: 60px;
        width: 100%
    }

    .t-menu-hidden .t-page {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .t-menu-left .t-menu {
        left: 0 !important;
        padding-left: 10px
    }

    .t-menu-right .t-menu {
        right: 0 !important;
        padding-right: 10px
    }

    .t-menu-inner {
        border-radius: var(--t-border-radius) !important
    }

    .t-menu-items {
        padding: 0;
        bottom: 50px;
        top: 55px
    }

    .t-menu-inner {
        overflow: hidden
    }

    .t-menu-left .t-menu-open {
        left: -50px;
        right: auto;
        transition: .1s
    }

    .t-menu-right .t-menu-open {
        right: -50px;
        left: auto
    }

    .t-user {
        bottom: 5px
    }
}

.t-loader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5000
}

.t-stripped-overflow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3000;
    background-color: var(--t-background);
}

@supports(-webkit-backdrop-filter:none) or (backdrop-filter:none) {
    .t-stripped-overflow {
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        background-color: var(--t-panel-backdrop-background);
    }

    .t-stripped-overflow .t-stripped {
        display: none
    }
}

.t-stripped {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.t-loader-inline {
    display: none;
    position: absolute;
    width: 0;
    height: 2px;
    left: 0;
    top: 0;
    background-color: var(--t-active);
    z-index: 6000
}

.t-loader-animation {
    display: block;
    position: absolute;
    width: 75px;
    height: 10px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    z-index: 4000;
}

.t-loader-description {
    display: none;
    display: block;
    position: absolute;
    width: 300px;
    height: 10px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    z-index: 4000;
    max-width: calc(100% - 20px);
    margin-top: 20px;
    line-height: 1;
    font-size: 16px;
    text-align: center;
}

.t-loader-logo {
    display: block;
    position: absolute;
    height: 80px;
    width: 80px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    z-index: 4000;
    margin-top: -60px;
}

.t-loader-logo svg path,
.t-loader-logo svg polygon {
    /*fill: url(#t-svg-gradient-1);*/
    fill: var(--t-text);
    opacity: 0.8;
}

.t-loader-text {
    display: block;
    position: absolute;
    width: 100px;
    height: auto;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    z-index: 4000;
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    padding: 10px;
    text-align: center;
    border-radius: var(--t-border-radius)
}

.t-loader-animation div {
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--t-text);
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
    opacity: .8
}

.t-loader-animation div:nth-child(1) {
    left: 8px;
    animation: t-loader-animation-1 .5s infinite;
    transform: scale(0);
}

.t-loader-animation div:nth-child(2) {
    left: 8px;
    animation: t-loader-animation-2 .5s infinite
}

.t-loader-animation div:nth-child(3) {
    left: 32px;
    animation: t-loader-animation-2 .5s infinite
}

.t-loader-animation div:nth-child(4) {
    left: 56px;
    animation: t-loader-animation-3 .5s infinite
}

@keyframes t-loader-animation-1 {
    0 {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes t-loader-animation-2 {
    0 {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}

@keyframes t-loader-animation-3 {
    0 {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

.t-modal {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5000;
    display: none
}

.t-modal-overflow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5000;
    cursor: pointer;
    background-color: var(--t-background)
}

@supports(-webkit-backdrop-filter:none) or (backdrop-filter:none) {
    .t-modal-overflow {
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        background-color: var(--t-panel-backdrop-background);
    }

    .t-modal-overflow .t-stripped {
        display: none
    }
}

.t-modal-content {
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    z-index: 5010;
    max-width: 750px;
    padding: 10px;
    transform: translateX(-50%);
}

.t-modal-tabs-container {
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    z-index: 5010;
    max-width: 750px;
    padding: 10px;
    transform: translateX(-50%);
}

.t-modal-tabs-container .t-tabs-overflow {
    width: calc(100% - 25px);
}

.t-modal-tabs .t-modal-content {
    top: 38px;
}

.t-modal-tabs .t-modal-close {
    right: 10px;
    top: -29px;
}

.t-app[dir="rtl"] .t-modal-tabs .t-modal-close {
    left: 10px;
    right: auto;
}

.t-menu-right.t-fullscreen-all .t-menu,
.t-menu-right.t-fullscreen-all .t-chat-icon,
.t-menu-right.t-fullscreen-all .t-tracking,
.t-menu-left.t-fullscreen-all .t-menu,
.t-menu-left.t-fullscreen-all .t-chat-icon,
.t-menu-left.t-fullscreen-all .t-tracking {
    display: none !important;
    opacity: 0 !important
}

.t-modal-scroll .t-modal-content,
.t-modal-no-padding .t-modal-content {
    padding: 0
}

.t-modal-scroll .t-modal-content {
    overflow: hidden
}

.t-modal-no-padding .t-modal-content,
.t-modal-no-padding .t-modal-body {
    overflow: hidden
}

.t-modal-fullscreen .t-modal-content {
    max-width: 1200px
}

.t-modal-transparent .t-modal-body {
    background-color: transparent;
    box-shadow: none;
    padding: 0 !important
}

.t-modal-header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.t-modal-close {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 6px 8px;
    display: inline-block;
    width: 34px;
    height: 30px;
    cursor: pointer;
    border-radius: var(--t-border-radius);
    z-index: 10000
}

.t-app[dir="rtl"] .t-modal-close {
    right: auto;
    left: 5px;
}

.t-modal-body {
    width: 100%;
    border-radius: var(--t-border-radius);
    box-shadow: var(--t-panel-shadow);
    background-color: var(--t-panel-background);
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 10px
}

.t-modal-actions {
    position: absolute;
    left: 0;
    bottom: -33px;
    width: 100%;
    text-align: right;
    padding-right: 5px;
    height: 32px;
}

.t-big-items {
    padding: 0;
    margin: 0;
    list-style: none
}

.t-big-items li {
    width: 100%;
    padding: 10px;
    cursor: pointer;
    border-radius: var(--t-border-radius);
    line-height: 1;
    font-size: 18px
}

.t-big-items li:hover {
    background-color: var(--t-panel-item-selected)
}

.t-languages {
    margin: 5px 0
}

.t-language {
    padding: 5px;
    cursor: pointer;
    border-radius: var(--t-border-radius)
}

.t-language:hover {
    background-color: var(--t-panel-item-selected)
}

.t-language svg {
    height: 32px;
    margin-right: 10px;
    float: left;
    margin-top: -3px
}

.t-app[dir="rtl"] .t-language svg {
    margin-left: 10px;
    margin-right: 0;
    float: right;
}

.t-notification {
    padding: .2rem .5rem .2rem .5rem;
    margin: 10px 10px 0 10px;
    border: 0 solid transparent;
    border-radius: 2px;
    display: inline-block;
    z-index: 1031;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
    cursor: pointer;
    opacity: .9;
    clear: both;
    text-decoration: none !important;
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: var(--t-border-radius);
    text-align: left;
    max-width: 300px;
    position: relative
}

.t-notification .t-badge {
    position: absolute;
    right: -5px;
    top: -7px;
    z-index: 100;
    display: block;
    font-size: 16px;
    padding: 2px 5px 2px 5px;
    font-weight: 600;
    line-height: 1;
    background-color: var(--t-colors-ordinal-2);
    color: var(--t-text-invert);
    border-radius: var(--t-border-radius)
}

.t-notification-multiple:after {
    content: '';
    box-shadow: 5px 5px 0 1px rgba(220, 221, 241, 0.8), 10px 10px 0 1px rgba(220, 221, 241, 0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: var(--t-border-radius)
}

.t-notification:hover {
    opacity: 1
}

.t-notification .t-marker,
.t-notifications-list .t-marker {
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin-right: 5px;
    margin-top: 2px
}

.t-notification {
    line-height: 1.2;
}

.t-notification .t-title {
    text-transform: uppercase;
    width: 100%;
    text-align: left;
    display: inline-block;
    line-height: 1;
    margin-top: 4px;
}

.t-notification-primary .t-marker {
    background-color: rgba(0, 123, 255, .95);
    border-color: #0096ff
}

.t-notification-secondary .t-marker {
    background-color: rgba(255, 255, 255, .95);
    border-color: #fff
}

.t-notification-success .t-marker {
    background-color: rgba(0, 255, 170, .95);
    border-color: #0fa
}

.t-notification-info .t-marker {
    background-color: rgba(75, 35, 160, .95);
    border-color: #4b23a0
}

.t-notification-warning .t-marker {
    background-color: rgba(255, 193, 7, .95);
    border-color: #ffc107
}

.t-notification-error .t-marker {
    background-color: rgba(255, 0, 85, .95);
    border-color: #f05
}

.t-notifications {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 10000;
    transform: translateX(-50%)
}

.t-notifications>a {
    display: inline-block
}

.t-notifications>div {
    width: 100%;
    text-align: center
}

.t-col-hr,
.t-app .dashboard-hr-title {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    opacity: .6;
    font-size: 12px;
    padding: 0px ​5px 2px 5px;
    line-height: 1;
}

.t-col-hr-full {
    display: block;
    width: calc(100% - 20px);
    opacity: .1;
    height: 1px;
    background-color: var(--t-text);
    margin: 0 10px
}

.t-app .t-dashboard .t-col-hr {
    margin: -4px 0 -5px 0
}

.t-app .t-dashboard .content {
    min-height: 20px
}

.t-dashboard-grid {
    padding: 5px 5px 0 5px;
}

.t-dashboard-grid-col {
    padding: 0px !important;
}

.t-dashboard-grid .t-row {
    margin: 0 !important;
    width: 100% !important;
}

.t-dashboard-col-invisible {
    display: none;
}

.t-dashboard-col-toolbox-container {
    position: absolute;
    right: 10px;
    top: -42px;
    width: auto;
    z-index: 4000;
    cursor: pointer;
    height: 42px;
    display: none;
    -webkit-transition: opacity .1s ease-in;
    -moz-transition: opacity .1s ease-in;
    -o-transition: opacity .1s ease-in;
    -ms-transition: opacity .1s ease-in;
    transition: opacity .1s ease-in;
}

.t-app[dir="rtl"] .t-dashboard-col-toolbox-container {
    right: auto;
    left: 10px;
}

.t-dashboard-row-toolbox-container {
    position: absolute;
    right: 10px;
    top: -42px;
    width: auto;
    z-index: 4000;
    cursor: pointer;
    height: 42px;
    display: none;
    -webkit-transition: opacity .1s ease-in;
    -moz-transition: opacity .1s ease-in;
    -o-transition: opacity .1s ease-in;
    -ms-transition: opacity .1s ease-in;
    transition: opacity .1s ease-in;
}

.t-dashboard-row:hover .t-dashboard-row-toolbox-container {
    display: block;
}

.t-dashboard-row-toolbox-container {
    top: -46px !important;
    right: 10px !important;
}

.t-dashboard-row-toolbox-container .t-dashboard-toolbox {
    padding: 7px 7px 4px 7px;
    height: 46px;
    background-color: var(--t-panel-light-border-dark);
}

.t-dashboard-row-toolbox-container {
    position: absolute;
    right: 0px;
    top: -42px;
    width: auto;
    z-index: 4000;
    cursor: pointer;
}

.t-dashboard-toolbox {
    width: auto;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    border-radius: var(--t-border-radius) var(--t-border-radius) 0 0;
    padding: 7px 7px 0 7px;
    overflow: hidden;
    background-color: var(--t-panel-light-border);
    height: 42px;
}

.t-dashboard .t-dashboard-col-with-toolbox:hover .t-dashboard-col-toolbox-container {
    display: block;
}

.t-dashboard-col-screenshot-container .t-viz-choropleth-map-opacity, .t-dashboard-col-screenshot-container .t-map-controls{
    display:none !important;
}

.t-dashboard .t-col-without-toolbox.t-dashboard-col-with-toolbox:hover .t-dashboard-col-toolbox-container {
    display: none !important;
}

.t-dashboard .t-dashboard-col-with-toolbox:hover {
    border-radius: var(--t-border-radius);
    background-color: var(--t-panel-light-border);
}

.t-dashboard .t-col-without-toolbox.t-dashboard-col-with-toolbox:hover {
    background-color: rgba(0, 0, 0, 0);
}

.t-col-toolbox-invert .t-dashboard-col-toolbox-container {
    top: 5px;
    right: 5px;
}

.t-col-toolbox-invert .t-dashboard-toolbox {
    border-radius: 0 0 0 var(--t-border-radius);
    padding: 2px 5px 0px 7px;
    height: 40px;
}

.t-dashboard-menu-item {
    display: inline-block;
    cursor: pointer;
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    padding: 6px 8px;
    border-radius: var(--t-border-radius);
    /* margin-right: 6px; */
    height: 32px;
}

.t-dashboard-menu-item:hover {
    box-shadow: 0 0 0 2px var(--t-text);
}

.t-dashboard-menu-item-separator {
    height: 20px;
    width: 1px;
    background-color: var(--t-text);
    padding: 0;
    opacity: 0.6;
    margin: 0;
    transform: translateY(3px);
}

.t-dashboard-menu-item.highlighted svg path {
    fill: url(#t-svg-gradient-0);
}

.t-dashboard-menu-item.highlighted:hover {
    box-shadow: 0 0 0 2px #b332fc !important;
}

.t-dashboard-menu-item .t-icon-chevron-left {
    margin-left: -2px;
    padding-top: 2px;
}

.t-dashboard-menu-item .t-icon-chevron-right {
    margin-right: -2px;
    padding-top: 2px;
}

.t-col-hr:before,
.t-app .dashboard-hr-title:before,
.t-col-hr:after,
.t-app .dashboard-hr-title:after {
    content: '';
    border-top: 1px solid var(--t-text);
    flex: 1 0 5px;
    opacity: .3
}

.t-col-hr:before,
.t-app .dashboard-hr-title:before {
    margin: -1px 5px 0 10px
}

.t-col-hr:after,
.t-app .dashboard-hr-title:after {
    margin: -1px 10px 0 5px
}

.t-viz-legend {
    background-color: var(--t-panel-background);
    border-radius: var(--t-border-radius);
    right: 10px;
    box-shadow: var(--t-panel-shadow);
    font-size: 12px;
    line-height: 12px;
    padding: 5px 5px 2px 5px;
    position: absolute;
    top: 10px;
    z-index: 300;
    margin: 0;
    font-size: 12px;
    list-style: none
}

.t-viz-legend-top-left .t-viz-legend {
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
}

.t-viz-legend-top-right .t-viz-legend {
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
}

.t-app[dir="rtl"] .t-viz-legend-top-right .t-viz-legend {
    right: auto !important;
    left: 0 !important;
}

.t-viz-legend-bottom-left .t-viz-legend {
    bottom: 0 !important;
    left: 0 !important;
    right: auto !important;
    top: auto !important;
}

.t-viz-legend-bottom-right .t-viz-legend {
    bottom: 0 !important;
    right: 0 !important;
    left: auto !important;
    top: auto !important;
}

@supports(-webkit-backdrop-filter:none) or (backdrop-filter:none) {

    .t-viz-legend,
    .t-viz-tooltip {
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        background-color: var(--t-panel-backdrop-background);
        color: var(--t-text);
        box-shadow: var(--t-panel-shadow);
    }
}

.t-viz-legend-small {
    background-color: var(--t-panel-background);
    border-radius: var(--t-border-radius);
    left: 0;
    box-shadow: var(--t-panel-shadow);
    font-size: 12px;
    line-height: 12px;
    padding: 1px 3px 0 3px;
    position: absolute;
    bottom: 0;
    z-index: 300;
    margin: 0;
    font-size: 12px;
    list-style: none
}

.t-viz-treemap .t-viz-legend-small {
    left: 10px;
    bottom: 10px
}

.t-viz-legend-small span {
    display: inline-block;
    font-weight: 600;
    margin: 2px
}

.t-viz-legend li {
    width: 100%;
    clear: both
}

.t-viz-legend li span {
    border-radius: var(--t-border-radius);
    display: inline-block;
    float: left;
    height: 15px;
    width: 15px
}

.t-viz-legend li label {
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    margin: 2px 5px 4px;
    word-break: break-all;
    /* max-width: 180px; */
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.t-viz-legend li:last-child label {
    margin-bottom: 0;
}

.t-app[dir="rtl"] .t-viz-legend li label {
    float: right;
}

.t-app .t-viz-legend li label b {
    margin-right: 3px;
}

.t-app[dir="rtl"] .t-viz-legend li label b {
    margin-right: 0;
    margin-left: 3px;
}

.t-app .box-item {
    text-align: center;
    padding: .5rem !important;
    position: relative;
    display: inline-block;
    width: 100%
}

.t-app .box-item .subtitle {
    margin: 0;
    padding-top: 2px;
    font-size: 12px;
    line-height: 1;
    display: inline-block;
    width: 100%;
    opacity: .3
}

.t-app .box-item .title {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 1;
    display: inline-block;
    width: 100%;
    opacity: 1;
    text-overflow: ellipsis;
    height: 12px;
    overflow: hidden;
    white-space: nowrap
}

.t-app .box-item .value {
    margin: 0;
    font-size: 36px;
    line-height: 1;
    display: inline-block;
    width: 100%;
    min-height: 0;
    font-weight: 600;
    cursor: default
}

.t-app .box-item .value-text {
    font-size: 16px
}

.t-app .box-item .value span {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    width: auto;
    opacity: 1
}

.t-app .box-item .t-grow {
    margin: 0;
    font-size: 12px;
    line-height: 1;
    display: inline-block;
    width: 50%;
    padding: 0 5px;
    overflow: hidden;
    float: left;
    height: 12px;
    overflow: hidden
}

.t-app .box-item .t-grow i {
    font-size: 12px
}

.t-app .box-item .t-avg {
    margin: 0;
    font-size: 12px;
    line-height: 1;
    display: inline-block;
    width: 50%;
    overflow: hidden;
    float: left;
    height: 12px;
    overflow: hidden
}

.t-app .box-item-sparkline {
    text-align: center;
    padding: .5rem;
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 100%
}

.t-app .box-item-active {
    cursor: pointer
}

.t-app .box-item-sparkline-active:hover,
.box-item-active:hover {
    box-shadow: 0 0 0 2px var(--t-active)
}

.t-app .box-item-sparkline-active.active,
.box-item-active.active {
    box-shadow: 0 0 0 2px var(--t-active)
}

.t-app .box-item-sparkline .sparkline-overflow {
    width: 100%;
    height: 22px;
    display: block;
    padding-right: 55px;
    float: left
}

.t-app .box-item-sparkline .sparkline-container {
    width: 100%;
    height: 22px;
    display: block
}

.t-app .box-item-sparkline .title {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    width: 60px;
    display: block;
    float: right;
    position: absolute;
    right: .5rem;
    top: 5px
}

.t-app .box-item-sparkline .subtitle {
    font-size: 8px;
    font-weight: 600;
    text-align: center;
    width: 60px;
    display: block;
    float: right;
    position: absolute;
    bottom: 4px;
    right: .5rem;
    height: 11px;
    overflow: hidden
}

.t-app .t-dashboard .tabs-overflow {
    overflow-x: scroll;
    white-space: nowrap;
    width: 100%
}

.t-app .t-dashboard .tab {
    width: auto;
    display: inline-block;
    border-radius: var(--t-border-radius);
    cursor: pointer;
    padding: 5px 10px;
    font-size: 18px;
    line-height: 1;
    position: relative
}

.t-app .t-dashboard .tab:hover {
    background-color: var(--t-panel-background)
}

.t-app .t-dashboard .tab:hover:after {
    content: "";
    border-bottom: 2px solid var(--t-active);
    height: 1px;
    position: absolute;
    left: 7px;
    bottom: 3px;
    width: auto;
    right: 7px;
    border-radius: 10px
}

.t-app .t-dashboard .tab.active {
    background-color: var(--t-panel-background)
}

.t-app .t-dashboard .tab.active:after {
    content: "";
    border-bottom: 2px solid var(--t-active);
    height: 1px;
    position: absolute;
    left: 7px;
    bottom: 3px;
    width: auto;
    right: 7px;
    border-radius: 10px
}

.t-app .t-dashboard .timeline .t-viz-legend-small.left {
    right: auto;
    left: 10px;
    top: 10px;
    bottom: auto;
    display: none;
    padding: 2px 7px 2px 7px;
    background-color: var(--t-colors-ordinal-2);
    opacity: .8;
    box-shadow: var(--t-panel-shadow);
    color: var(--t-text-invert)
}

.t-app .t-dashboard .timeline .t-viz-legend-small.right {
    left: auto;
    right: 10px;
    top: 10px;
    bottom: auto;
    display: none;
    padding: 2px 7px 2px 7px;
    background-color: var(--t-colors-ordinal-2);
    opacity: .8;
    box-shadow: var(--t-panel-shadow);
    color: var(--t-text-invert)
}

.t-app .t-dashboard .tab-content {
    display: none
}

.t-app .t-dashboard .panel-fullsize {
    background-color: rgba(0, 0, 0, 0) !important;
    box-shadow: none !important
}

.t-app .dashboard_loader {
    box-shadow: var(--t-panel-shadow);
    background-color: var(--t-panel-background)
}

.t-app .viz_voronoi_tree_map .cell:hover {
    stroke-width: 2px
}

.t-app .viz_rait_table {
    padding: 5px
}

.t-app .density_contour .t-viz-legend-small.top-right,
.t-app .density_contour .t-viz-legend-small.top-left,
.t-app .density_contour .t-viz-legend-small.bottom-left,
.t-app .density_contour .t-viz-legend-small.bottom-right {
    background: none !important;
    box-shadow: none !important;
    font-size: 36px;
    line-height: 1;
    font-weight: 300;
    opacity: .3
}

.t-app .density_contour .t-viz-legend-small.top-right {
    top: 35px;
    right: 35px;
    left: auto;
    bottom: auto
}

.t-app .density_contour .t-viz-legend-small.top-left {
    top: 35px;
    left: 35px;
    right: auto;
    bottom: auto
}

.t-app .density_contour .t-viz-legend-small.bottom-left {
    bottom: 35px;
    left: 35px;
    top: auto;
    right: auto
}

.t-app .density_contour .t-viz-legend-small.bottom-right {
    bottom: 35px;
    right: 35px;
    top: auto;
    left: auto
}

.t-app .value-extended.t-viz-legend-small {
    position: absolute;
    left: 5px;
    right: auto;
    top: 5px;
    bottom: auto
}

.t-app .product-item-big-inner {
    height: 140px;
    position: relative
}

.t-app .product-item-big-header {
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 8px
}

.t-app .product-item-big-inner .t-icon {
    border-radius: var(--t-border-radius);
    overflow: hidden;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background-color: #ff0000;
    box-shadow: var(--t-panel-shadow);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    opacity: .8;
    position: absolute;
    left: 10px;
    top: 10px
}

.t-app .product-item-big-inner .t-icon svg {
    height: 30px
}

.t-app .product-item-big-inner .t-icon svg path {
    fill: url(#t-svg-gradient-1)
}

.t-app .product-item-big-description {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    line-height: 12px;
    position: absolute;
    left: 10px;
    bottom: 10px;
    padding-right: 20px
}

.t-app .product-item-big-inner .primary {
    border-radius: 8px;
    position: absolute;
    right: 10px;
    top: 10px;
    background-image: none;
    font-weight: 600;
    margin: 0;
    display: none
}

.t-app .product-item-big-inner .secondary {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 150px;
    display: inline-grid;
    align-items: center;
    height: 50px
}

.t-app .product-item-big-inner .secondary span {
    opacity: .8;
    font-weight: 600;
    cursor: pointer;
    font-size: 12px;
    line-height: 1;
    display: block;
    width: 100%;
    text-align: right
}

.t-app .product-item-big-inner .secondary span:hover {
    opacity: 1
}

.t-icon {
    display: flex;
    width: 18px;
    height: 18px;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 0 auto
}

.t-icon-2x {
    height: 36px;
    width: 36px
}

.t-icon svg {
    display: inline-block;
    margin: 0 auto
}

.t-icon path,
.t-icon circle {
    fill: var(--t-icon-fill)
}

.t-icon.active path,
.t-icon.active circle {
    fill: var(--t-active)
}

.t-icon.t-active:hover path {
    fill: var(--t-active);
}

.t-icon polyline {
    stroke: var(--t-icon-fill)
}

.t-icon.active polyline {
    stroke: var(--t-active)
}

.t-app .panel-clear {
    padding: 5px
}

.t-inline-block {
    display: inline-block
}

.t-inline {
    display: inline;
}

.t-background-red {
    background-color: var(--t-colors-ordinal-2) !important
}

.t-background-green {
    background-color: var(--t-colors-ordinal-4) !important
}

.t-background-blue {
    background-color: var(--t-colors-ordinal-0) !important
}

.t-block {
    display: block !important
}

.t-app .full-width {
    width: 100% !important
}

.t-word-break {
    word-break: break-word
}

.t-none {
    display: none !important
}

.t-auto {
    display: auto !important
}

.t-app .dashed,
.t-app .border_bottom,
.t-app .dashed-bottom {
    border-bottom: 1px dashed var(--t-text);
    line-height: 1;
    display: inline-block;
    cursor: pointer
}

.t-pointer {
    cursor: pointer;
    opacity: .9
}

.t-pointer:hover {
    opacity: 1
}

.t-p-l-0,
.t-app .t-p-l-0 {
    padding-left: 0
}

.t-p-l-05,
.t-app .t-p-l-05 {
    padding-left: 5px !important;
}

.t-p-r-0,
.t-app .t-p-r-0 {
    padding-right: 0
}

.t-p-r-05,
.t-app .t-p-r-05 {
    padding-right: 5px !important
}

.t-p-t-0,
.t-app .t-p-t-0 {
    padding-top: 0
}

.t-p-b-0,
.t-app .t-p-b-0 {
    padding-bottom: 0
}

.t-p-0,
.t-app .t-p-0 {
    padding: 0 !important
}

.t-p-05,
.t-app .t-p-05 {
    padding: 5px !important
}

.t-p-l-15 {
    padding-left: 15px !important
}

.t-m-05,
.t-app .t-m-05 {
    margin: 5px !important
}

.t-m-1,
.t-app .t-m-1 {
    margin: 10px !important
}

.t-m-b-1,
.t-app .m-b-1 {
    margin-bottom: 10px !important;
}

.t-m-b-15,
.t-app .m-b-15 {
    margin-bottom: 15px !important;
}

.t-m-b-2,
.t-app .m-b-2 {
    margin-bottom: 20px !important;
}

.t-m-l-1,
.t-app .m-l-1 {
    margin-left: 10px !important;
}

.t-m-t-05,
.t-app .m-t-05 {
    margin-top: 5px !important;
}

.t-m-t-1,
.t-app .m-t-1 {
    margin-top: 10px !important;
}

.t-m-t-2,
.t-app .m-t-2 {
    margin-top: 20px !important;
}

.t-m-b-05,
.t-app .m-b-05 {
    margin-bottom: 5px !important;
}

.t-m-l-05,
.t-app .m-l-05 {
    margin-left: 5px !important;
}

.t-m-b-04,
.t-app .m-b-04 {
    margin-bottom: 4px !important;
}

.t-m-t--03 {
    margin-top: -3px !important;
}

.t-m-b-0,
.t-app .m-b-0 {
    margin-bottom: 0 !important
}

.t-m-0,
.t-app .m-0 {
    margin: 0 !important
}

.t-m-t-1,
.t-app .m-t-1 {
    margin-top: 10px
}

.t-m-r-1,
.t-app .m-r-1 {
    margin-right: 10px
}

.t-m-r-05,
.t-app .m-r-05 {
    margin-right: 5px
}

.t-p-b-0 {
    padding-bottom: 0 !important
}

.t-w-100,
.t-app .w-100 {
    width: 100% !important
}

.t-h-100,
.t-app .h-100 {
    height: 100% !important
}

.t-w-a {
    width: auto !important
}

.t-absolute {
    position: absolute
}

.t-relative {
    position: relative
}

.t-absolute-left {
    left: 10px;
    right: auto
}

.t-absolute-bottom {
    bottom: 10px;
    top: auto
}

.t-absolute-top {
    top: 10px;
    bottom: auto
}

.t-absolute-right {
    right: 10px;
    left: auto
}

.t-absolute-left-05 {
    left: 5px;
    right: auto
}

.t-absolute-bottom-05 {
    bottom: 5px;
    top: auto
}

.t-absolute-top-05 {
    top: 5px;
    bottom: auto
}

.t-absolute-right-05 {
    right: 5px;
    left: auto
}

.t-absolute-left-0 {
    left: 0px;
    right: auto
}

.t-absolute-bottom-0 {
    bottom: 0px;
    top: auto
}

.t-absolute-top-0 {
    top: 0px;
    bottom: auto
}

.t-absolute-right-0 {
    right: 0px;
    left: auto
}

.t-absolute-left-1 {
    left: 10px;
    right: auto
}

.t-absolute-bottom-1 {
    bottom: 10px;
    top: auto
}

.t-absolute-top-1 {
    top: 10px;
    bottom: auto
}

.t-absolute-right-1 {
    right: 10px;
    left: auto
}

.t-float-left,
.t-app .pull-left {
    float: left
}

.t-app[dir="rtl"] .t-float-left,
.t-app[dir="rtl"] .pull-left {
    float: right;
}

.t-float-right,
.t-app .pull-right {
    float: right
}

.t-app[dir="rtl"] .t-float-right,
.t-app[dir="rtl"] .pull-right {
    float: left;
}

.t-clear,
.t-app .clear {
    clear: both
}

.t-border-radius{
    border-radius: var(--t-border-radius);
}

.t-text-decoration-none {
    text-decoration: none;
}

.t-text-left,
.t-app .text-left {
    text-align: left !important
}

.t-app[dir="rtl"] .t-text-left,
.t-app[dir="rtl"] .text-left {
    text-align: right !important
}

.t-text-right,
.t-app .text-right {
    text-align: right !important
}

.t-app[dir="rtl"] .t-text-right,
.t-app[dir="rtl"] .text-right {
    text-align: left !important
}

.t-text-justify,
.t-app .text-justify {
    text-align: justify !important
}

.t-text-center,
.t-app .text-center {
    text-align: center !important
}

.t-text-white {
    color: #fff;
}

.t-text-uppercase {
    text-transform: uppercase
}

.t-text-active {
    color: var(--t-active)
}

.t-text-2x {
    font-size: 20px
}
.t-text-05x {
    font-size: 16px;
}

.t-text-1 {
    line-height: 1 !important;
}

.t-text-12 {
    line-height: 1.2 !important;
}

.t-f-100 {
    font-weight: 100
}

.t-f-200 {
    font-weight: 200
}

.t-f-300 {
    font-weight: 300
}

.t-f-400 {
    /* font-weight: 400 */
}

.t-f-500 {
    font-weight: 500
}

.t-f-600 {
    font-weight: 600
}

.t-f-700 {
    font-weight: 700
}

.t-f-800 {
    font-weight: 800
}

.t-lh-1-3 {
    line-height: 1.3
}

.t-o-01 {
    opacity: .01
}

.t-o-2 {
    opacity: .2
}


.t-o-4 {
    opacity: .4
}

.t-o-6 {
    opacity: .6
}

.t-o-8 {
    opacity: .8
}

.t-img-round-30 {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.t-img-round-50 {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.t-img-round-100 {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.t-noselect,
.t-app .noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.t-app .on,
.t-app .on2,
.t-app .off {
    display: inline-block;
    width: 16px;
    height: 16px;
    padding-top: 3px;
    padding-left: 3px
}

.t-app .on:before,
.t-app .on2:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
    margin: auto
}

.t-app .off:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
    margin: auto
}

.t-container,
.t-app .container {
    max-width: 1366px;
    margin: 0 auto;
    display: block
}

.t-container-centered {
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
}

.t-row,
.t-app .row {
    width: 100%;
    padding: 0 5px;
    display: block
}

.t-row .t-row,
.t-app .row .row {
    padding: 0 !important;
    width: calc(100% - -10px);
    margin-left: -5px;
    margin-top: -5px;
    margin-bottom: 5px
}

.t-app .row {
    flex-flow: row wrap
}

.t-panel,
.t-app .panel {
    padding: 10px;
    border-radius: var(--t-border-radius);
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    position: relative;
    /* overflow: hidden; */
    display: block
}

.t-panel-centered {
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 10px);
    z-index: 500;
}

.t-panel-active,
.t-app .panel-active {
    cursor: pointer
}

.t-panel-active-invert {
    background-color: var(--t-active-dark);
    color: var(--t-text-invert);
}

.t-panel-disabled,
.t-panel.disabled,
.t-app .panel.disabled,
.t-all-panels-disabled .t-panel {
    background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
    opacity: .6
}

.t-panel-disabled:hover,
.t-panel.disabled:hover,
.t-app .panel.disabled:hover,
.t-all-panels-disabled .t-panel:hover {
    box-shadow: none !important
}

.t-panel-active:hover,
.t-panel-active.active,
.t-app .panel-active:hover,
.t-all-panels-disabled .t-panel:hover {
    box-shadow: var(--t-panel-shadow-active) !important;
}

.t-panel-active-invert:hover {
    box-shadow: 0 0 0 2px var(--t-text-invert) !important
}

.t-panel-transparent,
.t-app .panel-transparent,
.t-panels-transparent .t-panel {
    padding: 10px;
    border-radius: var(--t-border-radius);
    background-color: transparent;
    box-shadow: none
}

.t-row:after,
.t-app .row:after {
    content: '';
    clear: both;
    width: 100%;
    display: block
}

.t-col-1,
.t-col-2,
.t-col-3,
.t-col-4,
.t-col-5,
.t-col-6,
.t-col-7,
.t-col-8,
.t-col-9,
.t-col-10,
.t-col-11,
.t-col-12,
.t-col-xs-1,
.t-col-xs-2,
.t-col-xs-3,
.t-col-xs-4,
.t-col-xs-5,
.t-col-xs-6,
.t-col-xs-7,
.t-col-xs-8,
.t-col-xs-9,
.t-col-xs-10,
.t-col-xs-11,
.t-col-xs-12,
.t-col-sm-1,
.t-col-sm-2,
.t-col-sm-3,
.t-col-sm-4,
.t-col-sm-5,
.t-col-sm-6,
.t-col-sm-7,
.t-col-sm-8,
.t-col-sm-9,
.t-col-sm-10,
.t-col-sm-11,
.t-col-sm-12,
.t-col-md-1,
.t-col-md-2,
.t-col-md-3,
.t-col-md-4,
.t-col-md-5,
.t-col-md-6,
.t-col-md-7,
.t-col-md-8,
.t-col-md-9,
.t-col-md-10,
.t-col-md-11,
.t-col-md-12,
.t-col-lg-1,
.t-col-lg-2,
.t-col-lg-3,
.t-col-lg-4,
.t-col-lg-5,
.t-col-lg-6,
.t-col-lg-7,
.t-col-lg-8,
.t-col-lg-9,
.t-col-lg-10,
.t-col-lg-11,
.t-col-lg-12,
.t-col-xl-1,
.t-col-xl-2,
.t-col-xl-3,
.t-col-xl-4,
.t-col-xl-5,
.t-col-xl-6,
.t-col-xl-7,
.t-col-xl-8,
.t-col-xl-9,
.t-col-xl-10,
.t-col-xl-11,
.t-col-xl-12,
.t-app .col-1,
.t-app .col-2,
.t-app .col-3,
.t-app .col-4,
.t-app .col-5,
.t-app .col-6,
.t-app .col-7,
.t-app .col-8,
.t-app .col-9,
.t-app .col-10,
.t-app .col-11,
.t-app .col-12,
.t-app .col-xs-1,
.t-app .col-xs-2,
.t-app .col-xs-3,
.t-app .col-xs-4,
.t-app .col-xs-5,
.t-app .col-xs-6,
.t-app .col-xs-7,
.t-app .col-xs-8,
.t-app .col-xs-9,
.t-app .col-xs-10,
.t-app .col-xs-11,
.t-app .col-xs-12,
.t-app .col-sm-1,
.t-app .col-sm-2,
.t-app .col-sm-3,
.t-app .col-sm-4,
.t-app .col-sm-5,
.t-app .col-sm-6,
.t-app .col-sm-7,
.t-app .col-sm-8,
.t-app .col-sm-9,
.t-app .col-sm-10,
.t-app .col-sm-11,
.t-app .col-sm-12,
.t-app .col-md-1,
.t-app .col-md-2,
.t-app .col-md-3,
.t-app .col-md-4,
.t-app .col-md-5,
.t-app .col-md-6,
.t-app .col-md-7,
.t-app .col-md-8,
.t-app .col-md-9,
.t-app .col-md-10,
.t-app .col-md-11,
.t-app .col-md-12,
.t-app .col-lg-1,
.t-app .col-lg-2,
.t-app .col-lg-3,
.t-app .col-lg-4,
.t-app .col-lg-5,
.t-app .col-lg-6,
.t-app .col-lg-7,
.t-app .col-lg-8,
.t-app .col-lg-9,
.t-app .col-lg-10,
.t-app .col-lg-11,
.t-app .col-lg-12,
.t-app .col-xl-1,
.t-app .col-xl-2,
.t-app .col-xl-3,
.t-app .col-xl-4,
.t-app .col-xl-5,
.t-app .col-xl-6,
.t-app .col-xl-7,
.t-app .col-xl-8,
.t-app .col-xl-9,
.t-app .col-xl-10,
.t-app .col-xl-11,
.t-app .col-xl-12 {
    padding: 5px;
    float: left;
    position: relative
}

.t-app[dir="rtl"] .t-col-1,
.t-app[dir="rtl"] .t-col-2,
.t-app[dir="rtl"] .t-col-3,
.t-app[dir="rtl"] .t-col-4,
.t-app[dir="rtl"] .t-col-5,
.t-app[dir="rtl"] .t-col-6,
.t-app[dir="rtl"] .t-col-7,
.t-app[dir="rtl"] .t-col-8,
.t-app[dir="rtl"] .t-col-9,
.t-app[dir="rtl"] .t-col-10,
.t-app[dir="rtl"] .t-col-11,
.t-app[dir="rtl"] .t-col-12,
.t-app[dir="rtl"] .t-col-xs-1,
.t-app[dir="rtl"] .t-col-xs-2,
.t-app[dir="rtl"] .t-col-xs-3,
.t-app[dir="rtl"] .t-col-xs-4,
.t-app[dir="rtl"] .t-col-xs-5,
.t-app[dir="rtl"] .t-col-xs-6,
.t-app[dir="rtl"] .t-col-xs-7,
.t-app[dir="rtl"] .t-col-xs-8,
.t-app[dir="rtl"] .t-col-xs-9,
.t-app[dir="rtl"] .t-col-xs-10,
.t-app[dir="rtl"] .t-col-xs-11,
.t-app[dir="rtl"] .t-col-xs-12,
.t-app[dir="rtl"] .t-col-sm-1,
.t-app[dir="rtl"] .t-col-sm-2,
.t-app[dir="rtl"] .t-col-sm-3,
.t-app[dir="rtl"] .t-col-sm-4,
.t-app[dir="rtl"] .t-col-sm-5,
.t-app[dir="rtl"] .t-col-sm-6,
.t-app[dir="rtl"] .t-col-sm-7,
.t-app[dir="rtl"] .t-col-sm-8,
.t-app[dir="rtl"] .t-col-sm-9,
.t-app[dir="rtl"] .t-col-sm-10,
.t-app[dir="rtl"] .t-col-sm-11,
.t-app[dir="rtl"] .t-col-sm-12,
.t-app[dir="rtl"] .t-col-md-1,
.t-app[dir="rtl"] .t-col-md-2,
.t-app[dir="rtl"] .t-col-md-3,
.t-app[dir="rtl"] .t-col-md-4,
.t-app[dir="rtl"] .t-col-md-5,
.t-app[dir="rtl"] .t-col-md-6,
.t-app[dir="rtl"] .t-col-md-7,
.t-app[dir="rtl"] .t-col-md-8,
.t-app[dir="rtl"] .t-col-md-9,
.t-app[dir="rtl"] .t-col-md-10,
.t-app[dir="rtl"] .t-col-md-11,
.t-app[dir="rtl"] .t-col-md-12,
.t-app[dir="rtl"] .t-col-lg-1,
.t-app[dir="rtl"] .t-col-lg-2,
.t-app[dir="rtl"] .t-col-lg-3,
.t-app[dir="rtl"] .t-col-lg-4,
.t-app[dir="rtl"] .t-col-lg-5,
.t-app[dir="rtl"] .t-col-lg-6,
.t-app[dir="rtl"] .t-col-lg-7,
.t-app[dir="rtl"] .t-col-lg-8,
.t-app[dir="rtl"] .t-col-lg-9,
.t-app[dir="rtl"] .t-col-lg-10,
.t-app[dir="rtl"] .t-col-lg-11,
.t-app[dir="rtl"] .t-col-lg-12,
.t-app[dir="rtl"] .t-col-xl-1,
.t-app[dir="rtl"] .t-col-xl-2,
.t-app[dir="rtl"] .t-col-xl-3,
.t-app[dir="rtl"] .t-col-xl-4,
.t-app[dir="rtl"] .t-col-xl-5,
.t-app[dir="rtl"] .t-col-xl-6,
.t-app[dir="rtl"] .t-col-xl-7,
.t-app[dir="rtl"] .t-col-xl-8,
.t-app[dir="rtl"] .t-col-xl-9,
.t-app[dir="rtl"] .t-col-xl-10,
.t-app[dir="rtl"] .t-col-xl-11,
.t-app[dir="rtl"] .t-col-xl-12,
.t-app[dir="rtl"] .col-1,
.t-app[dir="rtl"] .col-2,
.t-app[dir="rtl"] .col-3,
.t-app[dir="rtl"] .col-4,
.t-app[dir="rtl"] .col-5,
.t-app[dir="rtl"] .col-6,
.t-app[dir="rtl"] .col-7,
.t-app[dir="rtl"] .col-8,
.t-app[dir="rtl"] .col-9,
.t-app[dir="rtl"] .col-10,
.t-app[dir="rtl"] .col-11,
.t-app[dir="rtl"] .col-12,
.t-app[dir="rtl"] .col-xs-1,
.t-app[dir="rtl"] .col-xs-2,
.t-app[dir="rtl"] .col-xs-3,
.t-app[dir="rtl"] .col-xs-4,
.t-app[dir="rtl"] .col-xs-5,
.t-app[dir="rtl"] .col-xs-6,
.t-app[dir="rtl"] .col-xs-7,
.t-app[dir="rtl"] .col-xs-8,
.t-app[dir="rtl"] .col-xs-9,
.t-app[dir="rtl"] .col-xs-10,
.t-app[dir="rtl"] .col-xs-11,
.t-app[dir="rtl"] .col-xs-12,
.t-app[dir="rtl"] .col-sm-1,
.t-app[dir="rtl"] .col-sm-2,
.t-app[dir="rtl"] .col-sm-3,
.t-app[dir="rtl"] .col-sm-4,
.t-app[dir="rtl"] .col-sm-5,
.t-app[dir="rtl"] .col-sm-6,
.t-app[dir="rtl"] .col-sm-7,
.t-app[dir="rtl"] .col-sm-8,
.t-app[dir="rtl"] .col-sm-9,
.t-app[dir="rtl"] .col-sm-10,
.t-app[dir="rtl"] .col-sm-11,
.t-app[dir="rtl"] .col-sm-12,
.t-app[dir="rtl"] .col-md-1,
.t-app[dir="rtl"] .col-md-2,
.t-app[dir="rtl"] .col-md-3,
.t-app[dir="rtl"] .col-md-4,
.t-app[dir="rtl"] .col-md-5,
.t-app[dir="rtl"] .col-md-6,
.t-app[dir="rtl"] .col-md-7,
.t-app[dir="rtl"] .col-md-8,
.t-app[dir="rtl"] .col-md-9,
.t-app[dir="rtl"] .col-md-10,
.t-app[dir="rtl"] .col-md-11,
.t-app[dir="rtl"] .col-md-12,
.t-app[dir="rtl"] .col-lg-1,
.t-app[dir="rtl"] .col-lg-2,
.t-app[dir="rtl"] .col-lg-3,
.t-app[dir="rtl"] .col-lg-4,
.t-app[dir="rtl"] .col-lg-5,
.t-app[dir="rtl"] .col-lg-6,
.t-app[dir="rtl"] .col-lg-7,
.t-app[dir="rtl"] .col-lg-8,
.t-app[dir="rtl"] .col-lg-9,
.t-app[dir="rtl"] .col-lg-10,
.t-app[dir="rtl"] .col-lg-11,
.t-app[dir="rtl"] .col-lg-12,
.t-app[dir="rtl"] .col-xl-1,
.t-app[dir="rtl"] .col-xl-2,
.t-app[dir="rtl"] .col-xl-3,
.t-app[dir="rtl"] .col-xl-4,
.t-app[dir="rtl"] .col-xl-5,
.t-app[dir="rtl"] .col-xl-6,
.t-app[dir="rtl"] .col-xl-7,
.t-app[dir="rtl"] .col-xl-8,
.t-app[dir="rtl"] .col-xl-9,
.t-app[dir="rtl"] .col-xl-10,
.t-app[dir="rtl"] .col-xl-11,
.t-app[dir="rtl"] .col-xl-12 {
    float: right;
}

.t-col-1,
.t-app .col-1,
.t-col-xs-1,
.t-app .col-xs-1,
.t-col-md-1,
.t-app .col-md-1,
.t-col-lg-1,
.t-app .col-lg-1,
.t-col-xl-1,
.t-app .col-xl-1 {
    width: 8.33333333333%
}

.t-col-2,
.t-app .col-2,
.t-col-xs-2,
.t-app .col-xs-2,
.t-col-md-2,
.t-app .col-md-2,
.t-col-lg-2,
.t-app .col-lg-2,
.t-col-xl-2,
.t-app .col-xl-2 {
    width: 16.6666666667%
}

.t-col-3,
.t-app .col-3,
.t-col-xs-3,
.t-app .col-xs-3,
.t-col-md-3,
.t-app .col-md-3,
.t-col-lg-3,
.t-app .col-lg-3,
.t-col-xl-3,
.t-app .col-xl-3 {
    width: 25%
}

.t-col-4,
.t-app .col-4,
.t-col-xs-4,
.t-app .col-xs-4,
.t-col-md-4,
.t-app .col-md-4,
.t-col-lg-4,
.t-app .col-lg-4,
.t-col-xl-4,
.t-app .col-xl-4 {
    width: 33.33333333333%
}

.t-col-5,
.t-app .col-5,
.t-col-xs-5,
.t-app .col-xs-5,
.t-col-md-5,
.t-app .col-md-5,
.t-col-lg-5,
.t-app .col-lg-5,
.t-col-xl-5,
.t-app .col-xl-5 {
    width: 41.66666666665%
}

.t-col-6,
.t-app .col-6,
.t-col-xs-6,
.t-app .col-xs-6,
.t-col-md-6,
.t-app .col-md-6,
.t-col-lg-6,
.t-app .col-lg-6,
.t-col-xl-6,
.t-app .col-xl-6 {
    width: 50%
}

.t-col-7,
.t-app .col-7,
.t-col-xs-7,
.t-app .col-xs-7,
.t-col-md-7,
.t-app .col-md-7,
.t-col-lg-7,
.t-app .col-lg-7,
.t-col-xl-7,
.t-app .col-xl-7 {
    width: 58.333333333331%
}

.t-col-8,
.t-app .col-8,
.t-col-xs-8,
.t-app .col-xs-8,
.t-col-md-8,
.t-app .col-md-8,
.t-col-lg-8,
.t-app .col-lg-8,
.t-col-xl-8,
.t-app .col-xl-8 {
    width: 66.66666666664%
}

.t-col-9,
.t-app .col-9,
.t-col-xs-9,
.t-app .col-xs-9,
.t-col-md-9,
.t-app .col-md-9,
.t-col-lg-9,
.t-app .col-lg-9,
.t-col-xl-9,
.t-app .col-xl-9 {
    width: 74.999999999997%
}

.t-col-10,
.t-app .col-10,
.t-col-xs-10,
.t-app .col-xs-10,
.t-col-md-10,
.t-app .col-md-10,
.t-col-lg-10,
.t-app .col-lg-10,
.t-col-xl-10,
.t-app .col-xl-10 {
    width: 83.333333333333%
}

.t-col-11,
.t-app .col-11,
.t-col-xs-11,
.t-app .col-xs-11,
.t-col-md-11,
.t-app .col-md-11,
.t-col-lg-11,
.t-app .col-lg-11,
.t-col-xl-11,
.t-app .col-xl-11 {
    width: 91.666666666663%
}

.t-col-12,
.t-app .col-12,
.t-col-xs-12,
.t-app .col-xs-12,
.t-col-md-12,
.t-app .col-md-12,
.t-col-lg-12,
.t-app .col-lg-12,
.t-col-xl-12,
.t-app .col-xl-12 {
    width: 100%
}

@media all and (min-width:370px) {

    .t-col-xs-1,
    .t-app .col-xs-1 {
        width: 8.33333333333%
    }

    .t-col-xs-2,
    .t-app .col-xs-2 {
        width: 16.6666666667%
    }

    .t-col-xs-3,
    .t-app .col-xs-3 {
        width: 25%
    }

    .t-col-xs-4,
    .t-app .col-xs-4 {
        width: 33.33333333333%
    }

    .t-col-xs-5,
    .t-app .col-xs-5 {
        width: 41.66666666665%
    }

    .t-col-xs-6,
    .t-app .col-xs-6 {
        width: 50%
    }

    .t-col-xs-7,
    .t-app .col-xs-7 {
        width: 58.333333333331%
    }

    .t-col-xs-8,
    .t-app .col-xs-8 {
        width: 66.66666666664%
    }

    .t-col-xs-9,
    .t-app .col-xs-9 {
        width: 74.999999999997%
    }

    .t-col-xs-10,
    .t-app .col-xs-10 {
        width: 83.333333333333%
    }

    .t-col-xs-11,
    .t-app .col-xs-11 {
        width: 91.666666666663%
    }

    .t-col-xs-12,
    .t-app .col-xs-12 {
        width: 100%
    }
}

@media all and (min-width:576px) {

    .t-col-sm-1,
    .t-app .col-sm-1 {
        width: 8.33333333333%
    }

    .t-col-sm-2,
    .t-app .col-sm-2 {
        width: 16.6666666667%
    }

    .t-col-sm-3,
    .t-app .col-sm-3 {
        width: 25%
    }

    .t-col-sm-4,
    .t-app .col-sm-4 {
        width: 33.33333333333%
    }

    .t-col-sm-5,
    .t-app .col-sm-5 {
        width: 41.66666666665%
    }

    .t-col-sm-6,
    .t-app .col-sm-6 {
        width: 50%
    }

    .t-col-sm-7,
    .t-app .col-sm-7 {
        width: 58.333333333331%
    }

    .t-col-sm-8,
    .t-app .col-sm-8 {
        width: 66.66666666664%
    }

    .t-col-sm-9,
    .t-app .col-sm-9 {
        width: 74.999999999997%
    }

    .t-col-sm-10,
    .t-app .col-sm-10 {
        width: 83.333333333333%
    }

    .t-col-sm-11,
    .t-app .col-sm-11 {
        width: 91.666666666663%
    }

    .t-col-sm-12,
    .t-app .col-sm-12 {
        width: 100%
    }
}

@media all and (min-width:768px) {

    .t-col-md-1,
    .t-app .col-md-1 {
        width: 8.33333333333%
    }

    .t-col-md-2,
    .t-app .col-md-2 {
        width: 16.6666666667%
    }

    .t-col-md-3,
    .t-app .col-md-3 {
        width: 25%
    }

    .t-col-md-4,
    .t-app .col-md-4 {
        width: 33.33333333333%
    }

    .t-col-md-5,
    .t-app .col-md-5 {
        width: 41.66666666665%
    }

    .t-col-md-6,
    .t-app .col-md-6 {
        width: 50%
    }

    .t-col-md-7,
    .t-app .col-md-7 {
        width: 58.333333333331%
    }

    .t-col-md-8,
    .t-app .col-md-8 {
        width: 66.66666666664%
    }

    .t-col-md-9,
    .t-app .col-md-9 {
        width: 74.999999999997%
    }

    .t-col-md-10,
    .t-app .col-md-10 {
        width: 83.333333333333%
    }

    .t-col-md-11,
    .t-app .col-md-11 {
        width: 91.666666666663%
    }

    .t-col-md-12,
    .t-app .col-md-12 {
        width: 100%
    }
}

@media all and (min-width:992px) {

    .t-col-lg-1,
    .t-app .col-lg-1 {
        width: 8.33333333333%
    }

    .t-col-lg-2,
    .t-app .col-lg-2 {
        width: 16.6666666667%
    }

    .t-col-lg-3,
    .t-app .col-lg-3 {
        width: 25%
    }

    .t-col-lg-4,
    .t-app .col-lg-4 {
        width: 33.33333333333%
    }

    .t-col-lg-5,
    .t-app .col-lg-5 {
        width: 41.66666666665%
    }

    .t-col-lg-6,
    .t-app .col-lg-6 {
        width: 50%
    }

    .t-col-lg-7,
    .t-app .col-lg-7 {
        width: 58.333333333331%
    }

    .t-col-lg-8,
    .t-app .col-lg-8 {
        width: 66.66666666664%
    }

    .t-col-lg-9,
    .t-app .col-lg-9 {
        width: 74.999999999997%
    }

    .t-col-lg-10,
    .t-app .col-lg-10 {
        width: 83.333333333333%
    }

    .t-col-lg-11,
    .t-app .col-lg-11 {
        width: 91.666666666663%
    }

    .t-col-lg-12,
    .t-app .col-lg-12 {
        width: 100%
    }

    .t-col-lg-max-height-100 {
        max-height: calc(100% - 20px);
    }

    .t-col-lg-overflow-y-scroll {
        overflow-y: scroll;
    }

    .t-col-lg-auto {
        display: block !important;
    }

    .t-col-lg-none {
        display: none !important;
    }
}

@media all and (min-width:1200px) {

    .t-col-xl-1,
    .t-app .col-xl-1 {
        width: 8.33333333333%
    }

    .t-col-xl-2,
    .t-app .col-xl-2 {
        width: 16.6666666667%
    }

    .t-col-xl-3,
    .t-app .col-xl-3 {
        width: 25%
    }

    .t-col-xl-4,
    .t-app .col-xl-4 {
        width: 33.33333333333%
    }

    .t-col-xl-5,
    .t-app .col-xl-5 {
        width: 41.66666666665%
    }

    .t-col-xl-6,
    .t-app .col-xl-6 {
        width: 50%
    }

    .t-col-xl-7,
    .t-app .col-xl-7 {
        width: 58.333333333331%
    }

    .t-col-xl-8,
    .t-app .col-xl-8 {
        width: 66.66666666664%
    }

    .t-col-xl-9,
    .t-app .col-xl-9 {
        width: 74.999999999997%
    }

    .t-col-xl-10,
    .t-app .col-xl-10 {
        width: 83.333333333333%
    }

    .t-col-xl-11,
    .t-app .col-xl-11 {
        width: 91.666666666663%
    }

    .t-col-xl-12,
    .t-app .col-xl-12 {
        width: 100%
    }
}

@media all and (max-width:575px) {

    .t-col-hide-sm{
        display: none !important;
    }

}

.t-app p {
    margin-top: 0;
    margin-bottom: 10px
}

.t-app h1 {
    font-size: 72px;
    line-height: 76px;
    letter-spacing: -1.75;
    margin: 0;
    text-transform: uppercase;
    font-weight: 600
}

.t-app h2 {
    font-size: 50px;
    line-height: 50px;
    letter-spacing: -1.5;
    margin: 0;
    text-transform: uppercase;
    font-weight: 600
}

.t-app h3 {
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -0.75;
    margin: 0;
    text-transform: uppercase;
    font-weight: 600
}

.t-app h4 {
    font-size: 34px;
    line-height: 44px;
    letter-spacing: -0.44;
    margin: 0;
    text-transform: uppercase;
    font-weight: 600
}

.t-app h5 {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0;
    margin: 0;
    text-transform: uppercase;
    font-weight: 600
}

.t-page h3 {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.15;
    margin: 0;
    text-transform: uppercase;
    font-weight: 600
}

.t-page p {
    margin: 0 0 10px 0
}

.t-page p:last-child {
    margin-bottom: 0
}

.t-app table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

.t-table-fixed table,
.t-table-fixed {
    table-layout: fixed;
}

.t-app table th {
    font-weight: 600;
    text-align: left;
    color: var(--t-table-th);
    padding: 0 5px 0 5px;
    font-size: 18px;
}

.t-app[dir="rtl"] table th {
    text-align: right;
}

.t-app table th.t-active {
    text-decoration-color: var(--t-table-th) !important;
}

.t-app table td {
    border-top: var(--t-table-border);
    color: var(--t-table-td);
    padding: 5px;
    font-weight: 500;
    font-size: 18px;
}

.t-app table th .t-icon {
    display: inline-block;
    height: 16px
}

.t-app table th .t-icon svg {
    width: 8px;
    display: block;
    margin-top: 3px;
    margin-right: -1px
}

.t-app[dir="rtl"] table th .t-icon svg {
    margin-right: 1px;
}

.t-app table th .t-icon svg path {
    fill: var(--t-active)
}

.t-app table tr:nth-child(2n) {
    background-color: var(--t-table-highlight)
}

.t-app table tr:nth-child(2n) td:first-child {
    border-top-left-radius: var(--t-border-radius);
    border-bottom-left-radius: var(--t-border-radius);
}

.t-app table tr:nth-child(2n) td:last-child {
    border-top-right-radius: var(--t-border-radius);
    border-bottom-right-radius: var(--t-border-radius);
}

.t-app[dir="rtl"] table tr:nth-child(2n) td:first-child {
    border-top-right-radius: var(--t-border-radius);
    border-bottom-right-radius: var(--t-border-radius);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.t-app[dir="rtl"] table tr:nth-child(2n) td:last-child {
    border-top-left-radius: var(--t-border-radius);
    border-bottom-left-radius: var(--t-border-radius);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}


.t-app table tr:nth-child(2n) th:first-child {
    border-top-left-radius: var(--t-border-radius)
}

.t-app table tr:nth-child(2n) th:last-child {
    border-top-right-radius: var(--t-border-radius)
}

.t-app table tr:nth-child(2n) th:first-child {
    border-bottom-left-radius: var(--t-border-radius)
}

.t-app table tr:nth-child(2n) th:last-child {
    border-bottom-right-radius: var(--t-border-radius)
}

.t-table-double tr:nth-child(2n) {
    background-color: rgba(0, 0, 0, 0) !important
}

.t-table-double tr:nth-child(4n-1) {
    background-color: var(--t-table-highlight);
    overflow: hidden;
    border-radius: var(--t-border-radius)
}

.t-table-progress {
    padding: 0 0 0 20px !important;
    height: 5px;
    position: relative;
}

.t-table-progress .t-table-progress-line {
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--t-active);
}

.t-table-progress .t-table-progress-pointer {
    height: 4px;
    width: 4px;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: -1px;
    background-color: var(--t-active);
    display: block;
}

.t-table-progress .t-table-progress-label {
    position: absolute;
    left: 0;
    top: -7px;
    z-index: 200;
    background-color: var(--t-active);
    box-shadow: var(--t-panel-shadow);
    line-height: 1;
    color: var(--t-text-invert);
    border-radius: var(--t-border-radius);
    padding: 2px 5px 1px 5px;
    font-weight: 600;
    font-size: 12px;
}

.t-table-progress .t-table-progress-label {
    background-color: var(--t-elements-active);
}

.t-table-simple td,
.t-table-simple tr {
    background-color: rgba(0, 0, 0, 0) !important;
}

.t-table-sparkline{
    width: 100%;
    height: 26px;
}
.t-table-sparkline svg{
    overflow: visible;
}

.t-app table tr:nth-child(4n-1) td:first-child {
    border-top-left-radius: var(--t-border-radius);
    border-bottom-left-radius: var(--t-border-radius);
}

.t-app table tr:nth-child(4n-1) td:last-child {
    border-top-right-radius: var(--t-border-radius);
    border-bottom-right-radius: var(--t-border-radius);
}

.t-app[dir="rtl"] table tr:nth-child(4n-1) td:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--t-border-radius);
    border-bottom-right-radius: var(--t-border-radius);
}

.t-app[dir="rtl"] table tr:nth-child(4n-1) td:last-child {
    border-top-left-radius: var(--t-border-radius);
    border-bottom-left-radius: var(--t-border-radius);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.t-app table tr:nth-child(4n-1) th:first-child {
    border-top-left-radius: var(--t-border-radius)
}

.t-app table tr:nth-child(4n-1) th:last-child {
    border-top-right-radius: var(--t-border-radius)
}

.t-app table tr:nth-child(4n-1) th:first-child {
    border-bottom-left-radius: var(--t-border-radius);
}

.t-app table tr:nth-child(4n-1) th:last-child {
    border-bottom-right-radius: var(--t-border-radius)
}

.t-app table td .t-icon,
.t-app table th .t-icon {
    margin-top: -1px;
    width: 16px;
    height: 16px
}

.t-app input {
    font-size: 18px;
    line-height: 1;
    padding: 5px 10px;
    border: 0;
    border-radius: var(--t-border-radius);
    width: 100%;
    font-family: 'Quinoa';
    font-weight: 500;
    border: 2px solid var(--t-panel-item-selected);
    background-color: var(--t-panel-background);
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    color: var(--t-text)
}

.t-app textarea {
    font-family: 'Quinoa';
    font-weight: 500;
    font-size: 18px;
    line-height: 1;
    padding: 10px;
    border: 0;
    border-radius: var(--t-border-radius);
    width: 100%;
    background-color: var(--t-panel-background);
    resize: none;
    min-height: 50px;
    border: 2px solid var(--t-panel-item-selected);
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    color: var(--t-text)
}

.t-app select {
    font-size: 18px;
    line-height: 1;
    padding: 11px 10px 8px 10px;
    border: 0;
    border-radius: var(--t-border-radius);
    width: 100%;
    font-family: 'Quinoa';
    font-weight: 500;
    border: 2px solid var(--t-panel-item-selected);
    background-color: var(--t-panel-background);
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
}

.t-app input:focus,
.t-app input:active,
.t-app textarea:focus,
.t-app textarea:active,
.t-app select:active,
.t-app select:focus {
    border: 2px solid var(--t-active)
}

.t-app input.error,
.t-app textarea.error,
.t-app select.error {
    background-image: -webkit-linear-gradient(45deg, var(--t-form-error) 25%, transparent 25%, transparent 50%, var(--t-form-error) 50%, var(--t-form-error) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, var(--t-form-error) 25%, transparent 25%, transparent 50%, var(--t-form-error) 50%, var(--t-form-error) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, var(--t-form-error) 25%, transparent 25%, transparent 50%, var(--t-form-error) 50%, var(--t-form-error) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
    border-color: var(--t-form-error)
}

.t-app input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 10px;
    background: var(--t-panel-light-background);
    outline: 0;
    opacity: .8;
    -webkit-transition: .1s;
    transition: opacity .1s;
    border: none !important;
    border-radius: var(--t-border-radius);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.t-app input[type="range"]:hover {
    opacity: 1
}

.t-app input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: var(--t-border-radius);
    cursor: pointer;
    background-color: var(--t-elements-active);
    border: 4px solid #7c6cd7;
}

.t-app input[type="range"]::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: var(--t-border-radius);
    cursor: pointer;
    background-color: var(--t-elements-active);
    border: 4px solid #7c6cd7
}

.t-app input[type="checkbox"] {
    display: inline-flex;
    align-items: center;
    user-select: none;
    width: 0;
    overflow: visible;
    margin: 0 18px 0 0;
    padding: 0;
    border: 0
}

.t-app input[type="checkbox"]::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #adb5bd;
    border-radius: var(--t-border-radius);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.t-inline-search-results-items {
    position: absolute;
    left: 10px;
    top: 118px;
    overflow-x: hidden;
    overflow-y: scroll;
    width: calc(100% - 20px);
}

.t-inline-search-empty {
    position: absolute;
    left: 10px;
    bottom: -37px;
    width: calc(100% - 20px);
    padding: 5px;
}

.t-inline-search-results {
    position: absolute;
    left: 10px;
    bottom: -28px;
    width: calc(100% - 20px);
}

.t-inline-search-progress {
    width: calc(100% - 40px) !important;
    margin: 0 auto !important;
    height: 2px !important;
    position: absolute !important;
    left: 20px !important;
    top: 75px !important;
}

.t-inline-search-progress .t-progress-bar {
    height: 2px !important;
}

.t-inline-search-results-items-overflow {
    margin: 0;
    padding: 0
}

.t-inline-search-results-items-overflow li {
    cursor: pointer;
    padding: 3px 7px;
    border-radius: var(--t-border-radius)
}

.t-inline-search-results-items-overflow li:hover {
    background-color: var(--t-panel-item-selected)
}

.t-inline-search-results .t-tab span {
    font-weight: 500;
}

.t-app-container {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    cursor: pointer;
    margin-bottom: -5px
}

.t-app-container .t-icon {
    border-radius: var(--t-border-radius);
    overflow: hidden;
    width: 100%;
    height: 50px;
    margin: 0 auto;
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    opacity: 0.9;
}

.t-app-container-mini {
    width: 50%;
    float: left;
    padding: 5px 5px 0 5px;
    overflow: hidden
}

.t-app-container-folder-overflow {
    height: 50px;
    overflow: hidden;
    border-radius: var(--t-border-radius);
    background-color: rgba(0, 0, 0, 0.05)
}

.t-app-container-folder-overflow .t-icon {
    height: 18px;
    padding-bottom: 0
}

.t-app-container .t-icon svg {
    height: 30px
}

.t-app-container-folder-overflow .t-icon svg {
    height: 10px !important
}

.t-app-badge {
    position: absolute;
    right: -5px;
    top: -5px
}

.t-app-title {
    width: 100%;
    overflow: hidden;
    margin-top: 2px;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
    color: var(--t-text);
    font-size: 16px;
    margin-left: -2px;
    width: calc(100% + 4px);
}

.t-app-container:hover .t-icon {
    opacity: 1
}

.t-app-container:hover .t-icon {
    box-shadow: var(--t-panel-shadow-active)
}

.t-app-container:hover .t-icon svg path,
.t-app-container:hover .t-icon svg circle {
    fill: var(--t-active)
}

.t-app-container:hover .t-icon svg polyline {
    stroke: var(--t-active)
}

.t-app-container:hover .t-app-title {
    color: var(--t-active)
}

.t-td-toolbox {
    width: 30px;
    cursor: pointer;
    opacity: .6
}

.t-td-state {
    width: 24px;
    cursor: pointer;
    opacity: .8;
    padding-right: 0 !important;
}

.t-app[dir="rtl"] .t-td-state {
    padding-left: 0 !important;
    padding-right: 5px !important;
}

.t-td-toolbox:hover {
    opacity: .95
}

.t-td-toolbox svg {
    display: inline-block;
    width: 18px;
    height: 18px
}

.t-td-toolbox svg path {
    fill: var(--t-text)
}

.t-modal pre {
    font-weight: 600;
    margin: 0 0 10px 0;
    padding: 0;
    word-break: break-all;
    width: 100%;
    display: block;
    white-space: break-spaces
}

.t-tooltip,
.t-viz-tooltip,
.t-app .leaflet-popup-content-wrapper {
    font-size: 14px;
    font-family: 'Quinoa';
    font-weight: 500;
    border-radius: var(--t-border-radius);
    padding: 5px 10px 5px 10px;
    line-height: 1;
    opacity: .9;
    overflow: hidden;
}

.t-app .leaflet-popup-content-wrapper {
    width: 100% !important
}

.t-viz-tooltip {
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 1000;
}

.t-app[dir="rtl"] .t-viz-tooltip {
    right: 5px;
    left: auto;
}

.viz_horizontal_line_time .t-viz-tooltip,
.viz_horizontal_linear_grouped_bar_chart .t-viz-toolip {
    left: 0;
    top: 0
}

.t-breadcrumb {
    padding: 8px 10px 6px 10px;
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
    margin-right: 10px
}

.t-app .dropzone_form {
    border-radius: var(--t-border-radius);
    border: 2px dashed var(--t-text);
    min-height: 150px;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%
}

.t-dropzone {
    border-radius: var(--t-border-radius);
    border: 2px dashed var(--t-text);
    height: 130px;
    display: flex;
    cursor: pointer;
    width: 100%;
    position: relative;
}

.t-app .dropzone_form .placeholder {
    text-align: center;
    width: 100%;
    padding: 10px
}

.t-dropzone-placeholder {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}

.t-dropzone-progress {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
    display: none;
}

.t-dropzone .dz-preview {
    display: none;
}

.t-dropzone-disabled {
    border-color: var(--t-panel-item-selected);
    pointer-events: none;
    opacity: 0.6;
}

.t-dropzone-disabled .t-dropzone-placeholder {
    display: none;
}

.t-dropzone-disabled .t-dropzone-progress {
    display: block;
}

.leaflet-control-container {
    pointer-events: none
}

.t-map-control {
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    border-radius: var(--t-border-radius);
    opacity: .8;
    cursor: pointer;
    width: 30px;
    height: 30px;
    margin: 10px 10px 0 0;
    display: flex;
    align-items: center;
    text-align: center
}

.t-map-container {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.t-panel .t-map-container {
    border-radius: var(--t-border-radius)
}

.t-map-container-title {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 3000;
    width: calc(100% - 20px)
}

.t-map-controls {
    position: absolute;
    right: auto;
    left: 0;
    margin: 10px 0 0 10px;
    top: -10;
    z-index: 3000
}

.t-map-controls-title.t-map-controls {
    top: 32px
}

.t-map-control .t-icon {
    margin: 0 auto
}

.t-map-control:hover {
    opacity: 1
}

.t-map-control svg path {
    fill: var(--t-text)
}

.t-map-control.active svg path {
    fill: var(--t-active)
}

.sparkline-tooltip {
    display: none
}

.t-app .t-dashboard .filter .t-icon,
.t-app .t-dashboard .help .t-icon {
    height: 14px;
    opacity: .8
}

.t-app .t-dashboard .filter:hover .t-icon,
.t-app .t-dashboard .help:hover .t-icon {
    opacity: 1
}

.t-big-menu {
    padding: 0;
    margin: 0;
    list-style: none
}

.t-big-menu li {
    width: auto;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: var(--t-border-radius)
}

.t-big-menu li:hover {
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow)
}

.product-item-big-menu h6 {
    margin-left: 10px
}

.t-app .pager {
    text-align: center;
    margin-bottom: -10px
}

.t-app .pager button {
    margin: 0 3px 10px 3px
}

.t-app .t-dashboard .prefix-html {
    padding: 5px 10px 0 10px
}

.t-app .t-dashboard .prefix-html svg path {
    fill: var(--t-text)
}

.t-app .privacy ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.t-app .t-page-full .t-dashboard .row,
.t-app .t-page-full .t-dashboard .t-row {
    padding: 0
}

.t-col-none {
    display: none;
}

.t-app .t-page-full ul,
.t-app .t-page-full ol {
    margin: 0;
    padding-left: 20px
}

.t-app .t-important {
    border: 2px solid var(--t-text);
    border-radius: var(--t-border-radius);
    padding: 10px
}

.dashboard-filter {
    word-break: break-all;
    position: relative;
    margin: 2px;
    display: inline-block;
    font-size: 18px;
    line-height: 16px;
    padding: 4px 24px 3px 6px;
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    border-radius: var(--t-border-radius);
    overflow: hidden
}

.dashboard-filter .dashboard-filter-close {
    font-size: 24px;
    line-height: 14px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 600;
    width: 18px;
    display: block;
    padding: 6px 4px 2px 2px;
    height: 100%;
    opacity: .8;
    border-radius: 0 var(--t-border-radius) var(--t-border-radius) 0;
    border-left: 1px solid rgba(0, 0, 0, 0.1)
}

.dashboard-filter-category .dashboard-filter-close {
    border-left: 1px solid rgba(0, 0, 0, 0.1)
}

.dashboard-filter-close:hover {
    opacity: 1
}

.t-dashboard .filters.row .panel {
    margin: -14px 0
}

.t-app .viz-legend-small {
    background-color: var(--t-panel-background);
    border-radius: var(--t-border-radius);
    right: 5px;
    box-shadow: var(--t-panel-shadow);
    font-size: 12px;
    line-height: 12px;
    padding: 1px 3px 0 3px;
    position: absolute;
    top: 5px;
    z-index: 300;
    margin: 0;
    font-size: 12px;
    list-style: none
}

.t-app .viz-legend-small span {
    display: inline-block;
    font-weight: 600;
    margin: 2px
}

.t-app .t-dashboard .viz_rait .viz-legend-small {
    top: 5px;
    left: 5px;
    right: auto;
    bottom: auto
}

.t-app .viz_rait {
    margin-bottom: 10px
}

.t-app .viz-rait-item {
    display: inline-block;
    margin: 2px 2px 7px 2px;
    width: 80px;
    height: 80px;
    position: relative;
    cursor: pointer
}

.t-app .viz-rait-label {
    line-height: 1;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 12px;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 3px;
    position: absolute;
    left: 0;
    bottom: -10px
}

.t-app .viz-rait-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
    border-radius: 100%;
    position: absolute;
    left: 8px;
    top: 8px;
    z-index: 10
}

.t-app .viz-rait-value {
    width: 66px;
    height: 66px;
    border-radius: 100%;
    position: absolute;
    left: 7px;
    top: 7px;
    text-align: center;
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
    z-index: 50;
    padding-top: 16px;
    background: rgba(86, 61, 124, 0.4);
    background: -moz-linear-gradient(45deg, rgba(86, 61, 124, 0.4) 0, rgba(123, 85, 181, 0.4) 100%);
    background: -webkit-linear-gradient(45deg, rgba(86, 61, 124, 0.4) 0, rgba(123, 85, 181, 0.4) 100%);
    background: linear-gradient(45deg, rgba(86, 61, 124, 0.4) 0, rgba(123, 85, 181, 0.4) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgba(86,61,124,0.4)', endColorstr='rgba(123, 85, 181, 0.4)', GradientType=1);
    border: 2px solid rgba(86, 61, 124, 0.4);
    color: var(--t-text-invert)
}

.t-app .viz-rait-value span {
    font-size: 12px
}

.t-app .viz-rait-item:hover .viz-rait-value {
    background: rgba(86, 61, 124, 0.8);
    background: -moz-linear-gradient(45deg, rgba(86, 61, 124, 0.8) 0, rgba(123, 85, 181, 0.8) 100%);
    background: -webkit-linear-gradient(45deg, rgba(86, 61, 124, 0.8) 0, rgba(123, 85, 181, 0.8) 100%);
    background: linear-gradient(45deg, rgba(86, 61, 124, 0.8) 0, rgba(123, 85, 181, 0.8) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgba(86,61,124,0.8)', endColorstr='rgba(123, 85, 181, 0.8)', GradientType=1);
    border: 2px solid rgba(86, 61, 124, 0.8)
}

.t-app .viz-rait-item svg {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100
}

.t-app .viz-rait-item .progress-meter-a path {
    fill: #0fa
}

.t-app .viz-rait-item .progress-meter-b path {
    fill: #f05
}

.t-app .t-inline-viz .node,
.t-viz-tree-map-node {
    font-size: 18px;
    line-height: 18px;
    overflow: hidden;
    position: absolute;
    word-break: break-all;
    border-radius: var(--t-border-radius);
    cursor: pointer;
    color: var(--t-text-invert)
}

.t-app .t-inline-viz .node>div,
.t-viz-tree-map-node>div {
    padding: 5px;
    height: 100%
}

.t-app .t-inline-viz .node>div span,
.t-viz-tree-map-node>div span {
    font-size: 16px;
    line-height: 14px;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    word-break: break-all;
    display: inline-block
}

.t-app .t-inline-viz .node>div b,
.t-viz-tree-map-node>div b {
    font-size: 18px;
    line-height: 1
}

.t-app .t-inline-viz .node>div>div,
.t-viz-tree-map-node>div>div {
    height: 100%;
    overflow: hidden
}

.t-app .density_contour .viz-legend-small.top-right,
.t-app .density_contour .viz-legend-small.top-left,
.t-app .density_contour .viz-legend-small.bottom-left,
.t-app .density_contour .viz-legend-small.bottom-right {
    background: none !important;
    box-shadow: none !important;
    font-size: 36px;
    line-height: 1;
    font-weight: 300;
    opacity: .3
}

.t-app .density_contour .viz-legend-small.top-right {
    top: 35px;
    right: 35px;
    left: auto;
    bottom: auto
}

.t-app .density_contour .viz-legend-small.top-left {
    top: 35px;
    left: 35px;
    right: auto;
    bottom: auto
}

.t-app .density_contour .viz-legend-small.bottom-left {
    bottom: 35px;
    left: 35px;
    top: auto;
    right: auto
}

.t-app .density_contour .viz-legend-small.bottom-right {
    bottom: 35px;
    right: 35px;
    top: auto;
    left: auto
}

.t-app .viz-donut-label {
    position: absolute;
    background-color: var(--t-panel-background);
    width: 100%;
    overflow: hidden;
    border-radius: var(--t-border-radius);
    cursor: pointer;
    z-index: 1;
    padding-top: 5px;
    opacity: .8;
    box-shadow: var(--t-panel-shadow)
}

.t-app .viz-donut-label:hover {
    opacity: 1
}

.t-tooltip p {
    margin: 0
}

.t-dashboard-menu {
    position: absolute;
    right: 1px;
    top: 5px;
    opacity: .6;
    cursor: pointer;
    z-index: 3000
}

.t-dashboard-menu:hover {
    opacity: 1
}

.t-dashboard-menu-inner {
    display: none
}

.t-app .dashboard_loader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    border-radius: var(--t-border-radius)
}

.t-dashboard-menu-inner span {
    display: inline-block
}

.t-dashboard-menu-inner .t-big-items {
    display: none
}

.t-dashboard-no-data {
    position: relative;
    min-height: 50px;
}

.t-dashboard-no-data span {
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    display: block;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.t-dashboard-no-data span {
    background-color: var(--t-background);
    box-shadow: var(--t-panel-shadow);
    border-radius: var(--t-border-radius);
    padding: 10px
}

.t-dashboard-loader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.t-viz-informer {
    min-height: 43px
}

.t-viz-informer .title,
.t-viz-informer-goal-title,
.t-viz-informer-goal-description {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
    margin-bottom: 1px;
    font-size: 16px;
    height: 16px
}

.t-viz-informer-goal-edit {
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
    height: 18px;
    opacity: 0.6;
    cursor: pointer;
}

.t-viz-informer-goal-edit:hover {
    opacity: 0.9;
}

.t-viz-informer-goal-value {
    width: 100%;
    height: 10px;
    border-radius: var(--t-border-radius);
    overflow: hidden;
    display: block;
    position: relative;
    margin-top: 10px;
    margin-bottom: 5px;
}

.t-viz-informer-goal-value span:first-child {
    display: block;
    float: left;
    height: 10px;
    background-color: var(--t-active);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 200;
    border-radius: var(--t-border-radius);
}

.t-viz-informer-goal-value span:last-child {
    display: block;
    float: left;
    height: 10px;
    background-color: var(--t-active);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100;
    opacity: 0.1;
}

.t-viz-informer .value {
    font-weight: 800;
    font-size: 30px;
    line-height: 1;
    float: left;
    margin-bottom: -5px;
    height: 30px;
    white-space: nowrap
}

.t-app[dir="rtl"] .t-viz-informer .value {
    float: right;
}

.t-viz-informer .value span {
    display: inline-block;
    font-size: 18px
}

.t-viz-informer .t-grow {
    float: left;
    font-size: 16px;
    height: 16px;
    margin-left: 5px;
    margin-top: 10px;
    line-height: 1
}

.t-app[dir="rtl"] .t-viz-informer .t-grow {
    float: right;
    margin-left: 0;
    margin-right: 5px;
}

.t-viz-informer .t-grow.color-green,
.t-viz-informer .t-grow.up {
    color: var(--t-colors-ordinal-4)
}

.t-viz-informer .t-grow.color-red,
.t-viz-informer .t-grow.down {
    color: var(--t-colors-ordinal-2)
}

.t-viz-informer .t-avg {
    display: none
}

.t-viz-informer-icon-img {
    border-radius: var(--t-border-radius);
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    height: 43px;
    padding: 10px;
    width: 43px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-items: center;
    float: left;
}

.t-viz-informer-icon-title {
    display: inline-block;
    width: calc(100% - 43px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
    margin-top: 2px;
    margin-bottom: -4px;
    font-size: 16px;
    height: 16px;
    padding-left: 10px;
}

.t-viz-informer-icon-value {
    font-weight: 800;
    font-size: 30px;
    line-height: 1;
    float: left;
    margin-bottom: -5px;
    height: 30px;
    white-space: nowrap;
    width: calc(100% - 43px);
    padding-left: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.t-viz-informer-icon-value span {
    display: inline-block;
    font-size: 18px;
    line-height: 1;
}

.t-viz-informer-icon-img svg path {
    fill: var(--t-text);
}

.t-viz-informer-icon-img svg {
    display: block;
    height: 30px;
    width: 30px;
    margin: 0 auto;
}

.t-dashboard-loader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    border-radius: var(--t-border-radius);
    background-color: var(--t-panel-background);
}

@supports(-webkit-backdrop-filter:none) or (backdrop-filter:none) {
    .t-dashboard-loader {
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        background-color: var(--t-panel-backdrop-background)
    }
}

.t-band-container {
    width: 100%;
    margin-bottom: 10px;
    border-radius: var(--t-border-radius);
    overflow: hidden;
    height: 40px;
    position: relative;
    cursor: pointer
}

.viz-band-line .t-band-container:last-child {
    margin-bottom: 0
}

.t-band-container .t-band-title {
    right: auto;
    left: 10px;
    top: 10px;
    bottom: auto;
    position: absolute;
    padding: 3px 7px 2px 7px;
    background-color: var(--t-active);
    opacity: .9;
    box-shadow: var(--t-panel-shadow);
    color: var(--t-text-invert);
    line-height: 1;
    border-radius: var(--t-border-radius);
    z-index: 50
}

.t-band-container:hover {
    box-shadow: 0 0 0 2px var(--t-active)
}

.map-countries path {
    stroke: var(--t-text);
    stroke-opacity: .3;
    cursor: pointer
}

.map-countries path:hover {
    stroke-width: 2;
    stroke: var(--t-active);
    stroke-opacity: 1
}

.t-page-preview-overflow {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: calc(100% - 20px);
    z-index: 10;
    padding: 10px;
    border-radius: var(--t-border-radius);
    box-shadow: var(--t-panel-shadow);
    background-color: var(--t-panel-background)
}

@supports(-webkit-backdrop-filter:none) or (backdrop-filter:none) {
    .t-page-preview-overflow {
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        background-color: var(--t-panel-backdrop-background)
    }
}

.t-page-type {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 200;
    background-color: var(--t-colors-ordinal-2);
    box-shadow: var(--t-panel-shadow);
    line-height: 1;
    color: var(--t-text-invert);
    border-radius: var(--t-border-radius);
    padding: 2px 5px 1px 5px;
    font-weight: 600
}

.t-page-preview-background {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 5;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: var(--t-border-radius);
    overflow: hidden;
    background-size: cover
}

.t-page-preview {
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border-radius: var(--t-border-radius);
    padding: 10px;
    z-index: 100;
    border-radius: var(--t-border-radius);
    overflow: hidden
}

.t-page-preview-title {
    display: inline-block;
    width: 100%;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    margin-bottom: -2px
}

.t-page-preview-description {
    display: inline-block;
    line-height: 1.2;
    margin-top: 7px
}

.t-page-preview-description-raw {
    display: inline-block;
    line-height: 1.2
}

.t-page-preview-middle .t-page-preview-description {
    display: flex;
    line-height: 1.2;
    margin-top: 7px;
    height: 34px;
    text-overflow: ellipsis;
    overflow: hidden;
    align-items: center;
    overflow: hidden
}

@media all and (max-width:768px) {
    .t-page-preview-middle .t-page-preview-description {
        height: auto
    }
}

.t-panel-round {
    border-radius: 15px
}

.t-app-badge {
    background-color: var(--t-colors-ordinal-2);
    color: var(--t-text-invert);
    border-radius: var(--t-border-radius);
    position: absolute;
    right: -5px;
    top: -5px;
    padding: 2px 5px;
    font-size: 16px;
    line-height: 1;
    display: block;
    box-shadow: var(--t-panel-shadow);
    opacity: .9
}

.t-input-container {
    width: 100%;
    position: relative
}

.map-marker-icon-inner {
    position: absolute;
    left: 3px;
    top: 3px;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.map-marker-icon-inner .t-icon path{
    fill: var(--t-text-invert);
}

.map-marker-icon-inner .t-icon{
    width: 14px;
    height: 14px;
    margin-left: -1px;
    margin-top: -1px;
}

.map-marker-badge {
    background-color: var(--t-colors-ordinal-2);
    color: var(--t-text-invert);
    border-radius: var(--t-border-radius);
    position: absolute;
    right: -5px;
    top: -5px;
    padding: 2px 5px;
    font-size: 16px;
    line-height: 1;
    display: block;
    box-shadow: var(--t-panel-shadow);
    opacity: .9;
    z-index: 1000
}

.map-marker-inner .map-marker-label {
    display: block;
}

.map-marker-inner:hover .map-marker-label-overflow,
.map-marker-inner.active .map-marker-label-overflow {
    display: block;
    z-index: 1000
}

.map-marker-inner {
    position: relative;
    margin-left: -5px;
    margin-top: -5px;
    opacity: .9;
    cursor: pointer
}

.map-marker-inner:hover {
    opacity: 1
}

.leaflet-div-icon {
    border: 0
}

.map-marker-inner .map-marker-icon {
    width: 22px;
    height: 22px;
    background-color: var(--t-active);
    border-radius: 20px;
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 11px;
    text-align: center;
    padding-top: 3px;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3);
    border: 2px solid #fff;
    z-index: 600
}

.t-map-marker-small .map-marker-inner .map-marker-icon {
    width: 10px;
    height: 10px;
    margin-top: 10px;
    margin-left: 10px;
}

.t-map-marker-simple .map-marker-inner .map-marker-icon {
    box-shadow: none !important;
}

.map-marker-inner:hover .map-marker-icon {
    z-index: 1600
}

.map-marker-inner .map-marker-label-overflow {
    border-radius: 3px;
    position: absolute;
    top: 3px;
    z-index: 1005;
    left: 20px;
    padding: 2px 5px 1px 5px;
    font-size: 12px;
    line-height: 1;
    box-shadow: var(--t-panel-background);
    font-weight: 600;
    background-color: var(--t-panel-background);
    display: none
}

.map-marker-remove {
    position: absolute;
    right: -10px;
    top: -10px;
    font-size: 18px;
    background-color: var(--t-panel-background);
    padding: 3px 5px 2px 5px;
    line-height: 16px;
    font-weight: 800;
    border-radius: 3px
}

.data-line {
    background-color: #0fa;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px
}

.data-point {
    background-color: #0fa;
    position: absolute;
    width: 3px;
    border-radius: 3px;
    bottom: -1px;
    height: 3px
}

.map-marker-label span {
    font-weight: 600;
    display: inline-block;
    width: 100%;
    margin-top: 1px
}

.t-label {
    /*box-shadow: var(--t-panel-shadow);*/
    display: inline-block;
    font-weight: 600;
    border-radius: var(--t-border-radius);
    border: 2px solid var(--t-active);
    border: none !important;
    /*padding: 2px 5px 0px 5px;*/
    color: var(--t-active);
    /*margin-top: -4px;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 16px;
}

.t-label-centered {
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
}


.t-label-warning {
    color: var(--t-colors-ordinal-1);
    border-color: var(--t-colors-ordinal-1);
}

.t-label-success {
    color: var(--t-colors-ordinal-4);
    border-color: var(--t-colors-ordinal-4);
}

.t-label-error {
    color: var(--t-colors-ordinal-2);
    border-color: var(--t-colors-ordinal-2);
}

.t-label-info {
    color: var(--t-colors-ordinal-0);
    border-color: var(--t-colors-ordinal-0);
}

.t-label-background {
    box-shadow: var(--t-panel-shadow);
    display: inline-block;
    font-weight: 600;
    border-radius: var(--t-border-radius);
    border: 2px solid var(--t-active);
    border: 2px solid transparent;
    padding: 2px 5px 0px 5px;
    color: var(--t-text-invert);
    line-height: 1;
    text-transform: uppercase;
    font-size: 16px;
}

.t-label-background-success {
    background-color: #10f1e3;
    border-color: #0bafa4;
}

.t-label-background-warning {
    background-color: #fcb96c;
    border-color: #c48f53;
}

.t-label-background-error {
    background-color: #fd6a86;
    border-color: #ca566b;
}

.t-label-background-info {
    background-color: #8477fd;
    border-color: #5e54b3;
}

.t-label-small {
    font-size: 12px;
    padding: 2px 4px
}

.t-helper {
    position: absolute;
    border-radius: var(--t-border-radius);
    overflow: hidden;
    z-index: 3000;
    left: 10px;
    bottom: 10px;
    transition: left .1s;
    height: 150px;
    width: 150px
}

.t-helper.hide {
    left: -175px
}

.t-chat-icon {
    position: absolute;
    border-radius: var(--t-border-radius);
    overflow: hidden;
    z-index: 900;
    bottom: 10px;
    width: auto;
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    padding: 6px 8px
}

.t-chat-icon-label {
    line-height: 1;
    font-size: 16px;
    margin-top: 3px;
    cursor: pointer
}

.t-chat-icon .t-chat-icon-label {
    color: var(--t-active)
}

.t-menu-right .t-chat-icon-label {
    float: left;
    margin-right: 7px
}

.t-menu-left .t-chat-icon-label {
    float: right;
    margin-left: 7px
}

.t-menu-right .t-chat-icon {
    right: 10px;
    left: auto;
    transition: right .1s
}

.t-menu-left .t-chat-icon {
    left: 10px;
    right: auto;
    transition: left .1s
}

.t-app-frame .t-chat-icon {
    display: none
}

.t-chat-icon:hover,
.t-chat-icon.active {
    box-shadow: var(--t-panel-shadow-active)
}

.t-chat-icon:hover svg path,
.t-chat-icon.active svg path {
    fill: var(--t-active)
}

.t-menu-right .t-chat-icon.hide {
    right: -175px !important
}

.t-menu-left .t-chat-icon.hide {
    left: -175px !important
}

.t-menu-right.t-menu-opened .t-chat-icon {
    right: 60px
}

.t-menu-left.t-menu-opened .t-chat-icon {
    left: 60px
}

.t-chat-icon .t-icon {
    width: auto;
    height: auto
}

.t-chat-icon svg {
    width: 24px;
    height: auto
}

.t-chat {
    position: absolute;
    bottom: 10px;
    width: 350px;
    height: 500px;
    max-height: calc(100% - 60px);
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    z-index: 1200;
    border-radius: var(--t-border-radius);
    max-width: calc(100% - 20px);
}

@supports(-webkit-backdrop-filter:none) or (backdrop-filter:none) {
    .t-menu-bottom .t-chat {
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        background-color: var(--t-panel-backdrop-background);
        background-image: linear-gradient(140deg, #b8c6db85 0%, #b8c6db05 100%);
    }
}

.t-chat.t-fullscreen {
    width: calc(100% - 20px);
    height: 100%
}

.t-chat.t-fullscreen.t-rooms {
    width: calc(100% - 82px)
}

@media all and (min-width:1200px) {
    .t-chat.t-fullscreen {
        width: calc(100% - 80px)
    }

    .t-chat.t-fullscreen.t-rooms {
        width: calc(100% - 142px)
    }
}

@media all and (max-width:1200px) {
    .t-menu-right .t-chat.t-fullscreen .t-chat-close {
        right: 42px
    }

    .t-menu-left .t-chat.t-fullscreen .t-chat-close {
        left: 42px
    }

    .t-menu-right .t-chat.t-fullscreen .t-chat-fullscreen {
        right: 82px
    }

    .t-menu-left .t-chat.t-fullscreen .t-chat-fullscreen {
        left: 82px
    }
}

.t-menu-left .t-menu-items .t-menu-app {
    width: 100% !important;
}

.t-chat .t-stripped {
    border-radius: var(--t-border-radius);
}

.t-menu-right .t-chat {
    transition: right .1s;
    right: 10px;
    left: auto
}

.t-menu-left .t-chat {
    transition: left .1s;
    left: 10px;
    right: auto
}

.t-menu-right .t-chat.hide {
    right: -400px
}

.t-menu-left .t-chat.hide {
    left: -400px
}

@media all and (min-width:1200px) {
    .t-menu-right .t-chat {
        right: 70px
    }

    .t-menu-right .t-chat-icon {
        right: 70px
    }

    .t-menu-right.t-menu-opened .t-chat-icon {
        right: 70px
    }

    .t-menu-left .t-chat {
        left: 70px
    }

    .t-menu-left .t-chat-icon {
        left: 70px
    }

    .t-menu-left.t-menu-opened .t-chat-icon {
        left: 70px
    }
}

.t-chat-rooms {
    height: 66px;
    float: left;
    display: none;
    overflow-y: hidden;
    overflow-x: scroll;
    padding: 2px 0;
    white-space: nowrap;
    width: calc(100% - 5px);
}

.t-chat.t-rooms .t-chat-rooms {
    display: flex;
}

.t-chat-room {
    padding: 5px 0;
    height: 69px;
    margin: 0 2px 0 2px;
    position: relative;
    cursor: pointer;
    float: left;
    text-align: center;
}

.t-chat-room-badge {
    background-color: var(--t-colors-ordinal-2);
    color: var(--t-text-invert);
    border-radius: var(--t-border-radius);
    position: absolute;
    right: -2px;
    top: -2px;
    padding: 2px 5px;
    font-size: 16px;
    line-height: 1;
    display: block;
    box-shadow: var(--t-panel-shadow);
    opacity: .9
}

.t-chat-room:hover,
.t-chat-room.active {
    color: var(--t-active);
}

.t-chat-room:hover .t-chat-avatar,
.t-chat-room.active .t-chat-avatar {
    box-shadow: 0 0 0 2px var(--t-active);
}

.t-chat-rooms:hover .t-chat-room.active,
.t-chat-rooms:hover .t-chat-room.active .t-chat-avatar {
    /*color: var(--t-text);
	border-color: var(--t-text);*/
}

.t-chat-rooms:hover .t-chat-room.active:hover {
    color: var(--t-active);
}

.t-chat-rooms:hover .t-chat-room.active:hover .t-chat-avatar {
    color: var(--t-active);
    box-shadow: 0 0 0 2px var(--t-active);
}

.t-chat-avatar {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    box-shadow: var(--t-panel-shadow);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
}

.t-chat-name {
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    float: left;
    white-space: nowrap;
    padding: 1px;
    text-align: center;
    width: auto;
    min-width: 50px;
    margin-top: 2px;
}

.t-app-frame .t-chat {
    display: none;
}

.t-chat-loader {
    background-color: var(--t-panel-background);
    position: absolute;
    z-index: 1200;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--t-border-radius)
}

@supports(-webkit-backdrop-filter:none) or (backdrop-filter:none) {
    .t-chat-loader {
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        background-color: var(--t-panel-backdrop-background);
    }
}

.t-chat-loader span {
    background-color: var(--t-panel-background);
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    transform: translate(-50%, -50%);
    box-shadow: var(--t-panel-shadow);
    padding: 5px 10px;
    border-radius: var(--t-border-radius)
}

.t-chat-loader-guest {
    background-color: var(--t-panel-background);
    position: absolute;
    z-index: 900;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--t-border-radius)
}

.t-chat-loader-guest>span {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    transform: translate(-50%, -50%);
    width: calc(100% - 20px);
    text-align: center
}

.t-chat-loader-guest span span {
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    font-size: 16px;
    line-height: 1.2;
    padding: 5px 10px;
    border-radius: var(--t-border-radius);
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 10px
}

.t-chat-messages {
    position: absolute;
    left: 0;
    top: 0;
    height: calc(100% - 52px);
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 10px
}

.t-chat.t-rooms .t-chat-messages {
    margin-top: 66px;
    width: calc(100% - -20px);
    height: calc(100% - 126px);
    margin-left: -10px;
    box-shadow: inset 0 0px 4px 0px rgb(0 0 0 / 10%);
    padding: 5px 20px 5px 20px;
}

.t-chat-input {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 52px;
    width: 100%;
    padding: 2px;
    z-index: 800
}

.t-chat-send svg path,
.t-chat-attachments svg path {
    fill: var(--t-text)
}

.t-chat-send:hover svg path,
.t-chat-attachments:hover svg path {
    fill: var(--t-active)
}

.t-chat-send:hover,
.t-chat-commands:hover,
.t-chat-attachments:hover,
.t-chat-commands:hover {
    box-shadow: 0 0 0 2px var(--t-active)
}

.t-chat-commands:hover>b {
    color: var(--t-active)
}

.t-chat-input input {
    width: calc(100% - 10px);
    margin: 0 5px;
    padding-right: 100px
}

.t-message-bot .t-icon-bot {
    position: absolute;
    right: -25px;
    top: 0;
    background-color: var(--t-panel-light-background);
    border-radius: var(--t-border-radius);
    box-shadow: var(--t-panel-shadow);
    padding: 3px 2px 2px 2px;
    width: 20px
}

.t-message-bot .t-icon-bot svg {
    width: 14px
}

.t-chat-message-answers {
    width: 100%;
    float: left;
    padding-top: 3px
}

.t-chat-message-answers button {
    font-size: 16px;
    padding: 5px;
    width: calc(50% - 10px);
    margin: 0 5px 10px 5px;
}

.t-chat-message-answers button.active {
    box-shadow: 0 0 0 2px var(--t-active) !important
}

.t-message .t-panel {
    overflow: visible;
    max-width: 100%
}

.t-messages-container {
    width: 100%;
    clear: both
}

.t-messages-container-inner {
    width: 100%;
    clear: both;
    padding-top: 5px
}

.t-message-img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 350px;
    height: 200px;
    border-radius: var(--t-border-radius);
    position: relative;
    display: block;
    margin-bottom: 5px
}

.t-message-file {
    word-break: break-all
}

.t-message-img>span {
    position: absolute;
    right: 5px;
    bottom: 5px;
    border-radius: var(--t-border-radius);
    font-size: 16px;
    line-height: 1;
    padding: 5px;
    box-shadow: var(--t-panel-shadow);
    background-color: var(--t-panel-background)
}

.t-messages-container-left .t-message-img>span {
    right: auto;
    left: 5px
}

.t-messages-container-title {
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    margin-top: 10px;
    word-break: break-word;
    display: none
}

.t-messages-container-left .t-messages-container-inner {
    text-align: left;
    padding-right: 30px
}

.t-messages-container-left .t-messages-container-title {
    float: left
}

.t-messages-container-left .t-message-img {
    float: left
}

.t-messages-container-right .t-message-img {
    float: right
}

.t-messages-container-left .t-img-round-30 {
    float: left;
    margin-right: 10px;
    display: none
}

.t-messages-container-left .t-message .t-panel {
    float: left
}

.t-messages-container-right .t-messages-container-inner {
    text-align: right;
    padding-left: 30px
}

.t-messages-container-right .t-messages-container-title {
    float: right
}

.t-messages-container-right .t-img-round-30 {
    float: right;
    margin-left: 10px;
    display: none
}

.t-messages-container-right .t-message .t-panel {
    float: right
}

.t-message {
    display: inline-block;
    text-align: left;
    width: 100%;
    line-height: 1.2;
    position: relative;
    word-break: break-word
}

.t-messages-container .t-message .t-panel {
    padding: 2px 5px;
    margin-bottom: 5px;
    background-color: var(--t-panel-light-background)
}

.t-menu-bottom .t-messages-container .t-message .t-panel,
.t-message-bot .t-icon-bot {
    background-color: var(--t-panel-background)
}

.t-chat-close,
.t-custom-close {
    position: absolute;
    top: -40px;
    padding: 6px;
    display: inline-block;
    text-align: center;
    width: 32px;
    cursor: pointer;
    border-radius: var(--t-border-radius);
    z-index: 1000;
    box-shadow: var(--t-panel-shadow)
}

.t-float-button {
    position: absolute;
    top: 10px;
    padding: 6px;
    display: inline-block;
    text-align: center;
    width: 32px;
    cursor: pointer;
    border-radius: var(--t-border-radius);
    z-index: 1000;
    right: 10px;
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
}

.t-float-button svg path {
    fill: url(#t-svg-gradient-1) !important;
}

.t-float-button:hover {
    box-shadow: 0 0 0 2px var(--t-active);
    background-color: var(--t-panel-background);
}

.t-float-button:hover svg path {
    fill: var(--t-active) !important;
}

.t-menu-right .t-chat-close {
    right: 0
}

.t-menu-left .t-chat-close {
    left: 0
}

.t-chat-fullscreen {
    position: absolute;
    top: -40px;
    padding: 6px;
    display: inline-block;
    width: 32px;
    cursor: pointer;
    text-align: center;
    border-radius: var(--t-border-radius);
    z-index: 1000;
    box-shadow: var(--t-panel-shadow);
    background-color: var(--t-panel-background);
    opacity: .8
}

.t-menu-right .t-chat-fullscreen {
    right: 40px
}

.t-menu-left .t-chat-fullscreen {
    left: 40px
}

.t-chat-fullscreen:hover {
    opacity: 1
}

.t-chat-close .t-icon,
.t-chat-fullscreen .t-icon {
    width: auto;
    height: 20px
}

.t-chat-attachments,
.t-chat-commands,
.t-chat-send {
    cursor: pointer;
    position: absolute;
    line-height: 1;
    float: left;
    z-index: 900;
    box-shadow: var(--t-panel-shadow);
    border-radius: var(--t-border-radius);
    padding: 5px
}

.t-chat-send {
    right: 15px;
    top: 8px
}

.t-chat-attachments {
    right: 52px;
    top: 8px;
    display: none
}

.t-chat-commands {
    right: 52px;
    top: 8px
}

.t-chat-input .t-icon {
    width: 20px;
    height: 20px
}

.t-chat-input .t-icon svg {
    width: auto
}

.t-chat-commands {
    display: none
}

.t-chat-commands>b {
    display: inline-block;
    line-height: 1;
    font-weight: 600;
    color: var(--t-text);
    margin-top: 2px
}

.t-chat-commands ul {
    display: none;
    position: absolute;
    right: -2px;
    bottom: -2px;
    background-color: var(--t-panel-background);
    border-radius: var(--t-border-radius);
    box-shadow: var(--t-panel-shadow);
    margin: 0;
    padding: 5px;
    list-style: none;
    width: 252px
}

.t-chat-commands:hover ul {
    display: block
}

.t-chat-commands ul li {
    padding: 5px 10px;
    line-height: 1;
    border-radius: var(--t-border-radius);
    display: inline-block;
    width: 100%
}

.t-chat-commands ul li:hover {
    background-color: var(--t-panel-item-selected)
}

.t-app b {
    font-weight: 600
}

.t-tracking {
    position: absolute;
    left: 50%;
    width: calc(100% - 20px);
    max-width: 750px;
    bottom: 10px;
    border-radius: var(--t-border-radius);
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    z-index: 4500;
    padding: 10px;
    text-align: center;
    display: none;
    transform: translateX(-50%)
}

.t-app-frame .t-tracking {
    display: none !important;
}

.t-tracking span {
    display: inline-block;
    width: 100%;
    margin-bottom: 7px;
    line-height: 1.2
}

.t-tracking button {
    margin-bottom: 0
}

.t-page-slider {
    width: 100%;
    display: flex;
    overflow-x: auto;
    padding: 5px 5px;
    margin: -5px 0
}

.t-page-slider-item {
    flex-shrink: 0;
    margin: 5px 4px 3px 4px;
    height: 250px;
    width: 500px;
    max-width: calc(100% - 5px)
}

.t-page-slider-item-full .t-panel {
    width: 100%;
    height: 350px;
    position: relative
}

.t-panel-no-padding {
    padding: 0 !important
}

.t-page-slider-item .t-panel {
    height: 250px;
    width: 500px;
    max-width: calc(100% - 5px);
    border-radius: var(--t-border-radius);
    overflow: hidden
}

.t-page-slider .t-page-slider-item:first-child {
    margin-left: 5px
}

.t-page-slider .t-page-slider-item:last-child {
    padding-right: 10px;
    width: 510px;
    max-width: calc(100% - 5px)
}

.t-footer span {
    display: inline-block;
    margin: 0 2px;
    cursor: pointer
}

.t-lists-unstyled ul {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important
}

.t-lists-unstyled ul ul {
    padding-left: 10px !important
}

.t-lists-unstyled ul ul li:before {
    content: '–';
    padding-right: 10px
}

.t-lists-unstyled2 ul {
    margin: 0 0 0 20px;
    padding: 0
}

pre {
    margin: 0;
    padding: 0
}

.t-container-language {
    display: none
}

.t-home-container {
    margin: 0 auto;
    padding: 10px;
    max-width: 750px
}

.t-image-block {
    width: 100%;
    display: block;
    margin: 0 auto;
    height: 200px;
    border-radius: var(--t-border-radius);
    overflow: hidden;
    background-position: none;
    background-position: center
}

.t-main-page h4,
.t-main-page h1 {
    font-weight: 500
}

.t-dashboard-container-inline .prefix-html {
    display: none
}

.t-panel-small-centered {
    max-width: 750px;
    margin: 0 auto
}

.t-phone {
    width: calc(100% - 20px);
    max-width: 300px;
    position: absolute;
    left: 50%;
    top: 10px;
    border-radius: var(--t-border-radius);
    transform: translateX(-50%);
    box-shadow: var(--t-panel-shadow);
    background-color: var(--t-panel-background);
    z-index: 4000;
    transiton: top .1s
}

.t-phone.hide {
    top: -100px
}

@supports(-webkit-backdrop-filter:none) or (backdrop-filter:none) {
    .t-phone {
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        background-color: var(--t-panel-backdrop-background)
    }
}

.t-phone-decline,
.t-phone-accept {
    border-radius: 100%;
    float: right;
    cursor: pointer;
    width: 26px;
    height: 26px;
    margin: 10px 10px 10px 0;
    padding: 7px;
    box-shadow: var(--t-panel-shadow);
    opacity: .8
}

.t-phone-decline:hover,
.t-phone-accept:hover {
    opacity: 1
}

.t-phone-decline svg path,
.t-phone-accept svg path {
    fill: var(--t-text-invert);
    width: 100%
}

.t-phone-decline {
    background-color: var(--t-colors-ordinal-2)
}

.t-phone-accept {
    background-color: var(--t-colors-ordinal-4)
}

.t-phone-caller {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
    font-weight: 600;
    font-size: 18px;
    float: left;
    margin-left: 10px;
    text-transform: uppercase;
    margin-top: 16px;
    max-width: 200px
}

.t-background {
    background-size: cover
}

.t-app[dir="rtl"] .t-language img {
    float: right;
    margin-left: 10px;
    margin-right: 0
}

.t-app[dir="rtl"].t-menu-bottom.t-menu-controls .t-controls-container .t-menu-item {
    margin-right: 0;
    margin-left: 6px;
}

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane>svg,
.leaflet-pane>canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
    position: absolute;
    left: 0;
    top: 0
}

.leaflet-container {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0)
}

.leaflet-tile::selection {
    background: transparent
}

.leaflet-safari .leaflet-tile {
    image-rendering: -webkit-optimize-contrast
}

.leaflet-safari .leaflet-tile-container {
    width: 1600px;
    height: 1600px;
    -webkit-transform-origin: 0 0
}

.leaflet-tile {
    filter: inherit;
    visibility: hidden
}

.leaflet-tile-loaded {
    visibility: inherit
}

.leaflet-pane {
    z-index: 400
}

.leaflet-tile-pane {
    z-index: 200
}

.t-map-grayscale .leaflet-tile-pane {
    filter: grayscale(95%)
}

.leaflet-overlay-pane {
    z-index: 400
}

.leaflet-shadow-pane {
    z-index: 500
}

.leaflet-marker-pane {
    z-index: 600
}

.leaflet-tooltip-pane {
    z-index: 650
}

.leaflet-popup-pane {
    z-index: 700
}

.leaflet-map-pane canvas {
    z-index: 100
}

.leaflet-map-pane svg {
    z-index: 200
}

.leaflet-fade-anim .leaflet-tile {
    will-change: opacity
}

.leaflet-zoom-animated {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    will-change: transform
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, 0.25, 1);
    -moz-transition: -moz-transform .25s cubic-bezier(0, 0, 0.25, 1);
    transition: transform .25s cubic-bezier(0, 0, 0.25, 1)
}

.leaflet-container {
    outline: 0
}

.leaflet-popup {
    position: absolute;
    text-align: center;
    margin-bottom: 25px;
    transition: opacity .1s easy-in
}

.leaflet-popup-content-wrapper {
    text-align: left;
    border-radius: var(--t-border-radius)
}

.leaflet-container a.leaflet-popup-close-button,
.leaflet-popup-tip-container,
.leaflet-shadow-pane,
.leaflet-control-attribution {
    display: none
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.leaflet-marker-icon:hover, .leaflet-marker-icon:active, .leaflet-marker-icon:focus{
    z-index:2000 !important;
}

.leaflet-container.leaflet-touch-zoom {
    -ms-touch-action: pan-x pan-y;
    touch-action: pan-x pan-y
}

.leaflet-container.leaflet-touch-drag {
    -ms-touch-action: pinch-zoom;
    touch-action: none;
    touch-action: pinch-zoom
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    -ms-touch-action: none;
    touch-action: none
}

.t-2step-digit {
    width: 30px;
    height: 40px;
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    display: inline-block;
    margin: 0 5px;
    border-radius: var(--t-border-radius);
    cursor: pointer;
    position: relative
}

.t-2step-digit span {
    font-size: 24px;
    font-weight: 600;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.t-2step-digit.active {
    box-shadow: var(--t-panel-shadow-active) !important
}

.t-background-top-center {
    background-position: top center
}

.t-page-slider-item a.t-panel {
    color: var(--t-text)
}

.t-app .t-dashboard .t-dashboard-tabs-overflow,
.t-tabs-overflow {
    overflow-x: scroll;
    white-space: nowrap;
    width: calc(100% - -20px);
    margin-bottom: -2px;
    padding: 10px;
    margin: -10px
}

.t-app .t-dashboard .t-dashboard-tab,
.t-tab {
    width: auto;
    display: inline-block;
    border-radius: var(--t-border-radius);
    cursor: pointer;
    padding: 5px 10px;
    font-size: 18px;
    line-height: 1;
    position: relative;
    margin-right: 10px;
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    font-weight: 600
}

.t-dashboard-tabs-overflow-with-arrows {
    width: calc(100% - 55px) !important;
    margin: -10px 0px -10px 0px !important;
    float: left;
    padding: 10px 10px !important;
}

.t-dashboard-tabs-overflow-left,
.t-dashboard-tabs-overflow-right {
    display: block;
    border-radius: var(--t-border-radius);
    cursor: pointer;
    padding: 5px 5px 5px 4px;
    font-size: 18px;
    line-height: 1;
    position: relative;
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    font-weight: 600;
    margin: 0;
    text-align: center;
    float: left;
}

.t-dashboard-tabs-overflow-right {
    float: right;
    padding: 5px 4px 5px 5px;
}

.t-dashboard-tabs-overflow-left:hover,
.t-dashboard-tabs-overflow-right:hover {
    box-shadow: var(--t-panel-shadow-active);
}

.t-tab.disabled {
    opacity: 0.6;
    cursor: default;
}

.t-tab.disabled:hover:after {
    display: none !important;
}

.t-app .t-dashboard .t-dashboard-tabs-overflow .t-dashboard-tab:last-child,
.t-app .t-tabs-overflow .t-tab:last-child {
    margin-right: 0
}

.t-app[dir="rtl"] .t-dashboard .t-dashboard-tabs-overflow .t-dashboard-tab:last-child,
.t-app[dir="rtl"] .t-tabs-overflow .t-tab:last-child {
    margin-right: 10px !important;
}

.t-app[dir="rtl"] .t-dashboard .t-dashboard-tabs-overflow .t-dashboard-tab:first-child,
.t-app[dir="rtl"] .t-tabs-overflow .t-tab:first-child {
    margin-right: 0
}

.t-app .t-dashboard .t-dashboard-tab:hover:after,
.t-tab:hover:after {
    content: "";
    border-bottom: 2px solid var(--t-active);
    height: 1px;
    position: absolute;
    left: 7px;
    bottom: 3px;
    width: auto;
    right: 7px;
    border-radius: 10px
}

.t-app .t-dashboard .t-dashboard-tab.active:after,
.t-tab.active:after {
    content: "";
    border-bottom: 2px solid var(--t-active);
    height: 1px;
    position: absolute;
    left: 7px;
    bottom: 3px;
    width: auto;
    right: 7px;
    border-radius: 10px
}

.t-app .t-dashboard .t-dashboard-tab.noactive:after,
.t-tab.noactive:after {
    display: none !important;
}

.t-viz-container {
    position: relative
}

.t-viz-choropleth-map path {
    fill: var(--t-panel-background);
    stroke: var(--t-panel-light-background);
    cursor: pointer
}

.t-viz-choropleth-map-opacity {
    position: absolute;
    z-index: 1000;
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    left: 170px;
    bottom: 10px;
    border-radius: var(--t-border-radius);
    line-height: 1;
    padding: 3px;
    width: 150px;
}

.t-dashboard-filter {
    word-break: break-all;
    position: relative;
    margin: 2px;
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    padding: 3px 30px 3px 10px;
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    border-radius: var(--t-border-radius);
    overflow: hidden
}

.t-dashboard-filter .t-dashboard-filter-close {
    font-size: 24px;
    line-height: 16px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 600;
    display: block;
    padding: 4px 7px 6px 5px;
    height: 100%;
    opacity: .8;
    border-radius: 0 var(--t-border-radius) var(--t-border-radius) 0;
    border-left: 1px solid rgba(0, 0, 0, 0.1)
}

.t-dashboard-filter-close:hover {
    opacity: 1
}

.t-dashboard .filters.row .panel {
    margin: -14px 0
}

.t-dashboard-filter-overflow {
    position: relative;
    margin: 2px;
    display: inline-block
}

.t-dashboard-filters,
.t-dashboard-filters .t-col-12 {
    padding: 0;
    margin: 0;
    position: relative
}

.t-dashboard-filters .t-panel {
    width: 100%;
    max-width: calc(100% - 40px);
    position: fixed;
    left: 50%;
    top: 0px;
    transform: translateX(-50%);
    z-index: 4000;
    padding: 2px;
    border-radius: 0 0 var(--t-border-radius) var(--t-border-radius);
    background-image: linear-gradient(140deg, #b8c6db85 0%, #b8c6db05 100%);
}

@supports(-webkit-backdrop-filter:none) or (backdrop-filter:none) {
    .t-dashboard-filters .t-panel {
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        background-color: var(--t-panel-backdrop-background);
    }
}

.t-dashboard-container-inline .t-dashboard-title {
    display: none
}

.t-viz-tree-map-node>div>div {
    font-size: 16px;
    line-height: 14px !important
}

.t-viz-tree-map-node>div b {
    display: inline-block
}

.t-dashboard-loader-label {
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    width: 150px;
    margin-left: -37.5px
}

.t-app[dir="rtl"] .t-dashboard-loader-label {
    margin-left: 0;
    margin-right: -37.5px;
}

.t-dashboard .t-loader-animation {
    height: 25px
}

.t-dashboard-row-empty {
    min-height: 60px
}

.t-dashboard-widget-informer {
    min-height: 43px
}

.t-viz-informer-timeline-container {
    height: 20px
}

.t-viz-informer-timeline svg path {
    stroke: var(--t-active) !important
}

.t-viz-informer-timeline svg circle {
    fill: var(--t-active) !important;
    stroke: var(--t-active) !important;
}

.t-viz-informer-timeline {
    margin: -5px
}

.t-viz-informer-timeline .t-viz-informer>span {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
    margin-bottom: 1px;
    font-size: 16px;
    height: 16px
}

.t-viz-informer-timeline .t-viz-informer>span .t-float-right {
    font-size: 12px;
    line-height: 1
}

.t-dashboard-panel {
    padding: 0;
    min-height: 43px;
    overflow: visible;
}

.t-dashboard-content {
    padding: 10px
}

.t-switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px
}

.t-switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.t-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    -webkit-transition: .1s;
    transition: .1s;
    border-radius: var(--t-border-radius)
}

.t-slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
    background-color: var(--t-active);
    -webkit-transition: .1s;
    transition: .1s;
    border-radius: var(--t-border-radius);
    opacity: .6
}

input:checked+.t-slider {
    background-color: var(--t-active)
}

input:focus+.t-slider {
    box-shadow: 0 0 1px var(--t-active)
}

input:checked+.t-slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    background-color: var(--t-background);
    opacity: 1
}

.t-auth-phone-prefix img {
    display: block;
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: -11px;
    height: 59px;
}

.t-auth-phone-prefix {
    display: block;
    height: 41px;
    width: 63px;
    position: relative;
    float: left;
    overflow: hidden;
    border: 2px solid var(--t-panel-item-selected);
    border-radius: var(--t-border-radius);
    cursor: pointer;
}

.t-auth-phone-prefix:hover {
    border-color: var(--t-active);
}

.t-auth-phone-prefix img:hover {
    opacity: 1
}

.t-auth-phone-prefix-list {
    display: none;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 500px;
    border: 2px solid var(--t-panel-item-selected);
    position: absolute;
    left: 92px;
    top: 20px;
    width: 100%;
    max-width: calc(100% - 112px);
    z-index: 100;
    border-radius: var(--t-border-radius);
}

.t-auth-phone-prefix-list ul {
    margin: 0;
    padding: 0;
    background-color: var(--t-panel-background);
    border-radius: var(--t-border-radius);
    overflow: visible;
}

.t-auth-phone-prefix-list ul li {
    display: inline-block;
    width: calc(100% - 10px);
    margin: 5px;
    padding: 5px;
    border-radius: var(--t-border-radius);
    cursor: pointer;
}

.t-auth-phone-prefix-list ul li:hover {
    background-color: var(--t-panel-item-selected);
}

.leaflet-overlay-pane svg {
    pointer-events: all !important
}

.t-viz-color-legend-range {
    position: absolute;
    z-index: 1000;
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    left: 10px;
    bottom: 10px;
    border-radius: var(--t-border-radius);
    line-height: 1;
    padding: 5px;
    width: 150px;
}

.t-fullscreen .t-viz-color-legend-range {
    bottom: 43px;
}

.t-viz-color-legend-range-inner {
    width: 100%;
    height: 10px;
    border-radius: var(--t-border-radius);
    overflow: hidden;
}

.t-viz-color-legend-range-inner span {
    display: block;
    width: 3.2258064516%;
    float: left;
    height: 10px;
}

.t-viz-color-legend-range label {
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    border-radius: var(--t-border-radius) var(--t-border-radius) 0 0;
    display: block;
    line-height: 1;
    padding: 4px 7px 1px 7px;
    position: absolute;
    top: -20px;
    font-size: 16;
    font-weight: 600;
}

.t-viz-color-legend-range label:first-child {
    left: 10px;
}

.t-viz-color-legend-range label:last-child {
    right: 10px;
}

.t-viz-map-polygons .leaflet-overlay-pane path.leaflet-interactive {
    fill: var(--t-text);
    stroke: var(--t-active)
}

.t-viz-map-polygons-radius-selector,
.t-viz-map-polygons-value-selector,
.t-dashboard-switch {
    position: absolute;
    z-index: 950;
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    right: 10px;
    top: 10px;
    border-radius: var(--t-border-radius);
    font-size: 16px;
    line-height: 1;
    padding: 5px
}

.t-viz-map-polygons-radius-selector span,
.t-viz-map-polygons-value-selector span,
.t-dashboard-switch span {
    display: inline-block;
    margin: 0 2px
}

.t-viz-map-polygons-radius-selector span.active,
.t-viz-map-polygons-value-selector span.active,
.t-dashboard-switch span.active {
    color: var(--t-active);
    border-color: var(--t-active);
    text-decoration-color: var(--t-active);
}

.t-viz-voronoi g>g>g:hover path {
    stroke: var(--t-active);
    stroke-width: 3px !important
}

.t-viz-voronoi-node {
    stroke: grey;
    fill: #fff
}

.t-viz-voronoi-node-colored {
    fill: auto;
    stroke: var(--t-panel-background)
}

.t-viz-voronoi {
    background-color: var(--t-panel-background)
}

.dz-image {
    display: none
}

.dz-preview {
    border-radius: var(--t-border-radius);
    overflow: hidden;
    width: 100%;
    padding: 0 10px;
    font-size: 16px;
    line-height: 1
}

.t-faq-questions .t-icon {
    opacity: .6
}

.t-faq-questions .t-icon.active {
    opacity: .8
}

.t-faq-counter {
    width: 75px;
    display: flex;
    position: absolute;
    right: 5px;
    top: 10px;
}

.t-faq-counter b {
    line-height: 1;
    margin-top: -2px;
    margin-right: 2px;
}

.t-faq-question-text {
    display: inline-block;
    margin-right: 85px;
    line-height: 1.2;
    font-weight: 600;
    width: calc(100% - 85px);
}

.t-faq-question-answer {
    line-height: 1.3;
    margin-top: 5px;
}

blockquote {
    display: block;
    width: 100%;
    font-style: italic;
    border-left: 4px solid var(--t-active);
    margin: 0;
    padding: 5px 10px
}

.t-news-graph-inner {
    width: 100%;
    height: 100%;
}

.t-test-menu {
    position: absolute;
    left: 50%;
    bottom: 0;
    border-radius: var(--t-border-radius) var(--t-border-radius) 0 0;
    height: 150px;
    transform: translateX(-50%);
    max-width: calc(100% - 20px);
    width: 350px;
    box-shadow: var(--t-panel-shadow);
    z-index: 10000;
    background-color: #52a7c1;
    background-image: linear-gradient(315deg, #52a7c1 0%, #b3f6d8 74%);
}

.t-input-search-container,
.t-input-search-container-inline {
    position: relative;
}

.t-input-search-results {
    display: none;
    margin: 0;
    padding: 0;
    border-radius: 0 0 var(--t-border-radius) var(--t-border-radius);
    border: 2px solid var(--t-active);
    position: absolute;
    left: 0;
    top: 39px;
    width: 100%;
    list-style: none;
    background-color: var(--t-panel-background);
    z-index: 3000;
    max-height: 300px;
    overflow-y: scroll;
}

.t-input-search-container-relative .t-input-search-results{
    position: relative;
    top: auto;
    margin-top: -2px;
}

.t-input-search-results li {
    width: 100%;
    cursor: pointer;
    padding: 3px 7px;
    border-radius: var(--t-border-radius);
}

.t-input-search-results li:hover {
    background-color: var(--t-panel-item-selected);
}

.t-input-search-container.active input {
    border-radius: var(--t-border-radius) var(--t-border-radius) 0 0;
    border-color: var(--t-active);
}

.t-input-search-filters {
    display: none;
    margin-bottom: 10px;
}

.t-input-search-filter {}

.t-input-search-filter {
    word-break: break-all;
    position: relative;
    margin: 2px;
    display: inline-block;
    font-size: 18px;
    line-height: 16px;
    padding: 4px 24px 3px 6px;
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    border-radius: var(--t-border-radius);
    overflow: hidden
}

.t-input-search-filter .t-input-search-filter-close {
    font-size: 24px;
    line-height: 14px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 600;
    width: 18px;
    display: block;
    padding: 6px 4px 2px 2px;
    height: 100%;
    opacity: .8;
    border-radius: 0 var(--t-border-radius) var(--t-border-radius) 0;
    border-left: 1px solid rgba(0, 0, 0, 0.1)
}

.t-input-search-filter-close:hover {
    opacity: 1
}

.t-menu-bottom .t-page {
    padding-bottom: 50px;
}

.t-menu-bottom.t-menu-controls .t-page {
    padding-bottom: 100px;
}

.t-menu-bottom .t-map-controls-title.t-map-controls {
    top: -10px;
}

.t-chat-messages-inline-loader {
    width: 100%;
    text-align: center;
}

.t-chat-messages-inline-loader span {
    box-shadow: var(--t-panel-shdow);
    background-color: var(--t-panel-background);
    display: inline-block;
    padding: 2px 5px;
    margin-bottom: 5px;
    border-radius: var(--t-border-radius);
    margin-top: 5px;
}

.t-profile-images-overflow {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    width: calc(100% - -20px);
    margin-bottom: -2px;
    padding: 10px;
    margin: -10px;
    display: block;
    height: 170px;
}

.t-profile-image {
    width: 250px;
    height: 150px;
    display: inline-block;
    border-radius: var(--t-border-radius);
    cursor: pointer;
    position: relative;
    margin-right: 10px;
    box-shadow: var(--t-panel-shadow);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: var(--t-panel-background);
}

.t-profile-images-overflow .t-profile-image:last-child {
    margin-right: 0;
}

.t-viz-colors {
    display: block;
    width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
    height: 40px;
    padding-top: 5px;
    margin-top: -5px;
    padding-left: 5px;
    margin-left: -3px;
}

.t-viz-colors-item {
    width: 30px;
    height: 30px;
    box-shadow: var(--t-panel-shadow);
    border-radius: var(--t-border-radius);
    display: inline-block;
    margin-right: 7px;
    cursor: pointer;
}

.t-viz-colors-item:hover {
    box-shadow: 0 0 0 2px var(--t-active);
}

.t-viz-colors .t-viz-colors-item:last-child {
    margin-right: 0;
}

.t-viz-ridgeline .t-viz-tooltip {
    top: 0px;
    left: 0px;
}

.t-viz-ridgeline-item {
    position: relative;
}

.t-viz-ridgeline-item svg {
    overflow: visible;
}

.t-viz-ridgeline-item line {
    stroke: var(--t-text-invert);
    opacity: 0.6;
}

.t-viz-ridgeline-item circle {
    cursor: pointer;
}

.t-viz-ridgeline-item circle:hover {
    opacity: 1 !important;
    stroke-color: var(--t-active) !important;
}

.t-viz-ridgeline-item-label {
    position: absolute;
    left: 0;
    top: 0%;
    /*transform: translateY(-50%);*/
    display: inline-block;
    line-height: 1;
    padding: 5px;
    box-shadow: var(--t-panel-shadow);
    background-color: var(--t-panel-background);
    font-size: 12px;
    border-radius: var(--t-border-radius);
    cursor: pointer;
}

.t-viz-ridgeline-item-label:hover {
    box-shadow: 0px 0px 0px 2px var(--t-active);
}

.t-button-group {
    padding: 5px;
    border: 2px solid var(--t-panel-item-selected);
    background-color: var(--t-panel-background);
    border-radius: var(--t-border-radius);
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}

.t-button-group button {
    margin: 0 5px 0 0;
}

.t-button-group button:last-child {
    margin-right: 0;
}

.t-button-group-transparent {
    border: none;
    padding: 0;
    overflow: visible !important;
}

.t-button-group-double-sliders .t-slider-body {
    display: block;
    height: 10px;
    width: 100%;
    background: var(--t-panel-light-background);
    opacity: .8;
    border-radius: var(--t-border-radius);
}

.t-button-group-double-sliders .t-slider-body:hover {
    opacity: 1;
}

.t-button-group-double-sliders .t-slider-thumb {
    position: absolute;
    left: 20px;
    top: 13px;
    width: 20px;
    height: 20px;
    border-radius: var(--t-border-radius);
    cursor: pointer;
    background-color: var(--t-elements-active);
    border: 2px solid #7c6cd7;
}

.t-button-group-double-sliders .t-slider-thumb:last-child {
    left: calc(100% - 40px);
}

.t-col-12 .t-col-hr {
    /*padding: 0px 5px 5px 5px;*/
}

.t-viz-prediction-label {
    position: absolute;
    left: 50%;
    top: 5px;
    transform: translateX(-50%);
    font-stretch: 14px;
    line-height: 1;
    animation: text-flash 1.5s linear infinite;
    border-radius: var(--t-border-radius);
    box-shadow: var(--t-panel-shadow);
    padding: 5px 10px 3px 10px;
    backdrop-filter: blur(6px);
    background-color: var(--t-panel-backdrop-background);
}

@keyframes text-flash {
    50% {
        opacity: 0.4;
    }
}

.t-viz-prediction-loader ./ .t-panel-transparent .t-viz-legend-small.t-viz-unknow {
    left: 5px;
    bottom: 5px;
}

.t-map-layer-active:hover {
    stroke-width: 3;
    cursor: pointer;
}

.t-viz-tiled-choropleth-map .t-viz-tooltip {
    left: auto;
    right: 10px;
    bottom: 10px;
    top: auto;
}

@media all and (max-width:1200px) {

    .t-menu-left .t-page-title-raw,
    .t-menu-left .t-page-title {
        margin-left: 45px;
    }
}

.t-modal-slider {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.t-modal-slider-item {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    display: none;
}

.t-modal-slider-item.active {
    display: block;
}

.t-modal-slider-switcher {
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translateX(-50%);
}

.t-modal-slider-switcher button {
    margin: 2px;
}

.t-modal-slider-items {
    padding-top: 75px;
}

.t-three-gui {
    z-index: 10000 !important;
}

.t-infinite-progress-bar {
    width: 100%;
    margin: 0 auto;
    border-radius: var(--t-border-radius);
    background: var(--t-panel-light-background);
    height: 10px;
    position: relative;
}

.t-infinite-progress-bar .t-progress-bar {
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    left: 0;
    width: 0;
    animation: t-progress-bar 1s linear infinite;
    height: 10px;
    background-color: var(--t-active);
    border-radius: var(--t-border-radius);
}

@keyframes t-progress-bar {
    0% {
        left: 0%;
        right: 100%;
        width: 0%;
    }

    10% {
        left: 0%;
        right: 75%;
        width: 25%;
    }

    90% {
        right: 0%;
        left: 75%;
        width: 25%;
    }

    100% {
        left: 100%;
        right: 0%;
        width: 0%;
    }
}

.t-user-profile .t-dashed {
    text-decoration-color: var(--t-active);
}

@media(prefers-color-scheme:dark) {
    .t-user-profile .t-dashed {
        text-decoration-color: var(--t-text);
    }

    .t-app a,
    .t-app a:visited,
    .t-app a:hover,
    .t-app a:active {
        color: var(--t-text);
    }
}

.t-form-item {
    position: relative;
}
.t-form-item-fake td{
    margin: 0 !important;
    padding: 0 !important;
}
.t-form-item-fake div{
    border-radius: var(--t-border-radius);
    width: 100%;
    border: 2px dashed var(--t-panel-item-selected);
    background-color: var(--t-panel-background);
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    border-radius: var(--t-border-radius);
}
.t-form-select-icons-item{
    border-radius: var(--t-border-radius);
    border: 2px solid rgba(0,0,0,0);
    padding: 10px;
    height: 80px;
}
.t-form-select-icons-item:not(.t-disabled){
    cursor: pointer !important;
}
.t-form-select-icons-item .t-text-center{
    height: 50px;
    background-position:center center;
    background-size:40px;
    background-repeat: no-repeat;
}
.t-form-select-icons-item .t-stripped{
    opacity: 0.7;
    display: none;
    z-index: 10000;
    left: 5px;
    top: 5px;
    border-radius: var(--t-border-radius);
    width: calc(100% - 10px);
    height: calc(100% - 10px);
}
.t-form-select-icons-item.t-active{
    border: 2px solid var(--t-active) !important;
}
.t-form-select-icons-item span{
    position: absolute;
    left: 50%;
    top: 63px;
    transform: translateX(-50%);
    display: inline-block;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 0.9;
    color: var(--t-text);
}
.t-form-select-icons-item:not(.t-disabled):hover span, .t-form-select-icons-item:not(.t-disabled).t-active span{
    opacity: 1;
}
.t-form-select-icons-item:not(.t-disabled):hover{
    border: 2px dashed var(--t-active);
}
.t-form-select-icons-item.t-disabled .t-stripped{
    display: block;
}
.t-form-select-icons-item.t-disabled span, .t-form-select-icons-item.t-disabled .t-text-center{
    opacity: 0.4;
}
.t-form-item .t-switch {
    position: absolute;
    right: 10px;
    top: 0;
}

.t-form-sub .t-switch{
    position: relative !important;
    right: auto !important;
    top: auto !important;
}

.t-form-sub th{
    padding: 0 0 0 10px !important;
    color: var(--t-text) !important;
    line-height: 1;
}
.t-form-sub table{
    width: calc(100% + 10px);
    margin-left: -5px;
}
.t-form-sub-overflow{
    border-radius: var(--t-border-radius);
    width: 100%;
    border: 2px solid var(--t-panel-item-selected);
    background-color: var(--t-panel-background);
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    padding: 11px 10px 8px 10px;
}
.t-form-item-sub-add{
    border-radius: var(--t-border-radius);
    width: 100%;
    border: 2px dashed var(--t-panel-item-selected);
    background-color: var(--t-panel-background);
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    padding: 11px 10px 8px 10px;
    display: inline-block;
    margin-top: 5px;
    cursor: pointer;
}

.t-form .t-form-item > .t-form-item-overflow-label {
    line-height: 1;
    display: inline-block;
    width: 100%;
    margin-left: 10px;
    font-weight: 600;
    margin-bottom: 2px;
}

.t-form-color-selector{
    border: 0;
    border-radius: var(--t-border-radius);
    border: 2px solid var(--t-panel-item-selected);
    background-color: var(--t-panel-background);
    background-image: none;
    box-shadow: none;
    height: 41px;
    width: 41px;
}
.t-form-color-selector-value{
    width: 27px;
    height: 27px;
    border-radius: var(--t-border-radius);
    margin-left: 5px;
    margin-top: 5px;
}
.t-form-color-selector-values{
    position: absolute;
    border: 2px solid var(--t-panel-item-selected);
    background-color: var(--t-panel-background);
    width: 50px;
    top: -30px;
    left: 0px;
    padding: 3px;
    border-radius: var(--t-border-radius);
    z-index: 100;
    display: none;
}
.t-form-color-selector-values span{
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: var(--t-border-radius);
    margin: 2px;
    cursor: pointer;
}
.t-form-color-selector-values span:hover{
    border: 2px solid var(--t-active);
}

.t-form-color-selector:hover .t-form-color-selector-values{
    display: block;
}

/* .t-form .t-form-item:nth-child(2n) {
    background-color: var(--t-table-highlight);
} */

.t-scatterplot-label-top-right,
.t-scatterplot-label-top-left,
.t-scatterplot-label-bottom-right,
.t-scatterplot-label-bottom-left {
    position: absolute;
    opacity: 0.3;
    font-size: 30px;
    z-index: 300;
}

.t-scatterplot-label-top-right {
    top: calc((50% / 2) - 20px);
    right: calc((50% / 2) - 20px);
}

.t-scatterplot-label-top-left {
    top: calc((50% / 2) - 20px);
    left: calc((50% / 2) - 20px);
}

.t-scatterplot-label-bottom-right {
    bottom: calc((50% / 2) - 20px);
    right: calc((50% / 2) - 30px);
}

.t-scatterplot-label-bottom-left {
    bottom: calc((50% / 2) - 20px);
    left: calc((50% / 2) - 24px);
}

.t-app table th .t-icon-sort {
    margin-left: -5px;
}

.t-geomarketing-layers-panel {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 3000;
    max-width: 250px;
    overflow-x: visible;
    overflow-y: scroll;
    max-height: 100%;
    height: auto;
    padding: 10px;
}

.t-geomarketing-radio {
    width: 100%;
    font-size: 16px;
    line-height: 1;
    padding: 5px;
    display: inline-block;
    float: right;
}

.t-viz-time-line .t-viz-tooltip,
.t-viz-grouped-bars .t-viz-tooltip,
.t-viz-bars .t-viz-tooltip {
    left: 0px;
    top: 0px;
}

.t-viz-bars .t-viz-bars-groups .t-viz-bars-group:first-child .t-viz-bars-label {
    left: -4px;
    right: auto;
    transform: none;
}

.t-viz-bars .t-viz-bars-groups .t-viz-bars-group:last-child .t-viz-bars-label {
    left: auto;
    right: -4px;
    transform: none;
}

.t-viz-grouped-bars g rect:hover {
    stroke: var(--t-active);
    cursor: pointer;
}

.t-viz-clustered-bar rect {
    stroke-width: 1;
}

.t-viz-clustered-bar rect:hover {
    stroke-width: 3;
    cursor: pointer;
}

.t-viz-time-line:hover .t-viz-legend {
    display: none;
}

.t-viz-calendar-col {
    float: left;
}

.t-viz-calendar-cols {
    display: flex;
    justify-content: center;
}

.t-viz-calendar-day {
    float: left;
    line-height: 1;
    font-size: 14px;
    cursor: pointer;
    margin: 2px;
    border-radius: var(--t-border-radius);
}

.t-viz-calendar-legend-top {
    width: calc(100% - 30px);
    margin-left: 30px;
    margin-bottom: 5px;
}

.t-viz-calendar-legend-top span {
    display: block;
    width: 8.33333333%;
    text-align: center;
    line-height: 1;
    font-size: 14px;
    float: left;
    cursor: pointer;
    text-transform: capitalize;
}

.t-viz-calendar-col-double .t-viz-calendar-legend-top span {
    width: 16.6666666667%
}

.t-viz-calendar-col-triple .t-viz-calendar-legend-top span {
    width: 25%
}

.t-viz-calendar-legend-top span:hover,
.t-viz-calendar-legend-left span:hover {
    color: var(--t-active);
}

.t-viz-calendar-legend-left {
    width: 30px;
    float: left;
}

.t-viz-calendar-legend-left span {
    display: flex;
    width: 30px;
    text-align: center;
    line-height: 14px;
    font-size: 14px;
    float: left;
    cursor: pointer;
    align-items: center;
    padding-top: 2px;
    text-transform: capitalize;
}

.t-viz-calendar-legend-left span:hover {
    color: var(--t-active);
}

.t-viz-calendar-day.active:hover {
    box-shadow: var(--t-panel-shadow-active);
}

.t-viz-calendar .t-viz-tooltip {
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
}

.t-viz-donuts {
    overflow-x: scroll;
    white-space: nowrap;
    width: calc(100% - -20px);
    margin-bottom: -2px;
    padding: 10px;
    margin: -10px;
    text-align: center;
}

.t-viz-donuts-overflow {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}

.t-viz-donuts .t-viz-legend {
    top: 10px !important;
    right: 10px !important;
}

.t-viz-donuts .t-viz-tooltip{
    text-align: left !important;
}

.t-viz-donuts-item {
    width: 150px;
    height: 150px;
    display: inline-block;
    border-radius: var(--t-border-radius);
    cursor: pointer;
    position: relative;
    margin-right: 5px;
    overflow: hidden;
}

.t-viz-donuts-item:last-child {
    margin-right: 0;
}

.t-viz-donuts-item svg {
    width: 150px;
    height: 150px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    border-radius: var(--t-border-radius);
    overflow: hidden;
}

.t-viz-donuts-item path:hover {
    stroke: var(--t-active);
    stroke-width: 2;
}

.t-viz-donuts-label {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: var(--t-border-radius);
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    text-align: center;
    font-size: 16px;
    z-index: 300;
    white-space: initial;
    line-height: 1.1;
    display: inline-block;
    padding: 3px 5px 0px 5px;
}

.t-viz-donuts-label b {
    font-size: 20px;
}

.t-viz-donuts-label:hover {
    box-shadow: var(--t-panel-shadow-active);
}

.t-dashboard-datepicker-viz .t-viz-tooltip {
    right: 10px;
    top: 10px;
    left: auto;
    bottom: auto;
}

.t-viz-choropleth-map .t-viz-tooltip {
    left: 0px;
    top: 0px;
}

.t-dashboard-datepicker-ranges .t-icon-calendar {
    height: 16px;
    width: 16px;
}

.t-dashboard-datepicker-ranges .t-icon-calendar path {
    fill: var(--t-text);
}

.t-dashboard-datepicker-ranges input {
    cursor: pointer;
}

.t-viz-html-filter svg path,
.t-viz-html-additions svg path {
    fill: var(--t-text);
}

.t-viz-html-filter:hover svg path,
.t-viz-html-additions:hover svg path {
    fill: var(--t-active);
}

.t-viz-html {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.t-backdrop-background {}

@supports(-webkit-backdrop-filter:none) or (backdrop-filter:none) {
    .t-backdrop-background {
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        background-color: var(--t-panel-backdrop-background);
        color: var(--t-text);
        box-shadow: var(--t-panel-shadow);
    }
}

.t-viz-html-container:hover .t-viz-html-container-active {
    background-color: var(--t-panel-backdrop-background);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.t-viz-html-container-active .t-viz-html-filter,
.t-viz-html-container-active .t-viz-html-additions {
    opacity: 0.6;
}

.t-viz-html-container:hover .t-viz-html-container-active .t-viz-html-filter,
.t-viz-html-container:hover .t-viz-html-container-active .t-viz-html-additions {
    opacity: 1;
}

.t-viz-html-container-active .t-viz-html-filter:hover,
.t-viz-html-container-active .t-viz-html-additions:hover {
    box-shadow: 0 0 0 2px var(--t-active) !important;
}

.t-radio-icon-container {
    width: 100%;
    margin-bottom: -10px;
}

.t-radio-icon {
    width: 20%;
    float: left;
    text-align: center;
    height: 98px;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
}

.t-radio-icon svg {
    height: 75px;
    display: inline-block;
    width: 75px;
}

.t-radio-icon svg path {
    fill: var(--t-text);
}

.t-radio-icon-label {
    display: inline-block;
    line-height: 1;
    width: 100%;
    margin-top: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.t-radio-icon.active svg {
    border-color: var(--t-active);
    opacity: 1;
}

.t-radio-icon.active .t-radio-icon-label {
    color: var(--t-active);
}

.t-radio-icon.active svg path {
    fill: var(--t-active);
}

.t-radio-img-container {
    width: 100%;
    position: relative;
}

.t-radio-img {
    margin-bottom: 10px;
    float: left;
    width: 50%;
    position: relative;
    text-align: center;
    cursor: pointer;
}

.t-radio-img-icon {
    width: 80px;
    height: 80px;
    background-size: cover;
    background-position: center center;
    border: 2px solid var(--t-panel-item-selected);
    background-color: var(--t-panel-background);
    border-radius: var(--t-border-radius);
    display: inline-block;
}

.t-radio-img-label {
    display: flex;
    line-height: 12px;
    width: 100%;
    font-size: 16px;
    align-items: center;
    justify-content: center;
    height: 28px;
}

.t-radio-img.active .t-radio-img-icon {
    border-color: var(--t-active);
}

.t-radio-img.active .t-radio-img-label {
    color: var(--t-active);
}

@media all and (min-width:370px) {
    .t-radio-img {
        width: 33.33333333333%;
    }
}

@media all and (min-width:576px) {
    .t-radio-img {
        width: 25%;
    }
}

@media all and (min-width:768px) {
    .t-radio-img {
        width: 16.6666666667%;
    }
}

@media all and (min-width:1100px) {
    .t-radio-img {
        width: 8.33333333333%;
    }
}

.t-hover-opacity {
    opacity: 0.6;
}

.t-hover-opacity:hover {
    opacity: 1;
}

.t-cols-container {
    border-radius: var(--t-border-radius);
    border: 2px dashed var(--t-text);
    display: inline-block;
    cursor: pointer;
    width: 100%;
}

.t-table-active:hover tr {
    background-color: rgba(0, 0, 0, 0) !important;
}

.t-table-active:hover tr:hover {
    cursor: pointer;
    box-shadow: var(--t-panel-shadow-active);
    border-radius: var(--t-border-radius);
    overflow: hidden;
    background-color: var(--t-panel-light-background) !important;
}

.t-table-active:hover tr:hover td:first-child {
    border-top-left-radius: var(--t-border-radius) !important;
    border-bottom-left-radius: var(--t-border-radius) !important;
}

.t-table-active:hover tr:hover td:last-child {
    border-top-right-radius: var(--t-border-radius) !important;
    border-bottom-right-radius: var(--t-border-radius) !important;
}

.t-panel-toolbox {
    position: fixed;
    right: 0;
    top: 50%;
    max-height: calc(100% - 20px);
    width: 290px;
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    border-radius: var(--t-border-radius) 0 0 var(--t-border-radius);
    transform: translateY(-50%);
    z-index: 3000;
    transition: .1s;
    height: 100%;
}

.t-panel-toolbox-content {
    padding: 10px;
}

.t-panel-toolbox-overflow {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%;
}

.t-panel-toolbox-button {
    top: 0;
    left: -43px;
}

.t-panel-toolbox.hide {
    right: -285px;
}

.t-viz-bars-groups {
    height: 100%;
    width: 100%;
}

.t-viz-bars-group {
    height: 100%;
    float: left;
    position: relative;
}

.t-viz-bars-group-disabled {
    opacity: 0.3;
}

.t-viz-bars-label {
    position: absolute;
    left: 50%;
    bottom: -5px;
    transform: translate(-50%, 0);
    text-align: center;
    font-size: 16px;
    z-index: 300;
    white-space: nowrap;
    line-height: 1.1;
    display: inline-block;
    padding: 2px 5px 0px 5px;
    font-weight: 600;
}

.t-panel-transparent .t-viz-bars-label {
    border-radius: var(--t-border-radius);
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
}

.t-viz-bars-values {
    height: calc(100% - 20px);
    float: left;
    position: relative;
    margin-bottom: 20px;
}

.t-viz-bars-value {
    position: absolute;
    left: 2px;
    width: calc(100% - 4px);
    border-radius: var(--t-border-radius);
    box-shadow: var(--t-panel-shadow);
    cursor: pointer;
}

.t-viz-bars-value:hover {
    box-shadow: var(--t-panel-shadow-active) !important;
}

.t-viz-bars-group-disabled .t-viz-bars-value:hover {
    box-shadow: var(--t-panel-shadow) !important;
}

.t-viz-bars-brushed .t-viz-bars-groups {
    height: calc(100% - 30px);
    margin-bottom: 5px;
}

.t-viz-bars-brush {
    width: 100%;
    float: left;
    height: 30px;
    position: relative;
}

.t-viz-bars-brush-line {
    border-radius: var(--t-border-radius);
    background-color: var(--t-panel-background);
    box-shadow: var(--t-panel-shadow);
    width: 100%;
    height: 10px;
    margin-top: 10px;
}

.t-viz-bars-brush-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: var(--t-border-radius);
    cursor: pointer;
    background-color: var(--t-elements-active);
    border: 2px solid #7c6cd7;
    position: absolute;
    top: 5px;
    z-index: 100;
}

.t-viz-bars-brush-active {
    position: absolute;
    z-index: 50;
    background-color: var(--t-elements-active);
    height: 10px;
    border-radius: var(--t-border-radius);
    top: 10px;
    opacity: 0.6;
}

@media all and (max-width:750px) {
    .t-viz-bars .t-viz-bars-group:nth-child(2n) .t-viz-bars-label {
        display: none !important;
    }

    .t-viz-bars .t-viz-bars-group:first-child .t-viz-bars-label,
    .t-viz-bars .t-viz-bars-group:last-child .t-viz-bars-label {
        display: block !important;
    }
}

@media all and (max-width:400px) {
    .t-viz-bars .t-viz-bars-label {
        display: none;
    }

    .t-viz-bars .t-viz-bars-group:first-child .t-viz-bars-label,
    .t-viz-bars .t-viz-bars-group:last-child .t-viz-bars-label {
        display: block !important;
    }
}

.t-viz-chords-nodes {
    width: 150px;
    float: left;
}

.t-viz-chords-nodes-group {
    margin-bottom: 10px;
}

.t-viz-chords-nodes .t-viz-chords-nodes-group:last-child {
    margin-bottom: 0;
}

.t-viz-chords-nodes-group-label {
    width: 100%;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.2;
    word-break: break-word;
}

.t-viz-chords-node {
    width: 100%;
    position: relative;
    cursor: pointer;
}

.t-viz-chords-node:hover .t-viz-chords-node-label {
    font-weight: 600;
    color: var(--t-active);
}

.t-viz-chords-node:hover .t-viz-chords-node-point {
    box-shadow: 0 0 0 2px var(--t-active);
}

.t-viz-chords-node-label.active {
    color: var(--t-active);
}

.t-viz-chords-node-label {
    line-height: 1.2;
    word-break: break-word;
}

.t-viz-chords-node-point {
    position: absolute;
    right: -18px;
    top: 6px;
    border-radius: 100%;
    box-shadow: 0 0 0 2px var(--t-text);
    width: 8px;
    height: 8px;
}

.t-viz-chords-nodes-1 .t-viz-chords-node-point {
    right: auto;
    left: -18px;
}

.t-viz-chords-edges {
    width: calc(100% - 300px);
    height: 100%;
    float: left;
}

.t-viz-chords-edge {
    opacity: 0.9;
    fill: none !important;
}

.t-viz-chords {
    overflow-x: scroll;
    overflow-y: hidden;
}

.t-viz-chords-container {
    min-width: 500px;
    width: 100%;
}

.t-icon-mail-reply-all svg {
    width: 26px;
}

.t-viz-density-contour .t-viz-legend {
    top: 10px !important;
    right: 10px !important;
}

.t-viz-network-map-container {
    overflow: scroll;
    width: 100%;
    height: 100%;
}

.t-viz-network-map.t-viz-legend-top-right .t-viz-legend {
    right: 10px !important;
    top: 10px !important;
}

.t-viz-network-map g {
    cursor: pointer;
}

.t-viz-network-map-node.active {
    stroke: var(--t-active) !important;
}
.t-viz-network-map-label.active {
    fill: var(--t-active) !important;
}

.t-viz-network-map-node.hide {
    opacity: 0.3 !important;
}

.t-viz-network-map-label.hide {
    opacity: 0 !important;
}

.t-viz-network-map-link {
    fill: none !important;
}

.t-viz-network-map-link.hide {
    stroke-opacity: 0 !important;
}

.t-news-item .t-panel {
    position: relative;
}

.t-news-image {
    height: 100px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 300;
    border-radius: var(--t-border-radius);
    position: relative;
    margin-bottom: 10px;
}

.t-news-content {
    width: 100%;
    z-index: 500;
}

.t-news-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 18px;
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}

.t-news-description {
    font-weight: 500;
    line-height: 1.2;
    font-size: 16px;
    opacity: 0.9;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.t-news-image-copyright {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 12px;
    color: var(--t-text-invert);
    line-height: 1;
    display: block;
    padding: 5px 7px;
    opacity: 0.6;
}

.t-news-image-copyright {
    opacity: 1;
}

.t-news-item,
.t-news-item:hover,
.t-news-item:visited {
    text-decoration: none;
    line-height: 1.2;
    color: var(--t-text) !important;
}

.t-news-item a,
.t-news-item a:hover,
.t-news-item a:visited {
    text-decoration: none;
    color: var(--t-text) !important;
}

.t-news-author {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    font-size: 16px;
}

.t-news-clusters {
    position: absolute;
    padding: 2px 5px 0 5px;
    right: -5px;
    top: -5px;
    z-index: 500;
    font-size: 14px;
    line-height: 16px;
    display: block;
    border-radius: 20px;
    text-align: center;
    opacity: 0.9;
}

.t-news-item .t-panel {
    overflow: visible;
}

.t-viz-sankey .t-viz-legend-small {
    z-index: 1500;
}

.t-viz-sankey-overflow {
    position: relative;
}

.t-viz-sankey-nodes {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
}

.t-viz-sankey-edges {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 800;
    width: 100%;
    height: 100%;
}

.t-viz-sankey-node {
    position: absolute;
    background-color: var(--t-panel-background);
    border-radius: var(--t-border-radius);
    padding: 5px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: var(--t-panel-shadow);
    line-height: 1.2;
    max-width: 250px;
    word-break: break-word;
}

.t-viz-sankey-node:hover,
.t-viz-sankey-node.active {
    box-shadow: var(--t-panel-shadow-active);
}

.t-viz-sankey-container {
    position: relative;
    overflow-x: scroll;
    overflow-y: visible;
    width: calc(100% + 4px);
    margin: -2px;
}

.t-viz-sankey-edges path {
    opacity: 0.8;
    fill: none !important;
}

.t-viz-sankey-edges path.hide {
    opacity: 0.05;
}

.t-viz-sankey-edges path.active {
    opacity: 0.95;
}

.t-page .t-app-not-for-main {
    display: none;
}

.t-viz-sankey-node-checkbox {
    margin-right: 10px;
}

.t-viz-sankey-node-label {
    margin-top: 2px;
    margin-right: 5px;
}

.t-viz-sankey-text {
    padding: 0 5px;
    min-width: 75px;
    display: inline-block;
}

.t-viz-intersection tr {
    background-color: rgba(0, 0, 0, 0) !important;
}

.t-viz-intersection-value {
    color: var(--t-text-invert) !important;
    border-radius: 0 !important;
}

.t-col-panel-help {
    display: none;
}

.t-dashboard-help .t-col-panel-help {
    display: block !important;
}

.t-midi-player {
    height: 34px;
    position: relative;
    cursor: pointer;
}

.t-midi-player button {
    position: absolute;
    left: 2px;
    top: 2px;
    z-index: 200;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 30px;
    border-radius: 100px;
}

.t-midi-player button svg {
    position: absolute;
    display: block;
    width: 100%;
    height: 16px;
    text-align: center;
    top: 5px;
    left: 1px;
}

.t-midi-player.playing button svg {
    left: 0;
}

.t-midi-player button path {
    fill: var(--t-text-invert)
}

.t-midi-player .t-loader-circle {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 300;
}

.t-midi-player b {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    margin-left: 40px;
    line-height: 1;
    min-width: 100px;
    margin-top: 9px;
}

.t-loader-circle {
    display: inline-block;
    position: relative;
}

.t-loader-circle div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 34px;
    height: 34px;
    border: 2px solid var(--t-active);
    border-radius: 50%;
    animation: t-loader-circle 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: var(--t-active) transparent transparent transparent;
}

.t-loader-circle div:nth-child(1) {
    animation-delay: -0.45s;
}

.t-loader-circle div:nth-child(2) {
    animation-delay: -0.3s;
}

.t-loader-circle div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes t-loader-circle {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.t-viz-funnel-item {
    width: 100%;
    height: 100px;
    border-radius: var(--t-border-radius);
    position: relative;
}

.t-viz-funnel-item-container {
    width: 100%;
    height: 100px;
    position: relative;
}

.t-viz-funnel-item-container svg {
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.t-viz-funnel-item-label {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 500;
    width: 100px;
    overflow: hidden;
    text-align: center;
    background-color: var(--t-panel-background);
    word-break: break-all;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1;
    padding: 5px 10px;
    border-radius: var(--t-border-radius);
    box-shadow: var(--t-panel-shadow);
    width: auto;
}

.t-viz-funnel-item-label-active:hover {
    cursor: pointer;
    box-shadow: var(--t-panel-shadow-active);
}

.t-viz-funnel-item-section {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 200;
}

.t-viz-funnel-item-section div {
    z-index: 300;
    border-style: solid;
    border-width: 2px;
    border-radius: var(--t-border-radius);
    height: 100%;
    width: calc(100% - 5px);
}

.t-viz-funnel-item-legend,
.t-viz-funnel-item-legend .t-viz-funnel-item,
.t-viz-funnel-item-legend .t-viz-funnel-item-container {
    height: 50px;
    text-align: center;
}

.t-viz-funnel-item-section .t-viz-funnel-item-label {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.t-viz-rait {
    height: 100%;
    width: 100%;
    position: relative;
}

.t-viz-rait-x {
    position: absolute;
    z-index: 500;
    height: 24px;
    border-top: 1px solid var(--t-table-highlight);
    width: 100%;
    left: 0;
    top: 50%;
}

.t-viz-rait-x .t-left {
    left: 0px;
    top: 0px;
    position: absolute;
}

.t-viz-rait-x .t-right {
    right: 0px;
    top: 0px;
    position: absolute;
}

.t-viz-rait-x .t-left,
.t-viz-rait-x .t-right,
.t-viz-rait-y .t-bottom,
.t-viz-rait-y .t-top {
    font-size: 14px;
    opacity: 0.6;
    padding: 5px;
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
}

.t-viz-rait-y {
    position: absolute;
    z-index: 500;
    width: 24px;
    border-left: 1px solid var(--t-table-highlight);
    height: 100%;
    left: 50%;
    top: 0;
}

.t-viz-rait-y .t-top {
    left: 0px;
    top: 0px;
    position: absolute;
}

.t-viz-rait-y .t-bottom {
    left: 0px;
    bottom: 0px;
    position: absolute;
}

.t-viz-rait-items {
    width: 100%;
    height: 100%;
}

.t-viz-rait-item {
    position: absolute;
    z-index: 800;
    width: 80px;
    height: 80px;
    transform: translate(-40px, -40px);
    cursor: pointer;
}

.t-viz-rait-item span {
    position: absolute;
    width: auto;
    left: 50%;
    top: -10px;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    border-radius: var(--t-border-radius);
    box-shadow: var(--t-panel-shadow);
    background-color: var(--t-panel-background);
    line-height: 1;
    padding: 3px 8px 1px 8px;
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
    transform: translateX(-50%);
    z-index: 1000;
}

.t-viz-rait-item:hover span {
    box-shadow: var(--t-panel-shadow-active);
}

.t-viz-rait-item-internal {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 500;
    opacity: 0.8;
    border-radius: 100px;
}

.t-viz-rait-item-external {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 300;
    opacity: 0.4;
    border-radius: 100px;
}

.t-dashboard-col-fullscreen .t-icon {
    margin-top: 1px;
}

.t-viz-hide-on-zero .leaflet-overlay-pane .t-colors-linear-0 {
    display: none;
}
.t-query-pill-aggregation-label input, .t-query-pill-aggregation-label input:hover, .t-query-pill-aggregation-label input:focus, .t-query-pill-aggregation-label input:active{
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
    color: #fff;
    width: auto;
    text-align: center;
}
.t-query-pill-aggregation-label-input{
    padding: 1px 5px 0px 5px !important;
    height: 28px !important;
}
.t-query-pill-dimension-measure .t-query-pill-label, .t-query-pill-dimension-measure .t-query-pill-aggregation-container, .t-query-pill-dimension-measure .t-query-pill-aggregation-container ul, .t-query-pill-dimension-measure .t-query-pill-close {
    background-color: var(--t-colors-ordinal-4) !important;
}
.t-query-pill-type{
    display: block;
    padding: 5px;
    font-size: 18px;
    line-height: 16px;
    padding: 5px 0px 5px 5px;
    background-color: var(--t-panel-background);
    border-radius: var(--t-border-radius);
    float: left;
}
.t-query-pill-label-type{
    padding-left: 2px !important;
}