* {
  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: linear-gradient(135deg, rgb(144, 72, 118) 0%, rgb(152, 73, 118) 4.167%, rgb(160, 75, 118) 8.333%, rgb(169, 78, 118) 12.5%, rgb(177, 81, 118) 16.667%, rgb(185, 84, 118) 20.833%, rgb(193, 88, 118) 25%, rgb(201, 91, 118) 29.167%, rgb(208, 95, 119) 33.333%, rgb(215, 99, 119) 37.5%, rgb(221, 103, 119) 41.667%, rgb(228, 107, 119) 45.833%, rgb(233, 111, 119) 50%, rgb(238, 115, 119) 54.167%, rgb(243, 119, 119) 58.333%, rgb(247, 122, 119) 62.5%, rgb(250, 125, 119) 66.667%, rgb(253, 127, 119) 70.833%, rgb(255, 129, 119) 75%, rgb(255, 131, 119) 79.167%, rgb(255, 132, 119) 83.333%, rgb(255, 133, 120) 87.5%, rgb(255, 133, 120) 91.667%, rgb(255, 132, 120) 95.833%, rgb(255, 131, 120) 100%);
  --t-text: rgba(255, 255, 255, 0.8);
  --t-active: rgba(255, 255, 255, 0.9);
  --t-text-invert: rgba(0, 0, 0, 0.05);
  --t-panel-light-background: rgba(255, 255, 255, 0.1);
  --t-panel-dark-background: rgba(0, 0, 0, 0.6);
  --t-panel-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  --t-panel-overflow-background: rgba(0, 0, 0, 0.5);
  --t-panel-shadow-active: 0 0 0 2px var(--t-active);
  --t-backdrop-filter: blur(10px);
  --t-form-error: rgba(255, 255, 255, 0.3);
  --t-border-radius: 20px;
  --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);
}

@supports (backdrop-filter: var(--t-backdrop-filter)) or (-webkit-backdrop-filter: var(--t-backdrop-filter)) {
  body {
    --t-panel-dark-background: rgba(0, 0, 0, 0.3);
  }
}

.t-colors-ordinal-none {
  fill: var(--t-panel-dark-background);
  stroke: var(--t-panel-light-background);
  background-color: var(--t-panel-dark-background);
  border-color: var(--t-panel-light-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%);
}

.t-colors-linear-none {
  fill: var(--t-panel-dark-background);
  stroke: var(--t-panel-light-background);
  background-color: var(--t-panel-dark-background);
  border-color: var(--t-panel-light-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-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[dir="rtl"] table th .t-icon svg {
  margin-right: 1px;
}

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

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

.t-app[dir="rtl"] .t-td-state {
  padding-left: 0 !important;
  padding-right: 5px !important;
}

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

.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 {
  float: right;
}

.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-pager {
  text-align: center;
}

.t-pager button {
  text-align: center;
  margin: 5px;
  font-weight: 600;
  padding: 5px 15px;
  width: auto;
}

.t-float-left {
  float: left;
}

.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);
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  margin: auto;
}

.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[dir="rtl"] .t-float-left {
  float: right;
}

.t-float-right {
  float: right;
}

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

.t-clear {
  clear: both;
}

.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: var(--t-active) !important;
  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);
  color: var(--t-active);
}

.t-text-left {
  text-align: left !important;
}

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

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

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

.t-text-justify {
  text-align: justify !important;
}

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

.t-text-success {
  color: var(--t-colors-ordinal-4) !important;
}

.t-text-error {
  color: var(--t-colors-ordinal-2) !important;
}

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

.t-block {
  display: block !important;
}

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

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

.t-glass {
  background-color: var(--t-panel-light-background);
  backdrop-filter: var(--t-backdrop-filter);
  -webkit-backdrop-filter: var(--t-backdrop-filter);
}

.t-auto {
  display: auto !important;
}

.t-stripped {
  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-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-pointer {
  cursor: pointer;
  opacity: .9;
}

.t-pointer:hover {
  opacity: 1;
}

.t-p-l-0 {
  padding-left: 0;
}

.t-p-l-05 {
  padding-left: 5px;
}

.t-p-l-1 {
  padding-left: 10px;
}

.t-p-l-2 {
  padding-left: 20px !important;
}

.t-p-r-2 {
  padding-right: 20px !important;
}

.t-p-r-0 {
  padding-right: 0;
}

.t-p-r-05 {
  padding-right: 5px;
}

.t-p-t-0 {
  padding-top: 0;
}

.t-p-b-0 {
  padding-bottom: 0;
}

.t-p-0 {
  padding: 0;
}

.t-p-05 {
  padding: 5px;
}

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

.t-m-05 {
  margin: 5px;
}

.t-m-1 {
  margin: 10px;
}

.t-m-b-1 {
  margin-bottom: 10px;
}

.t-m-b-15 {
  margin-bottom: 15px;
}

.t-m-b-2 {
  margin-bottom: 20px;
}

.t-m-l-1 {
  margin-left: 10px;
}

.t-m-t-05 {
  margin-top: 5px;
}

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

.t-m-t-2 {
  margin-top: 20px;
}

.t-m-b-05 {
  margin-bottom: 5px;
}

.t-m-l-05 {
  margin-left: 5px;
}

.t-m-b-04 {
  margin-bottom: 4px;
}

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

.t-m-b-0 {
  margin-bottom: 0;
}

.t-m-0 {
  margin: 0;
}

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

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

.t-w-100 {
  width: 100%;
}

.t-h-100 {
  height: 100%;
}

.t-w-a {
  width: auto;
}

.t-absolute {
  position: absolute;
}

.t-relative {
  position: relative;
}

.t-row {
  width: 100%;
  padding: 0 5px;
  display: block;
  flex-flow: row wrap;
}

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

.t-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-col-xxl-1,
.t-col-xxl-2,
.t-col-xxl-3,
.t-col-xxl-4,
.t-col-xxl-5,
.t-col-xxl-6,
.t-col-xxl-7,
.t-col-xxl-8,
.t-col-xxl-9,
.t-col-xxl-10,
.t-col-xxl-11,
.t-col-xxl-12 {
  padding: 5px;
  float: left;
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

.t-fullscreen-scroll .t-page {
  overflow: auto !important;
}

.t-languages {
  margin: 5px 0;
}

.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);
}

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

