*,
::after,
::before {
    box-sizing: border-box;
}

ul,
li {
    padding: 0;
    list-style: none;
}

.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-position-absolute {
    position: absolute !important;
}

.ins-grid,
.ins-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    width: 100%;
    grid-gap: 10px;
}

.ins-grid_gap_0,
.ins-grid-gap-0 {
    grid-gap: 0px;
}

.ins-grid_gap_20,
.ins-grid-gap-20 {
    grid-gap: 20px;
}

.ins-grid_gap_30,
.ins-grid-gap-30 {
    grid-gap: 30px;
}

.ins-grid_gap_50,
.ins-grid-gap-50 {
    grid-gap: 50px;
}

.ins-grid_gap_100,
.ins-grid-gap-100 {
    grid-gap: 50px;
}

.ins-grid_24 {
    grid-template-columns: repeat(12, 1fr);
}

.ins_col_1,
.ins-col-1,
.ins-fcol-1 {
    width: calc(var(--col12-item-width) * 1 - var(--flex-gap));
}

.ins_col_2,
.ins-col-2,
.ins-fcol-2 {
    width: calc(var(--col12-item-width) * 2 - var(--flex-gap));
}

.ins_col_3,
.ins-col-3,
.ins-fcol-3 {
    width: calc(var(--col12-item-width) * 3 - var(--flex-gap));
}

.ins_col_4,
.ins-col-4,
.ins-fcol-4 {
    width: calc(var(--col12-item-width) * 4 - var(--flex-gap));
}

.ins_col_5,
.ins-col-5,
.ins-fcol-5 {
    width: calc(var(--col12-item-width) * 5 - var(--flex-gap));
}

.ins_col_6,
.ins-col-6,
.ins-fcol-6 {
    width: calc(var(--col12-item-width) * 6 - var(--flex-gap));
}

.ins_col_7,
.ins-col-7,
.ins-fcol-7 {
    width: calc(var(--col12-item-width) * 7 - var(--flex-gap));
}

.ins_col_8,
.ins-col-8,
.ins-fcol-8 {
    width: calc(var(--col12-item-width) * 8 - var(--flex-gap));
}

.ins_col_9,
.ins-col-9,
.ins-fcol-9 {
    width: calc(var(--col12-item-width) * 9 - var(--flex-gap));
}

.ins_col_10,
.ins-col-10,
.ins-fcol-10 {
    width: calc(var(--col12-item-width) * 10 - var(--flex-gap));
}

.ins_col_11,
.ins-col-11,
.ins-fcol-11 {
    width: calc(var(--col12-item-width) * 11 - var(--flex-gap));
}

.ins_col_12,
.ins-col-12,
.ins-fcol-12 {
    /* width: calc(var(--col12-item-width) * 12 - var(--flex-gap));*/
    width: 100%
}

.ins-col-all {
    width: 100%
}

.ins_col_13,
.ins-col-13,
.ins-fcol-13 {
    width: calc(var(--col12-item-width) * 13 - var(--flex-gap));
}

.ins_col_14,
.ins-col-14,
.ins-fcol-14 {
    width: calc(var(--col12-item-width) * 14 - var(--flex-gap));
}

.ins_col_15,
.ins-col-15,
.ins-fcol-15 {
    width: calc(var(--col12-item-width) * 15 - var(--flex-gap));
}

.ins_col_16,
.ins-col-16,
.ins-fcol-16 {
    width: calc(var(--col12-item-width) * 16 - var(--flex-gap));
}

.ins_col_17,
.ins-col-17,
.ins-fcol-17 {
    width: calc(var(--col12-item-width) * 17- var(--flex-gap));
}

.ins_col_18,
.ins-col-18,
.ins-fcol-18 {
    width: calc(var(--col12-item-width) * 18 - var(--flex-gap));
}

.ins_col_19,
.ins-col-19,
.ins-fcol-19 {
    width: calc(var(--col12-item-width) * 19 - var(--flex-gap));
}

