html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/*--------------------------------------------------------------
# REGISTERATION CSS
--------------------------------------------------------------*/

body {
}

.kfsanchor {
    font-size: small;
}
.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}
.panel-default {
    border-color: #ddd;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
/*#accordionExample {
    background-color: white;
    margin-bottom: 10px;
    color: black;
    font-size: small;
}*/
/*@media (max-width: 685px) {
    #accordionExample {
        background-color: white;
        margin-bottom: 10px;
        color: black;
        font-size: small;
        width:100%
    }
    .tabcontentcustom {
        width: 50%
    }
}
@media (min-width: 685px) {
    #accordionExample {
        background-color: white;
        margin-bottom: 10px;
        color: black;
        font-size: small;
        width: 100%
    }

    .tabcontentcustom {
        width: 100%
    }
}*/
#accordionExample {
    background-color: white;
    margin-bottom: 10px;
    color: black;
    font-size: small;
    /*width: 100%*/
}

/*.tabcontentcustom {
    width: 50%
}*/

.accordion-toggle {
    color: black;
    font-size: medium;
    padding: 10px 20px 10px 10px;
}
.accordion-item {
    padding: 10px 10px 10px 10px;
}
/*.login-main-div {
    Width: 1330px;
    Height: 550px;
    Top: 120px;
    Left: 92px;
    border-Radius: 20px;
    Padding: 30px;
    Gap: 30px;
    background-color: #FFFFFF;
    margin-left: 100px;*/
/*margin-top: 150px;*/
/*margin-bottom: 100px;
}

.login-div-one {
    Width: 550px;
    Height: 500px;
    Justify-content: space-between;
    border: 1px solid transparent;
    margin-right: 10px;
}*/
#tablebodywatchlist {
    font-size: 13px !important;
}

.transtabl {
    margin-bottom: -20px !important;
}

#tableFunds {
    font-size: 12px !important;
}
.login-div-two {
    /*Width: 616px;
    Height: 500px;*/
    border-Radius: 20px;
    /*Padding: 50px 40px 80px 40px;*/
    padding: 35px 26px 50px 40px;
    Gap: 10px;
    border: 1px solid transparent;
    margin-right: 10px;
    background-image: url("/assets/img/Login-Right-img.png");
    background-color: #753b86;
    object-fit: cover;
    background-position: 20%;
    color: #ffffff;
    m /*argin-right: 20px;*/
    margin-top: 10px;
    /*margin-bottom: 10px;*/
    /*margin-left: 20px;*/
    background-size: 100%;
    border-radius: 2%;
    background-repeat: no-repeat;
    border: darkgrey;
}
.indiv-login{
    visibility:hidden;
}
.corp-login {
    visibility: hidden;
}
/*.indiv-login-data{
    visibility:hidden;
}*/
.digicert{
    visibility:hidden;
}
/*.login-div-sec-main{
    display:none;
}*/
.login-div-two-up {
    /*Width: 616px;
    Height: 500px;*/
    border-Radius: 20px;
    /*Padding: 50px 40px 80px 40px;*/
    padding: 33px 26px 17px 40px;
    Gap: 10px;
    border: 1px solid transparent;
    margin-right: 10px;
    background-image: url("/assets/img/Login-Right-img.png");
    background-color: #753b86;
    object-fit: cover;
    background-position: 20%;
    color: #ffffff;
    m /*argin-right: 20px;*/
    margin-top: 10px;
    /*margin-bottom: 10px;*/
    /*margin-left: 20px;*/
    background-size: 100%;
    border-radius: 2%;
    background-repeat: no-repeat;
    border: darkgrey;
}

.login-div-one {
    /*Width: 550px;
    Height: 500px;*/
    Justify-content: space-between;
    border: 1px solid transparent;
    /*margin-right: 10px;*/
    /*margin-left: 20px;
    margin-right: 10px;*/
    margin-top: 10px;
    margin-bottom: 10px;
}

