/* fontawesome a url */

@import url("../css-library/fontawesome/css/all.css?v=01");
@import url("loader.css?v=01");
@import url('animate.css');

/* fontawesome a url */

@import url("../css-library/fontawesome/css/fontawesome.css?v=01");

/* <!--  common js libary for bootstrap framework  --> */

@import url("../css-library/bootstrap/bootstrap.min.css?v=01");
@import url("../css/glyphicon.css?v=01");

/* <!--  common js libary for bootstrap framework  --> */

@import url("../css-library/validationEngine.jquery.css?v=01");
@import url("../css-library/bootstrap-datepicker3.standalone.min.css?v=01");
@import url("../css-library/data_Tables.css?v=01");
@import url('../allStyleSection/drop_down.css');
@import url('../allStyleSection/ButtonStyle.css');
@import url('../select2/select2.min.css');

/* @import url('../../../MyBusiness/Client_Monotoring/viewClientMonotoringDashboard.html'); */


/* font  */

*,
html {
    font-family: 'Rubik', sans-serif;
    scroll-behavior: smooth;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../css/glyphicon.css');
}

@font-face {
    font-family: 'Rubik';
    src: url('https://fonts.googleapis.com/css?family=Rubik');
}

@font-face {
    font-family: 'Roboto-Black';
    src: url('https://fonts.googleapis.com/css?family=Rubik');
}

@font-face {
    font-family: 'Fontawesome';
    src: url('../css-library/fontawesome/css/all.min.css');
}

/* SCROLL BAR CUSTOMIZATION */
/* For Webkit browsers (Chrome, Safari) */
::-webkit-scrollbar {
    width: 8px;
    /* height: 12px; */
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 15px;
    /* border-radius: 50%; */
}

::-webkit-scrollbar-thumb {
    /* background: #888; */
    background:var(--finlabs_blue200);
    border-radius: 15px;
    /* border-radius: 50%; */
}

::-webkit-scrollbar-thumb:hover {
    background: var(--finlabs_blue500);
}

/* For Firefox */
body {
    scrollbar-width: 8px;
    scrollbar-color: var(--finlabs_blue200);
}

/* Optional: For Internet Explorer and Edge */
body::-ms-scrollbar {
    width: 8px;
    /* height: 12px; */
}

body::-ms-scrollbar-track {
    background: #f1f1f1;
    border-radius: 15px;
}

body::-ms-scrollbar-thumb {
    background:var(--finlabs_blue200);
    /* background: #888; */
    border-radius: 15px;
}

body::-ms-scrollbar-thumb:hover {
    background:var(--finlabs_blue500);
}
/* SCROLL BAR CUSTOMIZATION ENDS */



#pagination-demo,
#pagination-demo2 {
    position: absolute;
    bottom: 0;
    right: 15px;
}
.Address{
    margin-bottom: 11px;
    /* background: antiquewhite; */
    padding: 12px;
    border: 1px dotted;
    border-radius: 10px;
}
.dashboardinnerheading b {
    font-weight: 400;
}


/* 
.navbtn {
    display: none;
} */


/* .modal-open .background-container {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    } */


/* common btn for plan */

.titletext span {
    font-size: var(--finlabsfont300);
    font-weight: 600;
    text-transform: capitalize;
}

.Datatext {
    color: darkgrey;
    font-size: 1rem;
    margin-top: 40px;
}

.bluebg {
    background-color: #EBF5FB;
}

.divactive {
    margin-top: -20px;
    padding-top: 150px;
}

.onelist {
    filter: drop-shadow(0px 0px 6px #c5c5c5);
    margin: 0px 10px;
    cursor: pointer;
    text-decoration: underline !important;
}

.onelist i {
    font-size: 20px;
}

.onelistgap,
.amtenur,
.table_height {
    height: 65px;
    width: 60%;
}


/* .Lumpsum {
    position: relative;
    top: -8px;
} */

.grybg {
    color: #ffffff;
    background: #3a7bd5;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #3a6073, #3a7bd5);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #3a6073, #3a7bd5);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.titletext {
    position: relative;
    overflow: hidden;
    max-height: 60px;
    margin-bottom: 0px;
    z-index: 1;
    padding: 5px 14px;
    border-bottom-color: #ffffff;
    border-bottom-style: solid;
    color: #fff;
    text-align: left;
}

.bgblurheadingclrfa {
    font-size: 32px;
    left: absolute;
    position: relative;
    left: -1px;
    z-index: 0;
    top: 8px;
    color: rgb(11, 96, 169);
    display: none;
}

.formentry-errmsg {
    padding: 5px 0px 0px 0px;
    font-size: var(--finlabsfont200);
    color: var(--finlabs_red);
    white-space: nowrap;
    display: block;
}

.text-danger{
    color: var(--finlabs_red) !important;
}


/* .table td,
.table th {
    vertical-align: text-bottom;
} */

.bgblurheadingclr {
    background: rgb(11, 96, 169);
    color: white;
    font-size: 12px;
    padding: 10px;
    border-radius: 10px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.bggreenclr {
    background: #4ca64c;
    color: white;
    font-size: 12px;
    padding: 10px;
    border-radius: 10px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.bggreenclrfa {
    font-size: 32px;
    left: absolute;
    position: relative;
    left: -1px;
    z-index: 0;
    top: 8px;
    color: #4ca64c;
    display: none;
}

.bgredclr {
    background: #ff4c4c;
    color: white;
    font-size: 12px;
    padding: 10px;
    border-radius: 10px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.bgredclrfa {
    font-size: 32px;
    left: absolute;
    position: relative;
    left: -1px;
    z-index: 0;
    top: 8px;
    color: #ff4c4c;
    display: none;
}

.titletext:before,
.titletext:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}

.titletext:before {
    color: white;
    background: var(--finlabs_blue500);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    height: 100%;
    width: 100%;
    transform-origin: top left;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.titletext:after {
    color: white;
    background: var(--finlabs_blue500);
    /* fallback for old browsers */
    transform: rotate(-3.7deg);
    transform-origin: top right;
    height: 100%;
    width: 100%;
    -webkit-transform: rotate(-3.7deg);
    -moz-transform: rotate(-3.7deg);
    -ms-transform: rotate(-3.7deg);
    -o-transform: rotate(-3.7deg);
}

.titletext-content {
    position: relative;
    z-index: 1;
    font-family: sans-serif;
    font-size: 18px;
}

.float {
    position: fixed;
    width: 40px;
    height: 40px;
    bottom: 25px;
    right: -10px;
    background-color: #000000a8;
    color: #fff !important;
    border-radius: 0;
    text-align: center;
    /*box-shadow: 2px 2px 3px #999;
    */
    /*z-index: 9999;
    */
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    padding: 10px;
    -webkit-transition: all 9s;
    -moz-transition: all 9s;
    -o-transition: all 9s;
    transition: all 9s;
    -ms-transition: all 9s;
    z-index: 1;
}

.floatbtn {
    position: fixed;
    right: 40px;
    /* padding-bottom: 20px; */
    bottom: 10px;
    z-index: 9999;
}

.floatbtn li {
    list-style: none;
    margin-bottom: 10px;
    display: inline-block;
}

.floatbtn li a {
    background: gray;
    color: #fff;
    /* height: 23px; */
    font-size: 15px;
    font-weight: 600;
    width: auto;
    height: 20px;
    padding: 11px;
    border: none;
    max-width: 260px;
    border-radius: 10px;
    text-decoration: none;
}

button#menu-share+.floatbtn {
    visibility: hidden;
}

.floatbtnactive a {
    color: #fff !important;
    -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}


.bgiconbox {
    margin-left: 20px !important;
    width: 100% !important;
    transition: 2s;
}

.floatbtnshow {
    visibility: visible;
    -webkit-animation: expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
    animation: expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

@-webkit-keyframes expand {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
    }

    40% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}

@keyframes expand {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
    }

    40% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}

.floatbtnhide {
    -webkit-animation: expan 1.2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both !important;
    animation: expan 1.2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both !important;
}

@-webkit-keyframes expan {
    0% {
        -webkit-filter: blur(0.01);
        filter: blur(0.01);
    }

    100% {
        -webkit-filter: blur(12px) opacity(0%);
        filter: blur(12px) opacity(0%);
    }
}

@keyframes expan {
    0% {
        -webkit-filter: blur(0.01);
        filter: blur(0.01);
    }

    100% {
        -webkit-filter: blur(12px) opacity(0%);
        filter: blur(12px) opacity(0%);
    }
}


/* 
@font-face {
    font-family: 'Rubik-Bold';
    src: url('../fonts/Rubik/Rubik-Bold.ttf');
}

@font-face {
    font-family: 'Rubik-BlackItalic';
    src: url('../fonts/Rubik/Rubik-BlackItalic.ttf');
}

@font-face {
    font-family: 'Rubik-Black';
    src: url('../fonts/Rubik/Rubik-Black.ttf');
}

@font-face {
    font-family: 'Rubik-Regular';
    src: url('../fonts/Rubik/Rubik-Regular.ttf');
}

@font-face {
    font-family: 'Rubik-Medium';
    src: url('../fonts/Rubik/Rubik-Medium.ttf');
}

@font-face {
    font-family: 'Rubik-Light';
    src: url('../fonts/Rubik/Rubik-Light.ttf');
} */


/* css for login apge  */

body {
    margin: 0;
    padding: 0;
    /* background: red !important; */
}

.bodybg,
.bg1 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/loginbg.png);
    background-color: #3897e029;
    height: 100%;
}