.t-language:hover {
  background-color: var(--t-panel-light-background);
}

.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: var(--t-border-radius);
  display: inline-block;
  z-index: 1031;
  box-shadow: var(--t-panel-shadow);
  cursor: pointer;
  opacity: .9;
  clear: both;
  text-decoration: none !important;
  background-color: var(--t-panel-light-background);
  -webkit-backdrop-filter: var(--t-backdrop-filter);
  backdrop-filter: var(--t-backdrop-filter);
  text-align: left;
  max-width: 300px;
  position: relative;
  line-height: 1.2;
}

.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: var(--t-border-radius);
  margin-right: 5px;
  margin-top: 2px;
}

.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-page-preview-background {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 5;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: var(--t-border-radius);
  overflow: hidden;
  background-size: cover;
}

.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-light-background);
}

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

  .t-page-preview-overflow {
    -webkit-backdrop-filter: var(--t-backdrop-filter);
    backdrop-filter: var(--t-backdrop-filter);
    background-color: var(--t-panel-dark-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);
  border-radius: var(--t-border-radius);
  padding: 2px 5px 1px 5px;
  font-weight: 600;
}

.t-page-preview {
  background-color: var(--t-panel-light-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;
  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;
}

.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: 10px;
  z-index: 10000;
  transform: translateX(-50%);
}

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

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

.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-light-background);
  z-index: 4000;
}

.t-phone.hide {
  top: -100px;
  display: none;
}

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

  .t-phone {
    -webkit-backdrop-filter: var(--t-backdrop-filter);
    backdrop-filter: var(--t-backdrop-filter);
    background-color: var(--t-panel-light-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-app {
  font-feature-settings: "lnum";
  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-text);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.t-background {
  background-image: var(--t-background);
  background-blend-mode: overlay, overlay, overlay, normal;
}

.t-blur {
  backdrop-filter: var(--t-backdrop-filter);
  -webkit-backdrop-filter: var(--t-backdrop-filter);
}

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

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

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

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

.t-content-background .t-blur {
  overflow-y: scroll;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  background-color: var(--t-text-invert);
}

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

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

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

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

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

.t-page h2 {
  font-size: 50px;
  line-height: 50px;
  letter-spacing: -1.5;
  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 h4 {
  font-size: 34px;
  line-height: 44px;
  letter-spacing: -0.44;
  margin: 0;
  text-transform: uppercase;
  font-weight: 600;
}

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

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

.t-app ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.t-input-search-container,
.t-input-search-container-inline {
  position: relative;
}

.t-input-search-results {
  display: none;
  border-radius: 0 0 var(--t-border-radius) var(--t-border-radius);
  border: 2px solid var(--t-panel-light-background);
  width: 100%;
  background-color: var(--t-panel-light-background);
  z-index: 3000;
  max-height: 60%;
  overflow-y: scroll;
  margin-top: -2px !important;
  padding: 10px !important;
}

.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-light-background);
}

.t-input-search-container.active input {
  border-radius: var(--t-border-radius) var(--t-border-radius) 0 0;
  border-color: var(--t-panel-light-background);
}

.t-input-search-filters {
  display: none;
  position: absolute;
  right: 10px;
  top: 12px;
  z-index: 400;
  max-width: 80%;
  overflow-x: scroll;
  white-space: pre;
}

.t-input-search-filter {
  word-break: break-all;
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 16px;
  padding: 6px 30px 6px 10px;
  background-color: var(--t-panel-light-background);
  box-shadow: var(--t-panel-shadow);
  border-radius: var(--t-border-radius);
  overflow: hidden;
  margin-left: 10px;
}

.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: 24px;
  display: block;
  padding: 7px 4px 2px 4px;
  height: 100%;
  opacity: .8;
  border-radius: 0 var(--t-border-radius) var(--t-border-radius) 0;
  border-left: 2px solid var(--t-panel-light-background);
}

.t-input-search-container.progress input {
  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: 400% 400%;
  animation: t-inline-search-gradient 1s ease infinite;
}

@keyframes t-inline-search-gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.t-input-search-filter-close:hover {
  opacity: 1;
}

.t-big-items:after {
  content: ' ';
  clear: both;
  height: 0px;
  display: block;
  width: 100%;
}

