﻿/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
.form-check.form-check-solid .form-check-input {
    border: 0;
    background-color: #dad7d7;
}

    .form-check.form-check-solid .form-check-input:active, .form-check.form-check-solid .form-check-input:focus {
        filter: none;
        background-color: #dad7d7;
    }

    .form-check.form-check-solid .form-check-input:checked {
        background-color: #009EF7;
    }

input.form-check-input.radio1:checked {
    background-color: #070f54 !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__options {
    text-align: left !important;
}

.select2-selection--multiple {
    text-align: left !important;
}

.btn-check:checked + .btn.btn-primary, .btn-check:active + .btn.btn-primary, .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .btn.btn-primary:active:not(.btn-active), .btn.btn-primary.active, .btn.btn-primary.show, .show > .btn.btn-primary {
    background-color: #22596c !important;
}

.btn-check:checked + .btn.btn-light, .btn-check:active + .btn.btn-light, .btn.btn-light:focus:not(.btn-active), .btn.btn-light:hover:not(.btn-active), .btn.btn-light:active:not(.btn-active), .btn.btn-light.active, .btn.btn-light.show, .show > .btn.btn-light {
    background-color: #e0e8f0 !important;
    color: #102946 !important;
    font-weight: 600 !important;
}

.bg-darkprimary {
    background-color: #102946 !important;
}

.btn.btn-primary:hover:not(.btn-active) {
    background-color: #22596c !important;
}

input.form-check-input.radio1 {
    box-sizing: border-box;
    display: block;
    height: 20px;
    left: 0;
    top: 0;
    transition: border-color ease 280ms;
    width: 20px;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    background-color: none !important;
}

.CardBoxHover:hover {
    opacity: 1 !important;
}

.CardBoxHover {
    opacity: .7 !important;
}

.active_Addclass {
    opacity: 1 !important;
    border: 2px solid #070f54 !important;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

div.DIVsticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #FFF;
    z-index: 10;
}
/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.offertab-btn {
    width: auto;
    height: 40px;
    color: #fff;
    border-radius: 5px;
    padding: 10px 25px;
    font-size: 18px;
    font-weight: 600;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    outline: none;
}

.btn-offertab {
    color: black;
    line-height: 42px;
    padding: 0 16px;
    border: none;
}

    .btn-offertab span {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
    }

    .btn-offertab:before,
    .btn-offertab:after {
        position: absolute;
        content: "";
        height: 0%;
        width: 1px;
        box-shadow: -1px -1px 10px 0px rgb(255 255 255), -4px -4px 5px 0px rgb(255 255 255), 7px 7px 20px 0px rgb(255 255 255 / 40%), 3px -2px 6px 0px rgb(0 0 0 / 30%);
        z-index: -10;
    }

    .btn-offertab:before {
        right: 0;
        top: 0;
        transition: all 500ms ease;
    }

    .btn-offertab:after {
        left: 0;
        bottom: 0;
        transition: all 500ms ease;
    }

a.text-center.offertab-btn.btn-offertab.active {
    background: rgb(247,150,192);
    background: radial-gradient(circle, rgb(6 124 135) 0%, rgb(96 195 204) 100%);
    box-shadow: none;
    transition: all 500ms ease;
    height: 100%;
    color: white;
}

.btn-offertab:hover {
    background: transparent;
    color: #76aef1;
    box-shadow: none;
}

    .btn-offertab:hover:before {
        transition: all 500ms ease;
        height: 100%;
    }

    .btn-offertab:hover:after {
        transition: all 500ms ease;
        height: 100%;
    }

.btn-offertab span:before,
.btn-offertab span:after {
    position: absolute;
    content: "";
    box-shadow: -1px -1px 20px 0px rgba(255,255,255,1), -4px -4px 5px 0px rgba(255,255,255,1), 7px 7px 20px 0px rgba(0,0,0,.4), 4px 4px 5px 0px rgba(0,0,0,.3);
}

.btn-offertab span:before {
    left: 0;
    top: 0;
    width: 0%;
    height: .5px;
    transition: all 500ms ease;
}

.btn-offertab span:after {
    right: 0;
    bottom: 0;
    width: 0%;
    height: .5px;
    transition: all 500ms ease;
}

.btn-offertab span:hover:before {
    width: 100%;
}

.btn-offertab span:hover:after {
    width: 100%;
}

.cursor-no-drop {
    cursor: no-drop !important;
}
/*.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}*/
/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