#warningText {
    display: none;
    color: red
}

.commonbg {
    background: rgba(110, 174, 229, 1);
}

.commontext {
    color: rgba(110, 174, 229, 1);
}

.carousel-control-prev {
    height: 31px;
    width: 31px;
    border-radius: 25px;
    color: rgb(0, 0, 0);
    text-align: center;
    top: -30px;
    left: 90%;
    font-size: 35px;
}

.carousel-control-next {
    height: 31px;
    width: 31px;
    border-radius: 25px;
    color: rgb(0, 0, 0);
    text-align: center;
    top: -30px;
    right: 30px;
    font-size: 35px;
}


/* .carousel-indicators {
    top: -100px;} */

.bootbox-body {
    text-align: center;
    margin: 10px;
}


/* .modal-footer {
    background: transparent;
    border-bottom: 6px solid rgb(110, 174, 229);
} */

.magpass {
    text-transform: capitalize;
}


/* all table dot color */

.circle1 {
    color: #3a3a4f;
}

.circle2 {
    color: #95CEFF;
}

.circle3 {
    color: #f7a35c;
}

.circle4 {
    color: #90ED7D;
}

.circle5 {
    color: #8085D9;
}

.circle6 {
    color: #F15C80;
}

.circle7 {
    color: #727276;
}

.circle8 {
    color: #5ADEDC;
}

.circle9 {
    color: #9164AA;
}

.circle10 {
    color: #CDAA5F;
}

.circle11 {
    color: #558769;
}

.circle12 {
    color: #A56E69;
}

.circle13 {
    color: #ffff00;
}

.circle14 {
    color: #B1C5DF;
}

.circle15 {
    color: #23b8ff;
}

.circle16 {
    color: #a56e69;
}

.circle17 {
    color: #70eeff;
}

#idRiskScore1,
#idRiskScore2,
#idRiskScore3,
#idRiskScore4,
#idRiskScore5,
#idRiskScore6,
#idRiskScore7,
#idRiskScore8,
#idRiskScore9,
#idRiskScore10,
#idRiskScore11,
#idRiskScore12 {
    width: 220px;
    height: 290px;
    /* box-shadow: 0 6px 0px 0 rgba(0, 0, 0, 0.2); */
    /* cursor: pointer; */
    /* background: #d0e5f7b8; */
    /* margin: -20px; */
    display: inline-block;
}

#idRiskScoreother,
#idScore {
    min-width: 310px;
    max-width: 450px;
    height: 290px;
    margin: 0 auto;
    /* box-shadow: 0 6px 0px 0 rgba(0, 0, 0, 0.2); */
    /* cursor: pointer; */
    /* background: #d0e5f7b8; */
    /* margin: -20px; */
}

.Scorelist {
    display: flex;
    justify-content: center;
}

.Scorelist li {
    margin-left: 10px;
    margin-right: 10px;
}

.DownloadBtnshow button {
    padding: 0%;
}


/* #idRiskScore1 p,
#idRiskScore2 p,
#idRiskScore3 p,
#idRiskScore4 p,
#idRiskScore5 p,
#idRiskScore6 p,
#idRiskScore7 p,
#idRiskScore8 p,
#idRiskScore9 p,
#idRiskScore10 p,
#idRiskScore11 p,
#idRiskScore12 p {
    position: relative;
    top: -25px;
    font-size: 15px;
} */

.fa-circle {
    margin-right: 5px;
}

table thead tr th:nth-child(1) {
    text-align: left;
}

table tbody tr td {
    text-align: left;
}
table thead tr th {
    text-align: center;
}


.table td,
.table th {
    padding: .40rem;
    font-size: 15px;
}

table thead tr,
.nonglidtotal {
    color: white;
    background: var(--finlabs_blue500) !important;
}

.nonglidtotal {
    margin-top: 5px;
    margin-bottom: 5px;
}

.log_bg_div_gap {
    padding: 0% 0 0 0%;
    color: #ffffff;
}

.Sign_in_gap {
    padding: 10% 0 0 0%;
}

.Sign_bg {
    border-radius: 10px;
    padding: 10% 10% 10% 10%;
    background: #d9edf7;
    box-shadow: 0 0 13px #00000078;
}

.viewed {
    font-size: 18px;
    color: #ffffff;
    margin-top: 30px;
}

.advisor span,
.client span {
    position: relative;
    top: -22px;
    left: 80%;
}

.advisor input,
.client input {
    height: 15px;
}

footer {
    background:var(--finlabs_blue500);
    height: 25px;
}

footer p {
    margin-bottom: 0;
    font-size: 11px;
    transform: translate(10px, 6px);
    color: white;
}



.imagecontent {
    width: auto;
    margin: auto;
}

.addimage {
    width: 400px;
}

.dashboardheading {
    text-align: left;
    font-weight: normal;
    font-size: 1.2rem;
    border-radius: 5px;
    display: inline-block;
}

.homeiconbox {
    color: royalblue
}

.dashboardheading {
    color: red;
}

.homeiconbox span {
    margin-left: 2%;
    margin-top: -10px;
}

.familyMemberSelected{
    border:5px solid var(--finlabs_blue500);
}


/* .homeiconbox .DownloadBtn {
    width: 190px;
    height: 30px;
    background-color: transparent;
    background: -webkit-linear-gradient(to bottom, #6dd5ed, #2193b0);
    background: linear-gradient(to bottom, #6dd5ed, #2193b0);
    margin-top: -3px;
    text-align: center;
    padding: 5px;
    border-radius: 50%;
    color: #000000;
    margin-left: 5px;
    margin-right: 10px;
    float: right;
    display: none;
} */

.homeiconbox .rightbtn,
.homeiconbox .leftbtn {
    width: 30px;
    height: 30px;
    background-color: #d8d8d8;
    background: -webkit-linear-gradient(to bottom, #6dd5ed, #2193b0);
    /* background: linear-gradient(to bottom, #6dd5ed, #2193b0); */
    margin-top: -7px;
    text-align: center;
    padding: 5px;
    border-radius: 50%;
    color: #fff;
    margin-left: 5px;
    margin-right: 10px;
    border: 1px solid #8c8a8a;
    display: none;
}

.btnheadIcon img {
    width: 25px;
    height: 25px;
    background-color: #000000;
    margin-top: 0px;
    /*text-align: center;
    */
    /*padding: 5px;
    */
    border-radius: 50%;
    color: #080000;
    margin-left: 5px;
    margin-right: 10px;
    float: right;
    border: 1px solid #8c8a8a;
    cursor: pointer;
    display: none;
}

#dashbord {
    margin-top: 1rem;
}