.ins_col_20,
.ins-col-20,
.ins-fcol-20 {
    width: calc(var(--col12-item-width) * 20 - var(--flex-gap));
}

.ins_col_21,
.ins-col-21,
.ins-fcol-21 {
    width: calc(var(--col12-item-width) * 21 - var(--flex-gap));
}

.ins_col_22,
.ins-col-22,
.ins-fcol-22 {
    width: calc(var(--col12-item-width) * 22 - var(--flex-gap));
}

.ins_col_23,
.ins-col-23,
.ins-fcol-23 {
    width: calc(var(--col12-item-width) * 23- var(--flex-gap));
}

.ins_col_24,
.ins-col-24,
.ins-fcol-24 {
    width: calc(var(--col12-item-width) * 24 - var(--flex-gap));
}

.ins-grid>[class*="ins_col_"],
.ins-grid>[class*="ins-col-"] {
    width: 100%;
}

.ins-grid>.ins_col_1,
.ins-grid>.ins-gcol-1,
.ins-col-end-1 {
    grid-column-end: span 1;
}

.ins-grid>.ins_col_2,
.ins-grid>.ins-col-2,
.ins-gcol-2,
.ins-col-end-2 {
    grid-column-end: span 2;
}

.ins-grid>.ins_col_3,
.ins-gcol-3,
.ins-col-3,
.ins-col-end-3 {
    grid-column-end: span 3;
}

.ins-grid>.ins-col-4,
.ins-gcol-4,
.ins_col_4,
.ins-col-end-4 {
    grid-column-end: span 4 !important;
}

.ins-grid>.ins-col-5,
.ins-gcol-5,
.ins-grid>.ins_col_5,
.ins-col-end-5 {
    grid-column-end: span 5;
}

.ins-grid>.ins-col-6,
.ins-gcol-6,
.ins-grid>.ins_col_6,
.ins-col-end-6 {
    grid-column-end: span 6;
}

.ins-grid>.ins-col-7,
.ins-gcol-7,
.ins-grid>.ins_col_7,
.ins-col-end-7 {
    grid-column-end: span 7;
}

.ins-grid>.ins-col-8,
.ins-gcol-8,
.ins-grid>.ins_col_8,
.ins-col-end-8,
.ins_table_cards .ins_card_col_8 {
    grid-column-end: span 8;
}

.ins-grid>.ins-col-9,
.ins-gcol-9,
.ins-grid>.ins_col_9,
.ins-col-end-9,
.ins_table_cards .ins_card_col_9 {
    grid-column-end: span 9;
}

.ins-grid>.ins-col-10,
.ins-gcol-10,
.ins-grid>.ins_col_10,
.ins-col-end-10,
.ins_table_cards .ins_card_col_10 {
    grid-column-end: span 10;
}

.ins-col-11,
.ins-gcol-11,
.ins_col_11,
.ins-col-end-11,
.ins_table_cards .ins_card_col_11 {
    grid-column-end: span 11;
}

.ins-grid>.ins-col-12,
.ins-gcol-12,
.ins-grid>.ins_col_12,
.ins-col-end-12,
.ins_table_cards .ins_card_col_12 {
    grid-column-end: span 12;
}

[class*="ins-flex"] {
    --col12-item-width: 8.333333333333333%;
}

[class*="ins-flex"].ins-24col {
    --col12-item-width: 4.1666665%;
}

[class*="ins-flex"]>[class*="ins_col_"]:not(.ins-tr.ins-grid >*),
[class*="ins-flex"]>[class*="ins-col-"]:not(.ins-tr.ins-grid >*),
[class*="ins-tr"]>[class*="ins-col-"]:not(.ins-tr.ins-grid >*) {
    /*  width: 100%;*/
    grid-column-end: unset;
}

.ins-tr.ins-grid {
    display: grid;
}

[class*="ins-fcol"] {
    max-width: 100%;
}

:root {
    --col12-item-width: 4.1666665%;
    --flex-gap: 1px;
}