/*breadcrumbs css Start*/
.steps {
    list-style: none;
    display: flex;
}

    .steps .step {
        white-space: nowrap;
        transition: 0.3s ease-in-out;
        background: #089ba9;
        position: relative;
        height: 35px;
        line-height: 35px;
        margin-right: 30px;
        padding: 0 10px;
    }

    .steps .step, .steps .step-two > a {
        text-decoration: none;
        color: white;
    }

        .steps .step:last-child {
            margin-right: 0;
        }
        /*.steps .step:first-child::before {
                display: none;
            }*/
        .steps .step::after {
            transition: 0.3s ease-in-out;
            position: absolute;
            top: 0;
            right: -25px;
            border-left: 25px solid #089ba9;
            border-top: 18px solid transparent;
            border-bottom: 17px solid transparent;
            content: "";
        }
        /*.steps .step:last-child::after {
                display: none;
            }*/
        .steps .step:first-child {
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

    .steps li:not(:first-child):last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .steps .step-two {
        white-space: nowrap;
        transition: 0.3s ease-in-out;
        background: #41d2d2;
        position: relative;
        height: 35px;
        line-height: 35px;
        margin-right: 30px;
        padding: 0 10px;
    }

        .steps .step-two::before {
            transition: 0.3s ease-in-out;
            content: "";
            position: absolute;
            top: 0;
            left: -25px;
            border-left: 25px solid transparent;
            border-top: 18px solid #41d2d2;
            border-bottom: 17px solid #41d2d2;
        }

        .steps .step-two::after {
            transition: 0.3s ease-in-out;
            position: absolute;
            top: 0;
            right: -25px;
            border-left: 25px solid #41d2d2;
            border-top: 18px solid transparent;
            border-bottom: 17px solid transparent;
            content: "";
        }

    .steps .step-thr {
        white-space: nowrap;
        transition: 0.3s ease-in-out;
        background: #a0e8e8;
        position: relative;
        height: 35px;
        line-height: 35px;
        margin-right: 30px;
        padding: 0 10px;
    }

        .steps .step-thr::before {
            transition: 0.3s ease-in-out;
            content: "";
            position: absolute;
            top: 0;
            left: -25px;
            border-left: 25px solid transparent;
            border-top: 18px solid #a0e8e8;
            border-bottom: 17px solid #a0e8e8;
        }
/*breadcrumbs css End*/

.w-35 {
    width: 35% !important;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    /*font-family: Segoe UI, Roboto, sans-serif;*/
    font-family: system-ui,"Segoe UI",roboto,"Noto Sans",oxygen,ubuntu,cantarell,"Fira Sans","Droid Sans","Helvetica Neue",arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    background-color: #F4FAFF !important;
}
/*.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;*/ /* Vertically center the text there */
/*}*/
.top-85 {
    top: 85%;
}

.top-65 {
    top: 65%;
}

.w-60 {
    width: 60% !important;
}

@media (min-width: 992px) {
    body {
        --kt-app-header-secondary-height: 80px !important;
    }

    .RegistrationBankclass-lg {
        width: 50%;
        margin-top: 25px;
    }
}

@media (max-width: 991px) {
    .RegistrationBankclass {
        width: 75%;
        margin-top: 25px;
    }
}

@media (min-width: 768px) {
    .logo-name {
        height: 45px !important;
    }
}

@media (max-width: 550px) {
    .top-80 {
        top: 80% !important;
    }
}

@media (max-width: 768px) {
    .bg-hidden {
        display: none !important;
    }
}

/*Css edited by Mehul - table-GetCheckListpage*/
.table-button {
    white-space: nowrap;
}

/*HighChart css Start*/
.highcharts-figure,
.highcharts-data-table table {
    min-width: 320px;
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Poppins, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

input[type="number"] {
    min-width: 50px;
}

.highcharts-credits {
    display: none !important;
}
/*Css edited by Mehul Dashboard - GetData*/
button.highcharts-a11y-proxy-button {
    font-size: 13px;
    font-family: Poppins, sans-serif;
    font-weight: 600;
}
/*HighChart css End*/
/*Css edited by Mehul Dashboard - GenerateClaims page*/
.select2-container .select2-selection--multiple {
    overflow-y: auto !important;
    height: 42px !important;
}

.select2-container--open {
    z-index: 99999;
}
/*scroll height css edited by Hemangini*/
@media (min-width: 992px) {
    div:: -webkit-scrollbar, main::-webkit-scrollbar, ol::-webkit-scrollbar, pre::-webkit-scrollbar, span::-webkit-scrollbar, ul::-webkit-scrollbar {
        height: 0.8rem;
    }
}

.text-h-auto {
    overflow-y: auto !important;
    height: 350px;
}
/*(_TodoList.cshtml)Todo height scroll css edited by Dixit*/
.Todo-h-auto {
    overflow-y: auto;
    height: 405px;
}

/*(_Notification.cshtml)Todo height scroll css edited by Dixit*/
.Notifications-h-auto {
    overflow-y: auto;
    height: 405px;
}
/*css edited by Hemangini for Select ICD Code*/
.text-select-opation select, option {
    word-break: break-all !important;
    white-space: break-spaces !important;
}

@media (max-width: 992px) {
    .cpd-btn {
        display: flex !important;
    }
}

.modal-xxl {
    max-width: 80% !important;
}

.ui-autocomplete {
    width: 250px !important;
    height: 400px !important;
    overflow: scroll !important;
}

.w-177px {
    width: 177px !important;
}

.h-42 {
    height: 42.95px !important;
}

.h-467px {
    height: 467px !important;
}

.h-620px {
    height: 620px !important;
}

.h-580px {
    height: 580px !important;
}

.h-560px {
    height: 560px !important;
}

.h-520px {
    height: 520px !important;
}

.h-780px {
    height: 780px !important;
}

.h-lg-452px {
    height: 452px !important;
}
/*Post Payment History */
.dataTables_scrollFootInner {
    width: 100% !important;
}
/*Appointments before css edited by Hemangini */
.datelabel:before {
    left: 101px !important;
}

div.dataTables_scrollBody thead {
    display: none;
}


/*lawyerclient start css*/

body.header-fixed {
    padding-top: 60px !important;
}

.text-color {
    color: #102946;
}

.text-color-hover-primary {
    color: #102946;
}

.darkblue {
    background-color: #102946 !important;
}

.bg-color {
    background-color: #F3F6F9;
}

.svg-icon.svg-icon-white {
    color: #ffffff;
}

.nav-link {
    color: #000 !important;
}

.btn.btn-darkblue {
    color: #FFFFFF;
    border-color: #102946;
    background-color: #102946;
}

.btn.btn-active-darkblue:hover:not(.btn-active) {
    color: #FFFFFF !important;
    border-color: #102946;
    background-color: #102946 !important;
}

.nav-pills .nav-link.active {
    color: #FFFFFF !important;
    border-color: #102946;
    background-color: #4ac9d7 !important;
}

span.typed-cursor.typed-cursor--blink {
    display: none !important;
}

.border-hover-darkblue:hover {
    border-color: #102946 !important;
}

.border-darkblue {
    border-color: #102946 !important;
}

.svg-icon.svg-icon-darkblue {
    transition: fill .3s ease;
    fill: #102946;
}

    .svg-icon.svg-icon-darkblue svg [fill]:not(.permanent):not(g) {
        transition: fill .3s ease;
        fill: #102946;
    }

.table-responsive::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
}

.table-responsive::-webkit-scrollbar-track {
    background: #f5f5f5 !important;
    box-shadow: #f8f8fa;
}

.table-responsive::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0,0,0,0.3) !important;
}

@media (min-width: 864px)and (max-width: 1199px) {
    .time-log {
        width: 83% !important;
    }
}


@media (min-width: 1200px) {
    .img-fluid-responsive {
        height: 625px !important;
    }
}