.bgtrans{
    background:transparent;
}
/*
.login-one-logo {
    Width: 262px;
    Height: 105px;
    Gap: 20px;
    border: 1px solid transparent;
    margin-left: 170px;
}

.logo-one-image {
    Width: 210px;
    Height: 72px;
    margin-left: 35px;
}

.logo-one-image-text {
    font-family: Public Sans;
    font-Weight: 600;
    font-size: 26px;
    line-height: 30px;
}

.logo-one-div-two-form {
    Width: 620px;
    Height: 300px;
    Gap: 30px;
    border: 1px solid transparent;
}

.individual-login {
    margin-left: 45px;
}

.login-forget-password {
    margin-left: 73%;
}

.login-div-one-last {
    font-family: Poppins;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-Align: Center;
    Width: 550px;
    Height: 24px;
    color: #1D2733;
}

.login-div-second {
    Width: 500px;
    Height: 415px;
    Justify-content: space-between;
    border: 1px solid transparent;
}

.login-div-sec-amone {
    Width: 125px;
    Height: 61px;
    border: 1px solid transparent;
}

.login-div-sec-main {
    Width: 500px;
    Height: 214px;
    Gap: 30px;
    border: 1px solid transparent;
}

.digicert {
    Width: 68px;
    Height: 55px;
    border: 1px solid transparent;
}

.login-second-div-tl {
    Width: 500px;
    Height: 50px;
    Gap: 50px;
    border: 1px solid transparent;
}

.login-envelope {
    color: #7367F0;
}

.login-telephone {
    color: #7367F0;
}

.login-customer-info {
    Font-family: Public Sans;
    font-weight: 600;
    font-size: 13px;
    line-height: 14px;
    Width: 113px;
    Height: 14px;
}

.indiv-login {
    Font-family: Public Sans;
    font-weight: 700;
    font-size: 26px;
    line-height: 24px;
    Width: 196px;
    Height: 24px;
}

.indiv-login-data {
    Font-family: Public Sans;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    Width: 480px;
    Height: 80px;
    color: #FFFFFF;
}

.tfn {
    Font-family: Public Sans;
    font-weight: 400;
    font-size: 13px;
    line-height: 15.28px;
    Width: 99px;
    Height: 15px;
    color: #FFFFFF;
}

.tfnd {
    Font-family: DM Serif Display;
    font-weight: 400;
    font-size: 16px;
    line-height: 21.94px;
    Width: 152px;
    Height: 22px;
    color: #FFFFFF;
}

.login-background-layout {
    background-image: url("/Images/background.jpg");
    background-color: transparent;
    object-fit: cover;
    background-position: 20%;
    padding-top: 150px;
}

.my-main-login-back {
    width: 100%;
    height: 100%;
}

.btn-width-register {
    margin-left: 90%;
}

.user-id-setpasss {
    Font: Public Sans;
    font-Weight: 600;
    font-Size: 14px;
    Line-height: 20px;
    text-Align: Center;
    Width: 323px;
    Height: 20px;
}*/



.button-otp {
    Width: 130px;
    Height: 38px;
    Padding: 10px, 20px, 10px, 20px;
    Gap: 12px;
}

.card-para {
    font-family: Public Sans;
    font-weight: 800;
    font-size: 14px;
    Line-height: 18px
}

#counter {
    position: sticky;
    /*width: 107px;
    height: 126px;*/
}

#ring {
    fill: none;
    stroke: #00984A;
    stroke-width: 5px;
    stroke-dasharray: 251.32741228718345;
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 1s linear;
}

#timer {
    position: absolute;
    top: 40%;
    left: 20%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: rgb(51, 51, 51);
}

.Resend-otp {
    color: #00935A;
}
/* Custom Toastr styles */
.toastr-success {
    background-color: #28a745; /* Green background for success */
    color: #fff; /* White text color */
}

.toastr-error {
    background-color: #dc3545; /* Red background for error */
    color: #fff; /* White text color */
}

.tabelelement {
    color: #9E00AD !important;
}

.colgray{
    color: gray;
}

.iconblue {
    color: white;
}

.fontmfo{
    font-size:x-large;
}

.readytogrow {
    font-size: large;
    font-weight: bold !important;
}
.btnfontsmall{
    font-size:x-small;
}
/*.tabpadding{
    padding:10px;
}*/

.fabriefcase {
    background-color: #fbebe6 !important;
    color: red !important;
}
.fashsquare {
    background-color: #f7e6fb !important;
    color: #a700c2 !important;
}
.fasignal {
    background-color: #e6fbfa !important;
    color: dodgerblue !important;
}


/*.text-content {
    filter: blur(5px);*/ /* Adjust the amount of blur */
    /*transition: filter 0.3s ease;*/ /* Smooth transition */
/*}

    .text-content.clear {
        filter: blur(0);*/ /* Remove blur */
    /*}*/

.text-content {
    filter: blur(0px); /* Adjust the amount of blur */
    transition: filter 0.3s ease; /* Smooth transition */
}

    .text-content.clear {
        filter: blur(0); /* Remove blur */
    }