.t-big-items li {
  width: 100%;
  padding: 10px;
  cursor: pointer;
  border-radius: var(--t-border-radius);
  line-height: 1;
  font-size: 18px;
  float: left;
  text-align: дуае;
}

.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-light-background);
}

.t-profile-images-overflow .t-profile-image:last-child {
  margin-right: 0;
}

.t-user {
  width: 80px;
  height: 60px;
  display: inline-block;
}

.t-dropzone {
  border-radius: var(--t-border-radius);
  border: 2px dashed var(--t-text);
  height: 130px;
  display: flex;
  cursor: pointer;
  width: 100%;
  position: relative;
}

.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;
}

.leaflet-overlay-pane svg {
  pointer-events: all !important;
}

.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-light-background);
  pointer-events: none;
  opacity: 0.6;
}

.t-dropzone-disabled .t-dropzone-placeholder {
  display: none;
}

.t-dropzone-disabled .t-dropzone-progress {
  display: block;
}

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

.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-light-background);
  box-shadow: var(--t-panel-shadow);
}

.t-float-button svg path {
  fill: var(--t-active) !important;
}

.t-float-button:hover {
  box-shadow: 0 0 0 2px var(--t-active);
  background-color: var(--t-panel-light-background);
}

.t-float-button:hover svg path {
  fill: var(--t-active) !important;
}

.t-lists-unstyled ul {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}

.t-lists-unstyled ul ul {
  padding-left: 10px !important;
  list-style: circle;
  margin-left: 10px !important;
}

pre {
  white-space: pre;
  font-weight: 500;
  font-family: 'Quinoa';
  margin: 0;
  padding: 0;
}

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

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

.t-text-sort-th .t-icon {
  margin-left: -6px;
}

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

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

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

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

.t-icon-user {
  overflow: hidden;
}

.t-icon-info svg,
.t-icon-help svg {
  height: 24px;
}

.t-app table th .t-icon svg {
  width: 8px;
  display: block;
  margin-top: 3px;
  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-panel-light-background);
}

.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 table tr:nth-child(2n) th: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) th:last-child {
  border-top-right-radius: var(--t-border-radius);
  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-panel-light-background);
  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-panel-light-background);
  box-shadow: var(--t-panel-shadow);
  line-height: 1;
  border-radius: var(--t-border-radius);
  padding: 2px 5px 1px 5px;
  font-weight: 600;
  font-size: 12px;
}

.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 table tr:nth-child(4n-1) th: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) th:last-child {
  border-top-right-radius: var(--t-border-radius);
  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-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-panel {
  padding: 10px;
  border-radius: var(--t-border-radius);
  box-shadow: var(--t-panel-shadow);
  position: relative;
  display: block;
  backdrop-filter: var(--t-backdrop-filter);
  -webkit-backdrop-filter: var(--t-backdrop-filter);
  background-color: var(--t-panel-light-background);
}

.t-panel-no-padding {
  padding: 0 !important;
}

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

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

.t-page-slider-item-full .t-panel {
  width: 100%;
  height: 350px;
  position: relative;
}

.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 .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-page-slider {
  width: 100%;
  display: flex;
  overflow-x: auto;
  padding: 5px 5px;
  margin: -5px 0;
}

.t-panel-disabled,
.t-panel.disabled,
.t-all-panels-disabled .t-panel {
  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-all-panels-disabled .t-panel:hover {
  box-shadow: none !important;
}

.t-panel-active:hover,
.t-panel-active.active,
.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-panels-transparent .t-panel {
  background-color: transparent;
  box-shadow: none;
}

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

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

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

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

.t-loader-background .t-blur {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  background-color: var(--t-text-invert);
}

.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: 30px;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  z-index: 4000;
}

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

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

.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-light-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: .9;
  margin-top: 20px;
}

.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-icon {
  display: flex;
  width: 18px;
  height: 18px;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 0 auto;
}

.t-icon-2x {
  height: 26px !important;
  width: 26px !important;
}

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

.t-icon-success path,
.t-icon-success circle {
  fill: var(--t-colors-ordinal-4) !important;
}

.t-icon-error path,
.t-icon-error circle {
  fill: var(--t-colors-ordinal-2) !important;
}

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

.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-text);
}

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

.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: 60px;
  height: 60px;
  margin: 0 auto;
  background-color: var(--t-panel-light-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-remove {
  position: absolute;
  right: 10px;
  top: -10px;
  display: none;
}

.t-app-container-remove .t-app-remove {
  display: block;
}

.t-app-remove .t-icon {
  width: 30px;
  height: 30px;
  padding: 5px;
}

.t-app-remove:hover .t-icon {
  opacity: 1;
  box-shadow: var(--t-panel-shadow-active);
}

.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: calc(100% + 4px);
  overflow: hidden;
  margin-top: 2px;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  color: var(--t-text);
  font-size: 16px;
  margin-left: -2px;
}

.t-app-container:hover .t-app-icon {
  opacity: 1;
  box-shadow: var(--t-panel-shadow-active);
}

.t-app-container-remove:hover .t-app-icon {
  box-shadow: none !important;
}

.t-app-history {
  opacity: 0.3;
}

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

.t-app-container:hover .t-app-title {
  color: var(--t-active);
}