@media (max-width: 992px) {
    .login-center {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .header-m {
        display: block !important;
        text-align: center;
    }

    .profile-n {
        display: block !important;
        margin-left: 0px !important;
    }

    .topbar {
        padding: 10px 0 10px 0;
        justify-content: center !important;
    }

    .header-bg {
        height: auto !important;
    }
}

@media (min-width: 1300px)and (max-width: 1551px) {
    .mic-fs {
        font-size: 14px !important;
    }
}

@media (min-width: 1200px)and (max-width: 1299px) {
    .mic-fs {
        font-size: 12px !important;
    }
}

@media (min-width: 458px)and (max-width: 610px) {
    .time-log {
        width: 104% !important;
    }
}

@media (min-width: 400px)and (max-width: 576px) {
    .col-xs-4 {
        flex: 0 0 auto;
        width: 24.666667%;
    }
}

@media (max-width: 576px) {
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100% !important;
    }
}

.header .header-menu {
    display: flex;
}

.menu.menu-sub.menu-sub-dropdown.menu-column.menu-rounded.menu-gray-800.menu-state-bg-light-primary.fw-bold.w-100px.show {
    right: 0 !important;
    z-index: 105;
    position: fixed;
    inset: unset !important;
    margin: 0px;
    transform: translate(0px, 0px);
}

.f-fix {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

.page-item.active .page-link {
    z-index: 0 !important;
    color: #1D2939 !important;
    background-color: #e3edf8 !important;
    border-color: transparent;
}

.adddoc {
    border: 1px dashed #102946 !important;
    background-color: #fcfcfc !important;
    border-radius: 0.475rem !important;
    cursor: pointer;
    padding: 1.5rem 1.75rem;
    min-height: auto;
}

    .adddoc .dz-message {
        margin: 0;
        display: flex;
        text-align: left;
    }

.bg-time {
    background-color: #4ac9d7 !important;
}

.form-select-language {
    display: block;
    width: 100%;
    outline: none;
    padding: 0 0 0 16px !important;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237E8299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");*/
    color: #181c32;
    background-color: #ffffff08 !important;
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px 12px;
    border: 1px solid #e4e6ef05 !important;
    border-radius: 0.475rem;
    /*box-shadow: inset 0 1px 2px rgb(0 0 0 / 8%);*/
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.header-p {
    padding-top: 10px !important;
}

.tox-statusbar {
    display: none !important;
}

@media screen and (min-width: 992px) {
    #kt_aside {
        width: 265px !important;
        transition: width ease !important;
        position: fixed !important;
        left: 15px !important;
        top: 85px !important;
        bottom: 55px !important;
    }

    .containerfluid {
        position: relative !important;
        top: -31px !important;
        right: 45px !important;
    }
}

#overlay {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0,0,0,0.6);
}

.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

#myModaloverlay {
    position: fixed;
    top: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0,0,0,0.6);
}

#datacategory, #dataservice, #datareason, #dataappointment,
#datapromotional, #dataeducation, #datamediacategory, #datamedialibrary,
#datasvcapt, #dataFormlibrary, #Auditlogdata, #Exceptionlogdata,
#Providerappointmenttable, #Providermattertable, #providerformtable {
    margin-top: 0px !important;
}

.select2Validate {
    border-radius: 6px;
    border: 1px solid #f1416c !important;
    border-left-color: rgb(241, 65, 108);
    padding-right: calc(1.5em + 1.5rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23F1416C'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23F1416C' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .375rem) center;
    background-size: calc(.75em + .75rem) calc(.75em + .75rem);
}


/*for login img hide in small screen */
@media (max-width: 767px) {
    .choseImg {
        display: none !important;
    }
}

.w-630px {
    width: 630px !important;
}


.note-style, .note-fontname, .note-color, .note-table, .note-insert, .note-view {
    display: none !important;
}


.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.note-btn-group {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.note-icon-caret {
    display: none;
}

.table.dataTable {
    margin-top: 0px !important;
}

span.badge.badge-circle.badge-primary.OngoingMeetings {
    top: -10px;
    position: absolute;
}

.Logo.position-relative {
    position: relative !important;
    bottom: 25px;
    right: 100px;
}

.filecancle {
    position: absolute;
    top: -10px;
    left: 85px;
}

@media screen and (min-width: 992px) {
    #kt_aside {
        width: 265px !important;
        transition: width ease !important;
        position: fixed !important;
        left: 15px !important;
        top: 85px !important;
        bottom: 55px !important;
    }

    .containerfluid {
        position: relative !important;
        top: -31px !important;
        right: 35px !important;
    }
}



.divcustomertbl #dtCustomerList_wrapper .table-responsive {
    height: 600px !important;
}

#divCustomerList #dtCustomerList_wrapper .table-responsive {
    height: 580px !important;
}

#dtPastApp_wrapper .table-responsive, #dtUpcomingApp_wrapper .table-responsive {
    height: 500px !important;
}

div#kt_docs_jstree_checkable::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
}

div#kt_docs_jstree_checkable::-webkit-scrollbar-track {
    background: #f5f5f5 !important;
    box-shadow: #f8f8fa;
}

div#kt_docs_jstree_checkable::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0,0,0,0.3) !important;
}

@media screen and (min-width: 1400px) {
    .col-xxl-20 {
        flex: 0 0 auto;
        width: 20%;
    }
}



@media screen and (min-width: 1700px) {
    .app-header-secondary {
        /*margin: 0px 200px;*/
        position: relative !important;
        top: -40px !important;
    }

    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1700px !important;
    }

    div#kt_header {
        position: relative;
        top: -15px;
    }

    body {
        --kt-app-header-primary-height: 130px !important;
    }

    /*.BottomPosition {
        position: relative !important;
        bottom: 30px !important;
    }*/

    /*.PositionCardBottom {
        position: relative !important;
        bottom: 25px !important;
    }*/

    /*.PositonFooterBottom {
        position: relative !important;
        bottom: 10px !important;
    }*/
}

@media only screen and (max-width:1699px ) and (min-width: 992px) {
    div#kt_app_wrapper {
        margin-top: 55px !important;
    }
}

@media only screen and (max-height: 992px) and (min-height: 1349px) {
    body {
        --kt-app-header-primary-height: 90px !important;
    }
}

@media only screen and (max-width: 1699px) and (min-width: 1400px) {
    /*.app-header-secondary {
        margin: 0px 200px;
        position: relative !important;
        top: -40px !important;
    }*/
}



.menu.menu-sub.menu-sub-dropdown.menu-column.menu-rounded.menu-gray-800.menu-state-bg.menu-state-primary.fw-bold.py-4.fs-6.w-275px.show {
    inset: -30px 0px auto auto !important;
}

