﻿body {
    /*color:#666669;*/
}

body, p, span, table, table td, table th, table tr, ul li, div, h1, h2, h3, h4, h5, h6, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    font-family: Calibri, "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
}


.maincontentDash {
    padding-right: 15px !important;
    /*background:#D2D3D5 !important;*/
    /*min-height:700px;*/
}

.mainnavDash {
    padding-right: 3px !important;
}


#container-dash {
    /*margin-top:115px !important;*/
}


/*chart*/

#NetSales .highcharts-container, #NetSIP .highcharts-container {
    width: 99% !important;
    text-align: center !important;
    display: inline-block !important;
}






/*MTSDetail*/
#MTSDetail {
    min-height: 175px !important;
}

    #MTSDetail table td a:hover {
        cursor: pointer;
    }


    #MTSDetail table td, #MTSDetail table th {
        text-align: center;
    }

    #MTSDetail table td {
        text-align: center;
        padding: 8px !important;
    }

#MISUPDetailHide {
    cursor: pointer !important;
}

/*.center {
    margin: 50% !important;
    width: 50% !important;
    border: 3px solid green !important;
    padding: 10px !important;
    position:absolute;
}*/


#totalfamilyclient {
    /*min-height: 75px !important;*/
    min-height: 60px !important;
    position: relative;
    /*border: 3px solid green;*/
}

    #totalfamilyclient .totalfamilyclientDetail {
        margin: 0;
        position: absolute !important;
        /*top: 25% !important;*/
        left: 33.33% !important;
        /*transform: translate(-50%, -50%);*/
    }
@media (max-width: 479px) {
    #totalfamilyclient .totalfamilyclientDetail {
        left: 20.33% !important;
    }
}


        #totalfamilyclient .totalfamilyclientDetail div {
            display: inline-block;
            text-align: center !important;
        }

    #totalfamilyclient .amount {
        /*font-size:32px;*/
        font-size: 21px;
        color: #FF8136;
        margin: 0px !important;
        padding: 0px !important;
    }

    #totalfamilyclient #totalfamilyclientDetail .marginR {
        margin-right: 40px !important;
    }

    #totalfamilyclient #totalfamilyclientDetail .marginL {
        margin-left: 40px !important;
    }


    #totalfamilyclient .detail {
        font-size: 16px;
        margin: 0px !important;
        padding: 0px !important;
    }

#divTotalAumCalculate #divTotalAumCalculateheader p, #divDebitEquity #divDebitEquityheader p, #divSipBook #divSipBookheader p,
#NewClientAddition #divNewClientAdditionheader p, #divNewClientAdditionheader #divNewClientAdditionheader p, #SalesAnalysis #divSalesAnalysisheader p, #SIPBookAnalysis #divSIPBookAnalysissheader p, #KeyClients #divKeyClientsheader p, #AdvisorTargetList p {
    font-size: 16px !important;
    padding: 5px !important;
    margin: 0px !important;
    margin-top: 15px !important;
    margin-left: 10px !important;
}


.minheight {
    min-height: 0px;
}







/*Total AUM*/
#divTotalAumCalculate #MFPMSTotalAUMClick td, #divTotalAumCalculate #MFPMSTotalAUMClick th {
    text-align: center;
    padding: 0px !important;
}

#divTotalAumCalculate table td, #divTotalAumCalculate table th {
    text-align: center;
    /*padding:8px !important; */
}

#MFPMSTotalAUMClick td, #MFPMSTotalAUMClick th {
    text-align: center;
    padding: 0px !important;
}

#divTotalAumCalculateheader .headingaum span {
    /*font-size:21px !important;*/
    font-weight: bold !important;
}
/*SIP BOOK*/

#divSipBook table td, #divSipBook table th {
    text-align: center;
    /*padding:8px !important;*/
}


/*Debit Equity*/

#divDebitEquity #tableDebitEquity {
    width: 70% !important;
    margin-left: 12% !important;
    margin-top: 20px;
    background: #2D3132 !important;
    height: 22px !important;
    color: #fff !important;
    vertical-align: middle !important;
    border-radius: 0px !important;
    /*padding:12px !important;*/
}