.textoftitle span {
    font-size: 1.4rem;
    font-weight: 600;
}

.homeiconbox .rightbtn i,
.homeiconbox .leftbtn i {
    position: relative;
    top: -2px;
    left: 0px;
}

.carouselitem {
    min-height: 450px;
    height: auto;
}

.carousel-control-prev,
.carousel-control-next {
    align-self: flex-start;
    /* Aligns it at the top */
}


/* .carousel-item {
    max-width: 90%;
    margin: 0 auto;
    float: none;
} */

.Indicators {
    bottom: -50px;
    /* flex-direction: column; */
}

.Indicators li {
    background: gray;
    /* height: 23px; */
    font-size: 15px;
    font-weight: 600;
    width: auto;
    height: 20px;
    padding: 11px;
    border: none;
    max-width: 260px;
}

.highcharts-background {
    fill: transparent !important;
}

.highcharts_container {
    width: 100%;
    height: 100%;
}

.highcharts_container>div {
    display: grid;
    justify-content: center;
}

.hidden {
    display: none !important;
}

.formInModal {
    background: none;
    border: none;
    border-bottom: 1px solid #b7b7b7;
    outline: 0;
    box-shadow: none;
}


/*modal download btn start*/

.DownloadBtnModal {
    background: linear-gradient(180deg, #2da8ff 75%, #0d7ad8 100%);
    color: white;
    border: none;
    outline: 0;
    box-shadow: none;
}

.DownloadBtnModal:hover {
    background: linear-gradient(to top, #2da8ff, #2da8ff);
    outline: 0;
    box-shadow: none;
}

.DownloadBtnModal:focus {
    background: linear-gradient(180deg, #2da8ff 75%, #0d7ad8 100%);
    color: white;
    outline: 0;
    box-shadow: none;
}


/*modal download btn start*/


/* .modal-footer button:nth-child(1) {
    background: #cecece;
    border: none;
    color: #545454;
    letter-spacing: 1.1px;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));
} */

.modal-footer {
    border-bottom: 2px solid rgb(4, 181, 143);
    border-top: none;
}

.modal-header {
    border-top: 2px solid rgb(4, 181, 143);
    border-bottom: none;
}


/* .modal-footer button:nth-child(2) {
    background: var(--finlabs_blue500);
    border: none;
    color: white;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));
    letter-spacing: 1.1px;
} */

.modal-title {
    color: #7d7d7d;
}

.modalcancel {
    background: #cecece;
    border: none;
    color: #545454;
    letter-spacing: 1.1px;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));
}

.modalcancel:hover {
    background: var(--finlabs_yellow);
    color: #000000
}


.modalconfirm {
    background: var(--finlabs_blue500);
    border: none;
    color: white;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));
    letter-spacing: 1.1px;
}

.modalconfirm:hover {
    background: var(--finlabs_yellow);
    color: #000000
}

.head {
    /* border-radius: 10px; */
    /* filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5)); */
    color: #000;
    margin-left: 10px;
}

.downloadTempImg {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)), url("../images/AdvisorUploadTemp.png");
    background-position: center;
    background-size: cover;
    min-width: 370px;
    min-height: 250px;
}


/*goal images added into td 1*/

#goalTypeImage td:nth-child(1) {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)), url("../images/goal/education.jpg");
    background-position: center;
    background-size: cover;
}


/*goal images added into td 2*/

#goalTypeImage td:nth-child(2) {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)), url("../images/goal/ring.jpg");
    background-position: center;
    background-size: cover;
}


/*goal images added into td 3*/

#goalTypeImage td:nth-child(3) {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)), url("../images/goal/house.jpg");
    background-position: center;
    background-size: cover;
}


/*goal images added into td 4*/

#goalTypeImage td:nth-child(4) {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)), url("../images/goal/car.jpg");
    background-position: center;
    background-size: cover;
}


/*goal images added into td 5*/

#goalTypeImage td:nth-child(5) {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)), url("../images/goal/jewellery.jpg");
    background-position: center;
    background-size: cover;
}


/*goal images added into td 6*/

#goalTypeImage td:nth-child(6) {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)), url("../images/goal/vacation.jpg");
    background-position: center;
    background-size: cover;
}


/*goal images added into td 7*/

#goalTypeImage td:nth-child(7) {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)), url("../images/goal/business.png");
    background-position: center;
    background-size: cover;
}


/*goal images added into td 8*/

#goalTypeImage td:nth-child(8) {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)), url("../images/goal/retirement.jpg");
    background-position: center;
    background-size: cover;
}


/*goal images added into td 9*/

#goalTypeImage td:nth-child(9) {
    background: linear-gradient(to top, #09444e, #58e6ff);
    justify-content: center;
    transition: 0.1s ease-in;
}


/*Risk Profile Question and answer logo*/

#questions::before {
    /* content: url("../images/icons/questionAnswer.png"); */
    content: url("../images/icons/questionanswer1.png");
    position: absolute;
    left: 30px;
    top: 75px;
}


/* finexa logo style*/

.finexaLogo {
    width: 350px;
    /* margin: 0 0 15px 15px; */
}


/*all client info dashboard*/

.MyDashboard {
    /* background: rgb(255, 255, 255);
    border-radius: 10px;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.2));
    padding: 30px; */
    margin: 20px 0px 50px 0px;
}


/*all client info form family asset member icons style start*/

.mem_icon {
    display: flex;
}

.mem_icon td {
    background: rgb(255, 255, 255);
    margin: 10px;
    filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.4));
    border-radius: 10px;
    width: 80px;
    height: 120px;
    text-align: center !important;
    padding: 10px;
    cursor: pointer;
    word-break: break-word;
    overflow: auto;
}

.mem_icon td:hover,
.mem_icon td:active {
    /* background: radial-gradient(var(--finlabs_green500),var(--finlabs_blue500)); */
    background: var(--finlabs_green200);
    transition: 0.5s ease-in-out;
}

.mem_icon_active {
    background: radial-gradient(var(--finlabs_green500),var(--finlabs_blue500));
}

.assetOwner1_img,
.assetOwner2_img,
.assetOwner3_img,
.assetOwner4_img,
.assetOwner5_img,
.assetOwner6_img,
.assetOwner7_img {
    width: 40px;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
}

.mem_icon td p {
    color: #bfbfbf;
    font-weight: bold;
    text-align: center;
    margin: 8px 0 0 0;
    transition: 0.5s ease-in-out;
}

.mem_icon td:hover p {
    color: #0182ce;
}

.mem_icon td span {
    color: rgb(5, 169, 161);
    /* font-size: 14px; */
    font-size: var(--finlabsfont200);
    /* margin-bottom: 10px; */
    transition: 0.5s ease-in-out;
}

.mem_icon td:hover span {
    color: rgb(255, 255, 255);
}

.bullets1 {
    color: #3A3A4F
}

.bullets2 {
    color: #95CEFF
}

.bullets3 {
    color: #F7A35C
}

.bullets4 {
    color: #90ED7D
}

.bullets5 {
    color: #8085D9
}

.bullets6 {
    color: #F15C80
}

.bullets7 {
    color: #727276
}

.bullets8 {
    color: #5ADEDC
}

.bullets9 {
    color: #9164AA
}

.bullets10 {
    color: #b9b9a9
}

.bullets11 {
    color: #B0C4DE
}

.bullets12 {
    color: #A56E69
}

.bullets13 {
    color: #558769
}

.bullets14 {
    color: #CDAA5F
}
.bullets15 {
    color: #002fff
}
.bullets16 {
    color: #ff00d4
}
.bullets17 {
    color: #00ffea
}


/* .setPriorityStyle {
    width: -webkit-fill-available;
    margin: auto;
} */

#idGoalList tr td:nth-child(4) select {
    width: -webkit-fill-available;
    /* width: fit-content; */
    margin: auto;
}


/*all client info form family asset member icons style end*/


/* 
.mem_icon td img {
    margin: 10px 20px;
} */


