:root {
              --col12-item-width: 4.1666665%;
              --flex-gap: 1px;
              --slc: (100% / 10);
          }
          
          *,
           ::after,
           ::before {
              box-sizing: border-box;
          }
          
          ul,
          li {
              padding: 0;
              list-style: none;
              margin: 0;
          }
          
          .ins_container,
          .ins-container {
              display: block;
              max-width: 100%;
              margin: auto;
              clear: both;
          }
          
          @media (min-width: 768px) {
              .ins_container,
              .ins-container {
                  width: 750px;
              }
          }
          
          @media (min-width: 992px) {
              .ins_container,
              .ins-container {
                  width: 970px;
              }
          }
          
          @media (min-width: 1200px) {
              .ins_container,
              .ins-container {
                  width: 1170px;
              }
              .ins-page-content {
                  width: 1170px;
              }
          }
          
          .ins-flex-size>* {
              width: attr(data-count);
          }
          
          .ins-flex-1>* {
              width: calc((var(--flex-gap)*1) - var(--flex-gap));
          }
          
          .ins-flex-2>* {
              --slc: (100% / 2);
              width: calc((100% / 2) - var(--flex-gap));
          }
          
          .ins-flex-3>* {
              --slc: (100% / 3);
              width: calc((100% / 3) - var(--flex-gap));
          }
          
          .ins-flex-4 {
              justify-content: space-between !important;
          }
          
          .ins-flex-4>* {
              --slc: (100% / 4);
              width: calc(var(--slc) - var(--flex-gap));
          }
          
          .ins-flex-5>* {
              --slc: (100% / 5);
              width: calc((100% / 5) - var(--flex-gap));
          }
          
          .ins-flex-6>* {
              --slc: (100% / 6);
              width: calc((100% / 6) - var(--flex-gap));
          }
          
          .ins-flex-7>* {
              --slc: (100% / 7);
              width: calc((100% / 7) - var(--flex-gap));
          }
          
          .ins-flex-8>* {
              --slc: (100% / 8);
              width: calc((100% / 8) - var(--flex-gap));
          }
          
          .ins-flex-9>* {
              --slc: (100% / 9);
              width: calc((100% / 9) - var(--flex-gap));
          }
          
          .ins-flex-10>* {
              --slc: (100% / 10);
              width: calc((100% / 10) - var(--flex-gap));
          }
          
          .ins-flex-11>* {
              --slc: (100% / 11);
              width: calc((100% / 11) - var(--flex-gap));
          }
          
          .ins-flex-12>* {
              --slc: (100% / 12);
              width: calc((100% / 12) - var(--flex-gap));
          }
          
          .ins-flex-13>* {
              --slc: (100% / 13);
              width: calc(var(--slc) - var(--flex-gap));
          }
          
          .ins-flex-14>* {
              --slc: (100% / 14);
              width: calc(var(--slc) - var(--flex-gap));
          }
          
          .ins-flex-15>* {
              --slc: (100% / 15);
              width: calc(var(--slc) - var(--flex-gap));
          }
          
          .ins-flex-16>* {
              --slc: (100% / 16);
              width: calc(var(--slc) - var(--flex-gap));
          }
          
          .ins-flex-17>* {
              --slc: (100% / 17);
              width: calc(var(--slc) - var(--flex-gap));
          }
          
          .ins-flex-18>* {
              --slc: (100% / 18);
              width: calc(var(--slc) - var(--flex-gap));
          }
          
          .ins-flex-19>* {
              --slc: (100% / 19);
              width: calc(var(--slc) - var(--flex-gap));
          }
          
          .ins-flex-20>* {
              --slc: (100% / 20);
              width: calc(var(--slc) - var(--flex-gap));
          }
          
          .ins-slc-1 {
              width: calc((var(--slc)*1) - var(--flex-gap));
          }
          
          .ins-slc-2 {
              width: calc((var(--slc)*2) - var(--flex-gap));
          }
          
          .ins-slc-3 {
              width: calc((var(--slc)*3) - var(--flex-gap));
          }
          
          .ins-slc-4 {
              width: calc((var(--slc)*4) - var(--flex-gap));
          }
          
          .ins-slc-5 {
              width: calc((var(--slc)*5) - var(--flex-gap));
          }
          
          .ins-slc-6 {
              width: calc((var(--slc)*6) - var(--flex-gap));
          }
          
          .ins-slc-7 {
              width: calc((var(--slc)*7) - var(--flex-gap));
          }
          
          .ins-slc-8 {
              width: calc((var(--slc)*8) - var(--flex-gap));
          }
          
          .ins-slc-9 {
              width: calc((var(--slc)*9) - var(--flex-gap));
          }
          
          .ins-slc-10 {
              width: calc((var(--slc)*10) - var(--flex-gap));
          }
          
          .ins-slc-11 {
              width: calc((var(--slc)*11) - var(--flex-gap));
          }
          
          .ins-slc-12 {
              width: calc((var(--slc)*12) - var(--flex-gap));
          }
          
          .ins-slc-13 {
              width: calc((var(--slc)*13) - var(--flex-gap));
          }
          
          .ins-slc-14 {
              width: calc((var(--slc)*14) - var(--flex-gap));
          }
          
          .ins-slc-15 {
              width: calc((var(--slc)*15) - var(--flex-gap));
          }
          
          .ins-slc-16 {
              width: calc((var(--slc)*16) - var(--flex-gap));
          }
          
          .ins-slc-17 {
              width: calc((var(--slc)*17) - var(--flex-gap));
          }
          
          .ins-slc-18 {
              width: calc((var(--slc)*18) - var(--flex-gap));
          }
          
          .ins-slc-19 {
              width: calc((var(--slc)*19) - var(--flex-gap));
          }
          
          .ins-slc-20 {
              width: calc((var(--slc)*20) - var(--flex-gap));
          }
          
          .ins-col-1 {
              width: calc(var(--col12-item-width) * 1 - var(--flex-gap)) !important;
          }
          
          .ins-col-2 {
              width: calc(var(--col12-item-width) * 2 - var(--flex-gap)) !important;
          }
          
          .ins-col-3 {
              width: calc(var(--col12-item-width) * 3 - var(--flex-gap)) !important;
          }
          
          .ins-col-4 {
              width: calc(var(--col12-item-width) * 4 - var(--flex-gap)) !important;
          }
          
          .ins-col-5 {
              width: calc(var(--col12-item-width) * 5 - var(--flex-gap))!important;
          }
          
          .ins-col-6 {
              width: calc(var(--col12-item-width) * 6 - var(--flex-gap))!important;
          }
          
          .ins-col-7 {
              width: calc(var(--col12-item-width) * 7 - var(--flex-gap))!important;
          }
          
          .ins-col-8 {
              width: calc(var(--col12-item-width) * 8 - var(--flex-gap))!important;
          }
          
          .ins-col-9 {
              width: calc(var(--col12-item-width) * 9 - var(--flex-gap))!important;
          }
          
          .ins-col-10 {
              width: calc(var(--col12-item-width) * 10 - var(--flex-gap))!important;
          }
          
          .ins-col-11 {
              width: calc(var(--col12-item-width) * 11 - var(--flex-gap))!important;
          }
          
          .ins-col-12,
          .ins-col-all {
              width: 100%
          }
          
          .ins-col-grow {
              flex-grow: 1;
          }
          
          .ins-col-grow-2 {
              flex-grow: 2;
          }
          
          .ins-col-grow-3 {
              flex-grow: 3;
          }
          
          .ins-col-grow-4 {
              flex-grow: 4;
          }
          
          .ins-col-grow-5 {
              flex-grow: 5;
          }
          
          .ins-col-grow-6 {
              flex-grow: 6;
          }
          
          [class*="ins-flex"] {
              --col12-item-width: 8.333333333333333%;
          }
          
          [class*="ins-flex"].ins-24col {
              --col12-item-width: 4.1666665%;
          }
          
          [class*="ins-flex"]>.ins-col-1,
          .ins-text-center,
          .ins_text_center {
              text-align: center;
          }
          
          .ins-text-right,
          .ins_text_right {
              text-align: right;
          }
          
          .ins-text-left,
          .ins_text_left {
              text-align: left;
          }
          
          .ins_hidden,
          .ins-none,
          .ins-hidden {
              display: none !important;
          }
          
          .ins-notvisible {
              opacity: 0;
          }
          
          .ins-float-center,
          .ins-align-center,
          .ins_align_center {
              float: none;
              margin: auto;
              display: block;
          }
          
          .ins-float-right,
          .ins-align-right,
          .ins_align_right {
              float: right;
          }
          
          .ins-float-left,
          .ins-align-left,
          .ins_align_left {
              float: left;
          }
          
          [class*="ins-flex"] {
              display: flex;
              flex-direction: row;
              flex-wrap: wrap;
              justify-content: normal;
              align-content: normal;
              row-gap: 0.5rem;
              column-gap: 0.5rem;
              --flex-gap: 10px;
              align-content: flex-start;
              align-items: center;
          }
          
          .ins-gap-o {
              column-gap: 0rem !important;
              row-gap: 0rem !important;
              --flex-gap: 0px !important;
          }
          
          .ins-gap-10 {
              --flex-gap: 10px;
              column-gap: 10px;
              row-gap: 10px;
          }
          
          .ins-gap-xs {
              column-gap: 5px !important;
              row-gap: 5px !important;
              --flex-gap: 5px !important;
          }
          
          .ins-gap-s {
              column-gap: 10px !important;
              row-gap: 10px !important;
              --flex-gap: 10px !important;
          }
          
          .ins-gap-m {
              column-gap: 20px !important;
              row-gap: 20px !important;
              --flex-gap: 20px !important;
          }
          
          .ins-gap-l {
              column-gap: 30px !important;
              row-gap: 30px !important;
              --flex-gap: 30px !important;
          }
          
          .ins-gap-xl {
              column-gap: 40px !important;
              row-gap: 40px !important;
              --flex-gap: 40px !important;
          }
          
          .ins-gap-2xl {
              column-gap: 50px !important;
              row-gap: 50px !important;
              --flex-gap: 50px !important;
          }
          
          .ins-gap-3xl {
              column-gap: 60px !important;
              row-gap: 60px !important;
              --flex-gap: 60px !important;
          }
          
          .ins-gap-4xl {
              column-gap: 70px !important;
              row-gap: 70px !important;
              --flex-gap: 70px !important;
          }
          
          .ins-gap-5xl {
              column-gap: 80px !important;
              row-gap: 80px !important;
              --flex-gap: 80px !important;
          }
          
          .ins-gap-6xl {
              column-gap: 90px !important;
              row-gap: 90px !important;
              --flex-gap: 90px !important;
          }
          
          .ins-gap-7xl {
              column-gap: 100px !important;
              row-gap: 100px !important;
              --flex-gap: 100px !important;
          }
          
          .ins-gap-8xl {
              column-gap: 120px !important;
              row-gap: 120px !important;
              --flex-gap: 120px !important;
          }
          
          .ins-gap-20,
          .ins-gap-20 ul {
              column-gap: 20px !important;
              row-gap: 20px !important;
              --flex-gap: 20px !important;
          }
          
          .ins-gap-30,
          .ins-gap-30 ul {
              column-gap: 30px !important;
              row-gap: 30px !important;
              --flex-gap: 30px !important;
          }
          
          .ins-gap-40,
          .ins-gap-40 ul {
              column-gap: 40px !important;
              row-gap: 40px !important;
              --flex-gap: 40px !important;
          }
          
          .ins-gap-60,
          .ins-gap-60 ul {
              column-gap: 60px !important;
              row-gap: 60px !important;
              --flex-gap: 60px !important;
          }
          
          .ins-gap-80,
          .ins-gap-80 ul {
              column-gap: 80px !important;
              row-gap: 80px !important;
          }
          
          .ins-gap-100,
          .ins-gap-100 ul {
              column-gap: 80px !important;
              row-gap: 80px !important;
          }
          
          .ins-gap-column-o {
              column-gap: 0rem !important;
          }
          
          .ins-gap-row-o {
              row-gap: 0rem !important;
          }
          
          a.ins-active {
              color: var(--primary);
          }
          
          .ins-flex-stretch {
              align-items: stretch;
              justify-content: center;
          }
          
          .ins-object-center {
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
          }
          
          .ins-object-left {
              position: absolute;
              top: 50%;
              left: 0;
              transform: translateY(-50%);
          }
          
          .ins-object-right {
              position: absolute;
              top: 50%;
              right: 0;
              transform: translateY(-50%);
          }
          
          .ins-object-bottom {
              position: absolute;
              bottom: 0;
              left: 50%;
              transform: translateX(-50%);
          }
          
          .ins-object-top {
              position: absolute;
              top: 0;
              left: 50%;
              transform: translateYX(-50%);
          }
          
          .ins-object-show-onhover {
              opacity: 0;
              ;
          }
          
          .ins-object-parent:hover .ins-object-show-onhover {
              opacity: 1;
              ;
          }
          
          .ins-line-height-xs {
              line-height: 8px;
          }
          
          .ins-line-height-s {
              line-height: 16px;
          }
          
          .ins-line-height-m {
              line-height: 24px;
          }
          
          .ins-line-height-l {
              line-height: 30px;
          }
          
          .ins-line-height-xl {
              line-height: 40px;
          }
          
          .ins-line-height-xxl {
              line-height: 40px;
          }
          
          .ins-line-height-xxl {
              line-height: 50px;
          }
          
          .ins-line-height-xxxl {
              line-height: 80px;
          }
          
          .ins-object-parent {
              overflow: hidden;
              position: relative;
          }
          
          .ins-flex-start {
              justify-content: flex-start !important;
              align-items: flex-start !important;
          }
          
          .ins-flex-column {
              flex-direction: column;
          }
          
          .ins-flex-space-between {
              justify-content: space-between;
              align-items: center;
          }
          
          .ins-flex-space-around {
              justify-content: space-around;
              align-items: center;
          }
          
          .ins-flex-center {
              justify-content: center;
              align-items: center;
              align-content: center;
          }
          
          .ins-flex-end {
              justify-content: end;
              align-content: flex-end;
          }
          
          .ins-flex-valign-start {
              align-items: flex-start;
          }
          
          .ins-flex-valign-end {
              align-items: flex-end;
          }
          
          .ins-flex-item-grow-0,
          .ins-flex-grow-s {
              flex-grow: 0;
          }
          
          .ins-flex-item-grow,
          .ins-flex-item-grow-1,
          .ins-flex-grow,
          .ins-flex-grow-m {
              flex-grow: 1;
          }
          
          .ins-flex-item-grow-2,
          .ins-flex-grow-l {
              flex-grow: 2;
          }
          
          .ins-flex-item-grow-3,
          .ins-flex-grow-xl {
              flex-grow: 3;
          }
          
          .ins-flex-item-grow-4,
          .ins-flex-grow-xxl {
              flex-grow: 4;
          }
          
          .ins-flex-item-grow-5,
          .ins-flex-grow-xxxl {
              flex-grow: 5;
          }
          
          .ins-flex-item-grow-5,
          .ins-flex-grow-xxxxl {
              flex-grow: 6;
          }
          
          .ins-expanded {
              flex-grow: 4;
          }
          
          [class*="ins-fixpanel"] {
              padding: 20px;
              position: fixed;
              top: 0;
              left: 0;
              width: 360px;
              height: 100%;
              z-index: 1002;
              right: auto;
              transition: all 0.3s;
              background: var(--ins-color);
          }
          
          [class*="ins-fixpanel"] .ins-data {
              overflow: auto;
              position: relative;
              height: 100%;
              padding: 0 15px;
          }
          
          .ins-fixpanel-end,
          .ins-fixpanel-right {
              right: 0;
              transform: translateX(100%);
              left: auto;
              border-left: 1px solid var(--border);
          }
          
          .ins-fixpanel-end.ins-opened,
          .ins-fixpanel-right.ins-opened {
              transform: translateX(0);
          }
          
          .ins-fixpanel-start,
          .ins-fixpanel-left {
              transform: translateX(-100%);
          }
          
          .ins-fixpanel-start.ins-opened,
          .ins-fixpanel-left.ins-opened {
              transform: translateX(0);
          }
          
          .ins-fixpanel-fullscreen {
              position: fixed;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
          }
          
          [class*="ins-fixpanel"] .CodeMirror {
              position: absolute;
              bottom: 0;
              top: 60px;
              height: calc(100% - 80px);
              font-size: 14px;
              width: 100%;
              left: 0;
          }
          
          .ins-panel-overlay,
          .ins-loader {
              position: fixed;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background-color: var(--opacity-bg);
              pointer-events: none;
              z-index: 111;
              transition: all 0.3s;
              opacity: 0;
              pointer-events: none;
          }
          
          .ins-loader {
              z-index: 10000;
          }
          
          .ins-panel-overlay.ins-opened,
          .ins-loader {
              opacity: 1;
              pointer-events: all;
              z-index: 1111111;
          }
          
          .ins-loader {
              display: flex;
              justify-content: center;
              align-content: center;
              align-items: center;
          }
          
          .ins-loader i {
              color: var(--dark-text);
              font-size: 40px;
          }
          /** Radius-end */
          /**ins-border-end */
          
          .ins-ant-padding-xxl {
              margin: -20px;
              width: calc(100% + 40px) !important;
          }
          
          .ins-form-section {
              margin: 0 -20px;
              width: calc(100% + 40px) !important;
              padding: 20px 40px;
              border-bottom: 1px solid var(--border);
          }
          
          .ins-grey {
              background: var(--ins-color-4);
          }
          
          .ins-view-mode .ins-list-body {
              position: relative;
          }
          
          .ins-view-mode .ins-td:not(.ins-view-mode-data .ins-td),
          .ins-view-mode .ins-th:not(.ins-view-mode-data .ins-th) {
              display: none;
          }
          
          .ins-view-mode .ins-view-mode-td {
              display: inline-block !important;
              width: 100%;
              overflow: hidden;
          }
          
          .ins-view-mode .ins-tr {
              transition: 0.3s;
              overflow: hidden;
              width: 100%;
          }
          
          .ins-view-mode .ins-table-data:not(.ins-view-mode-data .ins-table-data) {
              width: 30%;
              transition: 0.3s;
          }
          
          .ins-create-view-mode-btn {
              cursor: pointer;
              transition: 0.2s;
          }
          
          .ins-create-view-mode-btn:hover {
              transform: scale(1.05);
          }
          
          .ins-view-mode-data {
              width: 0;
              transition: 0.3s;
              padding: 0;
          }
          
          .ui_input_view .ins-danger-color,
          .ui_input_view .ins_comment {
              display: none;
          }
          
          .ui_input_view .ins-form-label {
              /* font-weight: 600; */
              font-size: 0.8rem;
              text-transform: uppercase;
              font-family: var(--font-alt);
              color: var(--link);
              ;
              font-weight: bold;
          }
          
          .ins-view-mode .ins-view-mode-data {
              position: absolute;
              height: 100%;
              top: 0;
              width: calc(70% - 10px);
              left: 30%;
              overflow: auto;
              padding: 20px;
              min-height: 700px;
          }
          
          .ins-view-mode .ins-view-mode-list {
              width: 30%;
          }
          
          .ins-view-mode .ins-view-mode-col-12 {
              width: 100%;
          }
          
          .ins-view-mode .ins-view-mode-col-6 {
              width: 50%;
          }
          
          .ins-view-mode .ins-view-mode-col-3 {
              width: 25%;
          }
          
          .ins-view-mode .ins-view-mode-col-2 {
              width: calc(8.333333333333333% * 2);
          }
          
          .ins-view-mode .ins-view-mode-col-1 {
              width: 8.333333333333333%;
          }
          
          .ins-view-mode-btn span {
              color: var(--primary);
          }
          
          .ins-view-mode-close {
              cursor: pointer;
          }
          
          .ins-view-mode .ins-view-mode-btn span {
              color: var(--text);
          }
          
          .ins-view-mode .ins-view-mode-hide {
              display: none;
          }
          
          .ins-view-mode .ins-active .ins-view-mode-btn span {
              color: var(--primary) !important;
          }
          
          .ins-sticky-top {
              position: sticky;
              z-index: 1111;
              top: 0px;
          }
          
          .ins-fix-top {
              position: top;
              z-index: 1111;
              top: 0px;
              left: 0;
              right: 0
          }