#divDebitEquity #divtableDebitEquity .progress-bar span {
    font-size: 15px !important;
}


/*#divDebitEquity #tableDebitEquity td{
    text-align:center;
    width:50% !important;
}*/

#divDebitEquity #divtableDebitEquity {
    padding: 10px !important;
}

#divTotalAumCalculate table .topborder td, #divTotalAumCalculate table .topborder th {
    border-top: 1px solid #4E4C4D !important;
}


#divTotalAumCalculate table > thead > tr > th {
    /*border-top: 1px solid #4E4C4D !important;*/
}




/*////////////////// MY Transaction //////////////////////////*/

#Mytransactionlive #Livetranactupdatedetailbody {
    background: #e7e7e7 !important;
}

    #Mytransactionlive #Livetranactupdatedetailbody #Livetranactupdatedetailpanel-heading a {
            /*width: 16% !important;*/
        /*padding:18px 0px !important;*/
    }

        #Mytransactionlive #Livetranactupdatedetailbody #Livetranactupdatedetailpanel-heading a .heading {
            font-size: 20px !important;
        }

        #Mytransactionlive #Livetranactupdatedetailbody #Livetranactupdatedetailpanel-heading a .detail {
            font-size: 38px !important;
        }


#Mytransactionlive #body_NSEtransactDetail {
    margin-top: 6px;
    /*background-color:#D2D3D5  !important;*/
}


#tbl_Nsetransactlive tr th p {
    margin: 0px !important;
}

#tbl_Nsetransactlive tr td {
    /*background:#D2D3D5 !important;*/
    /*padding:12px 0px !important;*/
    /*border-top:0px solid #FFF !important;*/
    line-height: 2 !important;
    /*padding:5px 0px !important;*/
    /*background-color:#FFF*/
}

    #tbl_Nsetransactlive tr td span {
        /*background:#FFF !important;*/
        padding: 4px 0px !important;
        display: block !important;
        min-height: 65px;
    }

/*/////////////////// End MY Transaction /////////////////////////*/

/*////////////////////////////////////////////////*/
#Mytransactionlive #Mytransactionlivebtn {
    margin-top: 20px !important;
    text-align: center !important;
}

    #Mytransactionlive #Mytransactionlivebtn button {
        display: inline-block !important;
        background: #e7e7e7 !important;
        color: #56BDC5 !important;
        font-size: 16px !important;
        border-radius: 0px;
    }


#Mytransactionlive .table-bordered > tbody > tr > td, #Mytransactionlive .table-bordered > tfoot > tr > td, #Mytransactionlive .table-bordered > tfoot > tr > th, #Mytransactionlive .table-bordered > thead > tr > td {
    /*border: 0px solid #FFF !important;*/
}

#Mytransactionlive table th {
    /*border: 0px solid #ddd !important;*/
}
/*////////////////////////////////////////////////*/

/*Common class*/

.bordertb td {
    border-top: 1px solid #4E4C4D !important;
    border-bottom: 1px solid #4E4C4D !important;
}

.borderREAEAEA {
    border-right: 1px solid #EAEAEA !important;
}

.borderBEAEAEA {
    border-bottom: 1px solid #EAEAEA !important;
}

.borderT4E4C4D {
    border-top: 1px solid #4E4C4D !important;
}



.borderB4E4C4D {
    border-bottom: 1px solid #4E4C4D !important;
}

.borderBddd {
    border-bottom: 2px solid #ddd !important;
}

.shadowbottom {
    /*-webkit-box-shadow: 0px 4px 12px -3px rgba(0,0,0,0.22);
    -moz-box-shadow: 0px 4px 12px -3px rgba(0,0,0,0.22);
    -ms-box-shadow: 0px 4px 12px -3px rgba(0,0,0,0.22);
    -o-box-shadow: 0px 4px 12px -3px rgba(0,0,0,0.22);
    box-shadow: 0px 4px 12px -3px rgba(0,0,0,0.22);*/
    -webkit-box-shadow: 2px 6px 15px 0 rgba(69, 65, 78, .1);
    -moz-box-shadow: 2px 6px 15px 0 rgba(69, 65, 78, .1);
    -ms-box-shadow: 2px 6px 15px 0 rgba(69, 65, 78, .1);
    -o-box-shadow: 2px 6px 15px 0 rgba(69, 65, 78, .1);
    box-shadow: 2px 6px 15px 0 rgba(69, 65, 78, .1);
}