button.btn.btn-outline.btn-border.btn-outline-border.btn-outline-primary.btn-active-dark.mx-3.mb-5.w-100:hover {
    background-color: #009EF7 !important;
    border-color: #009EF7 !important;
}

.btn-outline-primary:hover {
    color: white !important;
}

button.btn.btn-outline.btn-border.btn-outline-border.btn-outline-primary.mb-5.w-100.selectTime.Button_.animationbutoon:hover {
    color: #000000 !important;
}

.animationbutoon {
    transition: all .3s ease !important;
    transition-property: width,transform !important;
    padding: 8px !important;
}

.intro {
    width: 48.5% !important;
    color: #fff !important;
    background-color: #0069ff !important;
    border-color: transparent !important;
}

.Button_ {
    width: 48.5% !important;
    color: #181C32 !important;
    border-color: #EFF2F5 !important;
    background-color: #EFF2F5 !important;
}

.SelectedTimebutton {
    color: #fff !important;
    background-color: rgba(0 158 247) !important;
    border-color: transparent !important;
}

.selectedwidth {
    width: 100% !important;
}

.InvestIn_IMG {
    height: 750px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding-top: 80px !important;
}

.Card_Bg_Img {
    background-color: #d8e5ef !important;
    border-radius: 0px !important;
}

.StartTodayBtn {
    padding: 16px 30px !important;
    border-radius: 2.475rem !important;
    color: #163861 !important;
}

.INVestmentsBG {
    background-color: #163861 !important;
}

.InvestIn {
    height: auto;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.Hero_IMG {
    position: relative;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.Card-Padding {
    padding: 16px !important;
    box-shadow: 0 3px 5px -1px rgb(0 0 0 / 20%), 0 5px 8px 0 rgb(0 0 0 / 14%), 0 1px 14px 0 rgb(0 0 0 / 12%);
}

    .Card-Padding:hover {
        opacity: .8;
        box-shadow: 0 9px 11px -5px #0003, 0 18px 28px 2px #00000024, 0 7px 34px 6px #0000001f;
    }

.Icon {
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 1px 3px 10px #00000017;
    margin: 0 auto -75px;
    position: relative;
    top: -55px;
    width: 100px;
    height: 100px;
}

@media screen and (min-width: 992px) {
    #kt_aside.Accredited {
        margin-top: 45px;
        margin-bottom: 25px;
        line-height: 2.9rem;
        color: #737f8b;
    }

    .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        padding: 0px 0px !important;
    }

    .menu-state-primary .menu-item.one-menu.show > .menu-link .menu-title {
        font-weight: 500 !important;
        color: #102946 !important;
    }

    .menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
        color: #102946 !important;
    }

    .header-menu .menu > .menu-item > .menu-link {
        border-right: 0px solid #F5F8FA !important;
        border-right-width: 0px !important;
    }

    .header-menu .menu > .menu-item.show > .menu-link {
        border-right: 0px solid #F5F8FA !important;
        border-right-width: 0px !important;
        border-bottom: 3px solid #173b66 !important;
    }
}



.UserColor {
    color: #070f54;
}

.User {
    margin-top: 25px !important;
}

.alert-primary {
    background-color: #f1faff !important;
}

.animate-left {
    position: relative;
    animation: animateleft 0.4s;
    animation-name: animate-left;
    overflow: hidden !important;
}

.animate-right {
    position: relative;
    animation: animateright 0.4s;
    animation-name: animate-right;
    overflow: hidden !important;
}



.Separator_Border {
    border-top-width: 1px;
    border-top-style: solid;
    flex: auto;
    height: 0;
    margin: 0 -16px;
    min-width: 32px;
}