/* 
.mem_icon td:nth-child(2) {
    width: 100px;
    height: 120px;
    align-self: flex-end;
}

.mem_icon td:nth-child(3) {
    width: 100px;
    height: 110px;
    align-self: flex-end;
}

.mem_icon td:nth-child(4) {
    width: 100px;
    height: 100px;
    align-self: flex-end;
}

.mem_icon td:nth-child(5) {
    width: 100px;
    height: 95px;
    align-self: flex-end;
}

.mem_icon td:nth-child(6) {
    width: 100px;
    height: 90px;
    align-self: flex-end;
} */


/*all client info product types radio btn style*/


/* 
.DefaultRadioBox {
    background: rgb(255, 255, 255);
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));
    border-radius: 20px;
    transition: 0.5s;
    width: auto;
    margin: 10px;
} */


/*all client info product types inside radio btn padding style*/


/* .DefaultRadiobtnbox {
    padding: 15px;
} */


/*all client info product types radio btn hover style*/


/* .DefaultRadioBox:hover {
    background: var(--finlabs_blue500);
    color: rgb(255, 255, 255);
    font-weight: 600;
} */


/*all radio btn active class*/

.activeClassRadio {
    background: var(--finlabs_blue500);
    color: rgb(255, 255, 255);
    font-weight: 600;
}


/*all client info table default style*/


/* .MyTableDefault thead tr {
    background: var(--finlabs_blue500) !important;

} */


/*all client info table first column left align*/

.MyTableDefault thead tr th:nth-child(1){
    text-align: center;
}
.MyTableDefault tbody tr td:nth-child(1) {
    text-align: left;
}


/*all client info table rest column center align*/

.MyTableDefault thead tr th {
    text-align: center;
}


/* .MyTableDefault tbody tr:nth-child(odd) {
    background: #ffffff !important;
}

.MyTableDefault tbody tr:nth-child(even) {
    background: #d3f3f1 !important;
} */

.MyTableDefault tbody tr:hover {
    border-left: 3px solid var(--finlabs_blue500);
    transition: 0.3s ease-in-out;
}


/*  */

.btn_Disabled {
    pointer-events: none;
    opacity: 0.7;
    background-color: #909090 !important;
}


/* mybusiness dashboard margin top style */

.MBmarginTop {
    margin-top: 75px;
}


/* unsupported date picker style */

.DatePickerStyle {
    margin-left: -1px;
    background: #e9ecef;
    /* box-shadow: 0px 0px 2px #00000085; */
    border: 1px solid #ced4da;
    /* padding: .375rem .75rem; */
    border-radius: .25rem;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.DatePickerStyle button {
    line-height: normal;
}

.DatePickerStyle i {
    color: #495057;
}


/*Nse Bse common Class style start*/


/*Top Three btn default styles in iin,fatca and mandate start*/

.tempheaderBtn {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tempheaderBtn button {
    width: 190px;
}

.tempheaderBtn i {
    color: var(--finlabs_blue500);
}

#responsiveIcon {
    display: none;
}

#normalicon {
    display: block;
}


/*Top Three btn default styles in iin,fatca and mandate end*/


/*Nse Bse common Class style end*/

.cardtitletext {
    margin-top: 10px;
}

.rangeSlideStyle {
    width: 90%;
    height: 86px;
    margin-left: 25px;
}


/* #ExistingClientResponsiveDetails {
    display: none;
} */

.familymember {
    margin: 10px 0px;
}

.familymember div {
    margin: 5px 0px;
}

.familymembertbl {
    margin-bottom: 20px;
}

.loginForm input {
    border: none;
    color: #000000b8;
    background: transparent;
    border-bottom: 1px solid #3c3c3c69;
}


/* #idSigninSubmit {
    color: #fff;
    border-radius: 10px;
    background: linear-gradient(195deg, #0095ff, #ffffff36); */


/* background: linear-gradient(6deg, #4168ff, #00f3ffb0); */


/* background: linear-gradient(195deg, #28a745, #00f3fff0); */


/* filter: drop-shadow(0px 0px 4px #00000055);
} */

#idForgotPassWord {
    font-size: 14px;
    display: flex;
    justify-content: center;
    text-decoration: none;
    /* color: white; */
}


/*sign in btn style */

#idSigninSubmit span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}

#idSigninSubmit span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: -9px;
    font-size: 25px;
    right: 0px;
    transition: 0.5s;
}

#idSigninSubmit:hover span {
    padding-right: 25px;
}

#idSigninSubmit:hover span:after {
    opacity: 1;
    right: 0;
}

#modalBoxHeader {
    margin: 15px 0px;
}


/* Client info section cards */

.activeClassRadio {
    background: #2e75b6;
    color: rgb(255, 255, 255);
    font-weight: 600;
}

.portfolioRadioButtonCard .card
{
  border-radius: 30px;
}

.portfolioRadioButtonCard{
  height:auto; 
  width:100%; 
  display:flex; 
  align-items:center; 
  justify-content:center;
}


.portfolioRadioButtonCard label {
  /* width: 350px; */
  padding: 20px;
  width: 100%;
  height: 160px;
  color: white;
  vertical-align: middle;
  display: inline-grid;
  align-items: center;
  cursor: pointer;
  background-clip: border-box;
  border-radius: 15px;
  background: linear-gradient(to bottom, var(--finlabs_green500), var(--finlabs_blue500));
  font-size: 20px;
}

.portfolioRadioButtonCard label:hover {
  /* width: 360px;
  height: 170px; */
  border-radius: 20px;  
  background: var(--finlabs_blue500);
  font-size: 25px;
  color: white;
}

.portfolioRadioButtonCard input[type=radio] {
  position: absolute;
  visibility: hidden;
}

.portfolioRadioButtonCard .card {
  /* width: 280px; */
  width: 100%;
  height: auto;
  display: inline-flex;
}

.portfolioRadioButtonCard input[type=radio]:checked~.check {
  border: 5px solid #0DFF92;
}

.portfolioRadioButtonCard input[type=radio]:checked~ ::before {
  display: block;
  position: absolute;
  content: '';
  right: 0;
  border-radius: 100%;
  top: 5px;
  left: 5px;
  margin: auto;
}

.portfolioRadioButtonCard input[type=radio]:checked~label {
  box-shadow: 0 0 1px 10px rgb(0 0 0 / 4%);
  /* background: #399ee8;
  color: #ffffff;
  font-weight: 600; */
}

.portfolioRadioButtonHeader{
    height:200px; 
    width:100%; 
    display:flex; 
    align-items:center; 
    justify-content:center;
  }
  
  
  .portfolioRadioButtonHeader label {
    width: 100%;
    height: 50px;
    vertical-align: middle;
    display: inline-grid;
    align-items: center;
    background-clip: border-box;
    font-size: 20px;
  }
/* cards ends */
/* cutom input modal css */
.noOfInst{
    border: 2px solid var(--finlabs_blue500);
    padding: 10px;
    border-radius: 5px;
}
/* cutom input modal css */

/* Caption sonarLint solution */
.cpt{
    padding: 0px !important;
}

/* Select2 dropdown error message */

.select2DropdownErrMsg
{
    position: relative;
    margin-bottom: 20px;
}
.select2DropdownErrMsg ul.parsley-errors-list {
    position: absolute;
    bottom: -46px;
}

/* Select2 dropdown error message ends */

/* Date parsley message */

.selectDateErrorMessageParsley{
    position: relative;
    margin-bottom: 20px;
}
.selectDateErrorMessageParsley ul.parsley-errors-list {
    position: absolute;
    top: 35px;
}

/* Date parsley message ends*/

.AmountInfoBtn {
    margin: 5px 5px 0 0;
    font-size: 14px;
    color: var(--finlabs_blue500);
}

/* Data table customization*/
.dataTables_scrollBody::-webkit-scrollbar {
    width: 5px !important; /* Adjust the width as needed */
}
.dataTables_scrollBody::-webkit-scrollbar {
    height: 10px !important; /* Adjust the width as needed */
}