.shadowbottomdark {
    background-color: #FFFFFF;
    /*-webkit-box-shadow: 0px 4px 12px -3px rgba(0,0,0,0.60);
    -moz-box-shadow: 0px 4px 12px -3px rgba(0,0,0,0.60);
    -ms-box-shadow: 0px 4px 12px -3px rgba(0,0,0,0.60);
    -o-box-shadow: 0px 4px 12px -3px rgba(0,0,0,0.60);
    box-shadow: 0px 4px 12px -3px rgba(0,0,0,0.60);*/

    -webkit-box-shadow: 2px 6px 15px 0 rgba(69, 65, 78, .1);
    -moz-box-shadow: 2px 6px 15px 0 rgba(69, 65, 78, .1);
    -ms-box-shadow: 2px 6px 15px 0 rgba(69, 65, 78, .1);
    -o-box-shadow: 2px 6px 15px 0 rgba(69, 65, 78, .1);
    box-shadow: 2px 6px 15px 0 rgba(69, 65, 78, .1);
}



.colorFF8136 {
    color: #FF8136 !important;
}

.colorFFFFFF {
    color: #FFFFFF !important;
}

.color4EC5CF {
    color: #4EC5CF !important;
}

.colorFF5E33 {
    color: #FF5E33 !important;
}


.bk9B9FA0 {
    background: #9B9FA0 !important;
}

.bk2D3132 {
    background: #2D3132 !important;
}

.colorblack {
    color: #000 !important;
}

.fontweightbold {
    font-weight: bold !important;
}

.dot {
    height: 25px;
    width: 25px;
    background-color: #50C5CF;
    border-radius: 50%;
    display: inline-block;
    box-shadow: inset 0px 3px 4px rgba(0,0,0,0.6);
    -moz-box-shadow: inset 0px 3px 4px rgba(0,0,0,0.6);
    -webkit-box-shadow: inset 0px 3px 4px rgba(0,0,0,0.6);
    -o-box-shadow: inset 0px 3x 4px rgba(0,0,0,0.6);
}


#MainNav {
    /*background-color:#fff !important;*/
}








/*Mobile*/


@media (min-width: 768px) {
    .affix {
        position: fixed !important;
        \ -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
}

@media (max-width: 767px) {
    .affix {
        position: static !important;
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
}

.blink {
    color: #fffFFF !important;
    background-color: #d9534f !important;
}

.blinkOff {
    color: #d9534f !important;
    background-color: #FFFFFF !important;
}



.sidenav {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
}

#loadergif {
    position: relative;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    border: 10px solid transparent;
    background: transparent;
    animation: spin 1.5s linear infinite;
}

    #loadergif::before, #loadergif::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 50%;
    }

    #loadergif::before {
        background: conic-gradient( #55b8b9 0% 18%, transparent 18% 25%, #c3c3c3 25% 43%, transparent 43% 50%, #55b8b9 50% 68%, transparent 68% 75%, #c3c3c3 75% 93%, transparent 93% 100% );
    }

    #loadergif::after {
        background-color: #f5f7fd;
        margin: 6px;
        border-radius: 50%;
    }

#spin-loader{
    animation: spin 1.5s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/*added by laxman form new menu == start*/
@keyframes effect {
    0% {
        background: linear-gradient( #337ab7, #337ab7);
        -webkit-background-clip: text;
    }

    100% {
        background: linear-gradient( #FF0000, #FF0000);
        -webkit-background-clip: text;
    }
}
.NewMenuTag {
    animation: effect 2s linear infinite;
    color: transparent;
}
/*end*/