@keyframes animate-left {
    from {
        left: -300px;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@keyframes animate-right {
    from {
        right: -300px;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

@media (min-width: 1900px) {
    .flatpickr-calendar.animate.inline {
        width: 375px !important;
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important;
    }
}

@media only screen and (max-width: 1899px) and (min-width: 1800px) {

    .flatpickr-calendar.animate.inline {
        width: 350px !important;
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important;
    }
}

@media only screen and (max-width: 1799px) and (min-width: 1700px) {

    .flatpickr-calendar.animate.inline {
        width: 325px !important;
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important;
    }
}

@media only screen and (max-width: 1699px) and (min-width: 1600px) {

    .flatpickr-calendar.animate.inline {
        width: 300px !important;
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {

    .flatpickr-calendar.animate.inline {
        width: 400px !important;
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important;
    }
}
/*table Css*/

/*@media only screen and (max-height: 800px) and (min-height: 791px) {
    .panva-fixed-510px .dt-scroll-body {
        max-height: 350px !important;
        height: 350px !important;
    }
}
@media only screen and (max-height: 810px) and (min-height: 801px) {
    .panva-fixed-510px .dt-scroll-body {
        max-height: 360px !important;
        height: 360px !important;
    }
}
@media only screen and (max-height: 820px) and (min-height: 811px) {
    .panva-fixed-510px .dt-scroll-body {
        max-height: 370px !important;
        height: 370px !important;
    }
}
@media only screen and (max-height: 830px) and (min-height: 821px) {
    .panva-fixed-510px .dt-scroll-body {
        max-height: 380px !important;
        height: 380px !important;
    }
}
@media only screen and (max-height: 840px) and (min-height: 831px) {
    .panva-fixed-510px .dt-scroll-body {
        max-height: 390px !important;
        height: 390px !important;
    }
}
@media only screen and (max-height: 850px) and (min-height: 841px) {
    .panva-fixed-510px .dt-scroll-body {
        max-height: 400px !important;
        height: 400px !important;
    }
}
@media only screen and (max-height: 860px) and (min-height: 851px) {
    .panva-fixed-510px .dt-scroll-body {
        max-height: 410px !important;
        height: 410px !important;
    }
}
@media only screen and (max-height: 870px) and (min-height: 861px) {
    .panva-fixed-510px .dt-scroll-body {
        max-height: 420px !important;
        height: 420px !important;
    }
}
@media only screen and (max-height: 880px) and (min-height: 871px) {
    .panva-fixed-510px .dt-scroll-body {
        max-height: 430px !important;
        height: 430px !important;
    }
}*/

@media only screen and (max-height: 890px) and (min-height: 881px) {
    .panva-h520px .table-responsive {
        height: 450px !important;
    }

    .Client #tblCustomerList_wrapper .table-responsive {
        height: 515px;
    }

    .panva-h540px .table-responsive {
        height: 460px;
    }

    .d-flex.flex-column.justify-content-center.mb-lg-10.mb-5.INVestmentsBG_Padding {
        padding: 0px 0px 0px 170px !important;
    }

    .panva-fixed-460px .dt-scroll-body {
        max-height: 390px !important;
        height: 390px !important;
    }

    .panva-fixed-510px .dt-scroll-body {
        max-height: 440px !important;
        height: 440px !important;
    }

    .DashboardHeight {
        height: 550px !important;
    }

    .panva-transactions .table-responsive {
        height: 470px;
    }

    .panva-prodistribution .table-responsive {
        height: 250px;
    }

    .panva-distribution .table-responsive {
        height: 395px;
    }

    .panva-documents .table-responsive {
        height: 570px;
    }

    .panva-Configuration .table-responsive {
        height: 410px;
    }
}

@media only screen and (max-height: 900px) and (min-height: 891px) {
    .panva-h520px .table-responsive {
        height: 460px !important;
    }

    .Client #tblCustomerList_wrapper .table-responsive {
        height: 525px;
    }

    .panva-h540px .table-responsive {
        height: 470px;
    }

    .panva-fixed-460px .dt-scroll-body {
        max-height: 400px !important;
        height: 400px !important;
    }

    .panva-fixed-510px .dt-scroll-body {
        max-height: 450px !important;
        height: 450px !important;
    }

    .DashboardHeight {
        height: 560px !important;
    }

    .panva-transactions .table-responsive {
        height: 480px;
    }

    .panva-prodistribution .table-responsive {
        height: 260px;
    }

    .panva-distribution .table-responsive {
        height: 405px;
    }

    .panva-documents .table-responsive {
        height: 580px;
    }

    .panva-Configuration .table-responsive {
        height: 420px;
    }
}

@media only screen and (max-height: 910px) and (min-height: 901px) {
    .panva-h520px .table-responsive {
        height: 470px !important;
    }

    .Client #tblCustomerList_wrapper .table-responsive {
        height: 535px;
    }

    .panva-h540px .table-responsive {
        height: 480px;
    }

    .d-flex.flex-column.justify-content-center.mb-lg-10.mb-5.INVestmentsBG_Padding {
        padding: 0px 0px 0px 190px !important;
    }

    .panva-fixed-460px .dt-scroll-body {
        max-height: 410px !important;
        height: 410px !important;
    }

    .panva-fixed-510px .dt-scroll-body {
        max-height: 460px !important;
        height: 460px !important;
    }

    .DashboardHeight {
        height: 570px !important;
    }

    .panva-transactions .table-responsive {
        height: 490px;
    }

    .panva-prodistribution .table-responsive {
        height: 270px;
    }

    .panva-distribution .table-responsive {
        height: 415px;
    }

    .panva-documents .table-responsive {
        height: 590px;
    }

    .panva-Configuration .table-responsive {
        height: 430px;
    }
}

@media only screen and (max-height: 920px) and (min-height: 911px) {
    .panva-h520px .table-responsive {
        height: 480px !important;
    }

    .Client #tblCustomerList_wrapper .table-responsive {
        height: 545px;
    }

    .panva-h540px .table-responsive {
        height: 490px;
    }

    .panva-fixed-460px .dt-scroll-body {
        max-height: 420px !important;
        height: 420px !important;
    }

    .panva-fixed-510px .dt-scroll-body {
        max-height: 470px !important;
        height: 470px !important;
    }

    .DashboardHeight {
        height: 580px !important;
    }

    .panva-transactions .table-responsive {
        height: 500px;
    }

    .panva-prodistribution .table-responsive {
        height: 280px;
    }

    .panva-distribution .table-responsive {
        height: 425px;
    }

    .panva-documents .table-responsive {
        height: 600px;
    }

    .panva-Configuration .table-responsive {
        height: 440px;
    }
}

@media only screen and (max-height: 930px) and (min-height: 921px) {
    .panva-h520px .table-responsive {
        height: 490px !important;
    }

    .Client #tblCustomerList_wrapper .table-responsive {
        height: 555px;
    }

    .panva-h540px .table-responsive {
        height: 500px;
    }

    .d-flex.flex-column.justify-content-center.mb-lg-10.mb-5.INVestmentsBG_Padding {
        padding: 0px 0px 0px 210px !important;
    }

    .panva-fixed-460px .dt-scroll-body {
        max-height: 430px !important;
        height: 430px !important;
    }

    .panva-fixed-510px .dt-scroll-body {
        max-height: 480px !important;
        height: 480px !important;
    }

    .DashboardHeight {
        height: 590px !important;
    }

    .panva-transactions .table-responsive {
        height: 510px;
    }

    .panva-prodistribution .table-responsive {
        height: 290px;
    }

    .panva-distribution .table-responsive {
        height: 435px;
    }

    .panva-documents .table-responsive {
        height: 610px;
    }

    .panva-Configuration .table-responsive {
        height: 450px;
    }
}

@media only screen and (max-height: 940px) and (min-height: 931px) {
    .panva-h520px .table-responsive {
        height: 500px !important;
    }

    .Client #tblCustomerList_wrapper .table-responsive {
        height: 565px;
    }

    .panva-h540px .table-responsive {
        height: 510px;
    }

    .d-flex.flex-column.justify-content-center.mb-lg-10.mb-5.INVestmentsBG_Padding {
        padding: 0px 0px 0px 220px !important;
    }

    .panva-fixed-460px .dt-scroll-body {
        max-height: 440px !important;
        height: 440px !important;
    }

    .panva-fixed-510px .dt-scroll-body {
        max-height: 490px !important;
        height: 490px !important;
    }

    .DashboardHeight {
        height: 600px !important;
    }

    .panva-transactions .table-responsive {
        height: 520px;
    }

    .panva-prodistribution .table-responsive {
        height: 300px;
    }

    .panva-distribution .table-responsive {
        height: 445px;
    }

    .panva-documents .table-responsive {
        height: 620px;
    }

    .panva-Configuration .table-responsive {
        height: 460px;
    }
}

