:root {
    /*color palette*/
    --bs-primary-new-rgb: 13,110,253;
    --bs-primary-rgb: 76, 139, 245;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 26,160,83;
    --bs-danger-rgb: 220,53,69;
    /*Sidebar width*/
    --bs-sidebar-width: 17.5em;
    --bs-mini-sidebar-width: 4.375em;
    /*Font-color*/
    --bs-font-body-color: #212529;
}
.main-content .page-content{
    padding-bottom: 2rem;
}
.hr-vertial {
    width: 1px;
    height: auto !important;
    background: transparent;
    background-image: linear-gradient(180deg,transparent,rgba(0,0,0,1),transparent);
}
@media (max-width: 768px){
    .hr-vertial {
        height: 1px;
        width: 100%;
        background: transparent;
        margin: calc(1rem/2) 0;
        background-image: linear-gradient(90deg,transparent,rgba(0,0,0,1),transparent);
    }
}
.text-decoration-none{
    text-decoration: none;
    cursor: pointer;
}
.form-control {
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.form-check-input:checked {
    background-color: rgb(var(--bs-primary-rgb));
    border-color: rgb(var(--bs-primary-rgb));
}
.form-control:focus, .form-select:focus {
    border-color: rgba(var(--bs-primary-rgb),1);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb),0.2);
}
.text-fs-15{
    font-size: 0.938em;
}

a {
    color: rgb(var(--bs-primary-rgb));
    text-decoration: none;
}
.mm-active .active {
    color: rgba(var(--bs-primary-rgb),1) !important;
}
.nav-item.mm-active > a {
    background-color: rgba(var(--bs-primary-rgb),.09);
    color: rgb(var(--bs-primary-rgb));
}
.mm-active{
    color: unset !important;
}
.form-control:focus, .form-select:focus {
    box-shadow: none;
}