.dataTables_scrollHeadInner{
    width: auto !important;
    padding: 0px !important;
}
.tableBody{
    width: revert-layer !important;
}
.dataTableBody{
    width: 100% !important;
}

/* .skiptranslate
{
    visibility:hidden !important
} */

/* Select2 container */
/* .select2-container--open .select2-dropdown--above{
    z-index: 4 !important;
} */

/* .select2-container--open .select2-dropdown--below{
    z-index: 4 !important;
} */

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--finlabs_blue500) !important;
}

.select2-container--default{
    width:100% !important;
}

.select2-selection__placeholder{
    color: #495057 !important;
}


/* Cliend and Family Btn Css Start here */

.switch-field {
    display: flex;
    margin-bottom: 36px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
  }
  
  .switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
  }
  
  .switch-field label {
    background-color: #e4e4e4;
    color: rgba(0, 0, 0, 0.6);
    font-size: var(--finlabsfont200);
    line-height: 1;
    text-align: center;
    padding: 10px 15px;
    width: 190px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    transition: all 0.1s ease-in-out;
  }
  
  .switch-field label:hover {
    cursor: pointer;
  }
  
  .switch-field input:checked + label {
    background-color: var(--finlabs_blue500);
    box-shadow: none;
    color: #fff;
  }
  
  .switch-field label:first-of-type {
    border-radius: 30px 0 0 30px;
}
  
  .switch-field label:last-of-type {
    border-radius: 0 30px 30px 0;
  }
  /* Cliend and Family Btn Css Start here */


/*media screen starts*/



.platformSelection {
    padding: 15px;
    margin-top: 30px
}

.bseradiobuttonTable .card {
    width: 280px;
    height: auto;
    display: inline-flex;
    margin: 10px 0px;
}

#slidersStyle {
    width: 91%;
    height: 86px;
    margin-left: 32px;
}

#paddingadded {
    padding: 10px 20px;
    margin-top: 15px;
}

.cardtitletext p {
    color: #6eaee5;
    font-weight: bold;
    fill: #6eaee5;
}

.padInRes1 {
    padding-right: 0px;
}

.padInRes2 {
    padding-left: 0px;
}

.finexaLogomttext{
    font-size:24px;
}

/* Customised Header starts */

.customHeader span {
    background: var(--finlabs_blue500);
    color: white;
    font-size: var(--finlabsfont500);
    padding: 11px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.customHeader h4 {
    border-bottom: 4px solid var(--finlabs_blue500);
    padding-bottom: 6px;
    border-radius: 4px;
}

.customHeader {
    /* margin-top: 75px;
    margin-bottom: 30px; */

    margin-top: 50px;
    margin-bottom: 0px;
}

/* Heading formatting */
.form_title {
    background: var(--finlabs_blue500);
    color: white;
    display: inline-block;
    padding: 8px 7px;
    border-radius: 0px 10px 0px 10px;
    margin-bottom: 23px;
    width: 100%;
    /* box-shadow: 0 0 8px #00000052; */
}
.form_title h6 {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
}

/* Customised Header ends */

/* Error modal css start here*/
.errorModalMain .modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 4px 1rem;
    border-bottom: 0px solid #dee2e6;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
  }
  .modal_close_btn {
    text-align: center;
    padding: 0px 0px 0px 0;
  }
  .modal_close_btn button {
    background-color: var(--finlabs_blue400);
    border: none;
    display: block;
    width: 100%;
    font-weight: 500;
    letter-spacing: 0px;
    border-radius: 0 0 5px 5px;
  }
  p.errorText {
    font-weight: 500;
    font-size: 17px;
  }
  .modal_close_btn button:hover {
    color: #fff;
    background-color: var(--finlabs_blue500);
    border-color:var(--finlabs_blue400);
  }

  .subs_modal_header {
    background: var(--finlabs_green);
    border: none;
  }
  .subs_modal_title{
    font-weight: 500;
    /* color: #fff; */
    color:black;
  }

  .custom-footer
  {
    background: lightgray;
    padding: 5px !important;
  }

  .error{
    background: var(--finlabs_red);
  }

  .disableDropdown{
    background-color: #e9ecef;
    opacity: 1;
    pointer-events: none;
}

  /* css for confirm modal header */
.bootbox-confirm .modal-header{
    background-color: var(--finlabs_blue500);
    color: white;
}
.bootbox-confirm .modal-title{
    color: white;
}
.bootbox-confirm .modal-footer{
    border: none !important;
}
/*media screen for maximum width 319*/

@media only screen and (max-width: 319px) {

    /* Customised Header starts */
    .customHeader h4 {
        padding-bottom: 5px;
    }
    .customHeader span {
        font-size: 18px;
        padding: 10px;
    }
    .customHeader {
        margin-top: 50px;
        margin-bottom: 30px;
    }

    /* Customised Header ends */

    #idTable_paginate,
    #idTable_info,
    #idTable_length {
        font-size: 12px;
    }

    .uploadErrorMrginLft {
        margin-left: 15px;
    }

    .padInRes1,
    .padInRes2 {
        padding: 0 10px;
    }

    #responsiveFontSize {
        font-size: 20px;
    }

    .familymembertbl {
        white-space: normal !important;
    }

    .highcharts-legend-item text {
        font-size: 10px !important;
    }

    .existingAddClientToggle {
        left: -100%;
        transition: 0.5s;
    }

    /* table responsive freeze first column */
    body,
    .form-control::placeholder,
    .form-control {
        font-size: 14px;
    }

    table {
        position: relative;
        overflow: auto;
        border: 1px solid black;
        white-space: nowrap;
    }

    .table tr th:first-child,
    .table tr td:first-child {
        position: sticky;
        position: -webkit-sticky;
        max-width: 100px;
        left: -2px;
    }

    .table tr th:first-child {
        color: white;
        z-index: 1;
        background: var(--finlabs_blue500);
        border: 1px solid #c3c3c3;
    }

    .table tr td:first-child {
        z-index: 1;
    }

    .table tbody tr:nth-child(even) {
        color: #2e3135;
        background: #f2f2f2;
        border: 1px solid #d9d9d9;
    }

    .table tbody tr:nth-child(odd) {
        color: #2e3135;
        background: #ffffff;
        border: 1px solid #d9d9d9;
    }

    .table tbody tr:nth-child(even) td {
        background: #f2f2f2;
    }

    .table tbody tr:nth-child(odd) td {
        background: #ffffff;
    }

    #slidersStyle {
        width: 65%;
        height: 86px;
        margin: auto;
    }

    .bseradiobuttonTable .card {
        width: 280px;
        height: auto;
        display: inline-flex;
        margin: 10px 0px;
    }

    .platformSelection {
        padding: 5px;
        margin-top: 20px
    }

    .platformSelection h4 {
        font-size: 20px;
    }

    #PaddingResZero {
        padding: 0%;
    }

    #modalBoxHeader {
        margin: 15px 0px;
        font-size: 20px;
    }

    .cardtitletext h4 {
        font-size: 20px;
    }

    .cardtitletext p {
        font-size: 13px;
    }

    .onelist {
        margin: 0px 5px;
    }

    .onelist i {
        font-size: 13px;
    }

    .rangeSlideStyle {
        width: 60%;
        margin: auto;
    }

    /* #loginUsernameId,
    #loginPasswordId {
        border: none;
        color: #000000b8;
        background: transparent;
        border-bottom: 1px solid #3c3c3c69;
    } */
    /* #idSigninSubmit {
        color: #fff;
        border: none;
        border-radius: 10px; */
    /* background: linear-gradient(195deg, #0095ff, #ffffff36); */
    /* background: linear-gradient(6deg, #4168ff, #00f3ffb0); */
    /* background: linear-gradient(195deg, #28a745, #00f3fff0); */
    /* filter: drop-shadow(0px 0px 4px #00000055); */
    /* } */
    #idForgotPassWord {
        display: flex;
        justify-content: center;
        text-decoration: none;
        /* color: white; */
    }

    /* .Sign_bg {
        border-radius: 0px;
        padding: 5% 10% 5% 10%;
        background: linear-gradient(45deg, #2da8ff, #ffffff9c);
        filter: drop-shadow(0px 0px 5px #00000095);
    } */
    .log_bg_div_gap h3,
    .card-body h4 {
        font-size: 20px;
    }

    .responsiveLogo {
        text-align: center;
    }

    .finexaLogo {
        width: 225px;
        margin: 30px 0px 30px 15px;
    }

    .mem_icon {
        display: flex;
        flex-wrap: wrap;
    }

    .mem_icon td {
        margin: 7px;
        width: 80px;
        height: 110px;
        font-size: 14px;
    }

    .assetOwner1_img,
    .assetOwner2_img,
    .assetOwner3_img,
    .assetOwner4_img,
    .assetOwner5_img,
    .assetOwner6_img,
    .assetOwner7_img {
        width: 40px;
    }

    .notificationResponsive {
        position: absolute;
        left: 220px;
        top: 5px;
    }

    .paddingResponsiveZero {
        padding: 0%;
    }

    .btnheadIcon img {
        width: 25px;
        height: 25px;
        background-color: #000000;
        margin: 2px 2px;
    }

    /* add modal  */
    .imagecontent {
        width: 100%;
    }

    .addimage {
        width: 100%;
    }

    .defaultBTN {
        font-size: 12px;
        margin-right: 0px;
    }

    #questions::before {
        content: none;
    }

    .homeiconbox {
        margin: 0%;
        padding: 0%;
    }

    .titletext {
        z-index: 0;
    }

    .topnavcollapse {
        position: absolute;
        left: -20px;
        padding-left: 15px;
        background: #ffffff;
        width: calc(100vw - -10px);
        top: -10px;
        height: 100vh;
        overflow-y: auto;
    }

    .titletext span {
        font-size: .9rem;
        font-weight: 600;
        text-transform: capitalize;
    }

    .table td,
    .table th {
        max-width: 100px;
        font-size: 11px;
        vertical-align: middle;
        white-space: pre-wrap;
        overflow-wrap: break-word;
    }

    #idTable td:not(:first-child),
    #idTable th:not(:first-child) {
        max-width: min-content;
        font-size: 11px;
        vertical-align: middle;
        white-space: pre-wrap;
        overflow-wrap: break-word;
    }

    .Scorelist {
        display: block;
        text-align: left;
    }

    /*Nse Bse common Class style end*/
    #responsiveIcon {
        display: block;
    }

    #normalicon {
        display: none;
    }

    .tempheaderBtn {
        display: block;
        text-align: center;
    }

    /*Nse Bse common Class style end*/
    #pagination-demo,
    #pagination-demo2 {
        font-size: 10px;
    }

    #paddingadded {
        padding: 10px 20px;
        margin-top: 15px;
    }

    .Scorelist li {
        font-size: 11px;
    }
    .finexaLogomt {
        text-align: center;
        
    }
    
}
/*media screen for maximum width 479*/