@media only screen and (max-height: 950px) and (min-height: 941px) {
    .panva-h520px .table-responsive {
        height: 510px !important;
    }

    .Client #tblCustomerList_wrapper .table-responsive {
        height: 575px;
    }

    .panva-h540px .table-responsive {
        height: 520px;
    }

    .d-flex.flex-column.justify-content-center.mb-lg-10.mb-5.INVestmentsBG_Padding {
        padding: 0px 0px 0px 230px !important;
    }

    .panva-fixed-460px .dt-scroll-body {
        max-height: 450px !important;
        height: 450px !important;
    }

    .panva-fixed-510px .dt-scroll-body {
        max-height: 500px !important;
        height: 500px !important;
    }

    .DashboardHeight {
        height: 610px !important;
    }

    .panva-transactions .table-responsive {
        height: 530px;
    }

    .panva-prodistribution .table-responsive {
        height: 310px;
    }

    .panva-distribution .table-responsive {
        height: 455px;
    }

    .panva-documents .table-responsive {
        height: 630px;
        .panva-Configuration .table-responsive
    }

    .panva-Configuration .table-responsive {
        height: 470px;
    }
}

@media only screen and (max-height: 960px) and (min-height: 951px) {
    .panva-h520px .table-responsive {
        height: 520px !important;
    }

    .Client #tblCustomerList_wrapper .table-responsive {
        height: 585px;
    }

    .panva-h540px .table-responsive {
        height: 530px;
    }

    .d-flex.flex-column.justify-content-center.mb-lg-10.mb-5.INVestmentsBG_Padding {
        padding: 0px 0px 0px 240px !important;
    }

    .panva-fixed-460px .dt-scroll-body {
        max-height: 460px !important;
        height: 460px !important;
    }

    .panva-fixed-510px .dt-scroll-body {
        max-height: 510px !important;
        height: 510px !important;
    }

    .DashboardHeight {
        height: 620px !important;
    }

    .panva-transactions .table-responsive {
        height: 540px;
    }

    .panva-prodistribution .table-responsive {
        height: 320px;
    }

    .panva-distribution .table-responsive {
        height: 465px;
    }

    .panva-documents .table-responsive {
        height: 640px;
    }

    .panva-Configuration .table-responsive {
        height: 480px;
    }
}

@media only screen and (max-height: 970px) and (min-height: 961px) {
    .panva-h520px .table-responsive {
        height: 530px !important;
    }

    .Client #tblCustomerList_wrapper .table-responsive {
        height: 595px;
    }

    .panva-h540px .table-responsive {
        height: 540px;
    }

    .panva-fixed-460px .dt-scroll-body {
        max-height: 470px !important;
        height: 470px !important;
    }

    .panva-fixed-510px .dt-scroll-body {
        max-height: 520px !important;
        height: 520px !important;
    }

    .DashboardHeight {
        height: 630px !important;
    }

    .panva-transactions .table-responsive {
        height: 550px;
    }

    .panva-prodistribution .table-responsive {
        height: 330px;
    }

    .panva-distribution .table-responsive {
        height: 475px;
    }

    .panva-documents .table-responsive {
        height: 650px;
    }

    .panva-Configuration .table-responsive {
        height: 490px;
    }
}

@media only screen and (max-height: 980px) and (min-height: 971px) {
    .panva-h520px .table-responsive {
        height: 540px !important;
    }

    .Client #tblCustomerList_wrapper .table-responsive {
        height: 605px;
    }

    .panva-h540px .table-responsive {
        height: 550px;
    }

    .panva-fixed-460px .dt-scroll-body {
        max-height: 480px !important;
        height: 480px !important;
    }

    .panva-fixed-510px .dt-scroll-body {
        max-height: 530px !important;
        height: 530px !important;
    }

    .DashboardHeight {
        height: 640px !important;
    }

    .panva-transactions .table-responsive {
        height: 560px;
    }

    .panva-prodistribution .table-responsive {
        height: 340px;
    }

    .panva-distribution .table-responsive {
        height: 485px;
    }

    .panva-documents .table-responsive {
        height: 660px;
    }

    .panva-Configuration .table-responsive {
        height: 500px;
    }
}

@media only screen and (max-height: 990px) and (min-height: 981px) {
    .panva-h520px .table-responsive {
        height: 550px !important;
    }

    .Client #tblCustomerList_wrapper .table-responsive {
        height: 615px;
    }

    .panva-h540px .table-responsive {
        height: 560px;
    }

    .panva-fixed-460px .dt-scroll-body {
        max-height: 490px !important;
        height: 490px !important;
    }

    .panva-fixed-510px .dt-scroll-body {
        max-height: 540px !important;
        height: 540px !important;
    }

    .DashboardHeight {
        height: 650px !important;
    }

    .panva-transactions .table-responsive {
        height: 570px;
    }

    .panva-prodistribution .table-responsive {
        height: 350px;
    }

    .panva-distribution .table-responsive {
        height: 495px;
    }

    .panva-documents .table-responsive {
        height: 670px;
    }

    .panva-Configuration .table-responsive {
        height: 510px;
    }
}

@media only screen and (max-height: 1000px) and (min-height: 991px) {
    .panva-h520px .table-responsive {
        height: 560px !important;
    }

    .Client #tblCustomerList_wrapper .table-responsive {
        height: 625px;
    }

    .panva-h540px .table-responsive {
        height: 570px;
    }

    .panva-fixed-460px .dt-scroll-body {
        max-height: 500px !important;
        height: 500px !important;
    }

    .panva-fixed-510px .dt-scroll-body {
        max-height: 550px !important;
        height: 550px !important;
    }

    .DashboardHeight {
        height: 660px !important;
    }

    .panva-transactions .table-responsive {
        height: 580px;
    }

    .panva-prodistribution .table-responsive {
        height: 360px;
    }

    .panva-distribution .table-responsive {
        height: 505px;
    }

    .panva-documents .table-responsive {
        height: 680px;
    }

    .panva-Configuration .table-responsive {
        height: 520px;
    }
}

@media only screen and (max-height: 1010px) and (min-height: 1001px) {
    .panva-h520px .table-responsive {
        height: 570px !important;
    }

    .Client #tblCustomerList_wrapper .table-responsive {
        height: 635px;
    }

    .panva-h540px .table-responsive {
        height: 580px;
    }

    .panva-fixed-460px .dt-scroll-body {
        max-height: 510px !important;
        height: 510px !important;
    }

    .panva-fixed-510px .dt-scroll-body {
        max-height: 560px !important;
        height: 560px !important;
    }

    .DashboardHeight {
        height: 670px !important;
    }

    .panva-transactions .table-responsive {
        height: 590px;
    }

    .panva-prodistribution .table-responsive {
        height: 370px;
    }

    .panva-distribution .table-responsive {
        height: 515px;
    }

    .panva-documents .table-responsive {
        height: 690px;
    }

    .panva-Configuration .table-responsive {
        height: 530px;
    }
}