.t-app hr {
  width: 100%;
  height: 10px;
  margin: 10px 0;
  display: block;
  padding: 9px 0 0 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 {
  position: fixed;
  bottom: -60px;
  left: 20px;
  z-index: 1000;
  text-align: center;
  width: calc(100% - 40px);
  height: 60px;
}

.t-menu-container {
  background: var(--t-panel-dark-background);
  border-radius: var(--t-border-radius);
  display: inline-block;
  height: 60px;
  cursor: pointer;
  backdrop-filter: var(--t-backdrop-filter);
  -webkit-backdrop-filter: var(--t-backdrop-filter);
  padding: 0 5px;
  overflow-x: scroll;
  white-space: nowrap;
  transform: translateY(-70px);
}

.t-menu-controls {
  max-width: calc(100% - 235px);
}

.t-menu-controls .t-menu-item {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  width: 80px;
}

.t-menu-controls .t-menu-item-text {
  width: 60px;
}

@supports not (hanging-punctuation:first) {

  .t-render-effects .t-menu-container {
    backdrop-filter: url(#t-glass-filter) blur(2px);
  }

}

.t-td-toolbox {
  width: 30px;
  cursor: pointer;
  opacity: .6;
}

.t-td-state {
  width: 24px;
  cursor: pointer;
  opacity: .8;
  padding-right: 0 !important;
}

.t-td-toolbox:hover {
  opacity: .95;
}

.t-td-toolbox svg {
  display: inline-block;
  width: 18px;
  height: 18px;
}

.t-inline-search-results-items {
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%;
  margin-top: 10px;
}

t-inline-search-results .t-tabs-overflow {
  width: calc(100% - 20px);
}

.t-inline-search-empty {
  position: absolute;
  left: 10px;
  bottom: -37px;
  width: calc(100% - 20px);
  padding: 5px;
}

.t-inline-search-results {
  margin-top: 10px;
  width: 100%;
}

.t-inline-search-progress {
  margin-top: 10px;
}

.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-light-background);
}

.t-inline-search-results .t-tab span {
  font-weight: 500;
}

.t-td-toolbox svg path {
  fill: var(--t-text);
}

.t-menu-item {
  padding: 5px 10px;
  height: 50px;
  width: 60px;
  overflow: visible;
  display: inline-block;
  line-height: 1;
  text-align: center;
  font-size: 14px;
  border-radius: var(--t-border-radius);
  position: relative;
  margin: 5px 0px;
}

.t-menu-item.hide {
  display: none;
}

.t-menu-item.active .t-icon path,
.t-menu-item.active .t-menu-item-text {
  fill: var(--t-colors-linear-18);
  color: var(--t-colors-linear-18);
}

.t-menu-item:hover {
  background-color: var(--t-text-invert);
}

.t-menu-item-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  width: 40px;
}

.t-menu-item-label {
  width: auto;
  font-size: 18px;
  line-height: 1;
  padding: 17px 10px;
}

.t-menu-item-label .t-menu-item-text {
  width: auto;
}

.t-avatar {
  width: 50px;
  height: 40px;
  border-radius: var(--t-border-radius);
  overflow: hidden;
  background-size: cover;
  background-position: center;
  display: inline-block;
  margin-left: -5px;
}

.t-menu-item .t-icon {
  height: 24px;
  width: 24px;
  margin-bottom: 2px;
  display: block;
  margin-top: 0;
}

.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;
}

code {
  font-family: 'Quinoa';
  font-weight: 500;
  font-size: 18px;
  white-space: pre-wrap;
}

.t-modal-body .t-gpt-chat-input {
  bottom: -110px !important;
}

.t-modal-body .t-row {
  padding: 0 !important;
}

.t-modal .t-gpt-chat-flow {
  height: calc(100% - 110px) !important;
}

.t-modal .t-gpt-chat-model {
  display: none;
}

.t-modal .t-gpt-chat {
  padding: 5px;
}

.t-modal .t-gpt-chat-query {
  width: calc(100% - 66px);
  float: left;
  margin: 0 !important;
  height: 80px;
}

.t-modal .t-gpt-chat-settings {
  float: right;
  margin-top: 10px;
  margin-right: 0;
  margin-bottom: 0;
  margin: 0 !important;
  display: none;
}

.t-modal .t-gpt-chat-scroll {
  height: 68px;
}

.t-modal .t-gpt-chat-start,
.t-modal .t-gpt-chat-stop {
  height: 80px;
}

.t-modal .t-gpt-chat-stop {
  margin-right: 0 !important;
  margin-left: 10px !important;
}

.t-modal {
  position: absolute;
  left: 0;
  top: -100%;
  width: 100%;
  height: 100%;
  z-index: 5000;
  transition: top .2s ease;
}

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

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

.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-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-body {
  width: 100%;
  border-radius: var(--t-border-radius);
  box-shadow: var(--t-panel-shadow);
  background-color: var(--t-panel-light-background);
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 10px;
}

.t-modal-actions {
  position: absolute;
  left: 0;
  bottom: -50px;
  width: 100%;
  height: 48px;
  padding: 0 10px;
  text-align: center;
}

.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-light-background);
  background-color: var(--t-panel-light-background);
  background-image: none;
  box-shadow: none;
}

