/* Inyxa Reset Css Start Here */
* {
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    font-size: 75%;
}

body {
    font-family: "Roboto", sans-serif;
    overflow-x: hidden;
    font-size: 16px;
    background-color: #f9f9f9;
    color: #4e4e4e;
}

@media all and (max-width: 767px) {
    body {
        overflow-x: hidden;
    }
}

img {
    max-width: 100%;
}

a {
    text-decoration: none;
    color: #3792cb;
}

ul,
li {
    list-style: none;
}

fieldset {
    border: none;
}

.card_bg {
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    border-radius: 0.5rem;
    background: #ffffff;
    position: relative;
    padding: 0;
}

.heading_sec {
    position: relative;
}

    .heading_sec h2 {
        color: #3792cb;
        font-size: 1.3rem;
        padding: 0px 1rem 10px 1rem;
        font-weight: 500;
    }

    .heading_sec h3 {
        color: #4e4e4e;
        font-size: 1.1rem;
        padding-bottom: 10px;
        font-weight: 500;
    }

/* Inyxa Reset Css End Here */
/* Inyxa Header Start Here */
.inx_header_sticky {
    width: 100%;
    background: #ffffff;
    position: fixed;
    top: 0;
    z-index: 9999;
}

.header {
    background-color: #ffffff;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    align-items: center;
    padding-left: 10px;
    font-size: 1.5rem;
}

@media all and (max-width: 767px) {
    .header {
        height: 9vh;
        display: grid;
        grid-template-columns: auto auto;
        grid-auto-flow: column;
        grid-auto-columns: auto;
    }
}

.logo_restpart {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 5px;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media all and (max-width: 767px) {
    .logo_restpart {
        display: grid;
        grid-template-columns: auto auto;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-gap: 0px;
    }
}

.first_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    background-color: #3792cb;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .first_menu.active nav {
        left: 0%;
    }

    .first_menu nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        width: 100%;
    }

@media all and (max-width: 767px) {
    .first_menu nav {
        position: absolute;
        z-index: 1001;
        right: 0px;
        height: 91vh;
        top: 9vh;
        -webkit-box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.3882352941);
        box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.3882352941);
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        width: 60%;
        left: -100%;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        background-color: #3792cb;
    }
}

.first_menu nav ul.main_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    position: relative;
}

@media all and (max-width: 767px) {
    .first_menu nav ul.main_menu {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.first_menu nav ul.main_menu li {
    font-size: 1.2rem;
    font-weight: 600;
    height: 100%;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    position: relative;
}

@media all and (max-width: 767px) {
    .first_menu nav ul.main_menu li {
        height: auto;
        width: 100%;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
}

.first_menu nav ul.main_menu li ul {
    display: none;
}

.first_menu nav ul.main_menu li:hover > ul {
    display: block;
}

.first_menu nav ul.main_menu li ul.show {
    display: none;
}

@media all and (max-width: 767px) {
    .first_menu nav ul.main_menu li ul.show {
        display: block;
    }
}

.first_menu nav ul.main_menu li:hover > ul ul {
    top: -1px;
    left: 100%;
    border-left: 4px solid #0264a1;
}

@media all and (max-width: 767px) {
    .first_menu nav ul.main_menu li:hover > ul ul {
        top: 100%;
        left: 10px;
        border-left: none;
    }
}

.first_menu nav ul.main_menu li:hover > ul {
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: 999999;
    background-color: #3792cb;
    min-width: 200px;
    width: 100%;
}

@media all and (max-width: 767px) {
    .first_menu nav ul.main_menu li:hover > ul {
        top: 100%;
        left: 10px;
    }
}

.first_menu nav ul.main_menu li:hover > ul li {
    border-top: 1px solid #ffffff;
}

.first_menu nav ul.main_menu a {
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0.9rem;
}

    .first_menu nav ul.main_menu a:hover {
        background-color: rgba(22, 94, 139, 0.69);
    }

.first_menu nav ul.main_menu .active {
    background-color: rgba(22, 94, 139, 0.69);
}

ul.right_menu_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 10px;
}

@media all and (max-width: 767px) {
    ul.right_menu_icon {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        padding-right: 35px;
    }
}

ul.right_menu_icon > li {
    font-size: 1rem;
    font-weight: 600;
    padding: 5px;
    color: #3792cb;
}

    ul.right_menu_icon > li > a {
        color: #3792cb;
    }

        ul.right_menu_icon > li > a :hover {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }

.inx_msg_box {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 5px;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    padding: 0 5px;
    font-weight: 600;
    height: 100%;
    position: relative;
    color: #ffffff;
    background: #4e4e4e;
}

    .inx_msg_box > .msg_btn {
        visibility: hidden;
        cursor: pointer;
    }

    .inx_msg_box > .msg_box {
        width: 250px;
        max-height: 3vh;
        overflow: hidden;
    }

@media all and (max-width: 767px) {
    .inx_msg_box {
        width: 120px;
    }
}

.msg_outer {
    display: none;
    height: 40px;
    position: absolute;
    left: 50%;
    z-index: 9999999;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    top: 40px;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

    .msg_outer.show {
        display: block;
        -webkit-animation: fadein 0.5s, fadeout 0.5s 3.5s;
        animation: fadein 0.5s, fadeout 0.5s 3.5s;
    }

@-webkit-keyframes fadein {
    from {
        top: 0;
        opacity: 0;
    }

    to {
        top: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        top: 0;
        opacity: 0;
    }

    to {
        top: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        top: 30px;
        opacity: 1;
    }

    to {
        top: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        top: 30px;
        opacity: 1;
    }

    to {
        top: 0;
        opacity: 0;
    }
}

.infmsg {
    background: #4e4e4e;
}

.ermsg {
    background: #ff0000;
}

.sucsmsg {
    background: #198754;
}

.inx_msg_box:hover .msg_btn {
    visibility: visible;
}

.burger {
    display: none;
    position: absolute;
    right: 2%;
    /* @include responsive(tablet) {
    display: block;
  }
  @include responsive(laptop) {
    display: block;
  }*/
}

@media all and (max-width: 767px) {
    .burger {
        display: block;
    }
}

.burger div {
    width: 25px;
    height: 3px;
    margin: 5px;
    background-color: #3792cb;
    cursor: pointer;
}

.inx_global_tbl {
    position: absolute;
    z-index: 999999;
    background: #ffffff;
    width: 100%;
    overflow: auto;
    max-height: 50vh;
    font-size: 1.2rem;
    -webkit-box-shadow: 0px 5px 37px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 37px 3px rgba(0, 0, 0, 0.2);
}

    .inx_global_tbl h2 {
        padding: 5px;
        font-size: 1.4rem;
        background-color: #3792cb;
        color: #ffffff;
    }

    .inx_global_tbl table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        border: 1px solid #dddddd;
        border-radius: 0px 0px 0.5rem 0.5rem;
    }

    .inx_global_tbl th {
        background-color: #ebf7ff;
    }

    .inx_global_tbl th, .inx_global_tbl td {
        text-align: left;
        padding: 8px;
        border: 1px solid #dddddd;
    }

    .inx_global_tbl .inxnxt_tbl {
        margin: 0px;
    }

ul.inx_list_ui {
    margin-left: 20px;
}

    ul.inx_list_ui > li {
        padding: 0.5rem 0px;
        list-style: disc;
    }

        ul.inx_list_ui > li > span {
            display: block;
            font-weight: 600;
        }

/* Inyxa Header End Here */
/* Inyxa Table Global Layout Start Here */
.inx_tbl_cmn {
    background: #ffffff;
    width: 100%;
    overflow: auto;
    font-size: 1rem;
}

    .inx_tbl_cmn h2 {
        padding: 5px;
        font-size: 1.4rem;
        background-color: #3792cb;
        color: #ffffff;
    }

    .inx_tbl_cmn table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        border: 1px solid #dddddd;
    }

    .inx_tbl_cmn th {
        background-color: #ebf7ff;
    }

    .inx_tbl_cmn th, .inx_tbl_cmn td {
        text-align: left;
        padding: 8px;
        border: 1px solid #dddddd;
    }

/* Inyxa Table Global Layout End Here */
/* Inyxa Primary Tabs Start Here */
.primary_tabs {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    padding: 0.2rem;
}

ul.primary_tab {
    background: #ffffff;
    position: relative;
    padding: 1rem;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    border-radius: 0.5rem 0.5rem 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    padding-bottom: 5px;
    padding-left: 0px;
    border-bottom: 1px solid #3792cb;
}

    ul.primary_tab li {
        margin: 0px 2px;
    }

        ul.primary_tab li a {
            padding: 0.4rem 1rem;
            color: #3792cb;
            border: 1px solid #3792cb;
            position: relative;
            font-size: 1.2rem;
            font-weight: 400;
            -webkit-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
            cursor: pointer;
            border-radius: 5px;
        }

            ul.primary_tab li a span {
                padding-left: 10px;
            }

            ul.primary_tab li a:hover {
                background-color: #3792cb;
                color: #ffffff;
                -webkit-box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.3882352941);
                box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.3882352941);
            }

            ul.primary_tab li a.dockTabSelected {
                background-color: #3792cb;
                color: #ffffff;
                -webkit-box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.3882352941);
                box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.3882352941);
            }

    ul.primary_tab > li.dockTabSelected > a {
        background-color: #3792cb;
        color: #ffffff;
        -webkit-box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.3882352941);
        box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.3882352941);
        border-radius: 5px;
    }

.primarytab_content {
    background: #ffffff;
    position: relative;
    padding: 1rem;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    border-radius: 0px 0px 0.5rem 0.5rem;
    padding: 0px 1rem;
}

.disabled_tab {
    opacity: 0.65;
    cursor: not-allowed;
    pointer-events: none;
}

    .disabled_tab:hover {
        background: none;
        color: #3792cb;
    }

/* Inyxa Primary Tabs End Here */
/* Inyxa Input select textarea Dnd Start Here */
.select_search {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.5rem 1rem;
}