@media only screen and (max-height: 1020px) and (min-height: 1011px) {
    .panva-h520px .table-responsive {
        height: 580px !important;
    }

    .Client #tblCustomerList_wrapper .table-responsive {
        height: 645px;
    }

    .panva-h540px .table-responsive {
        height: 590px;
    }

    .panva-fixed-460px .dt-scroll-body {
        max-height: 520px !important;
        height: 520px !important;
    }

    .panva-fixed-510px .dt-scroll-body {
        max-height: 570px !important;
        height: 570px !important;
    }

    .DashboardHeight {
        height: 680px !important;
    }

    .panva-transactions .table-responsive {
        height: 600px;
    }

    .panva-prodistribution .table-responsive {
        height: 380px;
    }

    .panva-distribution .table-responsive {
        height: 525px;
    }

    .panva-documents .table-responsive {
        height: 700px;
    }

    .panva-Configuration .table-responsive {
        height: 540px;
    }
}

@media only screen and (max-height: 1030px) and (min-height: 1021px) {
    .panva-h520px .table-responsive {
        height: 590px !important;
    }

    .Client #tblCustomerList_wrapper .table-responsive {
        height: 655px;
    }

    .panva-fixed-460px .dt-scroll-body {
        max-height: 530px !important;
        height: 530px !important;
    }

    .panva-fixed-510px .dt-scroll-body {
        max-height: 580px !important;
        height: 580px !important;
    }

    .DashboardHeight {
        height: 690px !important;
    }

    .panva-transactions .table-responsive {
        height: 610px;
    }

    .panva-prodistribution .table-responsive {
        height: 390px;
    }

    .panva-distribution .table-responsive {
        height: 535px;
    }

    .panva-documents .table-responsive {
        height: 710px;
    }

    .panva-Configuration .table-responsive {
        height: 550px;
    }
}

@media only screen and (max-height: 1040px) and (min-height: 1031px) {
    .panva-h520px .table-responsive {
        height: 600px !important;
    }

    .Client #tblCustomerList_wrapper .table-responsive {
        height: 665px;
    }

    .panva-h540px .table-responsive {
        height: 600px;
    }

    .panva-fixed-460px .dt-scroll-body {
        max-height: 540px !important;
        height: 540px !important;
    }

    .panva-fixed-510px .dt-scroll-body {
        max-height: 590px !important;
        height: 590px !important;
    }

    .DashboardHeight {
        height: 700px !important;
    }

    .panva-transactions .table-responsive {
        height: 620px;
    }

    .panva-prodistribution .table-responsive {
        height: 400px;
    }

    .panva-distribution .table-responsive {
        height: 545px;
    }

    .panva-documents .table-responsive {
        height: 720px;
    }

    .panva-Configuration .table-responsive {
        height: 560px;
    }
}

@media only screen and (max-height: 1050px) and (min-height: 1041px) {
    .panva-h520px .table-responsive {
        height: 610px !important;
    }

    .Client #tblCustomerList_wrapper .table-responsive {
        height: 675px;
    }

    .panva-h540px .table-responsive {
        height: 610px;
    }

    .panva-fixed-460px .dt-scroll-body {
        max-height: 550px !important;
        height: 550px !important;
    }

    .panva-fixed-510px .dt-scroll-body {
        max-height: 600px !important;
        height: 600px !important;
    }

    .DashboardHeight {
        height: 710px !important;
    }

    .panva-transactions .table-responsive {
        height: 630px;
    }

    .panva-prodistribution .table-responsive {
        height: 410px;
    }

    .panva-distribution .table-responsive {
        height: 555px;
    }

    .panva-documents .table-responsive {
        height: 730px;
    }

    .panva-Configuration .table-responsive {
        height: 570px;
    }
}

/*<---08.09.2022-->*/

.Offering-Card-Padding:hover {
    box-shadow: 1px 8px 20px grey;
    -webkit-transition: box-shadow .1s ease-in;
}

.Offering-Card-Padding {
    box-shadow: 0 3px 5px -1px rgb(0 0 0 / 20%), 0 5px 8px 0 rgb(0 0 0 / 14%), 0 1px 14px 0 rgb(0 0 0 / 12%);
}

.Btnspan {
    background-color: #181C32 !important;
    color: #FFFF !important;
    border: 0;
    padding: calc(0.75rem + 1px) calc(1.5rem + 1px);
    border-radius: 4px !important;
}

    .Btnspan:hover {
        background-color: #3a3e54 !important;
    }

.card-top-rounded {
    border-top-right-radius: 6px !important;
    border-top-left-radius: 6px !important;
}

.Ribbon_CAT {
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px;
    border-radius: 6px !important;
    color: #fcfcfc;
    background: rgba(14, 34, 58, .8) !important;
    font-size: 1.3rem;
}

.bg-light.Offering-border-color {
    border-bottom: 1px solid #9aa0a5 !important;
    /*border-radius: 20px;*/
}

.show-read-more .more-text {
    display: none;
}

.Heartlike-button {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .Heartlike-button.animated {
        -webkit-animation: pop 0.9s both;
        animation: pop 0.9s both;
    }

    .Heartlike-button svg {
        opacity: 1;
    }

        .Heartlike-button svg path {
            fill: #fff;
            transition: fill .4s ease-out;
        }

    .Heartlike-button.active svg path {
        fill: #F1416C !important;
    }

.CALSymBol {
    box-shadow: 0 3px 5px -1px rgb(0 0 0 / 20%), 0 5px 8px 0 rgb(0 0 0 / 14%), 0 1px 14px 0 rgb(0 0 0 / 12%);
}



@media (max-width: 991px) {
    .CALSymBol_asset {
        box-shadow: 0 3px 5px -1px rgb(0 0 0 / 20%), 0 5px 8px 0 rgb(0 0 0 / 14%), 0 1px 14px 0 rgb(0 0 0 / 12%);
        position: relative;
        top: 40px;
        width: 75% !important;
        margin: auto !important;
    }

    .FintrioTextT {
        top: -55px !important;
        position: relative;
    }

    .app-header-secondary #kt_toolbar {
        display: none !important;
    }

    #kt_app_wrapper #kt_toolbar {
        display: block !important;
    }
}