.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-light-background);
  background-color: var(--t-panel-light-background);
  background-image: none;
  box-shadow: 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-light-background);
  background-color: var(--t-panel-light-background);
  background-image: none;
  box-shadow: 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: 2px solid var(--t-panel-light-background);
  border-radius: var(--t-border-radius);
  background-color: var(--t-panel-light-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-light-background);
  background-color: var(--t-panel-light-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-app input {
  font-size: 18px;
  line-height: 1;
  padding: 10px 15px;
  border: 2px solid var(--t-panel-light-background);
  border-radius: var(--t-border-radius);
  width: 100%;
  font-family: 'Quinoa';
  font-weight: 500;
  background-color: var(--t-panel-light-background);
  background-image: none;
  box-shadow: none;
  color: var(--t-text);
  backdrop-filter: var(--t-backdrop-filter);
  -webkit-backdrop-filter: var(--t-backdrop-filter);
}

.t-label {
  font-weight: 600;
  background-color: var(--t-active);
  border-radius: var(--t-border-radius);
  padding: 5px 10px 3px 10px;
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
}

.t-label-info {
  color: var(--t-colors-ordinal-0);
}

.t-label-warning {
  color: var(--t-colors-ordinal-1);
}

.t-label-error {
  color: var(--t-colors-ordinal-2);
}

.t-label-success {
  color: var(--t-colors-ordinal-4);
}

.t-app input::placeholder,
.t-app textarea::placeholder {
  color: var(--t-text);
  opacity: 1;
}

.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-light-background);
  -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;
}

blockquote {
  margin: 0;
  padding: 0 0 0 10px;
  border-left: 6px solid var(--t-text);
}

.t-app a {
  color: rgba(255, 255, 255, 0.9);
}

.t-app a:visited {
  color: rgba(255, 255, 255, 0.3);
}

.t-app button:focus,
.t-app input[type=submit]:focus {
  box-shadow: var(--t-panel-shadow-active);
}

.t-app button:disabled,
.t-app button.disabled,
.t-app input[type=submit].disabled {
  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;
  box-shadow: none !important;
  cursor: auto !important;
}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
  cursor: pointer;
}

.t-2step-digit {
  width: 30px;
  height: 40px;
  background-color: var(--t-panel-light-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;
}

input:checked+.t-slider,
input:active+.t-slider {
  background-color: rgba(255, 255, 255, 0.5);
}

input:focus+.t-slider {
  box-shadow: var(--t-panel-shadow-active);
}

input:checked+.t-slider:before,
input:active+.t-slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
  background-color: var(--t-text);
  opacity: 1;
}

.t-app input::-webkit-input-placeholder,
.t-app textarea::-webkit-input-placeholder {
  color: var(--t-text);
}

.t-app input::-moz-placeholder,
.t-app textarea::-moz-placeholder {
  color: var(--t-text);
}

.t-app input:-ms-input-placeholder,
.t-app textarea:-ms-input-placeholder {
  color: var(--t-text);
}

.t-app input[type="checkbox"]:checked::before {
  border-color: rgba(0, 0, 0, 0.1);
  background-color: var(--t-text-invert);
  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: rgba(255, 255, 255, 0.6);
}

.t-app input[type="checkbox"]:not(:disabled):active::before {
  background-color: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.3);
}

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

.t-app input[type="checkbox"]:focus:not(:checked)::before {
  border-color: rgba(255, 255, 255, 0.3);
}

.t-app input[type="checkbox"]:disabled::before {
  background-color: rgba(0, 0, 0, 0.3);
}

button {
  border-radius: var(--t-border-radius);
  border: none;
  background-color: var(--t-panel-light-background);
  color: var(--t-text);
  padding: 10px 15px;
  backdrop-filter: var(--t-backdrop-filter);
  -webkit-backdrop-filter: var(--t-backdrop-filter);
  width: 100%;
  font-family: 'Quinoa';
  font-weight: 500;
  font-size: 18px;
  cursor: pointer;
}

button:hover,
button.active {
  box-shadow: var(--t-panel-shadow-active);
}

.t-app textarea {
  font-family: 'Quinoa';
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  padding: 10px;
  border: 2px solid var(--t-panel-light-background);
  border-radius: var(--t-border-radius);
  width: calc(100% - 66px);
  background-color: var(--t-panel-light-background);
  resize: none;
  min-height: 158px;
  background-image: none;
  box-shadow: none;
  margin: 0;
  color: var(--t-text);
  backdrop-filter: var(--t-backdrop-filter);
  -webkit-backdrop-filter: var(--t-backdrop-filter);
  float: left;
}

.t-custom-close {
  position: absolute;
  z-index: 100;
  padding: 5px;
  border-radius: var(--t-border-radius);
  background-color: var(--t-panel-light-background);
  cursor: pointer;
  opacity: 0.9;
}

.t-custom-close:hover {
  opacity: 1;
  box-shadow: var(--t-panel-shadow-active);
}

.t-app select {
  font-size: 18px;
  line-height: 1;
  padding: 12px 15px 12px 15px;
  border: 2px solid var(--t-panel-light-background);
  border-radius: var(--t-border-radius);
  width: 100%;
  font-family: 'Quinoa';
  font-weight: 500;
  background-color: var(--t-panel-light-background);
  background-image: none;
  box-shadow: none;
  color: var(--t-text);
  backdrop-filter: var(--t-backdrop-filter);
  -webkit-backdrop-filter: var(--t-backdrop-filter);
}