@media all and (max-width: 767px) {
    .select_search {
        grid-template-columns: auto auto 1fr;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.select_name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

    .select_name a {
        color: #3792cb;
    }

input.input_grp {
    width: 100%;
    border: 1px solid #dddddd;
    border-radius: 0.5rem;
    padding: 0.5rem;
    color: #3792cb;
    outline: none;
}

    input.input_grp:focus {
        border-color: #3792cb;
        outline: none;
        offset: none;
    }

    input.input_grp::-webkit-input-placeholder {
        color: #3792cb;
    }

    input.input_grp::-moz-placeholder {
        color: #3792cb;
    }

    input.input_grp:-ms-input-placeholder {
        color: #3792cb;
    }

    input.input_grp::-ms-input-placeholder {
        color: #3792cb;
    }

    input.input_grp::placeholder {
        color: #3792cb;
    }

    input.input_grp:disabled {
        cursor: not-allowed;
        background-color: #f9f9f9;
        color: #4e4e4e;
    }

        input.input_grp:disabled:hover {
            background-color: #f9f9f9;
            color: #4e4e4e;
        }

input.input_grp_head {
    border: 1px solid #94d5fd;
    width: 450px;
}

@media all and (max-width: 1024px) {
    input.input_grp_head {
        width: 300px;
    }
}

@media all and (max-width: 767px) {
    input.input_grp_head {
        width: 100%;
    }
}

.dnd_grp {
    width: 100%;
    display: grid;
    grid-template-columns: auto;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #dddddd;
    border-radius: 0.5rem;
    padding: 0.5rem;
    color: #3792cb;
    outline: none;
}

    .dnd_grp:focus {
        border-color: #3792cb;
        outline: none;
        offset: none;
    }

    .dnd_grp::-webkit-input-placeholder {
        color: #3792cb;
    }

    .dnd_grp::-moz-placeholder {
        color: #3792cb;
    }

    .dnd_grp:-ms-input-placeholder {
        color: #3792cb;
    }

    .dnd_grp::-ms-input-placeholder {
        color: #3792cb;
    }

    .dnd_grp::placeholder {
        color: #3792cb;
    }

textarea.input_grp {
    width: 100%;
    border: 1px solid #dddddd;
    border-radius: 0.5rem;
    padding: 0.5rem;
    color: #3792cb;
    resize: none;
    outline: none;
}

    textarea.input_grp:focus {
        border-color: #3792cb;
        outline: none;
        offset: none;
    }

    textarea.input_grp::-webkit-input-placeholder {
        color: #3792cb;
    }

    textarea.input_grp::-moz-placeholder {
        color: #3792cb;
    }

    textarea.input_grp:-ms-input-placeholder {
        color: #3792cb;
    }

    textarea.input_grp::-ms-input-placeholder {
        color: #3792cb;
    }

    textarea.input_grp::placeholder {
        color: #3792cb;
    }

select.csel_grp {
    width: 100%;
    border: 1px solid #dddddd;
    border-radius: 0.5rem;
    padding: 0.5rem;
    color: #3792cb;
    outline: none;
}

    select.csel_grp:focus {
        border-color: #3792cb;
        outline: none;
        offset: none;
    }

    select.csel_grp::-webkit-input-placeholder {
        color: #3792cb;
    }

    select.csel_grp::-moz-placeholder {
        color: #3792cb;
    }

    select.csel_grp:-ms-input-placeholder {
        color: #3792cb;
    }

    select.csel_grp::-ms-input-placeholder {
        color: #3792cb;
    }

    select.csel_grp::placeholder {
        color: #3792cb;
    }

    select.csel_grp:disabled {
        cursor: not-allowed;
        background-color: #f9f9f9;
        color: #4e4e4e;
    }

        select.csel_grp:disabled:hover {
            background-color: #f9f9f9;
            color: #4e4e4e;
        }

.mva_grp {
    position: relative;
    border: 1px solid #dddddd;
    border-radius: 0.5rem;
    padding: 0.5rem;
    color: #3792cb;
    min-height: 70px;
}

.doc_search {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media all and (max-width: 767px) {
    .doc_search {
        grid-auto-flow: row;
        grid-auto-columns: auto;
        grid-template-columns: 1fr;
    }
}

/* Inyxa Input select textarea Dnd End Here */
/* Inyxa Primary button Start Here */
.btn_grp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
}

.btn_grpEnd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    padding-top: 7px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.primary_btn {
    border: 1px solid #3792cb;
    color: #3792cb;
    text-align: center;
    cursor: pointer;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-size: 1rem;
    line-height: 1rem;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    outline: none;
}

    .primary_btn:hover {
        background-color: #3792cb;
        color: #ffffff;
    }

.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    background-color: #f9f9f9;
    color: #4e4e4e;
    border-color: #4e4e4e;
}

    .disabled:hover {
        background-color: #f9f9f9;
        color: #4e4e4e;
    }

/* Inyxa Primary button End Here */
.btn_grp_dev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.inx_btn {
    text-decoration: none;
    background: #3792cb;
    color: #ffffff;
    padding: 1rem 1.5rem;
    display: inline-block;
    margin-left: 0.5em;
}

.dev_cont_btn {
    text-decoration: none;
    background: transparent;
    border: 1px solid #dddddd;
    color: #4e4e4e;
    padding: 1rem 1.5rem;
    display: inline-block;
    margin-right: 0.5em;
    opacity: 0.6;
}

    .dev_cont_btn:last-child {
        margin-right: 0;
    }

    .dev_cont_btn:hover {
        opacity: 1;
        color: #3792cb;
        border-color: #3792cb;
    }

.controls_outer {
    position: absolute;
    top: -33px;
    left: 0px;
    display: none;
}

    .controls_outer .dev_controls {
        display: grid;
        grid-template-columns: -webkit-max-content;
        grid-template-columns: max-content;
        grid-auto-flow: column;
        grid-auto-columns: -webkit-max-content;
        grid-auto-columns: max-content;
    }

        .controls_outer .dev_controls > a {
            background-color: #e6e9ec;
            border: 1px solid #dddddd;
            border-bottom-color: transparent;
            color: #4e4e4e;
            padding: 0.5rem;
            cursor: pointer;
            text-decoration: none;
            opacity: 0.5;
        }

            .controls_outer .dev_controls > a:not(:last-child) {
                border-right: none;
            }

            .controls_outer .dev_controls > a:hover {
                opacity: 1;
            }

/* Inyxa Secendary Tabs Start Here */
.secondary_tabs {
    display: grid;
    grid-template-columns: auto;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-auto-flow: row;
    grid-auto-columns: auto;
}

    .secondary_tabs ul.secondary_tab {
        border-bottom: 1px solid #dddddd;
        margin-bottom: 0.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }

        .secondary_tabs ul.secondary_tab li {
            padding: 0.4rem 1rem;
            margin: 0px 2px;
            cursor: pointer;
            border-bottom: 2px solid transparent;
            font-size: 1rem;
            font-weight: 600;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

            .secondary_tabs ul.secondary_tab li:hover {
                border-bottom-color: #3792cb;
                color: #3792cb;
                background-color: #f9f9f9;
            }

            .secondary_tabs ul.secondary_tab li.active {
                border-bottom-color: #3792cb;
                color: #3792cb;
                background-color: #f9f9f9;
            }

.tabs_content {
    display: none;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    min-height: 10vh;
}

    .tabs_content.active {
        display: block;
    }

/* Inyxa Secendary Tabs End Here */
/* Inyxa My Ticket Start Here */
.ticket_open {
    display: grid;
    grid-template-columns: 130px 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

@media all and (max-width: 767px) {
    .ticket_open {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.docticket {
    display: grid;
    grid-template-columns: 0.3fr 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

@media all and (max-width: 1280px) {
    .docticket {
        display: grid;
        grid-template-columns: 0.3fr auto;
        grid-auto-flow: column;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 1024px) {
    .docticket {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 767px) {
    .docticket {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 767px) {
    .treeview {
        width: 325px;
    }
}

.ticket_filter {
    position: relative;
    display: grid;
    grid-template-columns: auto;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 5px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
}

    .ticket_filter li {
        margin-bottom: 5px;
    }

        .ticket_filter li h3 {
            color: #3792cb;
            font-size: 1.5rem;
            font-weight: 600;
            margin: 1rem 0px 0.5rem 0px;
            position: relative;
        }

            .ticket_filter li h3::after {
                content: "";
                position: absolute;
                width: 100%;
                border-bottom: 1px solid #3792cb;
                bottom: 0px;
                left: 0px;
            }

.ticket_open_grd {
    display: grid;
    grid-template-columns: 1fr 0.4fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

@media all and (max-width: 1280px) {
    .ticket_open_grd {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 1024px) {
    .ticket_open_grd {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 767px) {
    .ticket_open_grd {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.ticket_data {
    position: relative;
}

.my_ticket_table {
    position: relative;
    padding: 20px 0px;
    height: 80vh;
}

.my_subticket_table {
    position: relative;
    padding: 20px 0px;
    height: 30vh;
}

.btn_grp_lt {
    position: relative;
    display: grid;
    grid-template-columns: auto;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 5px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

@media all and (max-width: 767px) {
    .btn_grp_lt {
        display: grid;
        grid-template-columns: auto auto;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.ticket_comment {
    position: relative;
    height: 100%;
}

.comment_heading {
    display: grid;
    grid-template-columns: auto;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: minmax(-webkit-min-content, -webkit-max-content);
    grid-auto-columns: minmax(min-content, max-content);
}

.folder_box {
    display: grid;
    grid-template-columns: auto auto;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.chk_outer {
    position: relative;
    display: grid;
    grid-template-columns: auto;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 0px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

@media all and (max-width: 767px) {
    .chk_outer {
        display: grid;
        grid-template-columns: auto auto auto;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-gap: 20px;
        grid-auto-flow: column;
        grid-auto-columns: auto;
    }
}

.cchk_box {
    position: relative;
    display: grid;
    grid-template-columns: auto 20px;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 5px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

/* Inyxa My Ticket End Here */
/* Inyxa TimeSheet Start Here */
.time_sheet {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

@media all and (max-width: 767px) {
    .time_sheet {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
    }
}

.time_sheet .timesheet_data {
    position: relative;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    border-radius: 0px 0px 0.5rem 0.5rem;
    overflow-x: hidden;
}

    .time_sheet .timesheet_data .my_time_table {
        position: relative;
        overflow-x: scroll;
    }

        .time_sheet .timesheet_data .my_time_table table {
            width: 100%;
            display: grid;
            grid-template-columns: repeat(3, auto);
            grid-auto-flow: column;
            grid-auto-columns: auto;
            grid-auto-rows: auto;
            border-collapse: collapse;
            border: 1px solid #dddddd;
        }

            .time_sheet .timesheet_data .my_time_table table thead,
            .time_sheet .timesheet_data .my_time_table table tbody,
            .time_sheet .timesheet_data .my_time_table table tr {
                display: contents;
                text-align: left;
                border-width: 0;
            }

                .time_sheet .timesheet_data .my_time_table table thead th,
                .time_sheet .timesheet_data .my_time_table table tbody th,
                .time_sheet .timesheet_data .my_time_table table tr th {
                    padding: 10px;
                    background: #3792cb;
                    border-color: #ffffff;
                    color: #ffffff;
                    font-weight: 400;
                }

            .time_sheet .timesheet_data .my_time_table table th,
            .time_sheet .timesheet_data .my_time_table table td {
                padding: 5px;
                font-size: 1rem;
                border: 1px solid #dddddd;
            }

            .time_sheet .timesheet_data .my_time_table table tr:nth-child(odd) td {
                background: rgba(55, 146, 203, 0.09);
            }

.time_sheet .ticket_comment {
    position: relative;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    border-radius: 0px 0px 0.5rem 0.5rem;
    height: 100%;
}

/* Inyxa TimeSheet End Here */
/* Inyxa New Tickets Start Here */
.cpnl_container {
    display: grid;
    grid-template-columns: 100px 1fr 100px 1fr 100px 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0;
    font-size: 1.2rem;
    grid-auto-columns: minmax(auto, 0.5fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media all and (max-width: 767px) {
    .cpnl_container {
        grid-auto-flow: row;
        grid-auto-columns: auto;
        grid-template-columns: 1fr;
    }
}

.cpnl_cmnt_cont {
    display: grid;
    grid-template-columns: 100px 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0;
    font-size: 1.2rem;
}

@media all and (max-width: 767px) {
    .cpnl_cmnt_cont {
        grid-auto-flow: row;
        grid-auto-columns: auto;
        grid-template-columns: 1fr;
    }
}

/* Inyxa New Tickets End Here */
/* Inyxa Edit Ticket Start Here */
.cms_NewTicketUpdateForm_res {
    display: grid;
    grid-template-columns: 1fr 0.5fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0;
}

@media all and (max-width: 1280px) {
    .cms_NewTicketUpdateForm_res {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 1024px) {
    .cms_NewTicketUpdateForm_res {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 767px) {
    .cms_NewTicketUpdateForm_res {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.cpnl_req_container {
    display: grid;
    grid-template-columns: 100px 1fr 100px 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0;
    grid-auto-columns: minmax(auto, 0.5fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media all and (max-width: 767px) {
    .cpnl_req_container {
        grid-auto-flow: row;
        grid-auto-columns: auto;
        grid-template-columns: 1fr;
    }
}

.edit_sub_tkt {
    height: 36vh;
    position: relative;
}

@media all and (max-width: 1280px) {
    .edit_sub_tkt {
        height: 42vh;
    }
}

.edit_form_lt {
    position: relative;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

@media all and (max-width: 1024px) {
    .edit_form_lt {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media all and (max-width: 767px) {
    .edit_form_lt {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

.edit_form_rt {
    position: relative;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

@media all and (max-width: 1024px) {
    .edit_form_rt {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
}

@media all and (max-width: 767px) {
    .edit_form_rt {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
}

.acd_btn {
    position: relative;
    font-weight: bold;
    cursor: pointer;
}

@media all and (max-width: 1024px) {
    .acd_btn {
        display: block;
    }
}

@media all and (max-width: 767px) {
    .acd_btn {
        display: block;
    }
}

.acd_btn::after {
    position: absolute;
    font-family: FontAwesome;
    content: "\f107";
    color: #3792cb;
    font-size: 2rem;
    right: 0px;
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.acd_btn.active::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.acd_heading {
    display: none;
}

@media all and (max-width: 1024px) {
    .acd_heading {
        display: block;
        -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
        background: #ffffff;
        position: relative;
        padding: 1rem;
        border-radius: 0.5rem 0.5rem 0px 0px;
        border-bottom: 1px solid #dddddd;
    }
}

@media all and (max-width: 767px) {
    .acd_heading {
        display: block;
        -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
        background: #ffffff;
        position: relative;
        padding: 1rem;
        border-radius: 0.5rem 0.5rem 0px 0px;
        border-bottom: 1px solid #dddddd;
    }
}

@media all and (max-width: 1024px) {
    .acd_pnl {
        border-radius: 0px 0px 0.5rem 0.5rem;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        display: none;
    }
}

@media all and (max-width: 767px) {
    .acd_pnl {
        border-radius: 0px 0px 0.5rem 0.5rem;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        display: none;
    }
}

.pnl_open {
    display: block;
}

/* Inyxa Edit Ticket End Here */
/* Inyxa User TimeSheet Start Here */
.userTimeSheet_res {
    display: grid;
    grid-template-columns: 0.5fr 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0;
}

@media all and (max-width: 1024px) {
    .userTimeSheet_res {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 767px) {
    .userTimeSheet_res {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.calender_container {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    position: relative;
    margin-bottom: 20px;
}

@media all and (max-width: 767px) {
    .calender_container {
        display: grid;
        grid-template-columns: auto;
        grid-auto-flow: column;
        grid-auto-columns: auto;
    }
}

.timetable_res {
    width: 100%;
    overflow: auto;
    position: absolute;
}

.time_calc {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media all and (max-width: 767px) {
    .time_calc {
        grid-template-columns: auto;
    }
}

.t_hour {
    min-width: 150px;
}

.t_instruc {
    position: absolute;
    top: 40%;
    z-index: 9999;
    left: 0px;
    right: 0px;
    text-align: center;
    font-size: 5rem;
}

/* Inyxa User TimeSheet End Here */
/* Inyxa CMS admin start Here */
.cms_admin_res {
    display: grid;
    grid-template-columns: 0.3fr 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0;
}

@media all and (max-width: 1024px) {
    .cms_admin_res {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 767px) {
    .cms_admin_res {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.cms_customerSetup {
    position: relative;
    background: #ffffff;
}

/* Inyxa CMS admin End Here */
/* Inyxa User Master Start Here */
.usermaster_res {
    display: grid;
    grid-template-columns: 1fr 0.2fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0;
}

@media all and (max-width: 1024px) {
    .usermaster_res {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 767px) {
    .usermaster_res {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

/* Inyxa User Master End Here */
/* Inyxa global admin Start Here */
.global_admin_res {
    display: grid;
    grid-template-columns: 0.3fr 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0;
}

@media all and (max-width: 1024px) {
    .global_admin_res {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 767px) {
    .global_admin_res {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

/* Inyxa global admin End Here */
/* Inyxa Modal Popup Start Here */
.modal_popup_bg {
    position: fixed;
    z-index: 99;
    padding-top: 10vh;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.modal_centre {
    position: relative;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

    .modal_centre.show {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal_popup_content {
    position: relative;
    background-color: #ffffff;
    margin: 0 auto;
    width: calc(100vw - 10%);
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    border-radius: 0.5rem;
}

    .modal_popup_content .ui-dialog .ui-resizable-se {
        width: 12px;
        height: 12px;
        right: -5px;
        bottom: -5px;
        background-position: 16px 16px;
    }

    .modal_popup_content .ui-resizable {
        position: relative;
    }

    .modal_popup_content .ui-resizable-handle {
        position: absolute;
        font-size: 0.1px;
        display: block;
        -ms-touch-action: none;
        touch-action: none;
    }

    .modal_popup_content .ui-resizable-disabled .ui-resizable-handle,
    .modal_popup_content .ui-resizable-autohide .ui-resizable-handle {
        display: none;
    }

    .modal_popup_content .ui-resizable-s {
        cursor: s-resize;
        height: 7px;
        width: 100%;
        bottom: -5px;
        left: 0;
    }

    .modal_popup_content .ui-resizable-e {
        cursor: e-resize;
        width: 7px;
        right: -5px;
        top: 0;
        height: 100%;
    }

    .modal_popup_content .ui-resizable-se {
        cursor: se-resize;
        width: 12px;
        height: 12px;
        right: 1px;
        bottom: 1px;
    }

    .modal_popup_content .ui-icon,
    .modal_popup_content .ui-widget-content .ui-icon {
        background-image: url("/img/ui-icons_222222_256x240.png");
    }

    .modal_popup_content .ui-icon-gripsmall-diagonal-se {
        background-position: -64px -224px;
    }

    .modal_popup_content .ui-icon {
        width: 16px;
        height: 16px;
    }

@media all and (max-width: 1024px) {
    .modal_popup_content {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@media all and (max-width: 767px) {
    .modal_popup_content {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

.modal_popup_content .win_title {
    background-color: #3792cb;
    color: #ffffff;
    border-radius: 0.5rem 0.5rem 0 0;
    padding: 0.5rem 1rem;
    position: relative;
    cursor: move;
}

.modal_popup_content .win_titleCross {
    position: absolute;
    top: 7px;
    right: 10px;
    cursor: pointer;
}

.modal_popup_content .win_main {
    padding: 1rem;
}

.modal_popup_small {
    position: relative;
    background-color: #ffffff;
    margin: 0 auto;
    width: 700px;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    border-radius: 0.5rem;
}

    .modal_popup_small .ui-dialog .ui-resizable-se {
        width: 12px;
        height: 12px;
        right: -5px;
        bottom: -5px;
        background-position: 16px 16px;
    }

    .modal_popup_small .ui-resizable {
        position: relative;
    }

    .modal_popup_small .ui-resizable-handle {
        position: absolute;
        font-size: 0.1px;
        display: block;
        -ms-touch-action: none;
        touch-action: none;
    }

    .modal_popup_small .ui-resizable-disabled .ui-resizable-handle,
    .modal_popup_small .ui-resizable-autohide .ui-resizable-handle {
        display: none;
    }

    .modal_popup_small .ui-resizable-s {
        cursor: s-resize;
        height: 7px;
        width: 100%;
        bottom: -5px;
        left: 0;
    }

    .modal_popup_small .ui-resizable-e {
        cursor: e-resize;
        width: 7px;
        right: -5px;
        top: 0;
        height: 100%;
    }

    .modal_popup_small .ui-resizable-se {
        cursor: se-resize;
        width: 12px;
        height: 12px;
        right: 1px;
        bottom: 1px;
    }

    .modal_popup_small .ui-icon,
    .modal_popup_small .ui-widget-content .ui-icon {
        background-image: url("/img/ui-icons_222222_256x240.png");
    }

    .modal_popup_small .ui-icon-gripsmall-diagonal-se {
        background-position: -64px -224px;
    }

    .modal_popup_small .ui-icon {
        width: 16px !important;
        height: 16px !important;
    }

@media all and (max-width: 1280px) {
    .modal_popup_small {
        width: calc(100vw - 35%);
    }
}

@media all and (max-width: 1024px) {
    .modal_popup_small {
        width: calc(100vw - 35%);
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@media all and (max-width: 767px) {
    .modal_popup_small {
        width: calc(100vw - 10%);
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

.modal_popup_small .win_title {
    background-color: #3792cb;
    color: #ffffff;
    border-radius: 0.5rem 0.5rem 0 0;
    padding: 0.5rem 1rem;
    position: relative;
    cursor: move;
}

.modal_popup_small .win_titleCross {
    position: absolute;
    top: 7px;
    right: 10px;
    cursor: pointer;
}

.modal_popup_small .win_main {
    padding: 1rem;
}

.modal_popup_project {
    position: relative;
    background-color: #ffffff;
    margin: 0 auto;
    width: calc(100vw - 60%);
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    border-radius: 0.5rem;
}

    .modal_popup_project .ui-dialog .ui-resizable-se {
        width: 12px;
        height: 12px;
        right: -5px;
        bottom: -5px;
        background-position: 16px 16px;
    }

    .modal_popup_project .ui-resizable {
        position: relative;
    }

    .modal_popup_project .ui-resizable-handle {
        position: absolute;
        font-size: 0.1px;
        display: block;
        -ms-touch-action: none;
        touch-action: none;
    }

    .modal_popup_project .ui-resizable-disabled .ui-resizable-handle,
    .modal_popup_project .ui-resizable-autohide .ui-resizable-handle {
        display: none;
    }

    .modal_popup_project .ui-resizable-s {
        cursor: s-resize;
        height: 7px;
        width: 100%;
        bottom: -5px;
        left: 0;
    }

    .modal_popup_project .ui-resizable-e {
        cursor: e-resize;
        width: 7px;
        right: -5px;
        top: 0;
        height: 100%;
    }

    .modal_popup_project .ui-resizable-se {
        cursor: se-resize;
        width: 12px;
        height: 12px;
        right: 1px;
        bottom: 1px;
    }

    .modal_popup_project .ui-icon,
    .modal_popup_project .ui-widget-content .ui-icon {
        background-image: url("/img/ui-icons_222222_256x240.png");
    }

    .modal_popup_project .ui-icon-gripsmall-diagonal-se {
        background-position: -64px -224px;
    }

    .modal_popup_project .ui-icon {
        width: 16px !important;
        height: 16px !important;
    }

@media all and (max-width: 767px) {
    .modal_popup_project {
        width: calc(100vw - 10%);
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

.modal_popup_project .win_title {
    background-color: #3792cb;
    color: #ffffff;
    border-radius: 0.5rem 0.5rem 0 0;
    padding: 0.5rem 1rem;
    position: relative;
    cursor: move;
}

.modal_popup_project .win_titleCross {
    position: absolute;
    top: 7px;
    right: 10px;
    cursor: pointer;
}

.modal_popup_project .win_main {
    padding: 1rem;
}

.add_cmnt_cchk {
    display: grid;
    grid-template-columns: 130px 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0;
    padding: 0px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media all and (max-width: 767px) {
    .add_cmnt_cchk {
        grid-template-columns: auto auto;
    }
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes animateleft {
    from {
        left: -300px;
        opacity: 0;
    }

    to {
        left: 0;
        opacity: 1;
    }
}

@keyframes animateleft {
    from {
        left: -300px;
        opacity: 0;
    }

    to {
        left: 0;
        opacity: 1;
    }
}

.bdr_rd_bm {
    border-radius: 0px 0px 0.5rem 0.5rem;
    padding: 1rem;
    background: #ffffff;
}

.add_tag_row {
    display: grid;
    grid-template-columns: 80px 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0;
    font-size: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media all and (max-width: 767px) {
    .add_tag_row {
        grid-auto-flow: row;
        grid-auto-columns: auto;
        grid-template-columns: 1fr;
    }
}

.new_row {
    display: grid;
    grid-template-columns: 15% 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
}

@media all and (max-width: 767px) {
    .new_row {
        grid-auto-flow: row;
        grid-auto-columns: auto;
        grid-template-columns: 1fr;
    }
}

.assign_tic_row {
    display: grid;
    grid-template-columns: 100px auto 100px 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0;
    font-size: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px 1rem;
}

@media all and (max-width: 767px) {
    .assign_tic_row {
        grid-template-columns: 1fr;
    }
}

.ac_detail {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
}

.cchk_row {
    display: grid;
    grid-template-columns: 100px auto;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
}

.lg_modal {
    height: auto;
}

@media all and (max-width: 767px) {
    .lg_modal {
        height: 65vh;
        overflow: auto;
    }
}

.new_form_row {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px 20px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    font-size: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .new_form_row .inx_spancol_2 {
        grid-column: span 2;
    }

@media all and (max-width: 1280px) {
    .new_form_row {
        display: grid;
        grid-template-columns: 150px 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 1024px) {
    .new_form_row {
        display: grid;
        grid-template-columns: 150px 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 767px) {
    .new_form_row {
        grid-auto-flow: row;
        grid-auto-columns: auto;
        grid-gap: 10px 20px;
        grid-template-columns: 1fr;
    }

        .new_form_row .inx_spancol_2 {
            grid-column: span 1;
        }
}

.scroll_modal {
    height: 80vh;
    overflow-y: auto;
}

.lg_modal_d {
    position: relative;
    height: 70vh;
    overflow: auto;
}

.helper_modal {
    width: calc(100vw - 40%);
}

@media all and (max-width: 1024px) {
    .helper_modal {
        width: calc(100vw - 25%);
    }
}

@media all and (max-width: 767px) {
    .helper_modal {
        width: calc(100vw - 10%);
    }
}

/* Inyxa Modal Popup End Here */
/* The Modal (background) */
.inx_dev_modal {
    display: none;
    position: fixed;
    z-index: 10000000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.7);
}

.inx_dev_modal_content {
    background-color: #fefefe;
    margin: auto;
    position: fixed;
    top: 5vh;
    left: 0;
    right: 0;
    bottom: 5vh;
    height: 90vh;
    width: 60%;
}

.modal_header {
    display: grid;
    grid-template-columns: 1fr auto;
    border-bottom: 1px solid #3792cb;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    width: inherit;
    z-index: 999999999;
}

    .modal_header h2 {
        padding: 1rem;
        font-size: 1.5rem;
    }

    .modal_header > .close_wrapper {
        padding: 1rem 1.5rem;
        border-left: 1px solid #3792cb;
    }

        .modal_header > .close_wrapper .close {
            color: #aaaaaa;
            font-size: 3rem;
        }

            .modal_header > .close_wrapper .close:hover,
            .modal_header > .close_wrapper .close:focus {
                color: #3792cb;
                text-decoration: none;
                cursor: pointer;
            }

.inx_dev_modal_body {
    margin-top: 67px;
    padding: 1rem;
    overflow-y: auto;
    height: 83vh;
}

    .inx_dev_modal_body > ul {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-gap: 40px;
    }

        .inx_dev_modal_body > ul > li {
            color: #ffffff;
            outline: 1px dashed #4e4e4e;
            outline-offset: 3px;
            cursor: pointer;
            font-size: 1rem;
            font-weight: 400;
            height: 100px;
        }

.layout_ui {
    grid-gap: 5px;
    height: 100%;
}

.layout_ui_col {
    background-color: #4e4e4e;
    height: 100%;
    width: 100%;
    display: grid;
    place-items: center;
}

#preview_box {
    width: 100%;
}

/* Inyxa Layout Start Here */
.grd_50 {
    display: grid;
    grid-template-columns: repeat(2, 0.5fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
}

@media all and (max-width: 1280px) {
    .grd_50 {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 1024px) {
    .grd_50 {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 767px) {
    .grd_50 {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.grd_33 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
}

@media all and (max-width: 1280px) {
    .grd_33 {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 1024px) {
    .grd_33 {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 767px) {
    .grd_33 {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.grd_44 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
}

@media all and (max-width: 1280px) {
    .grd_44 {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
        grid-gap: 0px;
    }
}

@media all and (max-width: 1024px) {
    .grd_44 {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
        grid-gap: 0px;
    }
}

@media all and (max-width: 767px) {
    .grd_44 {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.grd_66 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
}

@media all and (max-width: 1280px) {
    .grd_66 {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 1024px) {
    .grd_66 {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 767px) {
    .grd_66 {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.grd_auto {
    display: grid;
    grid-template-columns: auto;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
}

@media all and (max-width: 767px) {
    .grd_auto {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.grd_half {
    display: grid;
    grid-template-columns: minmax(auto, 0.3fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
}

@media all and (max-width: 1280px) {
    .grd_half {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 1024px) {
    .grd_half {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 767px) {
    .grd_half {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.grd_auto_new {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

@media all and (max-width: 767px) {
    .grd_auto_new {
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.grd_auto_reverse {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

@media all and (max-width: 767px) {
    .grd_auto_reverse {
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.grd_nested {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media all and (max-width: 767px) {
    .grd_nested {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.grd_20 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 5px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

@media all and (max-width: 1280px) {
    .grd_20 {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 1024px) {
    .grd_20 {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 767px) {
    .grd_20 {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.grd_30 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 5px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

@media all and (max-width: 1280px) {
    .grd_30 {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 1024px) {
    .grd_30 {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 767px) {
    .grd_30 {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.grd_70 {
    display: grid;
    grid-template-columns: 0.7fr 0.5fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

@media all and (max-width: 1280px) {
    .grd_70 {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 1024px) {
    .grd_70 {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 767px) {
    .grd_70 {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.grd_7_3 {
    display: grid;
    grid-template-columns: 1fr 0.3fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0;
}

@media all and (max-width: 1024px) {
    .grd_7_3 {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 767px) {
    .grd_7_3 {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.form_res {
    display: grid;
    grid-template-columns: repeat(2, 0.5fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

@media all and (max-width: 1280px) {
    .form_res {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 1024px) {
    .form_res {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 767px) {
    .form_res {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.grd_Auto1 {
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 5px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

@media all and (max-width: 1280px) {
    .grd_Auto1 {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 1024px) {
    .grd_Auto1 {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 767px) {
    .grd_Auto1 {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.onHand {
    display: grid;
    grid-template-columns: 0.3fr 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 5px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

@media all and (max-width: 1280px) {
    .onHand {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 1024px) {
    .onHand {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 767px) {
    .onHand {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

/* Inyxa Layout End Here */
.inx-grid-container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
}

.inx-col-12 {
    grid-column: span 12/auto;
}

.inx-col-11 {
    grid-column: span 11/auto;
}

@media all and (max-width: 1280px) {
    .inx-col-11 {
        grid-column: span 11/auto;
    }
}

@media all and (max-width: 1024px) {
    .inx-col-11 {
        grid-column: span 11/auto;
    }
}

@media all and (max-width: 767px) {
    .inx-col-11 {
        grid-column: span 12/auto;
    }
}

@media screen and (min-device-width: 350px) and (max-device-width: 500px) {
    .inx-col-11 {
        grid-column: span 12/auto;
    }
}

.inx-col-10 {
    grid-column: span 10/auto;
}

@media all and (max-width: 1280px) {
    .inx-col-10 {
        grid-column: span 10/auto;
    }
}

@media all and (max-width: 1024px) {
    .inx-col-10 {
        grid-column: span 10/auto;
    }
}

@media all and (max-width: 767px) {
    .inx-col-10 {
        grid-column: span 12/auto;
    }
}

@media screen and (min-device-width: 350px) and (max-device-width: 500px) {
    .inx-col-10 {
        grid-column: span 12/auto;
    }
}

.inx-col-9 {
    grid-column: span 9/auto;
}

@media all and (max-width: 1280px) {
    .inx-col-9 {
        grid-column: span 9/auto;
    }
}

@media all and (max-width: 1024px) {
    .inx-col-9 {
        grid-column: span 9/auto;
    }
}

@media all and (max-width: 767px) {
    .inx-col-9 {
        grid-column: span 12/auto;
    }
}

@media screen and (min-device-width: 350px) and (max-device-width: 500px) {
    .inx-col-9 {
        grid-column: span 12/auto;
    }
}

.inx-col-8 {
    grid-column: span 8/auto;
}

@media all and (max-width: 1280px) {
    .inx-col-8 {
        grid-column: span 8/auto;
    }
}

@media all and (max-width: 1024px) {
    .inx-col-8 {
        grid-column: span 8/auto;
    }
}

@media all and (max-width: 767px) {
    .inx-col-8 {
        grid-column: span 12/auto;
    }
}

@media screen and (min-device-width: 350px) and (max-device-width: 500px) {
    .inx-col-8 {
        grid-column: span 12/auto;
    }
}

.inx-col-7 {
    grid-column: span 7/auto;
}

@media all and (max-width: 1280px) {
    .inx-col-7 {
        grid-column: span 7/auto;
    }
}

@media all and (max-width: 1024px) {
    .inx-col-7 {
        grid-column: span 12/auto;
    }
}

@media all and (max-width: 767px) {
    .inx-col-7 {
        grid-column: span 12/auto;
    }
}

@media screen and (min-device-width: 350px) and (max-device-width: 500px) {
    .inx-col-7 {
        grid-column: span 12/auto;
    }
}

.inx-col-6 {
    grid-column: span 6/auto;
}

@media all and (max-width: 1280px) {
    .inx-col-6 {
        grid-column: span 12/auto;
    }
}

@media all and (max-width: 1024px) {
    .inx-col-6 {
        grid-column: span 12/auto;
    }
}

@media all and (max-width: 767px) {
    .inx-col-6 {
        grid-column: span 12/auto;
    }
}

@media screen and (min-device-width: 350px) and (max-device-width: 500px) {
    .inx-col-6 {
        grid-column: span 12/auto;
    }
}

.inx-col-5 {
    grid-column: span 5/auto;
}

@media all and (max-width: 1280px) {
    .inx-col-5 {
        grid-column: span 12/auto;
    }
}

@media all and (max-width: 1024px) {
    .inx-col-5 {
        grid-column: span 12/auto;
    }
}

@media all and (max-width: 767px) {
    .inx-col-5 {
        grid-column: span 12/auto;
    }
}

@media screen and (min-device-width: 350px) and (max-device-width: 500px) {
    .inx-col-5 {
        grid-column: span 12/auto;
    }
}

.inx-col-4 {
    grid-column: span 4/auto;
}

@media all and (max-width: 1280px) {
    .inx-col-4 {
        grid-column: span 12/auto;
    }
}

@media all and (max-width: 1024px) {
    .inx-col-4 {
        grid-column: span 12/auto;
    }
}

@media all and (max-width: 767px) {
    .inx-col-4 {
        grid-column: span 12/auto;
    }
}

@media screen and (min-device-width: 350px) and (max-device-width: 500px) {
    .inx-col-4 {
        grid-column: span 12/auto;
    }
}

.inx-col-3 {
    grid-column: span 3/auto;
}

@media all and (max-width: 1280px) {
    .inx-col-3 {
        grid-column: span 12/auto;
    }
}

@media all and (max-width: 1024px) {
    .inx-col-3 {
        grid-column: span 12/auto;
    }
}

@media all and (max-width: 767px) {
    .inx-col-3 {
        grid-column: span 12/auto;
    }
}

@media screen and (min-device-width: 350px) and (max-device-width: 500px) {
    .inx-col-3 {
        grid-column: span 12/auto;
    }
}

.inx-col-2 {
    grid-column: span 2/auto;
}

@media all and (max-width: 1280px) {
    .inx-col-2 {
        grid-column: span 12/auto;
    }
}

@media all and (max-width: 1024px) {
    .inx-col-2 {
        grid-column: span 12/auto;
    }
}

@media all and (max-width: 767px) {
    .inx-col-2 {
        grid-column: span 12/auto;
    }
}

@media screen and (min-device-width: 350px) and (max-device-width: 500px) {
    .inx-col-2 {
        grid-column: span 12/auto;
    }
}

.inx-col-1 {
    grid-column: span 1/auto;
}

@media all and (max-width: 1280px) {
    .inx-col-1 {
        grid-column: span 12/auto;
    }
}

@media all and (max-width: 1024px) {
    .inx-col-1 {
        grid-column: span 12/auto;
    }
}

@media all and (max-width: 767px) {
    .inx-col-1 {
        grid-column: span 12/auto;
    }
}

@media screen and (min-device-width: 350px) and (max-device-width: 500px) {
    .inx-col-1 {
        grid-column: span 12/auto;
    }
}

.inx-col-2_3_lt {
    grid-column: span 8/auto;
}

@media all and (max-width: 1280px) {
    .inx-col-2_3_lt {
        grid-column: span 12/auto;
    }
}

@media all and (max-width: 1024px) {
    .inx-col-2_3_lt {
        grid-column: span 12/auto;
    }
}

@media all and (max-width: 767px) {
    .inx-col-2_3_lt {
        grid-column: span 12/auto;
    }
}

@media screen and (min-device-width: 350px) and (max-device-width: 500px) {
    .inx-col-2_3_lt {
        grid-column: span 12/auto;
    }
}

.inx-col-1_3_rt {
    grid-column: span 4/auto;
}

@media all and (max-width: 1280px) {
    .inx-col-1_3_rt {
        grid-column: span 12/auto;
    }
}

@media all and (max-width: 1024px) {
    .inx-col-1_3_rt {
        grid-column: span 12/auto;
    }
}

@media all and (max-width: 767px) {
    .inx-col-1_3_rt {
        grid-column: span 12/auto;
    }
}

@media screen and (min-device-width: 350px) and (max-device-width: 500px) {
    .inx-col-1_3_rt {
        grid-column: span 12/auto;
    }
}

.inx-col-1_4_lt {
    grid-column: span 9/auto;
}

@media all and (max-width: 1280px) {
    .inx-col-1_4_lt {
        grid-column: span 12/auto;
    }
}

@media all and (max-width: 1024px) {
    .inx-col-1_4_lt {
        grid-column: span 12/auto;
    }
}

@media all and (max-width: 767px) {
    .inx-col-1_4_lt {
        grid-column: span 12/auto;
    }
}

@media screen and (min-device-width: 350px) and (max-device-width: 500px) {
    .inx-col-1_4_lt {
        grid-column: span 12/auto;
    }
}

.inx-col-3_4_rt {
    grid-column: span 3/auto;
}

@media all and (max-width: 1280px) {
    .inx-col-3_4_rt {
        grid-column: span 12/auto;
    }
}

@media all and (max-width: 1024px) {
    .inx-col-3_4_rt {
        grid-column: span 12/auto;
    }
}

@media all and (max-width: 767px) {
    .inx-col-3_4_rt {
        grid-column: span 12/auto;
    }
}

@media screen and (min-device-width: 350px) and (max-device-width: 500px) {
    .inx-col-3_4_rt {
        grid-column: span 12/auto;
    }
}

.inx-row-2 {
    grid-row: span 2/auto;
}

.inx-row-3 {
    grid-row: span 3/auto;
}

.inx-row-4 {
    grid-row: span 4/auto;
}

.inx-row-5 {
    grid-row: span 5/auto;
}

.inx-row-6 {
    grid-row: span 6/auto;
}

.inx-row-7 {
    grid-row: span 7/auto;
}

.inx-row-8 {
    grid-row: span 8/auto;
}

.inx-row-9 {
    grid-row: span 9/auto;
}

.inx-row-10 {
    grid-row: span 10/auto;
}

.inx-row-11 {
    grid-row: span 11/auto;
}

.inx-row-12 {
    grid-row: span 12/auto;
}

.grid__grid-item {
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.2;
    text-align: left;
    position: relative;
    border-radius: 3px;
    background: #302742;
    padding: 1.5rem;
    color: rgba(255, 255, 255, 0.5019607843);
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*

Inyxa New Grid CSS Start

*/
.inx_grid_ui {
    width: 100%;
}

.inx_grid_ui_toolbar {
    display: grid;
    grid-template-columns: auto;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0rem 0.5rem;
}

.inx_grid_toolbar_icons {
    position: relative;
}

    .inx_grid_toolbar_icons > ul {
        display: grid;
        grid-template-columns: repeat(2, 20px);
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-gap: 5px;
        grid-auto-columns: 20px;
        padding: 0.2rem 0px;
    }

        .inx_grid_toolbar_icons > ul > li > span {
            display: grid;
            grid-template-columns: auto;
            grid-auto-flow: column;
            grid-auto-columns: auto;
            width: 25px;
            height: 25px;
            font-size: 1rem;
            color: #3792cb;
            -webkit-transition: -webkit-transform 0.2s ease;
            transition: -webkit-transform 0.2s ease;
            transition: transform 0.2s ease;
            transition: transform 0.2s ease, -webkit-transform 0.2s ease;
            cursor: pointer;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background-color: #ffffff;
            border-radius: 50%;
            padding: 5px;
        }

        .inx_grid_toolbar_icons > ul > li span:hover {
            background-color: #3792cb;
            color: #ffffff;
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

.inx_grid_filter_icon {
    position: relative;
}

    .inx_grid_filter_icon > ul {
        display: grid;
        grid-template-columns: repeat(1, 20px);
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-gap: 5px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        grid-auto-columns: 20px;
        padding: 0.2rem 0px;
    }

        .inx_grid_filter_icon > ul > li {
            display: grid;
            grid-template-columns: auto;
            grid-auto-flow: column;
            grid-auto-columns: auto;
            width: 25px;
            height: 25px;
            font-size: 1rem;
            color: #3792cb;
            -webkit-transition: -webkit-transform 0.2s ease;
            transition: -webkit-transform 0.2s ease;
            transition: transform 0.2s ease;
            transition: transform 0.2s ease, -webkit-transform 0.2s ease;
            cursor: pointer;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background-color: #ffffff;
            border-radius: 50%;
            padding: 5px;
        }

        .inx_grid_filter_icon > ul li:hover {
            background-color: #3792cb;
            color: #ffffff;
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

.inx_grid_ui_statusbar {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    font-size: 1.2rem;
    padding: 5px;
    text-align: center;
}

.inx_grid_ui_scroller {
    height: 60vh;
    overflow: auto;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}

.inx_grid_ui_outer {
    background: #ffffff;
    position: relative;
    display: grid;
    grid-template-columns: auto;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-auto-flow: row;
    grid-auto-columns: auto;
}

.inx_grid_ui_sticky_header {
    position: sticky;
    top: 0px;
    z-index: 9999999;
}

.sticky_header {
    position: sticky;
    top: 0px;
    z-index: 999999;
}

.inx_data_sticky_header {
    position: sticky;
    top: 62px;
    z-index: 999;
}

.inx_sticky_footer {
    bottom: 0px;
}

.inx_grid_ui_title {
    display: grid;
    grid-template-columns: auto;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 0px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #3792cb;
    color: #ffffff;
    position: relative;
    padding: 5px;
}

    .inx_grid_ui_title > h2 {
        font-size: 1.5rem;
        font-weight: 400;
    }

    .inx_grid_ui_title > .toggle_switch {
        text-align: right;
        font-size: 1.4rem;
        cursor: pointer;
    }

.inx_grid_ui_row {
    display: grid;
    grid-template-columns: auto;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 0px;
    font-size: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffffff;
    color: #4e4e4e;
    position: relative;
    cursor: pointer;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

    .inx_grid_ui_row > .inx_grid_ui_col {
        height: 27px;
        border-right: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch;
        text-align: center;
        position: relative;
        overflow: hidden;
    }

@media all and (max-width: 767px) {
    .inx_grid_ui_row > .inx_grid_ui_col {
        min-width: 250px;
    }
}

.inx_grid_ui_row > .inx_grid_ui_col:last-child {
    border-right: 1px solid #dddddd;
}

.inx_grid_ui_row > .inx_grid_ui_col.fix_col {
    width: 25px;
    min-width: 25px;
    position: sticky;
    left: 0px;
    z-index: 9999;
    border-right: 1px solid #dddddd;
    background-color: #ffffff;
    display: grid;
    grid-template-columns: auto;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .inx_grid_ui_row > .inx_grid_ui_col.fix_col input[type=checkbox]:focus {
        outline: none;
        offset: none;
    }

.inx_grid_ui_row > .inx_grid_ui_col.fix_col_even {
    background-color: #f4f4f4;
}

.inx_grid_ui_row > .inx_grid_ui_col.fix_col_first {
    background-color: #ffffff !important;
}

.inx_grid_ui_row > .inx_grid_ui_col.frozen_col {
    position: sticky;
    left: 25px;
    z-index: 9999;
    background-color: #ffffff;
}

    .inx_grid_ui_row > .inx_grid_ui_col.frozen_col.fix_col_even {
        background-color: #f4f4f4;
    }

.inx_grid_ui_row input.input_grp {
    border: none;
    border-radius: 0;
    padding: 0rem;
    text-align: center;
    background: none;
    min-height: 27px;
}

.inx_grid_ui_row select.csel_grp {
    border: none;
    border-radius: 0;
    padding: 0rem;
    text-align: center;
    background: none;
    min-height: 27px;
}

.inx_grid_ui_row:nth-child(odd) {
    background-color: #f4f4f4;
    color: #4e4e4e;
}

.inx_grid_ui_row:not(.nohover):hover .inx_grid_ui_col {
    background-color: #afe1ff !important;
    color: #4e4e4e;
}

.inx_grid_ui_row:hover .inx_grid_ui_col.frozen_col.fix_col_even {
    background-color: #afe1ff !important;
    color: #4e4e4e;
}

.inx_grid_ui_row.selected .inx_grid_ui_col {
    background-color: #afe1ff !important;
    color: #4e4e4e;
}

    .inx_grid_ui_row.selected .inx_grid_ui_col.frozen_col.fix_col_even {
        background-color: #afe1ff !important;
        color: #4e4e4e;
    }

.subgrid {
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 0px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.subgrid_col {
    display: grid;
    border-right: 1px solid #dddddd;
    height: 27px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

@media all and (max-width: 767px) {
    .subgrid_col {
        min-width: 125px;
    }
}

.subgrid_col:last-child {
    border-right: none;
}

.editable_col {
    display: grid;
    grid-template-columns: auto;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    width: 100%;
    height: 100%;
}

    .editable_col > input {
        text-align: center;
    }

    .editable_col > select {
        text-align: center;
    }

.header_row {
    background-color: #ffffff !important;
    color: #3792cb !important;
}

    .header_row > .inx_grid_ui_col_h {
        border-right: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        position: relative;
        font-weight: 600;
        padding: 0px 5px;
        word-break: break-all;
        cursor: default;
    }

@media all and (max-width: 767px) {
    .header_row > .inx_grid_ui_col_h {
        min-width: 250px;
    }
}

.header_row > .inx_grid_ui_col_h > span {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header_row > .inx_grid_ui_col_h > .resizer {
    position: absolute;
    width: 10px;
    height: 100%;
    top: 0px;
    right: -5px;
    cursor: col-resize;
    background-color: transparent;
}

.header_row > .inx_grid_ui_col_h:last-child {
    border-right: 1px solid #dddddd;
}

.header_row > .inx_grid_ui_col_h .sorting {
    position: absolute;
    right: 10px;
    opacity: 0.6;
}

    .header_row > .inx_grid_ui_col_h .sorting:hover {
        opacity: 1;
    }

.header_row > .inx_grid_ui_col_h.frozen_col {
    position: sticky;
    left: 25px;
    z-index: 9999;
    background-color: #ffffff;
}

.header_row .subgrid {
    border-top: 1px solid #dddddd;
}

.header_row .subgrid_col_h {
    min-height: 25px;
    display: grid;
    border-right: 1px solid #dddddd;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

@media all and (max-width: 767px) {
    .header_row .subgrid_col_h {
        min-width: 125px;
    }
}

.header_row .subgrid_col_h > .sub_resizer {
    position: absolute;
    width: 10px;
    height: 100%;
    top: 0px;
    right: -5px;
    cursor: col-resize;
    background-color: transparent;
}

.header_row .subgrid_col_h:last-child {
    border-right: none;
}

    .header_row .subgrid_col_h:last-child > .sub_resizer {
        display: none;
    }

#inx_fltr {
    background-color: #ffffff;
}

.inx_grid_ui_footer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0.5rem;
    padding: 0px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.2rem 0.5rem;
}

@media all and (max-width: 767px) {
    .inx_grid_ui_footer {
        grid-auto-flow: row;
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }
}

@media all and (max-width: 767px) {
    .inx_grid_ui_footer .message {
        text-align: center;
    }
}

.inx_grid_ui_footer .status_number {
    font-size: 1.2rem;
    text-align: right;
}

@media all and (max-width: 767px) {
    .inx_grid_ui_footer .status_number {
        text-align: center;
    }
}

.inx_grid_ui_footer .inx_grid_pagination {
    position: relative;
}

    .inx_grid_ui_footer .inx_grid_pagination > ul {
        display: grid;
        grid-template-columns: auto;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-gap: 5px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .inx_grid_ui_footer .inx_grid_pagination > ul > li {
            display: grid;
            grid-template-columns: auto;
            grid-auto-flow: column;
            grid-auto-columns: auto;
            width: 25px;
            height: 25px;
            font-size: 1rem;
            color: #3792cb;
            -webkit-transition: -webkit-transform 0.2s ease;
            transition: -webkit-transform 0.2s ease;
            transition: transform 0.2s ease;
            transition: transform 0.2s ease, -webkit-transform 0.2s ease;
            cursor: pointer;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background-color: #ffffff;
            border-radius: 50%;
            padding: 5px;
        }

        .inx_grid_ui_footer .inx_grid_pagination > ul li:disabled {
            color: #dddddd;
        }

            .inx_grid_ui_footer .inx_grid_pagination > ul li:disabled:hover {
                background-color: #dddddd;
            }

        .inx_grid_ui_footer .inx_grid_pagination > ul li:hover {
            background-color: #3792cb;
            color: #ffffff;
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

        .inx_grid_ui_footer .inx_grid_pagination > ul .goto_pagin {
            display: grid;
            grid-template-columns: auto;
            grid-auto-flow: column;
            grid-auto-columns: auto;
            grid-gap: 5px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .inx_grid_ui_footer .inx_grid_pagination > ul .goto_pagin input {
                width: 80px;
                border: 1px solid #3792cb;
            }

            .inx_grid_ui_footer .inx_grid_pagination > ul .goto_pagin :focus {
                border-color: #3792cb;
                outline: none;
                offset: none;
            }

ul.db_icons {
    display: grid;
    grid-template-columns: auto;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 5px;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
}

    ul.db_icons > li {
        font-size: 1rem;
    }

@media all and (max-width: 767px) {
    ul.db_icons {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

/*

Inyxa New Grid CSS End

*/
/* landing page start here */
.inx_esy_lp {
    display: grid;
    grid-template-columns: 0.6fr 0.4fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0;
}

@media all and (max-width: 1600px) {
    .inx_esy_lp {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 1280px) {
    .inx_esy_lp {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 1024px) {
    .inx_esy_lp {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 767px) {
    .inx_esy_lp {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.chart_box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

@media all and (max-width: 767px) {
    .chart_box {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.inx_esy_chart {
    height: 20vh;
    width: 16vw;
    margin-top: 20px;
}

@media all and (max-width: 1600px) {
    .inx_esy_chart {
        height: 30vh;
        width: 30vw;
        margin-top: 20px;
    }
}

@media all and (max-width: 1280px) {
    .inx_esy_chart {
        height: 20vh;
        width: 20vw;
        margin-top: 20px;
    }
}

@media all and (max-width: 1024px) {
    .inx_esy_chart {
        height: 33vh;
        width: 33vw;
        margin-top: 20px;
    }
}

@media all and (max-width: 767px) {
    .inx_esy_chart {
        height: 20vh;
        width: 90vw;
        margin-top: 20px;
    }
}

@media screen and (min-device-width: 350px) and (max-device-width: 500px) {
    .inx_esy_chart {
        height: 20vh;
        width: 80vw;
        margin-top: 20px;
    }
}

.chart_box_rf {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

@media all and (max-width: 767px) {
    .chart_box_rf {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.inx_esy_chart_rf {
    height: 25vh;
    width: 25vw;
    margin-top: 20px;
}

@media all and (max-width: 1600px) {
    .inx_esy_chart_rf {
        height: 30vh;
        width: 30vw;
        margin-top: 20px;
    }
}

@media all and (max-width: 1280px) {
    .inx_esy_chart_rf {
        height: 35vh;
        width: 35vw;
        margin-top: 20px;
    }
}

@media all and (max-width: 1024px) {
    .inx_esy_chart_rf {
        height: 33vh;
        width: 33vw;
        margin-top: 20px;
    }
}

@media all and (max-width: 767px) {
    .inx_esy_chart_rf {
        height: 20vh;
        width: 90vw;
        margin-top: 20px;
    }
}

@media screen and (min-device-width: 350px) and (max-device-width: 500px) {
    .inx_esy_chart_rf {
        height: 20vh;
        width: 80vw;
        margin-top: 20px;
    }
}

@media all and (max-width: 767px) {
    .inx_esy_tbl1 {
        width: 90vw;
        overflow-x: scroll;
    }
}

@media screen and (min-device-width: 350px) and (max-device-width: 500px) {
    .inx_esy_tbl1 {
        width: 85vw;
        overflow-x: scroll;
    }
}

@media all and (max-width: 767px) {
    .inx_esy_tbl2 {
        width: 90vw;
        overflow-x: scroll;
    }
}

@media screen and (min-device-width: 350px) and (max-device-width: 500px) {
    .inx_esy_tbl2 {
        width: 85vw;
        overflow-x: scroll;
    }
}

.inx_esy_chart2 {
    width: 99%;
}

@media all and (max-width: 767px) {
    .inx_esy_chart2 {
        width: 90vw;
        overflow-x: scroll;
    }
}

@media screen and (min-device-width: 350px) and (max-device-width: 500px) {
    .inx_esy_chart2 {
        width: 78vw;
        overflow-x: scroll;
    }
}

/* landing page end here */
/* Inyxa Ac Control Start Here */
.basic table.ac2_Sug {
    background-color: White;
    border: 1px solid #c2c3c3;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    position: absolute;
    z-index: 1000;
}

/* Style for all Div's that are inside div Suggestions.  Overrides div.suggestions formatting. */
.basic tr.ac2_SugEle {
    background-color: #FAFAFA;
    cursor: default;
    font-family: sans-serif;
    font-size: 1.2em;
    padding: 0 3px;
    background: rgba(212, 211, 211, 0.4196078431);
}

/* Style for all Div's that are inside div Suggestions.  Overrides div.suggestions formatting. */
.basic tr.ac2_SugEleAlternate {
    background-color: #AAAAAA;
    cursor: default;
    font-family: sans-serif;
    font-size: 1.2em;
    padding: 0 3px;
}

/* Style for the currently selected node.*/
.basic table.ac2_Sug tr.ac2_current {
    color: white;
    font-weight: lighter;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgb(34, 193, 195)), to(rgb(45, 193, 253)));
    background: linear-gradient(0deg, rgb(34, 193, 195) 10%, rgb(45, 193, 253) 100%);
}

.basic span.ac2_SugName {
    font-size: 0.8vw;
    padding-left: 3px;
    white-space: nowrap;
}

.basic span.ac2_SugDesc {
    display: inline-block;
    font-size: 10px;
    padding-left: 3px;
    white-space: nowrap;
}

/* Inyxa Ac Control End Here */
/* Inyxa export popup start Here */
.export_popup {
    position: absolute;
    top: 28px;
    z-index: 999999999;
    display: none;
}

    .export_popup .export_btncontainer {
        background: #ffffff;
        border: 1px solid #dddddd;
        color: #3792cb;
        padding: 5px 10px;
        border-radius: 0.5rem;
        -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    }

        .export_popup .export_btncontainer > h3 {
            margin-bottom: 10px;
            font-weight: normal;
            position: relative;
        }

            .export_popup .export_btncontainer > h3::after {
                content: "";
                position: absolute;
                background-color: #3792cb;
                width: 100%;
                height: 1px;
                left: 0px;
                right: 0px;
                bottom: -2px;
                margin: 0 auto;
                text-align: center;
            }

    .export_popup .inx_download {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-gap: 20px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

        .export_popup .inx_download #btnXls {
            cursor: pointer;
        }

        .export_popup .inx_download #btnCsv {
            cursor: pointer;
        }

        .export_popup .inx_download > i:hover {
            background-color: #ffffff;
            color: #3792cb;
        }

/* Inyxa export popup End Here */
/* Inyxa New Forms Start Here */
.inx_form_4_col {
    display: grid;
    grid-template-columns: repeat(4, auto 1fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px 20px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    font-size: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .inx_form_4_col .inx_col_8_status {
        grid-column: span 9;
    }

    .inx_form_4_col .inx_col_7 {
        grid-column: span 7;
    }

@media all and (max-width: 1280px) {
    .inx_form_4_col {
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 1024px) {
    .inx_form_4_col {
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }

        .inx_form_4_col .inx_col_7 {
            grid-column: span 4;
        }
}

@media all and (max-width: 767px) {
    .inx_form_4_col {
        display: grid;
        grid-template-columns: repeat(2, auto 1fr);
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }

        .inx_form_4_col .inx_col_8_status {
            grid-column: span 8;
        }
}

@media all and (max-width: 767px) and (max-width: 1024px) {
    .inx_form_4_col .inx_col_8_status {
        grid-column: auto/span 9;
    }
}

@media all and (max-width: 767px) and (max-width: 767px) {
    .inx_form_4_col .inx_col_8_status {
        grid-column: auto/span 5;
    }
}

@media all and (max-width: 767px) {
    .inx_form_4_col .inx_col_7 {
        grid-column: span 4;
    }
}

.inx_form_4_col .inx_col_1 {
    grid-column: span 1;
}

@media all and (max-width: 1024px) {
    .inx_form_4_col .inx_col_1 {
        grid-column: auto/span 9;
    }
}

@media all and (max-width: 767px) {
    .inx_form_4_col .inx_col_1 {
        grid-column: auto/span 9;
    }
}

.inx_form_4_col .inx_col_2 {
    grid-column: span 2;
}

@media all and (max-width: 1024px) {
    .inx_form_4_col .inx_col_2 {
        grid-column: auto/span 9;
    }
}

@media all and (max-width: 767px) {
    .inx_form_4_col .inx_col_2 {
        grid-column: auto/span 9;
    }
}

.inx_form_4_col .inx_col_3 {
    grid-column: span 3;
}

@media all and (max-width: 1024px) {
    .inx_form_4_col .inx_col_3 {
        grid-column: auto/span 9;
    }
}

@media all and (max-width: 767px) {
    .inx_form_4_col .inx_col_3 {
        grid-column: auto/span 9;
    }
}

.inx_form_4_col .inx_col_4 {
    grid-column: span 4;
}

@media all and (max-width: 1024px) {
    .inx_form_4_col .inx_col_4 {
        grid-column: auto/span 9;
    }
}

@media all and (max-width: 767px) {
    .inx_form_4_col .inx_col_4 {
        grid-column: auto/span 9;
    }
}

.inx_form_4_col .inx_col_5 {
    grid-column: span 5;
}

@media all and (max-width: 1024px) {
    .inx_form_4_col .inx_col_5 {
        grid-column: auto/span 9;
    }
}

@media all and (max-width: 767px) {
    .inx_form_4_col .inx_col_5 {
        grid-column: auto/span 9;
    }
}

.inx_form_4_col .inx_col_6 {
    grid-column: span 6;
}

@media all and (max-width: 1024px) {
    .inx_form_4_col .inx_col_6 {
        grid-column: auto/span 9;
    }
}

@media all and (max-width: 767px) {
    .inx_form_4_col .inx_col_6 {
        grid-column: auto/span 9;
    }
}

.inx_form_4_col .inx_col_8 {
    grid-column: span 8;
}

@media all and (max-width: 1024px) {
    .inx_form_4_col .inx_col_8 {
        grid-column: auto/span 9;
    }
}

@media all and (max-width: 767px) {
    .inx_form_4_col .inx_col_8 {
        grid-column: auto/span 9;
    }
}

.inx_form_4_col .inx_col_9 {
    grid-column: span 9;
}

@media all and (max-width: 1024px) {
    .inx_form_4_col .inx_col_9 {
        grid-column: auto/span 9;
    }
}

@media all and (max-width: 767px) {
    .inx_form_4_col .inx_col_9 {
        grid-column: auto/span 9;
    }
}

.inx_form_4_col .inx_col_10 {
    grid-column: span 10;
}

@media all and (max-width: 1024px) {
    .inx_form_4_col .inx_col_10 {
        grid-column: auto/span 9;
    }
}

@media all and (max-width: 767px) {
    .inx_form_4_col .inx_col_10 {
        grid-column: auto/span 9;
    }
}

.inx_form_4_col .e_trans_full {
    grid-column: span 9;
}

@media all and (max-width: 767px) {
    .inx_form_4_col .e_trans_full {
        grid-column: span 4;
    }
}

.inx_form_4_new_col {
    display: grid;
    grid-template-columns: repeat(4, auto 1fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px 20px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    font-size: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .inx_form_4_new_col .inx_new_col_2 {
        grid-column: span 2;
    }

    .inx_form_4_new_col .inx_new_col_4 {
        grid-column: span 4;
    }

    .inx_form_4_new_col .inx_new_col_6 {
        grid-column: span 6;
    }

    .inx_form_4_new_col .inx_full_col_width {
        grid-column: span 8;
    }

    .inx_form_4_new_col .inx_new_full_width {
        grid-column: span 8;
    }

@media all and (max-width: 767px) {
    .inx_form_4_new_col {
        grid-template-columns: 1fr;
    }

        .inx_form_4_new_col .inx_new_col_2 {
            grid-column: span 1;
        }

        .inx_form_4_new_col .inx_new_col_4 {
            grid-column: span 1;
        }

        .inx_form_4_new_col .inx_new_col_6 {
            grid-column: span 1;
        }

        .inx_form_4_new_col .inx_full_col_width {
            grid-column: span 8;
        }

        .inx_form_4_new_col .inx_new_full_width {
            grid-column: span 1;
        }
}

.inx_assign_load {
    display: grid;
    grid-template-columns: repeat(1, auto 200px);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px 20px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    font-size: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .inx_assign_load .inx_col_2 {
        grid-column: span 2;
    }

@media all and (max-width: 767px) {
    .inx_assign_load {
        grid-template-columns: 1fr;
        grid-gap: 10px 20px;
    }

        .inx_assign_load .inx_col_2 {
            grid-column: span 1;
        }
}

.inx_form_5_new_col {
    display: grid;
    grid-template-columns: repeat(5, auto 1fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px 20px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    font-size: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .inx_form_5_new_col .inx_col_2 {
        grid-column: span 2;
    }

    .inx_form_5_new_col .inx_col_10 {
        grid-column: span 10;
    }

@media all and (max-width: 1280px) {
    .inx_form_5_new_col {
        display: grid;
        grid-template-columns: repeat(3, auto 1fr);
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }

        .inx_form_5_new_col .inx_col_2 {
            grid-column: span 1;
        }

        .inx_form_5_new_col .inx_col_10 {
            grid-column: span 6;
        }
}

@media all and (max-width: 1024px) {
    .inx_form_5_new_col {
        display: grid;
        grid-template-columns: repeat(2, auto 1fr);
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }

        .inx_form_5_new_col .inx_col_2 {
            grid-column: span 1;
        }

        .inx_form_5_new_col .inx_col_10 {
            grid-column: span 4;
        }
}

@media all and (max-width: 767px) {
    .inx_form_5_new_col {
        grid-template-columns: 1fr;
    }

        .inx_form_5_new_col .inx_col_2 {
            grid-column: span 1;
        }

        .inx_form_5_new_col .inx_col_10 {
            grid-column: span 1;
        }
}

.inx_form_2_col {
    display: grid;
    grid-template-columns: repeat(2, auto 1fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px 20px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    font-size: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .inx_form_2_col .inx_col_4 {
        grid-column: span 4;
    }

    .inx_form_2_col .inx_col_3 {
        grid-column: span 3;
    }

    .inx_form_2_col .inx_col_2 {
        grid-column: span 2;
    }

@media all and (max-width: 1024px) {
    .inx_form_2_col {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }

        .inx_form_2_col .inx_col_4 {
            grid-column: span 1;
        }

        .inx_form_2_col .inx_col_3 {
            grid-column: span 1;
        }

        .inx_form_2_col .inx_col_2 {
            grid-column: span 1;
        }
}

@media all and (max-width: 767px) {
    .inx_form_2_col {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }

        .inx_form_2_col .inx_col_4 {
            grid-column: span 1;
        }

        .inx_form_2_col .inx_col_3 {
            grid-column: span 1;
        }

        .inx_form_2_col .inx_col_2 {
            grid-column: span 1;
        }
}

.inx_org_config {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px 20px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    font-size: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 400px;
    margin: 0 auto;
}

@media all and (max-width: 767px) {
    .inx_org_config {
        width: 100%;
    }
}

.inx_form_3_col {
    display: grid;
    grid-template-columns: repeat(3, auto 1fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px 20px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    font-size: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .inx_form_3_col .inx_col_2 {
        grid-column: span 2;
    }

    .inx_form_3_col .inx_col_6 {
        grid-column: span 6;
    }

@media all and (max-width: 767px) {
    .inx_form_3_col {
        grid-template-columns: 1fr;
    }

        .inx_form_3_col .inx_col_2 {
            grid-column: span 1;
        }

        .inx_form_3_col .inx_col_6 {
            grid-column: span 1;
        }
}

.inx_form_6_col {
    display: grid;
    grid-template-columns: repeat(6, auto 1fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px 20px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    font-size: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .inx_form_6_col .inx_col_2 {
        grid-column: span 2;
    }

    .inx_form_6_col .inx_col_3 {
        grid-column: span 3;
    }

    .inx_form_6_col .inx_col_10 {
        grid-column: span 10;
    }

    .inx_form_6_col .inx_col_12 {
        grid-column: span 12;
    }

@media all and (max-width: 1280px) {
    .inx_form_6_col {
        display: grid;
        grid-template-columns: repeat(3, auto 1fr);
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
        grid-gap: 10px 20px;
    }

        .inx_form_6_col .inx_col_2 {
            grid-column: span 1;
        }

        .inx_form_6_col .inx_col_12 {
            grid-column: span 6;
        }

        .inx_form_6_col .inx_col_10 {
            grid-column: span 5;
        }
}

@media all and (max-width: 1024px) {
    .inx_form_6_col {
        display: grid;
        grid-template-columns: repeat(2, auto 1fr);
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
        grid-gap: 10px 20px;
    }

        .inx_form_6_col .inx_col_12 {
            grid-column: span 4;
        }

        .inx_form_6_col .inx_col_10 {
            grid-column: span 3;
        }
}

@media all and (max-width: 767px) {
    .inx_form_6_col {
        grid-template-columns: 1fr;
        grid-gap: 10px 20px;
    }

        .inx_form_6_col .inx_col_2 {
            grid-column: span 1;
        }

        .inx_form_6_col .inx_col_3 {
            grid-column: span 1;
        }

        .inx_form_6_col .inx_col_10 {
            grid-column: span 1;
        }

        .inx_form_6_col .inx_col_12 {
            grid-column: span 1;
        }
}

.inx_form_7_col {
    display: grid;
    grid-template-columns: repeat(7, auto 1fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px 20px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    font-size: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .inx_form_7_col .inx_col_14 {
        grid-column: span 14;
    }

@media all and (max-width: 1280px) {
    .inx_form_7_col {
        display: grid;
        grid-template-columns: repeat(4, auto 1fr);
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }

        .inx_form_7_col .inx_col_2 {
            grid-column: span 2;
        }

        .inx_form_7_col .inx_col_14 {
            grid-column: span 8;
        }
}

@media all and (max-width: 1024px) {
    .inx_form_7_col {
        display: grid;
        grid-template-columns: repeat(3, auto 1fr);
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }

        .inx_form_7_col .inx_col_14 {
            grid-column: span 6;
        }
}

@media all and (max-width: 767px) {
    .inx_form_7_col {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }

        .inx_form_7_col .inx_col_2 {
            grid-column: span 1;
        }

        .inx_form_7_col .inx_col_14 {
            grid-column: span 1;
        }
}

.inx_esy_item {
    display: grid;
    grid-template-columns: repeat(1, auto 1fr 1fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px 20px;
    grid-auto-flow: row dense;
    grid-auto-columns: auto;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    font-size: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .inx_esy_item .inx_col_1 {
        grid-column: 1;
    }

    .inx_esy_item .inx_col_2 {
        grid-column: 2;
    }

    .inx_esy_item .inx_col_3 {
        grid-column: 3;
    }

    .inx_esy_item .inx_full_width {
        grid-column: span 3;
    }

    .inx_esy_item .inx_full_height {
        grid-row: span 13;
    }

@media all and (max-width: 1024px) {
    .inx_esy_item {
        grid-gap: 10px 20px;
    }
}

@media all and (max-width: 767px) {
    .inx_esy_item {
        grid-template-columns: 1fr;
        grid-gap: 10px 20px;
    }

        .inx_esy_item .inx_col_2 {
            grid-column: 1;
        }

        .inx_esy_item .inx_col_3 {
            grid-column: 1;
        }
}

.inx_gsa_helpViewerEdit {
    display: grid;
    grid-template-columns: repeat(4, auto 1fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px 20px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    font-size: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .inx_gsa_helpViewerEdit .inx_col_3 {
        grid-column: span 3;
    }

    .inx_gsa_helpViewerEdit .inx_col_7 {
        grid-column: span 7;
    }

    .inx_gsa_helpViewerEdit .inx_col_8 {
        grid-column: span 8;
    }

@media all and (max-width: 767px) {
    .inx_gsa_helpViewerEdit {
        grid-template-columns: 1fr;
    }

        .inx_gsa_helpViewerEdit .inx_col_3 {
            grid-column: span 1;
        }

        .inx_gsa_helpViewerEdit .inx_col_7 {
            grid-column: span 1;
        }

        .inx_gsa_helpViewerEdit .inx_col_8 {
            grid-column: span 1;
        }
}

.inx_export_transaction {
    display: grid;
    grid-template-columns: repeat(1, auto auto 1fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px 20px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    font-size: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .inx_export_transaction .inx_full_width {
        grid-column: span 3;
    }

.inx_work_bench {
    display: grid;
    grid-template-columns: repeat(10, auto);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px 20px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    font-size: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .inx_work_bench .inx_col_2 {
        grid-column: span 2;
    }

    .inx_work_bench .inx_col_8 {
        grid-column: span 8;
    }

    .inx_work_bench .inx_col_10 {
        grid-column: span 10;
    }

@media all and (max-width: 1280px) {
    .inx_work_bench {
        display: grid;
        grid-template-columns: repeat(4, auto 1fr);
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }

        .inx_work_bench .inx_col_8 {
            grid-column: span 4;
        }

        .inx_work_bench .inx_col_10 {
            grid-column: span 8;
        }
}

@media all and (max-width: 1024px) {
    .inx_work_bench {
        display: grid;
        grid-template-columns: repeat(2, auto 1fr);
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }

        .inx_work_bench .inx_col_8 {
            grid-column: span 4;
        }

        .inx_work_bench .inx_col_10 {
            grid-column: span 4;
        }
}

@media all and (max-width: 767px) {
    .inx_work_bench {
        grid-template-columns: 1fr;
    }

        .inx_work_bench .inx_col_2 {
            grid-column: span 1;
        }

        .inx_work_bench .inx_col_8 {
            grid-column: span 1;
        }

        .inx_work_bench .inx_col_10 {
            grid-column: span 1;
        }
}

.inx_work_bench_nested {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.inx_job_header {
    display: grid;
    grid-template-columns: repeat(4, auto 1fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px 20px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    font-size: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .inx_job_header .inx_new_col_2 {
        grid-column: span 2;
    }

    .inx_job_header .inx_new_col_4 {
        grid-column: span 4;
    }

    .inx_job_header .inx_new_col_6 {
        grid-column: span 6;
    }

    .inx_job_header .inx_new_full_width {
        grid-column: span 8;
    }

@media all and (max-width: 1280px) {
    .inx_job_header {
        display: grid;
        grid-template-columns: repeat(3, auto 1fr);
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }

        .inx_job_header .inx_new_col_6 {
            grid-column: span 4;
        }

        .inx_job_header .inx_new_full_width {
            grid-column: span 6;
        }
}

@media all and (max-width: 1024px) {
    .inx_job_header {
        display: grid;
        grid-template-columns: repeat(2, auto 1fr);
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }

        .inx_job_header .inx_new_col_2 {
            grid-column: span 1;
        }

        .inx_job_header .inx_new_col_6 {
            grid-column: span 3;
        }

        .inx_job_header .inx_new_full_width {
            grid-column: span 4;
        }
}

@media all and (max-width: 767px) {
    .inx_job_header {
        grid-template-columns: 1fr;
    }

        .inx_job_header .inx_new_col_2 {
            grid-column: span 1;
        }

        .inx_job_header .inx_new_col_4 {
            grid-column: span 1;
        }

        .inx_job_header .inx_new_col_6 {
            grid-column: span 1;
        }

        .inx_job_header .inx_new_full_width {
            grid-column: span 1;
        }
}

.inx_add_zone {
    display: grid;
    grid-template-columns: repeat(1, 1fr auto 1fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px 20px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    font-size: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media all and (max-width: 767px) {
    .inx_add_zone {
        grid-template-columns: 1fr;
    }
}

.inx_form_qa {
    display: grid;
    grid-template-columns: repeat(2, auto 1fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px 20px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    font-size: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .inx_form_qa .inx_col_4 {
        grid-column: span 4;
    }

    .inx_form_qa .inx_col_3 {
        grid-column: span 3;
    }

    .inx_form_qa .inx_col_2 {
        grid-column: span 2;
    }

    .inx_form_qa .inx_row_4 {
        grid-row: span 4;
    }

    .inx_form_qa .inx_row_3 {
        grid-row: span 3;
    }

    .inx_form_qa .qa_head_order,
    .inx_form_qa .qa_head_htm_order,
    .inx_form_qa .qa_img_order,
    .inx_form_qa .qa_img_holder_order,
    .inx_form_qa .qa_cmn_head_order,
    .inx_form_qa .qa_cmn_pnl_order,
    .inx_form_qa .od_15,
    .inx_form_qa .od_16,
    .inx_form_qa .od_17,
    .inx_form_qa .od_18,
    .inx_form_qa .od_19,
    .inx_form_qa .od_20,
    .inx_form_qa .od_21,
    .inx_form_qa .od_22 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        display: grid;
    }

@media all and (max-width: 1024px) {
    .inx_form_qa {
        grid-template-columns: 1fr;
    }

        .inx_form_qa .qa_head_order {
            -webkit-box-ordinal-group: 19;
            -ms-flex-order: 18;
            order: 18;
        }

        .inx_form_qa .qa_head_htm_order {
            -webkit-box-ordinal-group: 20;
            -ms-flex-order: 19;
            order: 19;
        }

        .inx_form_qa .qa_img_order {
            -webkit-box-ordinal-group: 21;
            -ms-flex-order: 20;
            order: 20;
        }

        .inx_form_qa .qa_img_holder_order {
            -webkit-box-ordinal-group: 22;
            -ms-flex-order: 21;
            order: 21;
        }

        .inx_form_qa .qa_cmn_head_order {
            -webkit-box-ordinal-group: 23;
            -ms-flex-order: 22;
            order: 22;
        }

        .inx_form_qa .qa_cmn_pnl_order {
            -webkit-box-ordinal-group: 24;
            -ms-flex-order: 23;
            order: 23;
        }

        .inx_form_qa .od_15 {
            -webkit-box-ordinal-group: 16;
            -ms-flex-order: 15;
            order: 15;
        }

        .inx_form_qa .od_16 {
            -webkit-box-ordinal-group: 17;
            -ms-flex-order: 16;
            order: 16;
        }

        .inx_form_qa .od_17 {
            -webkit-box-ordinal-group: 18;
            -ms-flex-order: 17;
            order: 17;
        }

        .inx_form_qa .od_18 {
            -webkit-box-ordinal-group: 19;
            -ms-flex-order: 18;
            order: 18;
        }

        .inx_form_qa .od_19 {
            -webkit-box-ordinal-group: 20;
            -ms-flex-order: 19;
            order: 19;
        }

        .inx_form_qa .od_20 {
            -webkit-box-ordinal-group: 21;
            -ms-flex-order: 20;
            order: 20;
        }

        .inx_form_qa .od_21 {
            -webkit-box-ordinal-group: 22;
            -ms-flex-order: 21;
            order: 21;
        }

        .inx_form_qa .od_22 {
            -webkit-box-ordinal-group: 23;
            -ms-flex-order: 22;
            order: 22;
        }

        .inx_form_qa .inx_col_4 {
            grid-column: span 1;
        }

        .inx_form_qa .inx_col_3 {
            grid-column: span 1;
        }

        .inx_form_qa .inx_col_2 {
            grid-column: span 1;
        }

        .inx_form_qa .inx_row_4 {
            grid-row: span 1;
        }

        .inx_form_qa .inx_row_3 {
            grid-row: span 1;
        }
}

@media all and (max-width: 767px) {
    .inx_form_qa {
        grid-template-columns: 1fr;
    }

        .inx_form_qa .qa_head_order {
            -webkit-box-ordinal-group: 19;
            -ms-flex-order: 18;
            order: 18;
        }

        .inx_form_qa .qa_head_htm_order {
            -webkit-box-ordinal-group: 20;
            -ms-flex-order: 19;
            order: 19;
        }

        .inx_form_qa .qa_img_order {
            -webkit-box-ordinal-group: 21;
            -ms-flex-order: 20;
            order: 20;
        }

        .inx_form_qa .qa_img_holder_order {
            -webkit-box-ordinal-group: 22;
            -ms-flex-order: 21;
            order: 21;
        }

        .inx_form_qa .qa_cmn_head_order {
            -webkit-box-ordinal-group: 23;
            -ms-flex-order: 22;
            order: 22;
        }

        .inx_form_qa .qa_cmn_pnl_order {
            -webkit-box-ordinal-group: 24;
            -ms-flex-order: 23;
            order: 23;
        }

        .inx_form_qa .od_15 {
            -webkit-box-ordinal-group: 16;
            -ms-flex-order: 15;
            order: 15;
        }

        .inx_form_qa .od_16 {
            -webkit-box-ordinal-group: 17;
            -ms-flex-order: 16;
            order: 16;
        }

        .inx_form_qa .od_17 {
            -webkit-box-ordinal-group: 18;
            -ms-flex-order: 17;
            order: 17;
        }

        .inx_form_qa .od_18 {
            -webkit-box-ordinal-group: 19;
            -ms-flex-order: 18;
            order: 18;
        }

        .inx_form_qa .od_19 {
            -webkit-box-ordinal-group: 20;
            -ms-flex-order: 19;
            order: 19;
        }

        .inx_form_qa .od_20 {
            -webkit-box-ordinal-group: 21;
            -ms-flex-order: 20;
            order: 20;
        }

        .inx_form_qa .od_21 {
            -webkit-box-ordinal-group: 22;
            -ms-flex-order: 21;
            order: 21;
        }

        .inx_form_qa .od_22 {
            -webkit-box-ordinal-group: 23;
            -ms-flex-order: 22;
            order: 22;
        }

        .inx_form_qa .inx_col_4 {
            grid-column: span 1;
        }

        .inx_form_qa .inx_col_3 {
            grid-column: span 1;
        }

        .inx_form_qa .inx_col_2 {
            grid-column: span 1;
        }

        .inx_form_qa .inx_row_4 {
            grid-row: span 1;
        }

        .inx_form_qa .inx_row_3 {
            grid-row: span 1;
        }
}

/* Inyxa New Forms End Here */
/* Inyxa RTS CSS Start Here */
.inx_rts_helper {
    display: grid;
    grid-template-columns: 0.5fr 0.5fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px 20px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0;
    font-size: 1.2rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

@media all and (max-width: 1280px) {
    .inx_rts_helper {
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 1024px) {
    .inx_rts_helper {
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 767px) {
    .inx_rts_helper {
        grid-template-columns: 1fr;
    }
}

.inx_color_setting {
    display: grid;
    grid-template-columns: auto 100px;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px 20px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0;
    font-size: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .inx_color_setting .inx_col_2 {
        grid-column: span 2;
    }

.inx_widgets_charts {
    display: grid;
    grid-template-columns: repeat(3, auto 1fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px 20px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0;
    font-size: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .inx_widgets_charts .inx_row_2 {
        grid-row: span 2;
    }

    .inx_widgets_charts .inx_col_2 {
        grid-column: span 2;
    }

    .inx_widgets_charts .inx_col_6 {
        grid-column: span 6;
    }

@media all and (max-width: 767px) {
    .inx_widgets_charts {
        grid-template-columns: 1fr;
    }

        .inx_widgets_charts .inx_row_2 {
            grid-row: span 1;
        }

        .inx_widgets_charts .inx_col_2 {
            grid-column: span 1;
        }

        .inx_widgets_charts .inx_col_6 {
            grid-column: span 1;
        }
}

.inx_min_max_col {
    display: grid;
    grid-template-columns: repeat(3, 40px);
    grid-gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.rts_img_container {
    width: 500px;
}

@media all and (max-width: 767px) {
    .rts_img_container {
        width: 100%;
    }
}

.rts_widget_helper {
    display: grid;
    grid-template-columns: repeat(4, auto 1fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px 20px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0;
    font-size: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .rts_widget_helper .inx_new_2_col {
        grid-column: span 2;
    }

    .rts_widget_helper .inx_new_full_width {
        grid-column: span 8;
    }

@media all and (max-width: 767px) {
    .rts_widget_helper {
        grid-template-columns: 1fr;
    }

        .rts_widget_helper .inx_new_2_col {
            grid-column: span 1;
        }

        .rts_widget_helper .inx_new_full_width {
            grid-column: span 1;
        }
}

.rts_tbl_format {
    display: grid;
    grid-template-columns: repeat(2, auto 1fr 1fr auto);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px 20px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0;
    font-size: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .rts_tbl_format .inx_new_full_width {
        grid-column: span 8;
    }

@media all and (max-width: 767px) {
    .rts_tbl_format {
        grid-template-columns: 1fr;
    }

        .rts_tbl_format .inx_new_full_width {
            grid-column: span 1;
        }
}

.rts_tbl_format .heading_tbl {
    color: #3792cb;
    border-bottom: 1px solid #3792cb;
    font-size: 1.3rem;
    padding: 0.5rem 0px;
    font-weight: 500;
}

.rts_col_format {
    display: grid;
    grid-template-columns: auto auto 1fr auto auto 1fr auto 1fr auto;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px 20px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0;
    font-size: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .rts_col_format .inx_new_full_width {
        grid-column: span 9;
    }

    .rts_col_format .inx_col_2 {
        grid-column: span 2;
    }

    .rts_col_format .inx_col_3 {
        grid-column: span 3;
    }

    .rts_col_format .inx_row_2 {
        grid-row: span 2;
    }

@media all and (max-width: 767px) {
    .rts_col_format {
        grid-template-columns: 1fr;
    }

        .rts_col_format .inx_new_full_width {
            grid-column: span 1;
        }

        .rts_col_format .inx_col_2 {
            grid-column: span 1;
        }

        .rts_col_format .inx_col_3 {
            grid-column: span 1;
        }
}

.rts_css_tab {
    display: grid;
    grid-template-columns: 0.3fr 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px 20px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0;
}

@media all and (max-width: 1024px) {
    .rts_css_tab {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 767px) {
    .rts_css_tab {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.rts_dashboard {
    display: grid;
    grid-template-columns: 0.3fr 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0;
    grid-auto-flow: row;
    grid-auto-columns: auto;
}

    .rts_dashboard .inx_row_full {
        grid-row: span 3;
    }

@media all and (max-width: 1024px) {
    .rts_dashboard {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 767px) {
    .rts_dashboard {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.inx_rts_dboard_lt {
    display: grid;
    grid-template-columns: repeat(2, auto 1fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px 5px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0;
    font-size: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .inx_rts_dboard_lt .rts_col_2 {
        grid-column: span 2;
    }

    .inx_rts_dboard_lt .rts_col_3 {
        grid-column: span 3;
    }

    .inx_rts_dboard_lt .rts_col_full_width {
        grid-column: span 4;
    }

@media all and (max-width: 1280px) {
    .inx_rts_dboard_lt {
        grid-template-columns: 1fr;
    }

        .inx_rts_dboard_lt .rts_col_2 {
            grid-column: span 1;
        }

        .inx_rts_dboard_lt .rts_col_3 {
            grid-column: span 1;
        }

        .inx_rts_dboard_lt .rts_col_full_width {
            grid-column: span 1;
        }
}

@media all and (max-width: 1024px) {
    .inx_rts_dboard_lt {
        grid-template-columns: 1fr;
    }

        .inx_rts_dboard_lt .rts_col_2 {
            grid-column: span 1;
        }

        .inx_rts_dboard_lt .rts_col_3 {
            grid-column: span 1;
        }

        .inx_rts_dboard_lt .rts_col_full_width {
            grid-column: span 1;
        }
}

@media all and (max-width: 767px) {
    .inx_rts_dboard_lt {
        grid-template-columns: 1fr;
    }

        .inx_rts_dboard_lt .rts_col_2 {
            grid-column: span 1;
        }

        .inx_rts_dboard_lt .rts_col_3 {
            grid-column: span 1;
        }

        .inx_rts_dboard_lt .rts_col_full_width {
            grid-column: span 1;
        }
}

.inx_rts_tool_panel {
    display: grid;
    grid-template-columns: repeat(7, auto 1fr);
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0;
    font-size: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .inx_rts_tool_panel .rts_row_2 {
        grid-row: span 2;
    }

    .inx_rts_tool_panel .rts_col_2 {
        grid-column: span 2;
    }

    .inx_rts_tool_panel .rts_col_full_width {
        grid-column: span 14;
    }

@media all and (max-width: 767px) {
    .inx_rts_tool_panel {
        grid-template-columns: 1fr;
    }

        .inx_rts_tool_panel .rts_row_2 {
            grid-row: span 1;
        }

        .inx_rts_tool_panel .rts_col_2 {
            grid-column: span 1;
        }

        .inx_rts_tool_panel .rts_col_full_width {
            grid-column: span 1;
        }
}

.rts_align_btn {
    display: grid;
    grid-template-columns: repeat(5, auto);
}

/* Inyxa RTS CSS End Here */
/* Chatbot Start Here */
.chat_container > h3 {
    padding: 1rem 0.5rem;
    background-color: #3792cb;
    color: #ffffff;
    margin-bottom: 0.5rem;
}

#chat_container_user > ul {
    overflow-y: auto;
    height: 82vh;
    margin-top: 5px;
}

    #chat_container_user > ul > li {
        padding: 0.5rem;
        border-bottom: 1px solid #dddddd;
        color: #4e4e4e;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        cursor: pointer;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        #chat_container_user > ul > li > span {
            height: 25px;
            width: 25px;
            border: 1px solid #3792cb;
            color: #3792cb;
            border-radius: 50%;
            text-align: center;
            display: grid;
            font-weight: bold;
            -ms-flex-line-pack: center;
            align-content: center;
        }

        #chat_container_user > ul > li > h2 {
            font-size: 1.3rem;
            line-height: normal;
            font-weight: normal;
        }

        #chat_container_user > ul > li:nth-child(even) {
            background-color: #f9f9f9;
        }

        #chat_container_user > ul > li:hover > span {
            border-color: #ffffff;
            color: #ffffff;
        }

        #chat_container_user > ul > li.active > span {
            border-color: #ffffff;
            color: #ffffff;
        }

        #chat_container_user > ul > li:hover > h2 {
            color: #ffffff;
        }

        #chat_container_user > ul > li.active > h2 {
            color: #ffffff;
        }

        #chat_container_user > ul > li:hover {
            background-color: #3cb0fd;
            color: #ffffff;
        }

        #chat_container_user > ul > li.active {
            background-color: #3cb0fd;
            color: #ffffff;
        }

.inx-chatwin {
    height: -webkit-fill-available;
    background: #f9f9f9 url("../../img/icons/chat_bg.png") center center no-repeat;
}

.inx-chatbot-container {
    height: 60vh;
    overflow-y: auto;
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

    .inx-chatbot-container .messages_container .inx-chatbot-messages {
        padding: 1rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        border-radius: 1rem;
        margin-top: 0.3rem;
        margin-bottom: 0.3rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        position: relative;
    }

        .inx-chatbot-container .messages_container .inx-chatbot-messages p {
            font-size: 1.2rem;
            line-height: normal;
            color: #ffffff;
        }

        .inx-chatbot-container .messages_container .inx-chatbot-messages span {
            position: absolute;
            color: #4e4e4e;
            right: -3rem;
            bottom: 0px;
            font-size: 0.9rem;
            font-weight: 600;
            font-style: italic;
        }

    .inx-chatbot-container .messages_container .inx-chatbot-received-messages {
        background: #3792cb;
        border-top-left-radius: 0rem;
        color: #ffffff;
    }

    .inx-chatbot-container .messages_container .inx-chatbot-sent-messages {
        color: #ffffff;
        background-color: #4e4e4e;
        border-top-right-radius: 0rem;
        margin-left: auto;
        margin-right: 3rem;
    }

    .inx-chatbot-container .chat_divider {
        color: #4e4e4e;
        text-align: center;
        border-bottom: 1px solid #dddddd;
        padding-bottom: 5px;
        position: relative;
        margin-bottom: 2rem;
    }

        .inx-chatbot-container .chat_divider span {
            min-width: 150px;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            border-radius: 2rem;
            padding: 1rem;
            position: absolute;
            top: 50%;
            z-index: 1000;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

/* Chatbot end Here */
.container_outer {
    border: 1px solid #dddddd;
    padding: 5rem;
    position: relative;
    cursor: pointer;
    margin-bottom: 5px;
}

.edit_mode_btns {
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
    z-index: 9999999;
}

.container_outer:hover .edit_mode_btns {
    display: block;
}

/* Inyxa New Css Add by Sweety Start Here */
/* Inyxa New Css Add by Sweety End Here */
/* Inyxa Utility classes Start Here */
.container_main {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.container_res {
    width: calc(100% - 3rem);
    margin: 0 auto;
    padding-top: 7rem;
}

.pos_rel {
    position: relative;
}

.pos_abs {
    position: absolute;
}

.h_overflow {
    overflow-y: auto;
}

.XScroll {
    overflow-x: scroll;
}

.over_flow {
    overflow: auto;
}

.pnlColor {
    border: 2px solid #eeeeee;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.GridTab {
    position: relative;
}

.disp_inline {
    display: inline-block;
}

.disp_swipe {
    display: grid;
}

@media all and (max-width: 767px) {
    .disp_swipe .disp_swipe {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.content_right {
    -webkit-box-pack: right !important;
    -ms-flex-pack: right !important;
    justify-content: right !important;
}

.content_left {
    -webkit-box-pack: left !important;
    -ms-flex-pack: left !important;
    justify-content: left !important;
}

.content_centre {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.main_color {
    color: #3792cb;
}

.noshadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.nobg {
    background: none !important;
}

.cpnl_rel {
    position: relative;
}

.win_placed_r {
    position: relative;
    background: #ffffff;
}

.cms_supportTechCreateTicketRes {
    position: relative;
    background: #ffffff;
}

.white_box {
    background: #ffffff;
    overflow: auto;
    height: 40px;
}

.width_30 {
    width: 30px;
}

.width_100 {
    width: 100%;
}

.ctxthome_cmnt {
    height: 30vh;
    width: 530px;
    margin-bottom: 15px;
}

@media all and (max-width: 1280px) {
    .ctxthome_cmnt {
        width: 100%;
    }
}

@media all and (max-width: 1024px) {
    .ctxthome_cmnt {
        width: 100%;
    }
}

@media all and (max-width: 767px) {
    .ctxthome_cmnt {
        width: 90vw;
    }
}

.ctxttag_cmnt {
    height: 10vh;
    background: #f9f9f9;
    color: #3792cb;
    padding: 1rem;
    margin-bottom: 10px;
    font-weight: 700;
}

.ctxtlongdescr_cmnt {
    height: 48vh;
    padding: 1rem;
    word-break: break-all;
}

@media all and (max-width: 1600px) {
    .ctxtlongdescr_cmnt {
        height: 63vh;
    }
}

.longdescr_width {
    width: 638px;
}

@media all and (max-width: 1600px) {
    .longdescr_width {
        width: 500px;
    }
}

@media all and (max-width: 1280px) {
    .longdescr_width {
        width: 100%;
    }
}

@media all and (max-width: 1024px) {
    .longdescr_width {
        width: 100%;
    }
}

@media all and (max-width: 767px) {
    .longdescr_width {
        width: 93vw;
    }
}

.edit_desc_width {
    width: 1300px;
    height: 50vh;
}

@media all and (max-width: 1600px) {
    .edit_desc_width {
        width: 1020px;
        height: 54vh;
    }
}

@media all and (max-width: 1280px) {
    .edit_desc_width {
        width: 100%;
    }
}

@media all and (max-width: 1024px) {
    .edit_desc_width {
        width: 100%;
    }
}

@media all and (max-width: 767px) {
    .edit_desc_width {
        width: 90vw;
    }
}

.height_90vh {
    height: 90vh;
}

.height_85vh {
    height: 85vh;
}

.height_80vh {
    height: 80vh;
}

.height_84vh {
    height: 84vh;
}

.height_79vh {
    height: 79vh;
}

.height_78vh {
    height: 78vh;
}

.height_77vh {
    height: 77vh;
}

.height_76vh {
    height: 76vh;
}

.height_75vh {
    height: 75vh;
}

.height_72vh {
    height: 72vh;
}

.height_70vh {
    height: 70vh;
}

.height_65vh {
    height: 65vh;
}

.height_62vh {
    height: 62vh;
}

.height_60vh {
    height: 60vh;
}

.height_58vh {
    height: 58vh;
}

.height_50vh {
    height: 50vh;
}

.height_45vh {
    height: 45vh;
}

.height_40vh {
    height: 40vh;
}

.height_39vh {
    height: 39vh;
}

.height_37vh {
    height: 37vh;
}

.height_35vh {
    height: 35vh;
}

.height_32vh {
    height: 32vh;
}

.height_30vh {
    height: 30vh;
}

.height_25vh {
    height: 25vh;
}

.height_20vh {
    height: 20vh;
}

.txt_centre {
    text-align: center;
}

.all_text {
    cursor: pointer;
    color: #3792cb;
    text-decoration: underline;
}

.m_hidden {
    display: block;
}

@media all and (max-width: 767px) {
    .m_hidden {
        display: none;
    }
}

.align_start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align_centre {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.both_centre {
    display: grid;
    place-items: center;
}

.self_start {
    -ms-flex-item-align: start;
    align-self: start;
}

.pd_cmn {
    padding: 1rem;
}

.pd_lr {
    padding: 0px 1rem;
}

.pd_tb {
    padding: 1rem 0px;
}

.pd_tb_5 {
    padding: 0.5rem 0px !important;
}

.pd_tp_2 {
    padding-top: 2rem;
}

.pd_t0 {
    padding-top: 0px !important;
}

.pd_0 {
    padding: 0px !important;
}

.pd_5 {
    padding: 5px;
}

.pd_15 {
    padding: 15px;
}

.pd_lr0 {
    padding: 0.5rem 0px !important;
}

.pd_t3 {
    padding-top: 3vh;
}

.bdr {
    border-style: groove;
}

.bdr_cmn {
    border: 1px solid #dddddd;
}

.bdr_focus {
    border: 1px solid #3792cb !important;
}

.bdr_bm {
    border-bottom: 1px solid #dddddd;
}

.bdr_ac_modal {
    border-radius: 0px 0px 0.5rem 0.5rem;
    padding: 1rem;
}

.font_cmn {
    font-size: 1.2rem;
}

.ctxt_box {
    border: 1px solid #dddddd;
    min-height: 120px;
}

.hidden {
    display: none;
}

.error_text {
    color: #ff0000;
}

.success_text {
    color: #198754;
}

.mx_width {
    max-width: 250px;
}

.wo_logs {
    max-height: 74vh;
    overflow-y: auto;
}

.esy_item_list {
    display: grid;
    grid-template-columns: 1fr 50px 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

@media all and (max-width: 767px) {
    .esy_item_list {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.grd_folder_option {
    display: grid;
    grid-template-columns: 1fr 0.2fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 20px;
    background: #ffffff;
    position: relative;
    padding: 1rem;
    border-radius: 0;
}

@media all and (max-width: 1280px) {
    .grd_folder_option {
        display: grid;
        grid-template-columns: 1fr 0.2fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 1024px) {
    .grd_folder_option {
        display: grid;
        grid-template-columns: 1fr 0.2fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
    }
}

@media all and (max-width: 767px) {
    .grd_folder_option {
        display: grid;
        grid-template-columns: 1fr 0.2fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
    }
}

.full_width {
    overflow-x: auto;
}

@media screen and (min-device-width: 350px) and (max-device-width: 500px) {
    .full_width {
        width: 350px;
    }
}

.help_scroll {
    height: 74vh;
    overflow: auto;
}

.inx_instruc {
    overflow-y: auto;
}

.ctxthome_cmntBox {
    height: 13vh;
    width: 100%;
    margin-bottom: 15px;
    overflow: auto;
}

.ctxthome_htm {
    height: 4vh;
    width: 177%;
    margin-bottom: 15px;
    overflow: auto;
    font-size: 15px;
}

@media all and (max-width: 1280px) {
    .ctxthome_htm {
        width: 100%;
    }
}

@media all and (max-width: 1024px) {
    .ctxthome_htm {
        width: 100%;
    }
}

@media all and (max-width: 767px) {
    .ctxthome_htm {
        width: 90vw;
    }
}

.txtHt {
    height: 19vh;
}

.btn_grpBOtomPad {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 35px;
}

.btn_grpLbel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 15px;
}

.i_invalid {
    background: url("../../img/ix.png") repeat scroll -100px -40px transparent;
    width: 14px;
    height: 14px;
}

.panel-bg {
    background-color: #fafafa;
    border: 1px solid #dddddd;
    border-radius: 7px;
}

.scroll-vertical {
    overflow-y: scroll;
}

.alignCnt_rt {
    text-align: right;
}

.divide_form_lt {
    position: relative;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

@media all and (max-width: 1024px) {
    .divide_form_lt {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media all and (max-width: 767px) {
    .divide_form_lt {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

.setUpConfig {
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    border-radius: 0.5rem;
    background: #ffffff;
    position: relative;
    width: 20%;
    margin: 0 auto;
}

.setUpConfigGenerateBtn {
    padding-top: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.doc_ShipDetail {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 2px;
    border-radius: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ctxtoutbond_cmnt {
    height: 83vh;
    width: 530px;
    /*margin-bottom: 15px;*/
}

@media all and (max-width: 1280px) {
    .ctxtoutbond_cmnt {
        width: 100%;
    }
}

@media all and (max-width: 1024px) {
    .ctxtoutbond_cmnt {
        width: 100%;
    }
}

@media all and (max-width: 767px) {
    .ctxtoutbond_cmnt {
        width: 90vw;
    }
}

.cpnl_LocHelper {
    display: grid;
    grid-template-columns: 166px 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 5px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

@media all and (max-width: 767px) {
    .cpnl_LocHelper {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.doc_searcht {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tablePos {
    width: 100%;
    position: absolute;
}

.large_Lbel_wt_cntrol {
    display: grid;
    grid-template-columns: 196px 1fr;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 5px;
    padding: 5px;
    border-radius: 0;
}

@media all and (max-width: 767px) {
    .large_Lbel_wt_cntrol {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-columns: auto;
    }
}

.logScroll {
    height: 83vh;
    overflow-y: scroll;
    display: block;
}

.htm_timer {
    width: auto;
    border-radius: 0.5rem;
    padding: 1rem;
    color: #3792cb;
    text-align: center;
}

.txt_min_h {
    min-height: 20vh !important;
}

.temp_cls {
    border: 1px dashed #dddddd;
    padding: 3rem;
    position: relative;
    margin-bottom: 30px;
    text-align: center;
}

.rts_box_sizing * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.grid_gap10 {
    grid-gap: 10px 20px;
}

.grid_gap5 {
    grid-gap: 10px 5px;
}

.warning-label {
    font-size: 1.5rem;
    color: red;
    font-style: italic;
    padding-bottom: 2%;
}

#logTable caption {
    font-size: 2rem;
    font-weight: 700;
    padding-bottom: 1%;
}
/* Inyxa Utility classes End Here */ /*# sourceMappingURL=main.css.map */