@media only screen and (max-width: 575px) {

    /* Customised Header starts */
    .customHeader h4 {
        padding-bottom: 5px;
    }
    .customHeader span {
        font-size: 18px;
        padding: 10px;
    }
    .customHeader {
        margin-top: 50px;
        margin-bottom: 30px;
    }
    /* Customised Header ends */

    #idTable_paginate,
    #idTable_info,
    #idTable_length {
        font-size: 12px;
    }

    .uploadErrorMrginLft {
        margin-left: 15px;
    }

    .padInRes1,
    .padInRes2 {
        padding: 0 10px;
    }

    #responsiveFontSize {
        font-size: 20px;
    }

    .familymembertbl {
        white-space: normal !important;
    }

    .highcharts-legend-item text {
        font-size: 10px !important;
    }

    .existingAddClientToggle {
        left: -100%;
        transition: 0.5s;
    }

    /* table responsive freeze first column */
    table {
        position: relative;
        overflow: auto;
        /* border: 1px solid black; */
        white-space: nowrap;
    }
    #idInsurancetypeTable  table {
        position: relative;
        overflow: auto;
        /* border: 1px solid black; */
        white-space: inherit;
    }

    .table tr th:first-child,
    .table tr td:first-child {
        position: sticky;
        position: -webkit-sticky;
        max-width: 100px;
        left: -2px;
    }

    /* .table tr th:not(:first-child),
    .table tr td:not(:first-child) {
        overflow: hidden;
    } */
    .table tr th:first-child {
        color: white;
        z-index: 1;
        background: var(--finlabs_blue500);
        border: 1px solid #c3c3c3;
    }

    .table tr td:first-child {
        z-index: 1;
    }

    .table tbody tr:nth-child(even) {
        color: #2e3135;
        background: #f2f2f2;
        border: 1px solid #d9d9d9;
    }

    .table tbody tr:nth-child(odd) {
        color: #2e3135;
        background: #ffffff;
        border: 1px solid #d9d9d9;
    }

    .table tbody tr:nth-child(even) td {
        background: #f2f2f2;
    }

    .table tbody tr:nth-child(odd) td {
        background: #ffffff;
    }

    .bseradiobuttonTable .card {
        width: 280px;
        height: auto;
        display: inline-flex;
        margin: 10px 0px;
    }

    .platformSelection {
        padding: 5px;
        margin-top: 20px
    }

    .platformSelection h4 {
        font-size: 20px;
    }

    #PaddingResZero {
        padding: 0%;
    }

    #modalBoxHeader {
        margin: 15px 0px;
        font-size: 20px;
    }

    .cardtitletext h4 {
        font-size: 20px;
    }

    .cardtitletext p {
        font-size: 13px;
    }

    .onelist {
        margin: 0px 5px;
    }

    .onelist i {
        font-size: 13px;
    }

    .rangeSlideStyle {
        width: 63%;
        margin: auto;
    }

    /* #loginUsernameId,
    #loginPasswordId {
        border: none;
        color: #000000b8;
        background: transparent;
        border-bottom: 1px solid #3c3c3c69;
    } */
    /* #idSigninSubmit {
        color: #fff;
        border-radius: 10px;
        border: none;*/
    /* background: linear-gradient(195deg, #0095ff, #ffffff36); */
    /* background: linear-gradient(6deg, #4168ff, #00f3ffb0); */
    /* background: linear-gradient(195deg, #28a745, #00f3fff0); */
    /* filter: drop-shadow(0px 0px 4px #00000055); */
    /* }  */
    #idForgotPassWord {
        display: flex;
        justify-content: center;
        text-decoration: none;
        /* color: white; */
    }

    /* .Sign_bg {
        border-radius: 0px;
        padding: 5% 10% 5% 10%;
        background: linear-gradient(45deg, #2da8ff, #ffffff9c);
        filter: drop-shadow(0px 0px 5px #00000095);
    } */
    .log_bg_div_gap h3,
    .card-body h4 {
        font-size: 20px;
    }

    .responsiveLogo {
        text-align: center;
    }

    .finexaLogo {
        width: 225px;
        margin: 30px 0px 30px 15px;
    }

    .mem_icon {
        display: flex;
        flex-wrap: wrap;
    }

    .mem_icon td {
        margin: 7px;
        width: 80px;
        height: 110px;
        font-size: 14px;
    }

    .assetOwner1_img,
    .assetOwner2_img,
    .assetOwner3_img,
    .assetOwner4_img,
    .assetOwner5_img,
    .assetOwner6_img,
    .assetOwner7_img {
        width: 40px;
    }

    .notificationResponsive {
        position: absolute;
        right: 10px;
    }

    .paddingResponsiveZero {
        padding: 0%;
    }

    .btnheadIcon img {
        width: 25px;
        height: 25px;
        background-color: #000000;
        margin: 2px 2px;
    }

    /* add modal  */
    .imagecontent {
        width: 100%;
    }

    .addimage {
        width: 100%;
    }

    .defaultBTN {
        font-size: 12px;
        margin-right: 0px;
    }

    #questions::before {
        content: none;
    }

    .homeiconbox {
        margin: 0%;
        padding: 0%;
    }

    .titletext {
        z-index: 0;
    }

    .topnavcollapse {
        position: absolute;
        left: -20px;
        padding-left: 15px;
        background: #ffffff;
        width: calc(100vw - -10px);
        top: -10px;
        height: 100vh;
        overflow-y: auto;
    }

    .titletext span {
        font-size: .9rem;
        font-weight: 600;
        text-transform: capitalize;
    }

    .table td,
    .table th {
        max-width: 100px;
        font-size: 11px;
        vertical-align: middle;
        white-space: pre-wrap;
        overflow-wrap: break-word;
    }

    #idTable td:not(:first-child),
    #idTable th:not(:first-child) {
        max-width: min-content;
        font-size: var(--finlabsfont200);
        vertical-align: middle;
        white-space: pre-wrap;
        overflow-wrap: break-word;
    }

    .Scorelist {
        display: block;
        text-align: left;
    }

    /*Nse Bse common Class style end*/
    #responsiveIcon {
        display: block;
    }

    #normalicon {
        display: none;
    }

    .tempheaderBtn {
        display: block;
        text-align: center;
    }

    /*Nse Bse common Class style end*/
    #pagination-demo,
    #pagination-demo2 {
        font-size: 10px;
    }

    #paddingadded {
        padding: 10px 20px;
        margin-top: 15px;
    }

    body,
    body,
    .form-control::placeholder,
    .form-control,
    .modal-title,
    .modal-body {
        font-size: 14px;
    }

    .Scorelist li {
        font-size: 11px;
    }
    .finexaLogomt {
        text-align: center;
    }
}