[class*="ins-flex"]>.ins_col_1,
[class*="ins-flex"]>.ins-col-1,
.ins-fcol-1 {
    width: calc(var(--col12-item-width) * 1 - var(--flex-gap));
}

[class*="ins-flex"]>.ins_col_2,
[class*="ins-flex"]>.ins-col-2,
.ins-fcol-2 {
    width: calc(var(--col12-item-width) * 2 - var(--flex-gap));
}

[class*="ins-flex"]>.ins_col_3,
[class*="ins-flex"]>.ins-col-3,
.ins-fcol-3 {
    width: calc(var(--col12-item-width) * 3 - var(--flex-gap));
}

[class*="ins-flex"]>.ins_col_4,
[class*="ins-flex"]>.ins-col-4,
.ins-fcol-4 {
    width: calc(var(--col12-item-width) * 4 - var(--flex-gap));
}

[class*="ins-flex"]>.ins_col_5,
[class*="ins-flex"]>.ins-col-5,
.ins-fcol-5 {
    width: calc(var(--col12-item-width) * 5 - var(--flex-gap));
}

[class*="ins-flex"]>.ins_col_6,
[class*="ins-flex"]>.ins-col-6,
.ins-fcol-6 {
    width: calc(var(--col12-item-width) * 6 - var(--flex-gap));
}

[class*="ins-flex"]>.ins_col_7,
[class*="ins-flex"]>.ins-col-7,
.ins-fcol-7 {
    width: calc(var(--col12-item-width) * 7 - var(--flex-gap));
}

[class*="ins-flex"]>.ins_col_8,
[class*="ins-flex"]>.ins-col-8,
.ins-fcol-8 {
    width: calc(var(--col12-item-width) * 8 - var(--flex-gap));
}

[class*="ins-flex"]>.ins_col_9,
[class*="ins-flex"]>.ins-col-9,
.ins-fcol-9 {
    width: calc(var(--col12-item-width) * 9 - var(--flex-gap));
}

[class*="ins-flex"]>.ins_col_10,
[class*="ins-flex"]>.ins-col-10,
.ins-fcol-10 {
    width: calc(var(--col12-item-width) * 10 - var(--flex-gap));
}

[class*="ins-flex"]>.ins_col_11,
[class*="ins-flex"]>.ins-col-11,
.ins-fcol-11 {
    width: calc(var(--col12-item-width) * 11 - var(--flex-gap));
}

[class*="ins-flex"]>.ins_col_12,
[class*="ins-flex"]>.ins-col-12,
.ins-fcol-12 {
    width: calc(var(--col12-item-width) * 12);
}

[class*="ins-flex"]>.ins_col_13,
[class*="ins-flex"]>.ins-col-13,
.ins-fcol-13 {
    width: calc(var(--col12-item-width) * 13 - var(--flex-gap));
}

[class*="ins-flex"]>.ins_col_14,
[class*="ins-flex"]>.ins-col-14,
.ins-fcol-14 {
    width: calc(var(--col12-item-width) * 14 - var(--flex-gap));
}

[class*="ins-flex"]>.ins_col_15,
[class*="ins-flex"]>.ins-col-15,
.ins-fcol-15 {
    width: calc(var(--col12-item-width) * 15 - var(--flex-gap));
}

[class*="ins-flex"]>.ins_col_16,
[class*="ins-flex"]>.ins-col-16,
.ins-fcol-16 {
    width: calc(var(--col12-item-width) * 16 - var(--flex-gap));
}

[class*="ins-flex"]>.ins_col_17,
[class*="ins-flex"]>.ins-col-17,
.ins-fcol-17 {
    width: calc(var(--col12-item-width) * 17- var(--flex-gap));
}

[class*="ins-flex"]>.ins_col_18,
[class*="ins-flex"]>.ins-col-18,
.ins-fcol-18 {
    width: calc(var(--col12-item-width) * 18 - var(--flex-gap));
}