.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: 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-text);
  border: 4px solid rgba(255, 255, 255, 0.9);
}

.t-app input[type="range"]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: var(--t-border-radius);
  cursor: pointer;
  background-color: var(--t-text);
  border: 4px solid rgba(255, 255, 255, 0.9);
}

.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 rgba(255, 255, 255, 0.9);
  border-radius: var(--t-border-radius);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.t-gpt-chat {
  position: relative;
}

.t-gpt-chat-user p {
  text-align: right !important;
  margin-bottom: 0 !important;
}

.t-gpt-chat-user .t-panel {
  width: auto;
  display: block;
  float: right;
}

.t-gpt-chat-bot p {
  text-align: left !important;
  margin-bottom: 0 !important;
}

.t-latex-inline {
  display: inline-block;
  max-height: 60px;
  position: relative;
}

.t-latex-inline img {
  max-height: 100%;
  vertical-align: middle;
}

.t-gpt-chat-input {
  position: absolute;
  bottom: -198px;
  left: 50%;
  width: 100%;
  padding: 5px;
  transform: translateX(-50%);
}

.t-gpt-chat-input button {
  width: auto;
}

.t-gpt-chat-input select {
  width: calc(100% - 197px);
}

.t-gpt-chat-upload {
  position: absolute;
  left: 20px;
  width: calc(100% - 106px);
  bottom: 20px;
}

.t-gpt-chat-attachments {
  position: absolute;
  bottom: 6px;
  right: 50px;
  display: block;
  top: auto;
  max-width: calc(100% - 50px);
}

.t-gpt-chat-upload .t-icon {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: var(--t-panel-light-background);
  padding: 10px;
  border-radius: var(--t-border-radius);
  opacity: 0.9;
  cursor: pointer;
  width: 40px !important;
  height: 40px !important;
}

.t-gpt-chat-upload .t-icon:hover {
  opacity: 1;
  box-shadow: var(--t-panel-shadow-active);
}

.t-gpt-chat-input .t-icon path,
.t-gpt-chat-input .t-icon circle {
  fill: var(--t-text) !important;
}

.t-gpt-chat-input .t-icon {
  width: 26px;
  height: 26px;
}

.t-gpt-chat-flow {
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
  height: calc(100% - 270px);
  margin-top: -5px;
  padding-top: 5px;
}

.t-menu-left .t-gpt-chat-flow,
.t-menu-right .t-gpt-chat-flow {
  height: calc(100% - 140px) !important;
}

.t-gpt-chat-stats {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  font-style: italic;
  margin-bottom: 10px;
}

.t-gpt-chat-user .t-gpt-chat-stats {
  text-align: right;
}

.t-gpt-chat-speed {
  display: block;
  float: right;
}

.t-gpt-chat-init {
  height: 100%;
}

.t-gpt-chat-init .t-gpt-chat-flow {
  display: none;
}

.t-gpt-chat-init .t-gpt-chat-input {
  bottom: auto;
  top: 40%;
  transform: translate(-50%, -50%);
}

.t-gpt-none {
  display: none;
}

.t-gpt-chat-reasoning {
  line-height: 1.2;
  padding: 0px 10px;
  margin-bottom: 10px;
  font-style: italic;
}

.t-gpt-chat-output-image {
  background-color: var(--t-panel-light-background);
  border-radius: var(--t-border-radius);
  text-align: center;
}

.t-gpt-chat-output-image div {
  display: inline-block;
  background-size: contain;
  background-position: center;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  min-height: 300px;
}

.t-gpt-chat-output ol,
.t-gpt-chat-output ul {
  margin: 0;
  padding-left: 20px;
}

.t-gpt-chat-output .t-panel {
  margin-bottom: 10px;
}

.t-gpt-chat-output .t-panel:last-child {
  margin-bottom: 0px;
}

.t-gpt-chat-output h1,
.t-gpt-chat-output h2,
.t-gpt-chat-output h3,
.t-gpt-chat-output h4,
.t-gpt-chat-output h5 {
  font-size: 20px !important;
  line-height: 32px !important;
  letter-spacing: -0.15 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}

.t-gpt-chat-table-toolbox {
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: var(--t-border-radius);
  background-color: var(--t-panel-light-background);
  opacity: 0.8;
  cursor: pointer;
  padding: 8px 10px 10px 10px;
}

.t-gpt-chat-table-toolbox:hover {
  opacity: 1;
  box-shadow: var(--t-panel-shadow-active);
}

.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable.language_ {
  color: #d73a49;
}

.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_ {
  color: #6f42c1;
}

.hljs-attr,
.hljs-attribute,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-operator,
.hljs-variable,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id {
  color: #005cc5;
}

.hljs-regexp,
.hljs-string,
.hljs-meta .hljs-string {
  color: #032f62;
}

.language-json .hljs-attr,
.language-json .hljs-number {
  color: var(--t-text) !important;
  font-weight: 600;
}

.language-json .hljs-string {
  color: var(--t-text) !important;
}

.hljs-built_in,
.hljs-symbol {
  color: #e36209;
}

.hljs-comment,
.hljs-code,
.hljs-formula {
  color: #6a737d;
}

.hljs-name,
.hljs-quote,
.hljs-selector-tag,
.hljs-selector-pseudo {
  color: #22863a;
}

.hljs-subst {
  color: #24292e;
}