.footerpadding {
    padding: 20px 30px;
}


.mylab{
    width:100px;
}

.fontable{
    font-weight:600px;
    font-size:11px;
}

.fontransmall{
    font-size:small;
}

.trcol {
    background-color: #ECE1FB !important;
}
/*#myTable tr:last-child {
    background-color: #ECE1FB !important;
} */

.trred{
    color:red!important;
}
.trgreen {
    color: green !important;
}
.font-watchtab{
    font-size:12px !important;
}

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

.font-head{
    font-size:12px;
    font-weight:600 !important;
}

.fontgrand{
    font-size:12px;
    font-weight:600;
}

.allfolios {
    font-weight: 600;
    font-size: 14px;
}

@media (max-width: 992px) {
    .col-lg-6 {
        flex: 0 0 auto;
        width: 53%;
    }
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
    display: none;
}

@media (max-width: 703px) {
    .fontable {
        font-weight: 600px;
        font-size: x-small !important;
    }
}

@media (max-width: 627px) {
    .fontable {
        font-weight: 400px;
        font-size: xx-small !important;
    }
}

@media (max-width: 560px) {
    .fontable {
        font-weight: 400px;
        font-size: 7px !important;
    }
}
@media (max-width: 502px) {
    .fontable {
        font-weight: 600px;
        font-size: 6px !important;
    }
}
@media (max-width: 402px) {
    .fontable {
        font-weight: 600px;
        font-size: 4px !important;
    }
}
@media (max-width: 302px) {
    .fontable {
        font-weight: 600px;
        font-size: 3px !important;
    }
}
@media (max-width: 202px) {
    .fontable {
        font-weight: 600px;
        font-size: 2px !important;
    }
}
@media (max-width: 502px) {
    #tablebodywatchlist {
        font-weight: 400px;
        font-size: 7px !important;
    }
}

@media (max-width: 703px) {
    .fontadjust {
        font-weight: 600px;
        font-size: small;
    }
}
@media (max-width: 700px) {
    .fontalltables {
        font-weight: 600px;
        font-size: 7px;
    }
}
@media (max-width: 500px) {
    .fontalltables {
        font-weight: 400px;
        font-size: 5px;
    }
    .font-head {
        font-size: 8px;
        font-weight: 400 !important;
    }
}

@media (max-width: 502px) {
    .tablefontsize {
        font-weight: 400px;
        font-size: 7px !important;
    }
}

@media (max-width: 502px) {
    .tablebodywatchlist {
        font-weight: 400px;
        font-size: 7px !important;
    }
}
.watchlistandchart {
    /*height:405px*/
    height:111%;
}
.allfoliostablejs {
    /*height: 338px;
    margin-top: 3px;*/
}
.contentdoc {
    margin-left: -4px;
    margin-right: -4px;
    font-weight:600px
}
.contentdocup {
    margin-left: -6px;
    margin-right: -6px;
    font-weight: 600px
}
.fontsoc{
    font-size:small;
}
}

.tfn {
    font-size: 12px;
    color: white;
}

.tfnd {
    font-size: 13px;
    font-weight: bold;
    color: white;
}

.login-div-two-up {
    display: flex;
    flex-direction: column;
    /*height: 100%;*/
}

.login-div-second {
    flex-grow: 1; /* takes up remaining vertical space */
    display: flex;
    flex-direction: column;
}

.login-div-sec-main {
    flex-grow: 1; /* pushes the footer area down */
}

.login-second-div-tl {
    margin-top: auto; /* ensures it stays at the bottom automatically */
}

.login-div-two {
    display: flex;
    flex-direction: column;
    /*height: 100%;*/
}

.login-div-second {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.login-div-sec-main {
    flex-grow: 1; /* pushes the bottom section down */
}

.login-second-div-tl {
    margin-top: auto; /* automatically moves to bottom */
}
.chart-container {
    min-height: 48vh; /* Example: 50% of the viewport height */
    width: 100%;
}
#whatsapp-floating {
    position: fixed;
    right: 20px; /* same as Genesys */
    bottom: 96px; /* 12 + 72 + 12 gap */
    z-index: 100000000; /* higher than Genesys */
}

    #whatsapp-floating img {
        width: 56px;
        height: 56px;
        cursor: pointer;
    }

/* Move Genesys launcher & chat left */
#genesys-messenger iframe.genesys-mxg-frame {
    right: 60px !important; /* 20 ? 60 moves left */
}

#whatsapp-floating {
    right: 60px; /* same value as Genesys */
}