/*media screen for maximum width 595*/

@media only screen and (min-width: 480px) and (max-width: 595px) {

    /* Customised Header starts */
    .customHeader h4 {
        padding-bottom: 5px;
    }
    .customHeader span {
        font-size: 18px;
        padding: 10px;
    }
    .customHeader {
        margin-top: 50px;
        margin-bottom: 30px;
    }
    /* Customised Header ends */

    #idTable_paginate,
    #idTable_info,
    #idTable_length {
        font-size: 12px;
    }

    .uploadErrorMrginLft {
        margin-left: 15px;
    }

    .padInRes1,
    .padInRes2 {
        padding: 0 10px;
    }

    #responsiveFontSize {
        font-size: 20px;
    }

    .familymembertbl {
        white-space: normal !important;
    }

    .highcharts-legend-item text {
        font-size: 10px !important;
    }

    .existingAddClientToggle {
        left: -100%;
        transition: 0.5s;
    }

    /* table responsive freeze first column */
    body,
    .form-control::placeholder,
    .form-control,
    .modal-title,
    .modal-body {
        font-size: 14px;
    }

    table {
        position: relative;
        overflow: auto;
        border: 1px solid black;
        white-space: nowrap;
    }

    .table tr th:first-child,
    .table tr td:first-child {
        position: sticky;
        position: -webkit-sticky;
        max-width: 100px;
        left: -2px;
    }

    .table tr th:first-child {
        color: white;
        z-index: 1;
        background: var(--finlabs_blue500);
        border: 1px solid #c3c3c3;
    }

    .table tr td:first-child {
        z-index: 1;
    }

    .table tbody tr:nth-child(even) {
        color: #2e3135;
        background: #f2f2f2;
        border: 1px solid #d9d9d9;
    }

    .table tbody tr:nth-child(odd) {
        color: #2e3135;
        background: #ffffff;
        border: 1px solid #d9d9d9;
    }

    .table tbody tr:nth-child(even) td {
        background: #f2f2f2;
    }

    .table tbody tr:nth-child(odd) td {
        background: #ffffff;
    }

    .bseradiobuttonTable .card {
        width: 280px;
        height: auto;
        display: inline-flex;
        margin: 10px 0px;
    }

    .platformSelection {
        padding: 5px;
        margin-top: 20px
    }

    .platformSelection h4 {
        font-size: 20px;
    }

    #PaddingResZero {
        padding: 0%;
    }

    #modalBoxHeader {
        margin: 15px 0px;
        font-size: 20px;
    }

    .cardtitletext h4 {
        font-size: 20px;
    }

    .cardtitletext p {
        font-size: 13px;
    }

    .onelist {
        margin: 0px 5px;
    }

    .onelist i {
        font-size: 13px;
    }

    .rangeSlideStyle {
        width: 65%;
        margin: auto;
    }

    /* #loginUsernameId,
    #loginPasswordId {
        border: none;
        color: #000000b8;
        background: transparent;
        border-bottom: 1px solid #3c3c3c69;
    } */
    /* #idSigninSubmit {
        color: #fff;
        border-radius: 10px;
        border: none; */
    /* background: linear-gradient(195deg, #0095ff, #ffffff36); */
    /* background: linear-gradient(6deg, #4168ff, #00f3ffb0); */
    /* background: linear-gradient(195deg, #28a745, #00f3fff0); */
    /* filter: drop-shadow(0px 0px 4px #00000055); */
    /* } */
    #idForgotPassWord {
        display: flex;
        justify-content: center;
        text-decoration: none;
        /* color: white; */
    }

    /* .Sign_bg {
        border-radius: 0px;
        padding: 5% 10% 5% 10%;
        background: linear-gradient(45deg, #2da8ff, #ffffff9c);
        filter: drop-shadow(0px 0px 5px #00000095);
    } */
    .log_bg_div_gap h3,
    .card-body h4 {
        font-size: 20px;
    }

    .responsiveLogo {
        text-align: center;
    }

    .finexaLogo {
        width: 225px;
        margin: 30px 0px 30px 15px;
    }

    .mem_icon {
        display: flex;
        flex-wrap: wrap;
    }

    .mem_icon td {
        margin: 7px;
        width: 80px;
        height: 110px;
        font-size: 14px;
    }

    .assetOwner1_img,
    .assetOwner2_img,
    .assetOwner3_img,
    .assetOwner4_img,
    .assetOwner5_img,
    .assetOwner6_img,
    .assetOwner7_img {
        width: 40px;
    }

    .notificationResponsive {
        position: absolute;
        left: 220px;
        top: 5px;
    }

    .paddingResponsiveZero {
        padding: 0%;
    }

    #questions::before {
        content: none;
    }

    .btnheadIcon img {
        width: 25px;
        height: 25px;
        background-color: #000000;
        margin: 2px 2px;
    }

    .Scorelist {
        display: block;
        text-align: left;
    }

    /* add modal  */
    .imagecontent {
        width: 100%;
    }

    .addimage {
        width: 100%;
    }

    .defaultBTN {
        font-size: 12px;
        margin-right: 0px;
    }

    .homeiconbox {
        margin: 0%;
        padding: 0%;
    }

    .titletext {
        z-index: 0;
    }

    .topnavcollapse {
        position: absolute;
        left: -20px;
        padding-left: 15px;
        background: #ffffff;
        width: calc(100vw - -10px);
        top: -10px;
        height: 100vh;
        overflow-y: auto;
    }

    .titletext span {
        font-size: .9rem;
        font-weight: 600;
        text-transform: capitalize;
    }

    .table td,
    .table th {
        max-width: 100px;
        font-size: 11px;
        vertical-align: middle;
        white-space: pre-wrap;
        overflow-wrap: break-word;
    }

    #idTable td:not(:first-child),
    #idTable th:not(:first-child) {
        max-width: min-content;
        font-size: 11px;
        vertical-align: middle;
        white-space: pre-wrap;
        overflow-wrap: break-word;
    }

    /*Nse Bse common Class style end*/
    .tempheaderBtn button {
        width: 100px;
        font-size: 14px;
    }

    .tempheaderBtn {
        justify-content: space-around;
    }

    /*Nse Bse common Class style end*/
    #pagination-demo,
    #pagination-demo2 {
        font-size: 10px;
    }

    #paddingadded {
        padding: 10px 20px;
        margin-top: 15px;
    }

    body,
    .form-control::placeholder,
    .form-control,
    .modal-title,
    .modal-body {
        font-size: 14px;
    }

    .Scorelist li {
        font-size: 11px;
    }
    .finexaLogomt {
        text-align: center;
    }
    .Sign_bg {
        border-radius: 10px;
        padding: 5% 10% 5% 10%;
        background: #d9edf7;
        width: 412px;
        margin: auto;
    }
}