.hljs-section {
  color: #005cc5;
  font-weight: bold;
}

.hljs-bullet {
  color: #735c0f;
}

.hljs-emphasis {
  color: #24292e;
  font-style: italic;
}

.hljs-strong {
  color: #24292e;
  font-weight: bold;
}

.hljs-addition {
  color: #22863a;
  background-color: #f0fff4;
}

.hljs-deletion {
  color: #b31d28;
  background-color: #ffeef0;
}

.t-app .leaflet-popup-content-wrapper {
  width: 100% !important;
}

.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%;
}

.leaflet-control-container {
  pointer-events: none;
}

.t-map-control {
  background-color: var(--t-panel-dark-background);
  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;
  backdrop-filter: var(--t-backdrop-filter);
}

.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);
  border-radius: var(--t-border-radius);
  position: absolute;
  right: -5px;
  top: -5px;
  padding: 2px 5px;
  font-size: 16px;
  line-height: 1;
  display: block;
  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: 10px;
  position: absolute;
  top: 3px;
  z-index: 1005;
  left: 20px;
  padding: 5px 10px 4px 10px;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  background-color: var(--t-panel-dark-background);
  display: none;
}

.map-marker-remove {
  position: absolute;
  right: -10px;
  top: -10px;
  font-size: 18px;
  background-color: var(--t-panel-dark-background);
  padding: 5px;
  line-height: 16px;
  font-weight: 800;
  border-radius: var(--t-border-radius)
}

.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-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-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 .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;
}

.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;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  outline: 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;
  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;
  -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-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: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}

.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-light-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-light-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-dashboard-container-inline .prefix-html {
  display: none;
}


.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');
}

@media all and (min-width:370px) {
  .t-col-xs-1 {
    width: 8.33333333333%;
  }

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

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

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

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

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

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

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

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

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

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

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

@media all and (min-width:576px) {
  .t-col-sm-1 {
    width: 8.33333333333%;
  }

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

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

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

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

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

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

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

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

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

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

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

@media all and (min-width:768px) {
  .t-col-md-1 {
    width: 8.33333333333%;
  }

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

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

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

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

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

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

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

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

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

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

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

@media all and (min-width:992px) {
  .t-col-lg-1 {
    width: 8.33333333333%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

@media all and (min-width:1200px) {
  .t-col-xl-1 {
    width: 8.33333333333%;
  }

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

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

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

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

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

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

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

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

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

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

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

@media all and (min-width:1800px) {
  .t-col-xxl-1 {
    width: 8.33333333333%;
  }

  .t-col-xxl-2 {
    width: 16.6666666667%;
  }

  .t-col-xxl-3 {
    width: 25%;
  }

  .t-col-xxl-4 {
    width: 33.33333333333%;
  }

  .t-col-xxl-5 {
    width: 41.66666666665%;
  }

  .t-col-xxl-6 {
    width: 50%;
  }

  .t-col-xxl-7 {
    width: 58.333333333331%;
  }

  .t-col-xxl-8 {
    width: 66.66666666664%;
  }

  .t-col-xxl-9 {
    width: 74.999999999997%;
  }

  .t-col-xxl-10 {
    width: 83.333333333333%;
  }

  .t-col-xxl-11 {
    width: 91.666666666663%;
  }

  .t-col-xxl-12 {
    width: 100%;
  }
}

@media all and (max-width:575px) {
  .t-col-hide-sm {
    display: none !important;
  }
}

@media all and (max-width:768px) {
  .t-page-preview-middle .t-page-preview-description {
    height: auto;
  }
}

@media all and (min-width:500px) {
  .t-big-items li {
    width: 50%;
    float: left;
  }
}

@media all and (min-width:1000px) {
  .t-big-items li {
    width: 33.3333333333%;
    float: left;
  }
}

@media all and (max-width:575px) {
  .t-menu-controls {
    max-width: calc(100% - 170px);
  }
}

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

  .t-menu-controls .t-menu-item,
  .t-menu-controls .t-menu-item-text {
    width: auto !important;
    min-width: 80px !important;
  }
}

@media print {
  body {
    --t-panel-shadow: none !important;
    --t-panel-light-background: 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;
  }
}

@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;
  }
}

@media (prefers-color-scheme:dark) {
  body {
    --t-background: linear-gradient(135deg, rgb(37, 36, 39) 0%, rgb(38, 37, 40) 5%, rgb(39, 37, 43) 10%, rgb(41, 39, 46) 15%, rgb(44, 40, 51) 20%, rgb(47, 42, 57) 25%, rgb(50, 45, 64) 30%, rgb(54, 47, 71) 35%, rgb(59, 51, 78) 40%, rgb(64, 54, 86) 45%, rgb(69, 58, 93) 50%, rgb(75, 62, 100) 55%, rgb(81, 66, 106) 60%, rgb(88, 71, 112) 65%, rgb(95, 77, 116) 70%, rgb(103, 82, 119) 75%, rgb(111, 88, 121) 80%, rgb(120, 94, 122) 85%, rgb(129, 101, 121) 90%, rgb(138, 108, 119) 95%, rgb(148, 115, 115) 100%);
    --t-text: rgba(255, 255, 255, 0.6);
    --t-active: rgba(255, 255, 255, 0.8);
    --t-text-invert: rgba(0, 0, 0, 0.1);
    --t-panel-light-background: rgba(255, 255, 255, 0.05);
    --t-panel-dark-background: rgba(0, 0, 0, 0.3);
    --t-panel-shadow-active: 0 0 0 2px var(--t-active);
  }

  .t-chat {
    background-color: var(--t-panel-light-background);
  }

  .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');
  }

  .hljs-doctag,
  .hljs-keyword,
  .hljs-meta .hljs-keyword,
  .hljs-template-tag,
  .hljs-template-variable,
  .hljs-type,
  .hljs-variable.language_ {
    color: #ff7b72;
  }

  .hljs-title,
  .hljs-title.class_,
  .hljs-title.class_.inherited__,
  .hljs-title.function_ {
    color: #d2a8ff;
  }

  .hljs-attr,
  .hljs-attribute,
  .hljs-literal,
  .hljs-meta,
  .hljs-number,
  .hljs-operator,
  .hljs-variable,
  .hljs-selector-attr,
  .hljs-selector-class,
  .hljs-selector-id {
    color: #79c0ff;
  }

  .hljs-regexp,
  .hljs-string,
  .hljs-meta .hljs-string {
    color: #a5d6ff;
  }

  .hljs-built_in,
  .hljs-symbol {
    color: #ffa657;
  }

  .hljs-comment,
  .hljs-code,
  .hljs-formula {
    color: #8b949e;
  }

  .hljs-name,
  .hljs-quote,
  .hljs-selector-tag,
  .hljs-selector-pseudo {
    color: #7ee787;
  }

  .hljs-subst {
    color: #c9d1d9;
  }

  .hljs-section {
    color: #1f6feb;
    font-weight: bold;
  }

  .hljs-bullet {
    color: #f2cc60;
  }

  .hljs-emphasis {
    color: #c9d1d9;
    font-style: italic;
  }

  .hljs-strong {
    color: #c9d1d9;
    font-weight: bold;
  }

  .hljs-addition {
    color: #aff5b4;
    background-color: #033a16;
  }

  .hljs-deletion {
    color: #ffdcd7;
    background-color: #67060c;
  }

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

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

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

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

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

.t-chat {
  position: absolute;
  bottom: 80px;
  width: 350px;
  height: 500px;
  left: 50%;
  transform: translateX(-50%);
  max-height: calc(100% - 80px);
  background-color: var(--t-panel-dark-background);
  box-shadow: var(--t-panel-shadow);
  z-index: 1200;
  border-radius: var(--t-border-radius);
  max-width: calc(100% - 20px);
  backdrop-filter: var(--t-backdrop-filter);
}

.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)
  }
}

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