[class*="ins-flex"]>.ins_col_19,
[class*="ins-flex"]>.ins-col-19,
.ins-fcol-19 {
    width: calc(var(--col12-item-width) * 19 - var(--flex-gap));
}

[class*="ins-flex"]>.ins_col_20,
[class*="ins-flex"]>.ins-col-20,
.ins-fcol-20 {
    width: calc(var(--col12-item-width) * 20 - var(--flex-gap));
}

[class*="ins-flex"]>.ins_col_21,
[class*="ins-flex"]>.ins-col-21,
.ins-fcol-21 {
    width: calc(var(--col12-item-width) * 21 - var(--flex-gap));
}

[class*="ins-flex"]>.ins_col_22,
[class*="ins-flex"]>.ins-col-22,
.ins-fcol-22 {
    width: calc(var(--col12-item-width) * 22 - var(--flex-gap));
}

[class*="ins-flex"]>.ins_col_23,
[class*="ins-flex"]>.ins-col-23,
.ins-fcol-23 {
    width: calc(var(--col12-item-width) * 23- var(--flex-gap));
}

[class*="ins-flex"]>.ins_col_24,
[class*="ins-flex"]>.ins-col-24,
[class*="ins-flex"]>.ins-fcol-24 {
    width: calc(var(--col12-item-width) * 24 - var(--flex-gap));
}

.ins-row-1,
.ins-row-end-1 {
    grid-row-end: span 1;
}

.ins-row-2,
.ins-row-end-2 {
    grid-row-end: span 2;
}

.ins-row-3,
.ins-row-end-3 {
    grid-row-end: span 3;
}

.ins-row-4,
.ins-row-end-4 {
    grid-row-end: span 4;
}

.ins-row-5,
.ins-row-end-5 {
    grid-row-end: span 5;
}

.ins-row-6,
.ins-row-end-6 {
    grid-row-end: span 6;
}

.ins-row-7,
.ins-row-end-7 {
    grid-row-end: span 7;
}

.ins-row-8,
.ins-row-end-8,
.ins_table_cards .ins_card_row_8 {
    grid-row-end: span 8;
}

.ins-row-9,
.ins-row-end-9,
.ins_table_cards .ins_card_row_9 {
    grid-row-end: span 9;
}

.ins-row-10,
.ins-row-end-10,
.ins_table_cards .ins_card_row_10 {
    grid-row-end: span 10;
}

.ins-row-11,
.ins-row-end-11,
.ins_table_cards .ins_card_row_11 {
    grid-row-end: span 11;
}

.ins-row-12,
.ins-row-end-12,
.ins_table_cards .ins_card_row_12 {
    grid-row-end: span 12;
}

.ins-row-12,
.ins-row-end-12,
.ins_table_cards .ins_card_row_12 {
    grid-row-end: span 12;
}

.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-20,
.ins-gap-20 ul {
    column-gap: 20px !important;
    row-gap: 20px !important;
}

.ins-gap-30,
.ins-gap-30 ul {
    column-gap: 30px !important;
    row-gap: 30px !important;
}

.ins-gap-40,
.ins-gap-40 ul {
    column-gap: 40px !important;
    row-gap: 40px !important;
}

.ins-gap-60,
.ins-gap-60 ul {
    column-gap: 60px !important;
    row-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-bottom {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateYX(-50%);
}

.ins-object-bottom-left {
    position: absolute;
    bottom: 0;
    left: 0;
}

.ins-object-bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
}

.ins-object-top-left {
    position: absolute;
    top: 0;
    left: 0;
}

.ins-object-top-right {
    position: absolute!important;
    top: 0;
    right: 0;
}

.ins-object-parent {
    position: relative;
}

.ins-object-parent .ins-object-showable {
    opacity: 0;
    transition: 0.3s;
}

.ins-object-parent:hover .ins-object-showable {
    opacity: 1;
}

.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-items: flex-end;
    align-content: flex-end;
}

.ins-flex-item-grow-0 {
    flex-grow: 0;
}