/*media screen for maximum width 723*/

@media only screen and (min-width: 596px) and (max-width: 723px) {

    #idTable_paginate,
    #idTable_info,
    #idTable_length {
        font-size: 12px;
    }

    .uploadErrorMrginLft {
        margin-left: 15px;
    }

    .padInRes1,
    .padInRes2 {
        padding: 0 10px;
    }

    #responsiveFontSize {
        font-size: 20px;
    }

    .familymembertbl {
        white-space: normal !important;
    }

    .highcharts-legend-item text {
        font-size: 10px !important;
    }

    .existingAddClientToggle {
        left: -100%;
        transition: 0.5s;
    }

    /* table responsive freeze first column */
    table {
        position: relative;
        overflow: auto;
        border: 1px solid black;
        white-space: nowrap;
    }

    .table tr th:first-child,
    .table tr td:first-child {
        position: sticky;
        position: -webkit-sticky;
        max-width: 100px;
        left: -2px;
    }

    .table tr th:first-child {
        color: white;
        z-index: 1;
        background: var(--finlabs_blue500);
        border: 1px solid #c3c3c3;
    }

    .table tr td:first-child {
        z-index: 1;
    }

    .table tbody tr:nth-child(even) {
        color: #2e3135;
        background: #f2f2f2;
        border: 1px solid #d9d9d9;
    }

    .table tbody tr:nth-child(odd) {
        color: #2e3135;
        background: #ffffff;
        border: 1px solid #d9d9d9;
    }

    .table tbody tr:nth-child(even) td {
        background: #f2f2f2;
    }

    .table tbody tr:nth-child(odd) td {
        background: #ffffff;
    }

    .mem_icon {
        display: flex;
        flex-wrap: wrap;
    }

    .notificationResponsive {
        position: absolute;
        left: 220px;
        top: 5px;
    }

    .btnheadIcon img {
        width: 25px;
        height: 25px;
        background-color: #000000;
        margin-top: 0px;
        margin-left: 0;
        margin-right: 0;
    }

    .defaultBTN {
        font-size: 12px;
        margin-right: 0px;
    }

    .Scorelist {
        display: block;
        text-align: left;
    }

    .topnavcollapse {
        position: absolute;
        left: -20px;
        padding-left: 15px;
        background: #ffffff;
        width: calc(100vw - -10px);
        top: -10px;
        height: 100vh;
        overflow-y: auto;
    }

    .titletext span {
        font-size: .9rem;
        font-weight: 600;
        text-transform: capitalize;
    }

    .table td,
    .table th {
        max-width: 100px;
        font-size: 12px;
        vertical-align: middle;
        white-space: pre-wrap;
        overflow-wrap: break-word;
    }

    #idTable td:not(:first-child),
    #idTable th:not(:first-child) {
        max-width: min-content;
        font-size: 11px;
        vertical-align: middle;
        white-space: pre-wrap;
        overflow-wrap: break-word;
    }

    .tempheaderBtn button {
        width: 120px;
    }

    #paddingadded {
        padding: 10px 20px;
        margin-top: 15px;
    }

    body,
    .form-control::placeholder,
    .form-control,
    .modal-title,
    .modal-body {
        font-size: 14px;
    }

    .Scorelist li {
        font-size: 12px;
    }
    .finexaLogomt {
        text-align: center;
    }
}


/*media screen for maximum width 991*/

@media only screen and (min-width: 724px) and (max-width: 991px) {
    .familymembertbl {
        white-space: normal !important;
    }

    .titletext {
        z-index: 0;
    }

    .topnavcollapse {
        position: absolute;
        left: -20px;
        padding-left: 15px;
        background: #ffffff;
        width: calc(100vw - -10px);
        top: 30px;
        height: 100vh;
        overflow-y: auto;
    }

    .titletext span {
        font-size: .9rem;
        font-weight: 600;
        text-transform: capitalize;
    }

    .table td,
    .table th {
        font-size: 13px;
    }

    body,
    .form-control::placeholder,
    .form-control,
    .modal-title,
    .modal-body {
        font-size: 14px;
    }
    .finexaLogomt {
        text-align: center;
    }
}


/*media screen for maximum width 1024*/

@media only screen and (min-width: 992px) and (max-width: 1024px) {

    body,
    .form-control::placeholder,
    .form-control,
    .modal-title,
    .modal-body {
        font-size: 14px;
    }

   
}


/*media screen for maximum width 1024*/

@media (min-width: 1025px) {}
#viewFamilyMemberList td:nth-child(3){text-align:right;}
#idLifeExpList td:nth-child(3){text-align:right;}
#idClientList td:nth-child(3){text-align:right;}
#idIncomeList td:nth-child(2){text-align:right;}
.MyTableDefault th:last-child{text-align:center;}
#idLifeExpList tr td:nth-child(3){text-align:right;}
#oprtFolioTrackerList td:nth-child(n+3){text-align:right;}
#oprtFolioTrackerList td:last-child{text-align:left;}
#assetClasses td:nth-child(n+2){text-align:right;}
.grybg td:nth-child(n+2){text-align:right;}
#idIncomeTable td:nth-child(n+2){text-align:right;} 
#idIncomeProjectionTable td:nth-child(n+2){text-align:right;}
#idIncomeList td:nth-child(n+2){text-align:right;}
#idExpenseList td{text-align:right;}
#idROSList td:nth-child(n+3){text-align:right;}
#idLumpsumList td:nth-child(n+2){text-align:right;}
#nonglidtotal tr td:nth-child(2){text-align:right;}
#nonglidtotal 
#nonglidtotal td:nth-child(1){text-align:right;}
#id_TotalExpenses_amt{text-align:right;}
#idExpenseTotal{text-align:right;}
#idDebtTBody td:nth-child(n+2){text-align:right;}
#networthDetails td:nth-child(n+2){text-align:right;}
#idKeyAssumption td:nth-child(2){text-align:right;}
#idKeyAssumption td:nth-child(6){text-align:right;}
.classGroceries td:nth-child(2){text-align:right;}
.classGroceries td:nth-child(3){text-align:right;}
.classGroceries td:nth-child(4){text-align:right;}
#idCurrentExpenseTable td:nth-child(2){text-align:right;}
#idCurrentExpenseTable td:nth-child(3){text-align:right;}
#idCurrentExpenseTable td:nth-child(4){text-align:right;}
#idCurrentExpenseTable th:nth-child(1){text-align:center;}
#idExpenseSumm th:nth-child(1){text-align:center;}
#idExpenseSumm td:nth-child(2){text-align:right;}
#idExpenseSumm td:nth-child(3){text-align:right;}
#idExpenseSumm td:nth-child(4){text-align:right;}
#idExpenseTable th:nth-child(1){text-align:center;}
#idExpenseDetailTable th:nth-child(1){text-align:center;}
.table th:nth-child(1){text-align:center;}
.viewloan td{text-align: right;}
#idTotalLoans td{text-align: right;}
#idNetsurplusTable td:nth-child(2){text-align:right;}
#idNetsurplusTable td:nth-child(3){text-align:right;}
#idNetSurplusExpenseTable td:nth-child(2){text-align:right;}
#idNetSurplusExpenseTable td:nth-child(3){text-align:right;}
#idNetProjection td{text-align: right;} 
#nonglidtotal td:nth-child(2){text-align:right;}
#nonglidtotal td:nth-child(3){text-align:right;}
#idBudgetRatioTable td:nth-child(3){text-align:right;}
#goalList td:nth-child(3){text-align:right;}
#currentClientLoanList td:nth-child(4){text-align:right;}
#currentClientLoanList td:nth-child(5){text-align:right;}
#currentClientLoanList td:nth-child(6){text-align:right;}
#idIndividualLoanContainer table td{text-align:right;}