.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: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: block;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  float: left;
  white-space: nowrap;
  padding: 1px;
  text-align: center;
  width: 100%;
  min-width: 50px;
  margin-top: 2px;
}

.t-app-frame .t-chat {
  display: none;
}

.t-chat-loader {
  background-color: var(--t-panel-light-background);
  position: absolute;
  z-index: 1200;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--t-border-radius);
  backdrop-filter: var(--t-backdrop-filter);
}

.t-chat-loader span {
  background-color: var(--t-panel-light-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-light-background);
  position: absolute;
  z-index: 900;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--t-border-radius);
  backdrop-filter: var(--t-backdrop-filter);
}

.t-chat-loader-guest .t-stripped {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 300;
  opacity: 0.3;
}

.t-chat-loader-guest>span {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  transform: translate(-50%, -50%);
  width: calc(100% - 20px);
  text-align: center;
  z-index: 1000;
}

.t-chat-loader-guest span span {
  background-color: var(--t-panel-light-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% - 60px);
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 10px
}

.t-chat.t-rooms .t-chat-messages {
  margin-top: 66px;
  width: calc(100%);
  height: calc(100% - 126px);
  padding: 5px 10px;
}

.t-chat-input {
  position: absolute;
  left: 0;
  bottom: 10px;
  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;
  backdrop-filter: none;
}

.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;
  backdrop-filter: none;
}

.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-light-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: 5px 10px;
  margin-bottom: 5px;
  background-color: var(--t-panel-light-background);
  backdrop-filter: none;
}

.t-menu-bottom .t-messages-container .t-message .t-panel,
.t-message-bot .t-icon-bot {
  background-color: var(--t-panel-light-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-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-light-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: 18px;
  top: 13px
}

.t-chat-attachments {
  right: 52px;
  top: 8px;
  display: none
}

.t-chat-commands {
  right: 60px;
  top: 13px
}

.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-light-background);
  border-radius: var(--t-border-radius);
  box-shadow: var(--t-panel-shadow);
  margin: 0;
  padding: 5px;
  list-style: none;
  width: 252px;
  backdrop-filter: var(--t-backdrop-filter);
}

.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-dark-background)
}

.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-light-background);
  display: inline-block;
  padding: 2px 5px;
  margin-bottom: 5px;
  border-radius: var(--t-border-radius);
  margin-top: 5px;
}

.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-light-background);
  box-shadow: var(--t-panel-shadow);
  z-index: 4500;
  padding: 10px;
  text-align: center;
  display: none;
  transform: translateX(-50%);
  backdrop-filter: var(--t-backdrop-filter);
}

.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;
  width: calc(50% - 10px);
}

.t-tracking .t-btn-success {
  margin-right: 10px;
}