@media (min-width: 992px) {
    .CALSymBol_asset {
        box-shadow: 0 3px 5px -1px rgb(0 0 0 / 20%), 0 5px 8px 0 rgb(0 0 0 / 14%), 0 1px 14px 0 rgb(0 0 0 / 12%);
        right: 0;
        position: absolute;
        margin-right: 30px;
        width: 285px;
        top: -65px;
        right: 35px;
    }

    .CALSymBol_position {
        position: absolute;
        top: -65px;
        left: 35px;
    }

    #kt_app_wrapper #kt_toolbar {
        display: none !important;
    }
}

.app-header-primary {
    background-color: #102946 !important;
}

.SYMFint {
    top: -60px !important;
}

.BTNtop {
    top: -45px !important;
}

div #sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 5px;
    background-color: #FFF;
    z-index: 10;
}

a.btn.btn-color-gray-600.TAB-BTN.btn-active-light.btn-active-color-primary.fw-bold.nav-link.fw-bolder.active {
    background-color: #163961 !important;
    color: #ffffff !important;
}

a.btn.btn-color-gray-600.TAB-BTN.btn-active-light.btn-active-color-primary.fw-bold.nav-link.fw-bolder:hover {
    box-shadow: 3px 3px 6px #b8b9be, -3px -3px 6px #fff !important;
}

.ratio.ratio-1x1.VIDEO {
    top: 0px !important;
    height: 230px !important;
}

@-webkit-keyframes pop {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pop {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tooltip.tooltip-green .tooltip-inner {
    color: #ffffff;
    background-color: #50cd89;
}

.tooltip.tooltip-green.bs-tooltip-top .tooltip-arrow::before, .tooltip.tooltip-green.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: #50cd89;
}

.tooltip.tooltip-green.bs-tooltip-end .tooltip-arrow::before, .tooltip.tooltip-green.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: #50cd89;
}

.tooltip.tooltip-green.bs-tooltip-bottom .tooltip-arrow::before, .tooltip.tooltip-green.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: #50cd89;
}

.tooltip.tooltip-green.bs-tooltip-start .tooltip-arrow::before, .tooltip.tooltip-green.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: #50cd89;
}

.tooltip.tooltip-red .tooltip-inner {
    color: #ffffff;
    background-color: #ef305e !important;
}

.tooltip.tooltip-red.bs-tooltip-top .tooltip-arrow::before, .tooltip.tooltip-red.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: #ef305e !important;
}

.tooltip.tooltip-red.bs-tooltip-end .tooltip-arrow::before, .tooltip.tooltip-red.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: #ef305e !important;
}

.tooltip.tooltip-red.bs-tooltip-bottom .tooltip-arrow::before, .tooltip.tooltip-red.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: #ef305e !important;
}

.tooltip.tooltip-red.bs-tooltip-start .tooltip-arrow::before, .tooltip.tooltip-red.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: #ef305e !important;
}

/*Class Changed Primary*/
.form-control, .form-select.form-select-solid {
    border-color: #A4C2DC !important;
}

.form-check-input:checked {
    background-color: #102946 !important;
    border-color: #102946 !important;
}

.bg-active-success.active {
    --bg-color: 0, 178, 255;
    background-color: #102946 !important;
}

.text-hover-primary:hover, .text-hover-primary:hover .svg-icon {
    color: #102946 !important;
}

.text-primary {
    color: #102946 !important;
}
/*input input onother input Start*/
.ssn-value {
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    z-index: 2;
    color: transparent !important;
    border: none;
}
/*input input onother input End*/
.menu-state-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color 0.2s ease, background-color 0.2s ease;
    background-color: #edfdff !important;
    color: #089ba9 !important;
}

.cal-datatable thead {
    background-color: #F4F4F4 !important;
    color: #102946 !important;
    font-weight: 500 !important;
}

.z-index-4 {
    z-index: 4 !important;
}

.form-control.form-control-solid {
    background-color: transparent !important;
    z-index: 2 !important;
}

.swal2-container.swal2-center > .swal2-popup {
    width: 325px !important;
}

.swal2-popup {
    padding: 1rem !important;
}

.panva-solid-light {
    background-color: #102946 !important;
}

.panva-bg-green {
    background-color: #DEE18B !important;
}

.page-item:hover:not(.offset) .page-link {
    color: #102946 !important;
}

.cal-primary {
    color: #2948B8 !important;
}

.cal-datatable thead {
    background-color: #F4F4F4 !important;
    color: #102946 !important;
}

.cal-panva-lightprimary {
    background-color: #DBEEFF !important;
}

.cal-panva-warning {
    background-color: #EFF1CD !important;
}

.cal-panva-primary {
    background-color: #BBF3F0 !important;
}

.cal-panva-info {
    background-color: #E1E8FF !important;
}

.cal-panva-danger {
    background-color: #FFE8E0 !important;
}

.cal-text-lightprimary {
    color: #27679D !important;
}

.cal-text-warning {
    color: #A3A84B !important;
}

.cal-text-primary {
    color: #3B9893 !important;
}

.cal-text-info {
    color: #7289D7 !important;
}

.cal-text-danger {
    color: #E98461 !important;
}

.cal-badge-green {
    color: #069305 !important
}

.cal-badge-darkgreen {
    color: #009076 !important
}

.cal-badge-warning {
    color: #F07300 !important
}

.cal-badge-lightdark {
    color: #727272 !important
}

.cal-badge-danger {
    color: #FF2020 !important
}

.row.panva-table-footer {
    padding: 0.75rem 0px 0px 10px !important;
}

.panva-table-footer label {
    display: none !important;
}

.dt-toolbar.panva .dt-info {
    margin-left: 1.25rem !important;
}

.table.table-row-bordered tfoot th, .table.table-row-bordered tfoot td {
    border-top-width: 0px !important;
}

.select2-container--bootstrap5.select2-container--focus .form-select-solid, .select2-container--bootstrap5.select2-container--open .form-select-solid {
    background-color: #ffffff !important;
}

.form-select.form-select-solid {
    background-color: #ffffff !important;
}

.svc-creator__non-commercial-text {
    display: none !important;
}