.ins-flex-item-grow,
.ins-flex-item-grow-1 {
    flex-grow: 1;
}

.ins-flex-item-grow-2 {
    flex-grow: 2;
}

.ins-flex-item-grow-3 {
    flex-grow: 3;
}

.ins-flex-item-grow-4 {
    flex-grow: 4;
}

.ins-space-s {
    width: 100%;
    height: 10px;
}

.ins-space-m {
    width: 100%;
    height: 20px;
}

.ins-space-l {
    width: 100%;
    height: 40px;
}

.ins-space-xl {
    width: 100%;
    height: 60px;
}

.ins-space-xxl {
    width: 100%;
    height: 80px;
}

.ins-space-xxxl {
    width: 100%;
    height: 100px;
}

.ins-hspace-s {
    height: 100%;
    width: 10px;
}

.ins-hspace-m {
    height: 100%;
    width: 20px;
}

.ins-hspace-l {
    height: 100%;
    width: 40px;
}

.ins-hhspace-xl {
    height: 100%;
    width: 60px;
}

.ins-hspace-xxl {
    width: 100%;
    width: 80px;
}

.ins-hspace-xxxl {
    height: 100%;
    width: 100px;
}

.ins-space-top {
    margin-top: 20px;
}

.ins-space-top-10 {
    margin-top: 10px;
}

.ins-space-top-40 {
    margin-top: 40px;
}

.ins-space-top-60 {
    margin-top: 60px;
}

.ins-space-top-80 {
    margin-top: 80px;
}

.ins-space-top-100 {
    margin-top: 100px;
}

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

.ins-fixpanel-right {
    right: 0;
    transform: translateX(100%);
    left: auto;
}

.ins-fixpanel-right.ins-opened {
    transform: translateX(0);
}

.ins-fixpanel-left {
    transform: translateX(-100%);
}

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