.input-group:focus-within .input-group-text,
.input-group:focus-within .form-control {
    border-color: rgba(var(--bs-primary-rgb),1);
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.card-float {
    /* float: inherit; */
    box-shadow: 0px 0px 10px;
    background-color: #6ca0f7;
    border-bottom-left-radius: 1.25em;
    border-bottom-right-radius: 1.25em;
    margin-top: -39px;
    width: 100%;
}

.my-profile {
    font-size: 1.25em;
    margin-bottom: -5px;
    color: white;
    font-weight: 500;
    margin-bottom: 1.875em;
}

.my-profile-grid {
    display: grid;
}

.my-profile-head-content {
    font-size: 0.813em;
    color: white;
    opacity: 50%;
    margin-bottom: -13rem;
}

.my-profile-content {
    font-size: 0.688em;
    color: white;
}

.my-profile-image {
    margin-top: -0.938em;
    width: 400px;
    height: 200px;
}

/*Full screen style*/
.small-screen-icon {
    display: none;
}

body.fullscreen-enable [data-bs-toggle="fullscreen"] .small-screen-icon {
    display: block;
}

body.fullscreen-enable [data-bs-toggle="fullscreen"] .full-screen-icon {
    display: none;
}

/*Tab Pane*/
.tab-bottom-bordered {
    border-bottom: 4px solid rgba(var(--bs-primary-rgb), 0.1);
}
.tab-bottom-bordered .nav.nav-tabs{
    border: 0;
}
.tab-bottom-bordered .nav-tabs .nav-link {
    color: #8a92a6;
    position: relative;
    border: 0;
    padding: 0.5em 3em;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.tab-bottom-bordered .nav-tabs .nav-link::after {
    content: "";
    position: absolute;
    width: 0%;
    height: 3px;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
    background: rgb(var(--bs-primary-rgb));
    bottom: -3px;
    left: 50%;
    top: unset;
    z-index: 1;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.tab-bottom-bordered .nav-tabs .nav-link::before {
    content: "";
    position: absolute;
    width: 0%;
    height: 3px;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
    background: rgb(var(--bs-primary-rgb));
    bottom: -3px;
    right: 50%;
    top: unset;
    z-index: 1;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.tab-bottom-bordered .nav-tabs .nav-link.active,
.tab-bottom-bordered .nav-tabs .nav-link.focus {
    background-color: rgba(var(--bs-primary-rgb),0.1);
    color: rgb(var(--bs-primary-rgb));
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border: unset;
}

.tab-bottom-bordered .nav-tabs .nav-link.active::before {
    width: 60%;
    right: 0;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.tab-bottom-bordered .nav-tabs .nav-link.active::after {
    width: 60%;
    left: 0;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.tab-bottom-bordered.iq-custom-tab-border .nav-tabs .nav-link:nth-child(1) {
    padding-left: unset;
}
.tab-content.iq-tab-fade-up .tab-pane.fade{
	opacity: 0;
	transform: translateY(10px);
	transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
}
.tab-content.iq-tab-fade-up .tab-pane.fade.active.show{
	opacity: 1;
	transform: translateY(0);
}

.tab-hover-border.tab-bottom-bordered .nav-tabs .nav-link:not(.active):hover {
    color: rgb(var(--bs-primary-rgb));
}
.tab-hover-border.tab-bottom-bordered .nav-tabs .nav-link:not(.active):hover::before {
    width: 60%;
    right: 0;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.tab-hover-border.tab-bottom-bordered .nav-tabs .nav-link:not(.active):hover::after {
    width: 60%;
    left: 0;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

/*FAQ CSS*/
.aboutpamimg {
    width: 80%;
    height: 100%;
    margin-top: 10px;
}

.aboutpamversion {
    position: absolute;
    bottom: 0;
}

.tab-content > .active {
    display: block;
    border-radius: 10px;
}

.accordion {
    max-width: 90rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    overflow: hidden;
    font-family: "Quicksand", sans-serif;
    background: #fff;
}

.accordion__label,
.accordion__content {
    padding: 14px 1.25em;
}

.accordion__label {
    display: block;
    color: #272d3b;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    transition: background 0.5s;
}

    .accordion__label:hover {
        background: #E9F1FF;
    }

    .accordion__label::after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 1.25em;
        width: 12px;
        height: 6px;
        background-image: url('data:image/svg+xml;utf8,<svg width="100" height="50" xmlns="http://www.w3.org/2000/svg"><polygon points="0,0 100,0 50,50" style="fill:%23FFFFFF99;" /></svg>');
        background-size: contain;
        transition: transform 0.4s;
    }

.accordion__content {
    background: #87CEFB;
    line-height: 1.6;
    font-size: 0.9rem;
    display: none;
}

.accordion__input {
    display: none;
}

.accordion_input:checked ~ .accordion_content {
    display: block;
}

.accordion_input:checked ~ .accordion_label::after {
    transform: translateY(-50%) rotate(0.5turn);
}

.padding {
    margin-top: 3rem;
}
.HelpandSupport {
    margin-top: 10px;
    display: block;
    text-align: center !important;
    justify-content: center;
}

/*TroubleShooter Page CSS*/
.Porthead {
    margin: 5px;
    margin-top: 10px;
}

.inputbottom {
    margin-bottom: 5px;
    margin: 0.938em;
}

.troublestatus {
    margin: 10px;
}

.btnexe, .btnstop {
    display: inline-block;
    width: 45%;
}

/*==================================================================*/
/*Sidebar Width*/

.apex-charts {
    min-height: 10px !important;
}

.apexcharts-canvas {
    margin: 0 auto;
}

.apexcharts-yaxis,
.apexcharts-xaxis {
    font-family: "IBM Plex Sans",sans-serif !important;
    fill: #000;
}


.apex-charts text {
    font-family: "IBM Plex Sans",sans-serif !important;
    fill: #000000;
    font-weight: 600;
}


.liclogo {
    margin-top: 12px;
    width: 80px;
    height: 50px;
}

.radical {
    margin: -2rem;
}

/*User Profile Css*/
.card-float {
    /*float:inherit;*/
    box-shadow: 0px 0px 10px;
    background-color: #6ca0f7;
    border-bottom-left-radius: 1.25em;
    border-bottom-right-radius: 1.25em;
    margin-top: -19px;
    width: 100%;
}

.totalpam {
    margin-bottom: 1.25em;
}

.my-profile {
    font-size: 1.25em;
    margin-bottom: -5px;
    color: white;
    font-weight: 500;
    margin-bottom: 1.875em;
}

.my-profile-grid {
    display: grid;
}

.my-profile-head-content {
    font-size: 0.813em;
    color: white;
    opacity: 50%;
    margin-bottom: -13rem;
}

.my-profile-content {
    font-size: 0.688em;
    color: white;
}

.my-profile-image {
    margin-top: -0.938em;
    width: 400px;
    height: 220px;
}

/*Tooltip CSS*/
.tooltip {
    position: relative;
    display: inline-block;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        top: 100%;
        left: 50%;
        margin-left: -60px;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

/*Table CSS*/
.table-padding {
    margin: -10px;
}

.row-top {
    margin-top: 10px;
}

.ir-custom-table-style {
    border-radius: .5rem;
    border: 2px solid #E7E7E7;
}
.ir-custom-table-style .table {
    margin-bottom: 0px;
}
.ir-custom-table-style .table thead tr td,
.ir-custom-table-style .table thead tr th,
.ir-custom-table-style .table tbody tr td,
.ir-custom-table-style .table tbody tr th{
    border-bottom: 2px solid #E7E7E7
}



.ir-custom-table-style .table thead tr > td,
.ir-custom-table-style .table thead tr > th {
    padding: 12px 14px;
    font-size: 16px;
    color: #000;
    font-weight: bold;
    border-bottom: 0;
}
.ir-custom-table-style .table thead tr > td,
.ir-custom-table-style .table thead tr > th {
    border-right: 2px solid #E7E7E7;
}

.ir-custom-table-style .table thead tr td:last-child,
.ir-custom-table-style .table thead tr th:last-child{
    border-right: 0px;
}

.ir-custom-table-style .table tbody{
    border-top: 2px solid #E7E7E7;
}

.ir-custom-table-style .table tbody tr > td,
.ir-custom-table-style .table tbody tr > th {
    padding: 6px 14px;
    font-size: 0.938em;
    border-color: #E7E7E7;
}
.ir-custom-table-style .table tbody tr:last-child td,
.ir-custom-table-style .table tbody tr:last-child th{
    border-bottom: 0px;
}

.ir-custom-table-style .table tbody tr:hover td,
.ir-custom-table-style .table tbody tr:hover th{
    background-color: rgba(var(--bs-primary-rgb), .13);
}


#jq-grid .ui-widget-content:hover td {
    background-color: rgba(var(--bs-primary-rgb), .13);
}
.jqGrid-noData {
    text-align: center;
    font-size: 1rem;
    color: grey;
    font-weight: 700;
    padding: 12px 14px !important;
}
.jqgrid-start .jqGrid-noData {
    text-align: left;
}
    .scrollingTable {
    width: 30em;
    overflow-y: auto;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: #ffff; /* #CBF6FF*/
    color: var(--bs-table-striped-color);
}

/*Preloader CSS  */
.preloaderdiv {
    height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*==================================================================================================*/

/*FAQ CSS*/

.aboutpamimg {
    width: 80%;
    height: 100%;
    margin-top: 10px;
}

.aboutpamversion {
    position: absolute;
    bottom: 0;
}

/*.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-radius: 10px;
    border-color: #ced4da #ced4da #fff;
}*/

.tab-content > .active {
    display: block;
    border-radius: 10px;
}

.accordion {
    max-width: 90rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    overflow: hidden;
    font-family: "Quicksand", sans-serif;
    background: #fff;
}

.accordion__label,
.accordion__content {
    padding: 14px 1.25em;
}

.accordion__label {
    display: block;
    color: #272d3b;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    transition: background 0.5s;
}

    .accordion__label:hover {
        background: #E9F1FF;
    }

    .accordion__label::after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 1.25em;
        width: 12px;
        height: 6px;
        background-image: url('data:image/svg+xml;utf8,<svg width="100" height="50" xmlns="http://www.w3.org/2000/svg"><polygon points="0,0 100,0 50,50" style="fill:%23FFFFFF99;" /></svg>');
        background-size: contain;
        transition: transform 0.4s;
    }

.accordion__content {
    background: #87CEFB;
    line-height: 1.6;
    font-size: 0.9rem;
    display: none;
}

.accordion__input {
    display: none;
}

.accordion_input:checked ~ .accordion_content {
    display: block;
}

.accordion_input:checked ~ .accordion_label::after {
    transform: translateY(-50%) rotate(0.5turn);
}

.padding {
    margin-top: 3rem;
}

/* =========================================================== */
/* Collapsible */
.collapsible {
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 0.938em;
}

.content {
    padding: 0 18px;
    display: none;
    overflow: hidden;
    background-color: #f1f1f1;
}
/* FAQ Head Color */
.w3-red, .w3-hover-red:hover {
    color: #005eff !important;
    background-color: #dee8fc !important
}

.btncolor {
    color: green;
}

.footerpad {
    margin-bottom: 1.25em;
}

body {
    font: lighter 1.2em/100%;
    text-align: left;
    background: #f9f9f9;
}

.faq {
    width: 80%;
    margin: 0 auto;
}

.centerplease {
    text-align: center;
    margin: 0 auto;
    font-size: 40px;
}

.question {
    color: #fff;
    position: relative;
    background: white;
    margin: 0 auto;
    padding: 10px 10px 10px 50px;
    display: block;
    cursor: pointer;
    color: black;
}

.answers {
    border-top: 1px solid #D4d4d4;
    background: white;
    color: #689ef3;
    padding: 0px 0.938em;
    margin: 0 0 7px 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    position: relative;
    opacity: 0;
    -webkit-transition: .7s ease;
    -moz-transition: .7s ease;
    -o-transition: .7s ease;
    transition: .7s ease;
}

.questions:checked ~ .answers {
    height: auto;
    opacity: 1;
    padding: 0.938em;
}

.plus {
    position: absolute;
    margin-left: 10px;
    z-index: 5;
    font-size: 1.8em;
    line-height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

.questions:checked ~ .plus {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.questions {
    display: none;
}
.ir-custom-resource .ir-download-container{
    padding: 10px;
    border-bottom: 1px solid #eee;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.ir-custom-resource .ir-download-container:last-child{
    border: 0;
}

.ir-custom-resource .ir-download-container:hover{
    background-color: rgba(var(--bs-primary-rgb),.05);
}
/*===============================================================================*/
/*TroubleShooter Page CSS*/
.Porthead {
    margin: 5px;
    margin-top: 10px;
}

.inputbottom {
    margin-bottom: 5px;
    margin: 0.938em;
}

.troublestatus {
    margin: 10px;
}

.btnexe, .btnstop {
    display: inline-block;
    width: 45%;
    /* additional code */
}

/*=================================Trace Route=================================*/

.tracecontent {
    margin: 10px;
}

/*==================================Secure Access=======================================*/


.btnsecure {
    display: inline-block;
    width: 30%;
    /* additional code */
}

.cardspace {
    width: 80%;
}
/*===================================Authentication Setting=====================*/

.space {
    margin-bottom: 12px;
}

.radiosapce {
    display: block;
}

.btnsecure1 {
    display: inline-block;
    width: 20%;
    /* additional code */
}

.btnleft {
    margin-left: -8rem;
}

.spcbtn {
    margin-right: 10px;
}
/*=================Card Curved and shadow==================================*/

/*Cockpit*/
.graph-top {
    margin-top: 10px;
}

/*Loader Start*/
    .loader {
        /*background-color: #fdfafc;*/
        background-color: #ffffff;
        height: 100%;
        width: 100%;
        position: fixed;
        place-content: center;
        overflow: hidden !important;
        right: 0px;
        z-index: 1250;
        margin: auto;
        left: 0;
    }

    .loader .loader-body {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        position: relative;
    }

    @keyframes fadeOut {
        from {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

    .animate_fadeOut {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut;
    }

    .animate_animated {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    .ir-custom-popover:hover {
        cursor: pointer;
        color: rgba(var(--bs-primary-rgb),.8);
        -webkit-transition: all 400ms ease;
        -o-transition: all 400ms ease;
        transition: all 400ms ease;
    }
    /*Loader End*/
    #page-topbar {
        left: var(--bs-sidebar-width);
        z-index: 1049;
    }
    .dropdown-item .align-middle{
        margin-left: .5rem;
    }

/*new sidebartree-menu sidebar*/

#sidebar-menu ul li a{
    color: #6c757d;
}
.vertical-menu #sidebar-menu ul li a:hover,
.vertical-menu #sidebar-menu ul li ul.sub-menu li a:hover {
    color: rgb(var(--bs-primary-rgb));
}

.vertical-menu.sidebartree-menu {
    width: var(--bs-sidebar-width);
    z-index: 1050;
}

.vertical-menu.sidebartree-menu + .main-content {
    margin-left: var(--bs-sidebar-width);
}

.vertical-menu.sidebartree-menu + .main-content .footer {
    left: var(--bs-sidebar-width);
}

/*mini sidebar*/

body.vertical-collpsed .vertical-menu.sidebartree-menu {
    width: var(--bs-mini-sidebar-width) !important;
}

body.vertical-collpsed .vertical-menu.sidebartree-menu + .main-content {
    margin-left: var(--bs-mini-sidebar-width);
}

body.vertical-collpsed .vertical-menu.sidebartree-menu + .main-content .footer {
    left: var(--bs-mini-sidebar-width);
}
body.vertical-collpsed #layout-wrapper {
    position: relative;
}
body.vertical-collpsed #sidebar-menu {
    padding-bottom: 0;
}

/*End*/

.count-user-select{
    width: 12rem !important;
}
.ir-card-header {
    border-bottom: 1px solid rgba(0,0,0,0.03);
    padding: 1.25rem 0;
    margin: 0 1.25rem;
}
@media (max-width: 992px) {
    .vertical-menu.sidebartree-menu + .main-content .footer {
        left: unset;
        position: static;
        height: unset;
        padding: 10px calc(1.25rem / 2);
    }
}
@media (max-width: 768px) {
    .ir-doc-btns-width,
    .ir-form-input-width {
        width: 100%;
    }

}

    body:not(.vertical-collpsed) .vertical-menu.sidebartree-menu .iq-main-menu .nav-item.static-item {
        margin: .5rem 0 0;
    }

    body:not(.vertical-collpsed) .vertical-menu.sidebartree-menu .iq-main-menu .nav-item.static-item .nav-link.static-item .default-icon {
        text-transform: uppercase;
        letter-spacing: .18rem;
    }

    body:not(.vertical-collpsed) .vertical-menu.sidebartree-menu .iq-main-menu .nav-item.static-item .nav-link.static-item .mini-icon {
        display: none;
    }

    body.vertical-collpsed .vertical-menu.sidebartree-menu .iq-main-menu .nav-item.static-item .nav-link.static-item .default-icon,
    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li.static-item:hover > a span.default-icon {
        display: none;
    }

    body.vertical-collpsed .vertical-menu.sidebartree-menu .iq-main-menu .nav-item.static-item .nav-link.static-item .mini-icon {
        display: block !important;
        padding: unset !important;
        text-align: center;
    }

    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li.static-item:hover > a {
        width: unset;
        color: #383c40;
        box-shadow: unset;
        background-color: unset;
    }

    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li.static-item:hover > a span.default-icon {
        display: none;
    }

    body:not(.vertical-collpsed) .vertical-menu.sidebartree-menu .iq-main-menu {
        padding-right: .5rem;
    }

    body:not(.vertical-collpsed) .vertical-menu.sidebartree-menu #sidebar-menu .iq-main-menu .nav-item a {
        margin: 0;
        display: flex;
        align-items: center;
        gap: .4rem;
    }

    body.vertical-collpsed .vertical-menu.sidebartree-menu #sidebar-menu .iq-main-menu .nav-item a {
        padding: 0.938em 10px;
        margin: 0;
    }

    .hw-30 {
        height: 1.875em;
        width: 1.875em;
    }
    .hw-32 {
        height: 2em;
        width: 2em;
    }

    body.vertical-collpsed .vertical-menu.sidebartree-menu #sidebar-menu .iq-main-menu .nav-item a svg {
        margin-left: .563rem;
    }

    body.vertical-collpsed .vertical-menu.sidebartree-menu #sidebar-menu > ul .sub-menu {
        padding: 0;
    }

    body.vertical-collpsed .vertical-menu.sidebartree-menu #sidebar-menu > ul .sub-menu .nav-item:hover > .sub-menu,
    body.vertical-collpsed .vertical-menu.sidebartree-menu #sidebar-menu > ul .sub-menu .nav-item:hover > .sub-menu .nav-item .nav-link,
    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a,
    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul {
        width: auto !important;
        min-width: 190px;
    }

    body.vertical-collpsed .vertical-menu.sidebartree-menu #sidebar-menu > ul .sub-menu .nav-item:hover > .sub-menu {
        left: 100%
    }

    body:not(.vertical-collpsed) .vertical-menu.sidebartree-menu #sidebar-menu .iq-main-menu .nav-item .sub-menu .nav-item::after {
        content: "";
        border-left: 2px solid gray;
        bottom: 0;
        position: absolute;
        top: 0;
    }

    body:not(.vertical-collpsed) .vertical-menu.sidebartree-menu #sidebar-menu .iq-main-menu .nav-item .sub-menu .nav-item::before {
        content: '';
        background: gray;
        bottom: auto;
        height: 2px;
        margin-top: 0.938em;
        position: absolute;
        right: auto;
        width: 10px;
        z-index: 1;
        border-radius: 0%;
    }
    /*sidebar tree style level001*/
    body:not(.vertical-collpsed) .vertical-menu.sidebartree-menu #sidebar-menu .iq-main-menu .nav-item .sub-menu .nav-item::after,
    body:not(.vertical-collpsed) .vertical-menu.sidebartree-menu #sidebar-menu .iq-main-menu .nav-item .sub-menu .nav-item::before {
        left: 24px;
    }

    body:not(.vertical-collpsed) .vertical-menu.sidebartree-menu #sidebar-menu .iq-main-menu .nav-item .sub-menu .nav-item .nav-link {
        padding: .4rem 1rem .4rem 2rem;
    }
    /*sidebar tree style level002 */
    body:not(.vertical-collpsed) .vertical-menu.sidebartree-menu #sidebar-menu .iq-main-menu .nav-item .sub-menu.level-002 .nav-item::after,
    body:not(.vertical-collpsed) .vertical-menu.sidebartree-menu #sidebar-menu .iq-main-menu .nav-item .sub-menu.level-002 .nav-item::before {
        left: 14%;
    }

    body:not(.vertical-collpsed) .vertical-menu.sidebartree-menu #sidebar-menu .iq-main-menu .nav-item .sub-menu.level-002 .nav-item .nav-link {
        padding: .4rem 1rem .4rem 2.8rem;
    }
    /*sidebar tree style level003 */
    body:not(.vertical-collpsed) .vertical-menu.sidebartree-menu #sidebar-menu .iq-main-menu .nav-item .sub-menu.level-003 .nav-item::after,
    body:not(.vertical-collpsed) .vertical-menu.sidebartree-menu #sidebar-menu .iq-main-menu .nav-item .sub-menu.level-003 .nav-item::before {
        left: 20%;
    }

    body:not(.vertical-collpsed) .vertical-menu.sidebartree-menu #sidebar-menu .iq-main-menu .nav-item .sub-menu.level-003 .nav-item .nav-link {
        padding: .4rem 1rem .4rem 4rem;
    }
    /*sidebar tree style level004 */
    body:not(.vertical-collpsed) .vertical-menu.sidebartree-menu #sidebar-menu .iq-main-menu .nav-item .sub-menu.level-004 .nav-item::after,
    body:not(.vertical-collpsed) .vertical-menu.sidebartree-menu #sidebar-menu .iq-main-menu .nav-item .sub-menu.level-004 .nav-item::before {
        left: 27%;
    }

    body:not(.vertical-collpsed) .vertical-menu.sidebartree-menu #sidebar-menu .iq-main-menu .nav-item .sub-menu.level-004 .nav-item .nav-link {
        padding: .4rem 1rem .4rem 5rem;
    }
    /*sidebar tree style level005 */
    body:not(.vertical-collpsed) .vertical-menu.sidebartree-menu #sidebar-menu .iq-main-menu .nav-item .sub-menu.level-005 .nav-item::after,
    body:not(.vertical-collpsed) .vertical-menu.sidebartree-menu #sidebar-menu .iq-main-menu .nav-item .sub-menu.level-005 .nav-item::before {
        left: 34%;
    }

    body:not(.vertical-collpsed) .vertical-menu.sidebartree-menu #sidebar-menu .iq-main-menu .nav-item .sub-menu.level-005 .nav-item .nav-link {
        padding: .4rem 1rem .4rem 6rem;
    }

    body:not(.vertical-collpsed) .vertical-menu.sidebartree-menu .iq-main-menu .nav-item:not(.static-item) {
        padding-left: .5rem;
    }

    .vertical-menu.sidebartree-menu .iq-main-menu .nav-item .sub-menu {
        position: relative;
    }

    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li.ir-popover:hover > a {
        width: calc(190px + 70px);
    }

    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li.ir-popover.mm-active > a {
        position: relative;
        width: calc(190px + 70px);
        color: #5b73e8;
        background-color: #f3f8fb;
        -webkit-transition: none;
        transition: none;
        box-shadow: inset 0 3px 10px 0 rgba(154,161,171,.2);
    }

    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li.ir-popover.mm-active > a span {
        display: inline;
    }

    .required {
        color: red;
    }
    /*progressbar*/
    .ir-progress-bar {
        height: 10px;
    }

        .ir-progress-bar .progress-bar {
            border-radius: 8px;
        }
    /*Full screen style*/
    .small-screen-icon {
        display: none;
    }

    body.fullscreen-enable [data-bs-toggle="fullscreen"] .small-screen-icon {
        display: block;
    }

    body.fullscreen-enable [data-bs-toggle="fullscreen"] .full-screen-icon {
        display: none;
    }


    .loginDiv_Custom.loginDiv {
        margin-top: unset;
    }

    .mt-40px {
        margin: 40px 0;
    }

    .mt-4020px {
        margin: 40px 0 1.25em;
    }

    /*Topbar Client Logo*/
    .header-item.icon_height {
        height: 45px;
        width: 100px;
    }

    /*Login Footer*/
    .whitefooter {
        background-color: white;
        position: fixed;
        left: 0px;
        bottom: 0px;
        width: 100%;
        padding: 1.25em;
        text-align: center;
    }

    .font-14 {
        font-size: 14px;
    }

    .font-12 {
        font-size: 12px;
    }

    .SoftBlue {
        background-color: #dceaff;
    }

    /*//new login css*/

    footer {
        background: #ffffff;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 10;
        box-shadow: 0px 0px 5px lightgray;
    }

        footer .footer-body {
            padding: 1rem 0;
        }

    .main-content .content-inner {
       margin-top:-3.4rem !important;
       margin-bottom:-3.4rem !important;
       height:100vh;
       
       place-items:center;
    }

    .ij-navbar {
        position: sticky;
        top: 0;
        z-index: 10;
        box-shadow: 0px 0px 5px lightgray;
    }

    .faq-btn {
        position: fixed;
        bottom: 0px;
        right: 1.25em;
        margin-bottom: 65px;
        height: 60px;
        background: rgba(13,110,253,.3);
        box-shadow: 0 2px 4px rgb(0 0 0 / 7%);
        border-radius: 1.875em;
        padding-right: 10px;
        display: flex;
        align-items: center;
        z-index: 999;
        color: #fff !important;
    }

        .faq-btn::before {
            content: "";
            position: absolute;
            z-index: 0;
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
            display: block;
            width: 70px;
            height: 70px;
            background: rgba(13,110,253,.5);
            border-radius: 50rem;
            animation: pulse-border 1.5s ease-out infinite;
        }

    .p-icon {
        height: 40px;
        width: 40px;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        align-items: center;
        justify-content: center;
        background-color: #0d6efd;
        border-radius: 50rem;
        margin: 10px 0 10px 10px;
        transition: all .4s cubic-bezier(.4,0,.2,1);
    }

        .p-icon img {
            height: 1.563em;
            width: 1.563em;
        }

    @media (max-width: 576px) {
        footer {
            position: fixed;
        }

        .main-content .content-inner {
            padding: 2.5rem 0;
            margin-top:8rem !important;
            margin-bottom:13rem !important;
        }
    }


    @keyframes pulse-border {
        0% {
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
            -webkit-opacity: 1;
            -moz-opacity: 1;
            -ms-opacity: 1;
            -o-opacity: 1;
            opacity: 1;
        }

        to {
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
            -webkit-opacity: 0;
            -moz-opacity: 0;
            -ms-opacity: 0;
            -o-opacity: 0;
            opacity: 0;
        }
    }
    /*=====================================================================================================================*/
    /* Container Top Margin */

    .Container-top {
        width: 100%;
        background-color: rgb(255, 255, 255);
        border-radius: 0.938em !important;
        box-shadow: 0 0.625rem 1.875rem rgb(0,0,0,30%);
    }

    .mainnav {
        box-shadow: 0px 0px 5px lightgray;
    }


    /* Login Page */

    .loginDiv {
        margin-top: 40px;
        margin-left: 40px;
    }


    /* Buttton Space */

    .space {
        margin-right: -10px;
        width: 1.25em;
    }


    /* Button text Size */

    .text {
        font-size: 18px;
    }


    /* TOp margin */

    .top {
        margin-top: 80px;
    }


    /* reset password align */

    .reset-align {
        margin-bottom: 5px;
        color: #6CA0F7;
        font-size: 14px;
    }

    .resendpass {
        margin-left: 90%;
        color: #6CA0F7;
    }


    /* Slider align */

    .top-slider {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    /* Lic logo */

    .client-logo-img {
        margin-left: -50px;
        width: 10rem;
        height: 75px;
        /*object-fit: cover;*/
    }

    /* dropdown font */

    .dp-font {
        font-size: 14px;
    }


    /* padding right */

    .pad-right {
        padding-right: 4%;
    }


    /* shift content right */

    .right {
        margin-left: 3%;
    }

    .remove {
        margin-right: -1.25em;
    }


    /* Slider align */

    .slider-align {
        margin-left: 2%;
    }


    /* Nav Text */

    .nav-txt {
        float: right;
        font-size: 18px;
    }


    /* footer top */

    .footer-top {
        margin-top: 60px;
    }


    /* Button Align */

    .btn-left {
        margin-left: 1.25em;
    }

    .box5 img {
        width: 8rem;
        opacity: .8;
    }

    .box6 img {
        object-fit: contain;
        margin-top: 10px;
        float: center;
        margin-bottom: 10px;
        margin-right: 2%;
        margin-left: 2%;
    }


    /* Buttons */

    .button1 {
        margin-top: 45px;
    }

    .botton2 {
        margin-top: 80px;
    }

    .button3 {
        margin-top: 70px;
    }

    .button4 {
        margin-top: 26px;
    }

    .button5 {
        margin-top: 40px;
    }

    .passspace {
        margin-top: 5px;
    }


    /* Gauth1 */


    /* Gauth page 2 */

    .box7 img {
        width: 14rem;
        opacity: .8;
    }

    .box8 img {
        object-fit: contain;
        margin-top: 35px;
        float: center;
        margin-bottom: 8px;
        margin-right: 2%;
        margin-left: 2%;
    }

    .authcode {
        margin-top: 10px;
    }


    /* Mobile Otp Img */

    .box9 img {
        width: 10rem;
        opacity: .8;
    }

    .box10 img {
        object-fit: contain;
        margin-top: 10px;
        float: center;
        margin-bottom: 10px;
        margin-right: 2%;
        margin-left: 2%;
    }

    .totplbl {
        margin-top: 1.25em;
    }

    .top-img {
        margin-top: 1.875em;
    }


    /* Footer FAQ */

    .box3 img {
        width: 40px;
        height: 58px;
        opacity: .8;
    }

    .box4 img {
        object-fit: contain;
        margin-top: -58px;
        float: right;
        margin-right: 2%
    }


    /* Reset pwd Img */

    .box11 img {
        width: 8rem;
        opacity: .8;
        margin-top: -1.8rem;
    }

    .box12 img {
        object-fit: contain;
        float: center;
        margin-bottom: 10px;
        margin-right: 2%;
        margin-left: 2%;
    }


    /* Biometric Verification */

    .box13 img {
        width: 20rem;
        opacity: .8;
        margin-top: -1.8rem;
    }

    .box14 img {
        object-fit: contain;
        float: center;
        margin-bottom: 10px;
        margin-right: 2%;
        margin-left: 2%;
    }


    /* Alert button center */

    .swal-footer {
        text-align: center;
    }

    .btn-position-bottom {
        position: absolute;
        bottom: 0;
    }
    /* Header */
    #page-topbar {
        box-shadow: 0 0 5px lightgrey;
    }

    .footer {
        background-color: white;
        box-shadow: 0 0 5px lightgrey;
    }

    @media (max-width: 992px) {
        .vertical-menu.sidebartree-menu + script + .main-content .footer {
            left: 0 !important;
        }
    }

    @media (max-width: 768px) {
        .w-md-100 {
            width: 100% !important;
        }

        .btn-position-bottom {
            position: static;
        }
    }

    .btn.btn-soft-primary {
        color: rgb(var(--bs-primary-rgb));
        background-color: rgba(var(--bs-primary-rgb),0.1);
        border-color: rgba(var(--bs-primary-rgb),0.3);
    }
    /*dropdown-toggle*/
    .dropdown-toggle::after {
        display: inline-block;
        margin-left: .5rem;
        vertical-align: 0.255em;
        content: '';
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-left: .3em solid transparent;
        border-bottom: 0;
        transition: all .15s ease;
    }

    .dropdown-toggle.show::after {
        transform: rotate(180deg);
    }

    .dropdown .dropdown-menu {
        padding: .5rem;
        border-radius: .5rem;
    }

        .dropdown .dropdown-menu .dropdown-item {
            padding: .25rem .60rem;
            border-radius: .5rem;
        }

            .dropdown .dropdown-menu .dropdown-item:hover,
            .dropdown .dropdown-menu .dropdown-item:focus {
                color: rgba(var(--bs-primary-rgb),1);
                background-color: rgba(var(--bs-primary-rgb),0.1);
            }

    .btn.rounded-pill {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .btn.btn-soft-primary:hover, .btn.btn-soft-primary:active {
        background-color: rgba(var(--bs-primary-rgb),1);
        color: #fff;
        border-color: rgba(var(--bs-primary-rgb),1);
    }

    .btn.btn-soft-primary:hover, .btn.btn-soft-primary:active {
        background-color: rgba(var(--bs-primary-rgb),1);
        color: #fff;
        border-color: rgba(var(--bs-primary-rgb),1);
    }

    .btn.btn-soft-primary:focus {
        background-color: rgba(var(--bs-primary-rgb),1);
        color: #fff;
        border-color: rgba(var(--bs-primary-rgb),1);
        box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), .5)
    }


    .btn.btn-soft-secondary {
        color: rgb(var(--bs-secondary-rgb));
        background-color: rgba(var(--bs-secondary-rgb),0.1);
        border-color: rgba(var(--bs-secondary-rgb),0.3);
    }

    .btn.btn-soft-secondary:hover, .btn.btn-soft-secondary:active {
        background-color: rgba(var(--bs-secondary-rgb),1);
        color: #fff;
        border-color: rgba(var(--bs-secondary-rgb),1);
    }

    .btn.btn-soft-secondary:focus {
        background-color: rgba(var(--bs-secondary-rgb),1);
        color: #fff;
        border-color: rgba(var(--bs-secondary-rgb),1);
        box-shadow: 0 0 0 0.25rem rgba(var(--bs-secondary-rgb), .5)
    }

    .btn.btn-soft-success {
        color: rgb(var(--bs-success-rgb));
        background-color: rgba(var(--bs-success-rgb),0.1);
        border-color: rgba(var(--bs-success-rgb),0.3);
    }

    .btn.btn-soft-success:hover, .btn.btn-soft-success:active {
        background-color: rgba(var(--bs-success-rgb),1);
        color: #fff;
        border-color: rgba(var(--bs-success-rgb),1);
    }

    .btn.btn-soft-success:focus {
        background-color: rgba(var(--bs-success-rgb),1);
        color: #fff;
        border-color: rgba(var(--bs-success-rgb),1);
        box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), .5)
    }

    .btn.btn-soft-danger {
        color: rgb(var(--bs-danger-rgb));
        background-color: rgba(var(--bs-danger-rgb),0.1);
        border-color: rgba(var(--bs-danger-rgb),0.3);
    }

    .btn.btn-soft-danger:hover, .btn.btn-soft-danger:active {
        background-color: rgba(var(--bs-danger-rgb),1);
        color: #fff;
        border-color: rgba(var(--bs-danger-rgb),1);
    }

    .btn.btn-soft-danger:focus {
        background-color: rgba(var(--bs-danger-rgb),1);
        color: #fff;
        border-color: rgba(var(--bs-danger-rgb),1);
        box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), .5)
    }

    .btn.btn-outline-primary {
        color: rgb(var(--bs-primary-rgb));
        background-color: #fff;
        border-color: rgba(var(--bs-primary-rgb),1);
    }

    .btn.btn-outline-primary:hover, .btn.btn-outline-primary:active {
        background-color: rgba(var(--bs-primary-rgb),1);
        color: #fff;
    }

    .btn.btn-outline-primary:focus {
        background-color: rgba(var(--bs-primary-rgb),1);
        color: #fff;
        box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), .5)
    }
    /*outline-secondary*/
    .btn.btn-outline-secondary {
        color: rgb(var(--bs-secondary-rgb));
        background-color: #fff;
        border-color: rgba(var(--bs-secondary-rgb),1);
    }

    .btn.btn-outline-secondary:hover, .btn.btn-outline-secondary:active {
        background-color: rgba(var(--bs-secondary-rgb),1);
        color: #fff;
    }

    .btn.btn-outline-secondary:focus {
        background-color: rgba(var(--bs-secondary-rgb),1);
        color: #fff;
        box-shadow: 0 0 0 0.25rem rgba(var(--bs-secondary-rgb), .5)
    }

    .input-group .btn.btn-soft-primary:focus{
        color: rgb(var(--bs-primary-rgb),1);
        background-color: rgba(var(--bs-primary-rgb),0.1);
        box-shadow: unset;
    }

    .btn.btn-soft-primary.btn-focus-off:focus{
        color: rgb(var(--bs-primary-rgb));
        background-color: rgba(var(--bs-primary-rgb),0.1);
        border-color: rgba(var(--bs-primary-rgb),0.3);
        box-shadow: unset;
    }

    @media (min-width: 576px) {
        .ir-form-input-width .input-group {
            flex-wrap: nowrap;
        }

            .ir-form-input-width .input-group input {
                width: 16rem;
            }
    }


    /*Report design*/
    .hr-horizontal {
        display: none;
        background: rgba(0,0,0,0);
        border: 0;
        height: 1px;
        margin: 1.5rem 0;
        background-image: linear-gradient(90deg,transparent,rgba(0,0,0,1),transparent);
    }

    .ir-search-input .form-control {
        border-top-left-radius: 50rem;
        border-bottom-left-radius: 50rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

        .ir-search-input .form-control + .input-group-text {
            border-top-right-radius: 50rem;
            border-bottom-right-radius: 50rem;
            padding-left: 1rem;
            padding-right: 1rem;
        }

    .form-select {
        border-radius: .25rem;
    }

    .form-group {
        margin-bottom: 1rem;
    }

    .resetpass-mt-n1 {
        margin-top: -8px;
    }

    .input-group .form-select.drp_admin {
        border-radius: 50rem;
        padding-left: 1rem;
    }


    .ir-date-input .input-group .input-grp-date {
        border-top-left-radius: 50rem;
        border-bottom-left-radius: 50rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .ir-date-input .input-group .form-control[readonly] {
        background-color: #ffffff;
        cursor: pointer;
    }

    .ir-date-input .ir-search-input .form-control {
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem;
    }

    .rmenushow {
        z-index: 1000;
        position: absolute;
        overflow-y: hidden;
        width: 200px;
        height: 150px;
        border-radius: 5px;
    }

    .rmenuhide {
        display: none;
    }

    .rmenushow li {
        list-style: none;
    }

    .rmenushow a {
        background-color: #212529;
        color: white;
        display: block;
        text-decoration: none;
        padding: 12px;
    }

    .rmenushow a:hover {
        background-color: #4C8BF5;
    }

/*Jqgrid Responsive BDS 17-1-22*/
@media screen and (max-width: 800px) and (max-width: 600px),(min-width: 1100px) {
    div.JqResponsive {
        max-width: min-content;
    }
}
@media (max-width: 600px){
    #page-topbar .navbar-header .dropdown .dropdown-menu {
        left: unset !important;
    }
}

@media (min-width: 500px) {
    .min-input-grp{
        width: 22rem
    }
}
@media (min-width: 991.98px) and (max-width: 1150px) {
    .min-input-grp {
        width: 100%;
    }
}
@media (min-width: 1250px) and (max-width: 1400px) {
    .min-input-grp {
        width: 16rem;
    }
}

.nbottom {
    margin-bottom:-3px;
}
.apexcharts-menu-item.exportCSV {
    display:none;
}

.loader1 {
    width: 120px;
    height: 120px;
    margin: 37% auto;
    border: 5px solid #d4d4d43d;
    border-left: 5px solid #54aeea;
    border-right: 5px solid #54aeea;
    animation: loader1 1s linear infinite forwards;
    border-radius: 50%;
}

@keyframes loader1 {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.loader2 {
    width: 120px;
    height: 120px;
    margin: 37% auto;
    border: 5px solid #d4d4d43d;
    border-left: 5px solid #54aeea;
    border-right: 5px solid #54aeea;
    animation: loader2 1s linear infinite forwards;
    border-radius: 50%;
}

@keyframes loader2 {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.loader3 {
    width: 120px;
    height: 120px;
    margin: 37% auto;
    border: 5px solid #d4d4d43d;
    border-left: 5px solid #54aeea;
    border-right: 5px solid #54aeea;
    animation: loader3 1s linear infinite forwards;
    border-radius: 50%;
}

@keyframes loader3 {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.loader4 {
    width: 120px;
    height: 120px;
    margin: 37% auto;
    border: 5px solid #d4d4d43d;
    border-left: 5px solid #54aeea;
    border-right: 5px solid #54aeea;
    animation: loader4 1s linear infinite forwards;
    border-radius: 50%;
}

@keyframes loader4 {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

#pluginDwn {
    margin-left: 3px;
}

.modal-grid-header {
    margin-left:auto;
    margin-right:10px;
}
.usernameoverflow {
    overflow: hidden;
    text-align: start;
    width: 100px;
    max-width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
}
@media (max-width: 576px){
    .usernameoverflow{
        max-width: 50px;
    }
}
/*To hide chart head on UI*/
 .apexcharts-title-text {
    display: none;
}

 @media (max-width: 992px){
        #page-topbar {
            left: 0;
        }
        #page-topbar .navbar-header .navbar-brand-box{
            display: inline-block;
            position: relative;
        }
        .logo span.logo-sm {
            display: inline-block;
        }
        .logo span.logo-lg {
            display: none;
        }
        .navbar-brand-box {
            width: auto;
        }
        #page-topbar .navbar-header .vertical-menu-btn{
            display: inline-block;
        }
    }