.ins-loader {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.ins-loader i {
    color: var(--dark-text);
    font-size: 40px;
}


/** Radius */

.ins-radius-s {
    border-radius: var(--ins-radius-s) !important;
}

.ins-radius-m {
    border-radius: var(--ins-radius-s) !important;
}

.ins-radius-l {
    border-radius: var(--ins-radius-l) !important;
}

.ins-radius-xl {
    border-radius: var(--ins-radius-xl) !important;
}

.ins-radius-xxl {
    border-radius: var(--ins-radius-xxl) !important;
}

.ins-radius-xxl {
    border-radius: var(--ins-radius-xxl) !important;
}

.ins-radius-xxxl {
    border-radius: var(--ins-radius-xxxl) !important;
}

.ins-radius-o {
    border-radius: 0;
}

.ins-radius-top-o {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.ins-radius-bottom-o {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.ins-radius-left-o {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ins-radius-right-o {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ins-radius-top {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.ins-radius-bottom {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.ins-radius-left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ins-radius-right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.border-bottom-left-o {
    border-bottom-left-radius: 0;
}

.ins-radius-bottom-right-o {
    border-bottom-right-radius: 0;
}

.ins-radius-top-right-o {
    border-top-right-radius: 0;
}

.ins-radius-top-left-o {
    border-top-left-radius: 0;
}

.border-bottom-left {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.ins-radius-bottom-right {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.ins-radius-top-right {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
}

.ins-radius-top-left {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.ins-radius-top-right-x {
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
}

.ins-radius-top-left-x {
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
}


/** Radius-end */


/** Padding */

.ins-padding-s {
    padding: var(--position-s);
}

.ins-padding-m {
    padding: var(--position-m);
}

.ins-padding-l {
    padding: var(--position-l) !important;
}

.ins-padding-xl {
    padding: var(--position-xl);
}

.ins-padding-xxl {
    padding: var(--position-xxl);
}

.ins-padding-xxxl {
    padding: var(--position-xxxl);
}

.ins-padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.ins-padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.ins-padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
}

.ins-padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
}

.ins-padding-o {
    padding: 0 !important;
}

.ins-padding-h-o {
    padding-left: 0;
    padding-right: 0;
}

.ins-padding-v-o {
    padding-top: 0;
    padding-bottom: 0;
}

.ins-padding-h {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.ins-padding-v {
    padding-left: 0;
    padding-right: 0;
}

.ins-padding-bottom-o {
    padding-bottom: 0;
}

.ins-padding-right-o {
    padding-right: 0;
}

.ins-padding-top-o {
    padding-top: 0;
}

.ins-padding-left-o {
    padding-left: 0;
}


/** Padding-end */


/** margin-end */

.ins-margin-s {
    margin: var(--position-s) !important;
}

.ins-margin-m {
    margin: var(--position-m) !important;
}

.ins-margin-l {
    margin: var(--position-l) !important;
}

.ins-margin-xl {
    margin: var(--position-xl) !important;
}

.ins-margin-xxl {
    margin: var(--position-xxl) !important;
}

.ins-margin-xxxl {
    margin: var(--position-xxxl) !important;
}

.ins-margin-o {
    margin: 0 !important;
}

.ins-margin-h-o {
    margin-left: 0;
    margin-right: 0;
}

.ins-margin-v-o {
    margin-top: 0;
    margin-bottom: 0;
}

.ins-margin-top {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.ins-margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

.ins-margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
}

.ins-margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
}

.ins-margin-h {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.ins-margin-v {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.ins-margin-bottom-o {
    margin-bottom: 0;
}

.ins-margin-right-o {
    margin-right: 0;
}

.ins-margin-top-o {
    margin-top: 0;
}

.ins-margin-left-o {
    margin-left: 0;
}


/**ins-margin-end */


/**ins-border */

:root {
    --position-s: 4px;
    --position-m: 8px;
    --position-l: 12px;
    --position-xl: 16px;
    --position-xxl: 32px;
    --position-xxxl: 64px;
}

.ins-border-s {
    border-width: 1px;
}

.ins-border-m {
    border-width: 2px;
}

.ins-border-l {
    border-width: 3px;
}

.ins-border-xl {
    border-width: 6px;
}

.ins-border-xxl {
    border-width: 12px;
}

.ins-border-xxxl {
    border-width: 24px;
}

.ins-border-o {
    border-width: 0;
}

.ins-border-top-o {
    border-top-width: 0;
}

.ins-border-right-o {
    border-right-width: 0;
}

.ins-border-left-o {
    border-left-width: 0;
}

.ins-border-bottom-o {
    border-right-width: 0;
}

.ins-border-h-o {
    border-left-width: 0;
    border-right-width: 0;
}

.ins-border-v-o {
    border-top-width: 0;
    border-bottom-width: 0;
}

.ins-border-top {
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
}

.ins-border-bottom {
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
}

.ins-border-left {
    border-top-width: 0;
    border-bottom-width: 0;
    border-right-width: 0;
}

.ins-border-right {
    border-top-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
}

.ins-border-h {
    border-top-width: 0;
    border-bottom-width: 0;
}

.ins-border-v {
    border-left-width: 0;
    border-right-width: 0;
}


/**ins-border-end */


/**ins-font-end */

.ins-font-s {
    font-size: 6px !important;
}

.ins-font-m {
    font-size: 12px !important;
}

.ins-font-l {
    font-size: 24px !important;
}

.ins-font-xl {
    font-size: 32px !important;
}

.ins-font-xxl {
    font-size: 40px !important;
}

.ins-font-xxxl {
    font-size: 64px !important;
}


/**ins-font-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,
.ins-view-mode .ins-th {
    display: none;
}

.ins-view-mode .ins-view-mode-td {
    display: inline-block;
    width: 100%;
    overflow: hidden;
}

.ins-view-mode .ins-tr {
    transition: 0.3s;
    overflow: hidden;
    width: 100%;
}

.ins-view-mode .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;
}

.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-view-mode .ins-active {
    margin-right: -30px;
}