@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 200;
    src: local('Roboto Light'), local('Roboto-Light'), url(../fonts/Roboto-Light.ttf) format('opentype')
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Regular'), local('Roboto-Regular'), url(../fonts/Roboto-Regular.ttf) format('opentype')
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/Roboto-Medium.ttf) format('opentype')
}
#tblMWatch th {
    font-size: 11px;
    font-weight: 700;
    padding: 2px;
    color: #434646;
    font-family: Roboto;
    background: url(../table-images/divider1-bg.gif) top left no-repeat #F6F8F8;
}

.abc {
    padding: 3px 5px;
    height: 24px;
    vertical-align: middle;
}

    .abc:hover {
        color: #416D8C !important;
    }

#tblMWatch td {
    font-size: 12px;
    font-family: Roboto;
    padding: 4px 2px;
    /*color: #5c6161;*/
    color:#000;
    white-space: nowrap;
    border-bottom:1px solid #fff;/*Added 20122017*/
    font-weight:normal;
}

#tblMWatch tfoot tr td {
    background: #e8edff;
    font-size: 12px;
    color: #99c;
    font-family: Arial;
}

.autocomplete_completionListElementmw {
    visibility: hidden;
    margin: 0 !important;
    background-color: inherit;
    color: #5c6161;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    overflow: auto;
    height: auto;
    list-style-type: none;
    text-align: left;
    padding: 0;
    z-index: 999;
    font-family: Roboto;
    font-size: 12px;
    width:300px!important;
}

.autocomplete_listItem {
    background-color: #121212;
    color: #fff;
    text-align: left;
    left: 0;
    font-family: Roboto;
    font-size: 12px;
}

.autocomplete_highlightedListItem {
    background-color: #A8011C;
    color: #fff;
    text-align: left;
    font-family: Roboto;
    font-size: 12px;
}

.ReportTitle th {
    font-size: 12px;
    font-weight: 700;
    background: url(../table-images/title1-bg.gif) repeat-x #DCE2E4;
    color: #5c6161;
    white-space: nowrap;
    font-family: Arial;
}

    .ReportTitle th span {
        padding-left: 10px;
    }

        .ReportTitle th span.first {
            background: 0 0;
        }

.ReportTitle, .ReportTitle td {
    white-space: nowrap;
}

.ReportData {
    font-size: 12px;
    font-family: Arial;
    color: #5c6161;
}

    .ReportData, .ReportData td {
        white-space: nowrap;
        padding: 5px 10px;
        border-bottom: 1px solid #ccc;
    }

.mwTitle {
    font-family: Arial;
    font-size: 11px;
    text-align: right;
    white-space: nowrap;
    cursor: default;
    height: 20px;
}

.mwRow {
    background-color: #ccc;
    border-bottom: 1;
    font-size: 12px;
    font-weight: 400;
    border-bottom-color: Silver;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    cursor: default;
    text-align: center;
}

.mwRData {
    cursor: default;
    border-bottom: 1;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    text-align: right;
    font-family: Arial;
}

.mwColC, .mwColN {
    font-family: Arial;
    font-size: 11px;
    font-weight: lighter;
    text-align: right;
    white-space: nowrap;
    border-bottom: 0;
    border-bottom-color: Silver;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.mwTD {
    font-family: Tahoma;
    font-size: x-small;
    font-weight: lighter;
    text-align: center;
    white-space: nowrap;
    border-bottom: 0;
    border-bottom-color: Silver;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.mwTD1 {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: lighter;
    text-align: center;
    white-space: nowrap;
    border-bottom: 0;
    border-bottom-color: Silver;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.divlink {
    font-family: Roboto;
    font-size: 12px;
    text-align: left;
    color: #0f5a8e;
    font-weight: normal;
    cursor: pointer;
}

.divlinkSup {
    font-family: Tahoma;
    font-size: 9px;
    vertical-align: top;
    text-align: center;
    cursor: hand;
    color: #00f;
}

.over {
    background-color: gray;
}

.leave {
    background-color: #fff;
}

.btn-start {
    border: 0;
    background: url(images/btnblueleft-bg.gif) no-repeat;
    height: 20px;
    padding: 0 0 0 9px;
    cursor: pointer;
    font-family: arial;
    font-size: 11px;
}

.btn-end {
    position: absolute;
    display: inline;
    width: 9px;
    height: 20px;
    cursor: pointer;
    background: url(../images/btnblueright-bg.gif) no-repeat;
    margin-left: -5px;
}

.btn {
    cursor: pointer;
}

    .btn span {
        background: url(images/btnblueleft-bg.gif) no-repeat;
        display: block;
        line-height: 10px;
        padding: 5px 0 5px 9px;
        cursor: pointer;
        color: #000;
    }

body, html {
    margin: 0;
    padding: 0;
    background: #FFF;
}

.indicesheader th {
    background: url(../table-images/title1-bg.gif) repeat-x #DCE2E4;
    color: #434646;
    font-family: Arial;
    font-size: 11px;
    font-weight: 700;
    padding: 2px;
}

.tdwhite {
    background: #fff;
}

.tdgray {
    background: #f3f4f6;
}

.horCol {
    color: #496C9B;
    font-family: Arial;
    font-size: 11px;
    font-weight: 700;
    border-bottom: 1px solid #E7E7E6;
}

.horCol2 {
    color: #434544;
    font-family: Arial;
    font-size: 11px;
    border-bottom: 1px solid #E7E7E6;
}

.mwOddRow {
    font-family: Arial;
    font-size: 11px;
    font-weight: lighter;
    text-align: right;
    background: #f3f4f6;
    white-space: nowrap;
    height: 20px;
}

.mwEvenRow {
    font-family: Arial;
    font-size: 11px;
    font-weight: lighter;
    text-align: right;
    background: #fff;
    white-space: nowrap;
    height: 20px;
}

.lnkBuy {
    font-family: Arial;
    font-size: 11px;
    color: #1B8904;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
}

.lnkSell {
    font-family: Arial;
    font-size: 11px;
    color: #AB0101;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
}

.bestbid {
    color: #5C6161;
    font-family: Arial;
    font-size: 12px;
    border: 1px solid #B2C0C9;
    border-collapse: collapse;
}

    .bestbid tr th {
        background: #f3f3f3;
        color: #496C9B;
    }

    .bestbid tr td {
        background: #fefefe;
        height: 20px;
    }

.bidtotal {
    background: #eee !important;
    color: #496C9B !important;
}

.f-right {
    float: right;
}

.f-left {
    float: left;
}

.text-left {
    text-align: left;
}

.lnk {
    text-decoration: none;
    color: #35739E;
    font-family: Arial;
    font-size: 12px;
}

.autocomplete_completionListElement {
    visibility: hidden;
    margin: 0 !important;
    background-color: inherit;
    color: #5C6161;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: 'default';
    overflow: auto;
    height: auto;
    list-style-type: none;
    text-align: left;
    padding: 0;
    z-index: 999;
    font-family: Arial;
    font-size: 12px;
}

.autocomplete_highlightedListItem {
    background-color: #D0E2FD;
    color: #5C6161;
    text-align: left;
    font-family: Arial;
    font-size: 12px;
}

.autocomplete_listItem {
    background-color: #fff;
    color: #5C6161;
    text-align: left;
    left: 0;
    font-family: Arial;
    font-size: 12px;
}

.css_tableHeader {
    font-family: Arial;
    font-size: 11px;
    color: #5C6161;
    text-align: center;
    background: url(table-images/tableth-bg.gif) repeat-x #DCE2E4;
}

.ButtonTextAddscrip {
    BORDER-RIGHT: #000 1px solid;
    BORDER-TOP: #000 1px solid;
    FONT-SIZE: 12px;
    BORDER-LEFT: #000 1px solid;
    COLOR: #000;
    BORDER-BOTTOM: #000 1px solid;
    FONT-FAMILY: Arial;
    background-color: #fff;
}

.btnalign {
    margin-bottom: -5px;
}

.ie7 .btnalign {
    margin-bottom: 0 !important;
}

.lblmw {
    color: #4A4A4A;
    font-weight: 700;
    padding-right: 5px;
}

.lblmwblue {
    color: #5185AA;
    font-weight: 700;
    padding-right: 5px;
}

.addscrip-left {
    float: left;
    font-family: Arial;
    font-size: 12px;
    color: #5C6161;
    padding-left: 10px;
    padding-top: 4px;
}

.addscrip-right {
    padding-right: 10px;
    padding-top: 4px;
    font-family: Arial;
    font-size: 12px;
    color: #5C6161;
}

.AddScrip-div {
    width: 100%;
    background: url(../images/addscrips-headerbg.gif) left top repeat-x;
    height: 29px;
    /*position: relative;*/
}

select {
    color: #5C6161;
    border: 1px solid #7F9DB9;
    font-family: Arial;
    font-size: 12px;
    background: #fff;
}

.ie6 select, .ie7 select {
    height: 20px;
}

input {
    color: #5C6161;
    border: 1px solid #7F9DB9;
    font-family: Arial;
    font-size: 12px;
    background: #fff;
    margin: 0;
}

textarea {
    color: #5C6161;
    border: 1px solid #7F9DB9;
    font-family: Arial;
    font-size: 12px;
    background: #fff;
}

#divTitle {
    border-bottom: 1px solid #DADBDD;
    padding: 5px 0 5px;
    margin:0 0 15px 0; /*Superstar*/
}

    #divTitle span {
        font-family: Arial;
        font-size: 18px;
        font-weight: 700;
    }

.tableHeader {
    font-family: Arial;
    font-size: 12px;
    color: #5C6161;
    text-align: center;
    background: url(images/title2-bg.gif) left top repeat-x;
    height: 20px;
}

.lp-block {
    margin: 0;
    padding: 30px 0 0;
    font-family: arial;
    font-size: 11px;
    color: #505050;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

    .lp-block li {
        display: inline-block;
        padding: 20px 30px;
        list-style: none;
        vertical-align: top;
    }

.ie6 .lp-block li, .ie7 .lp-block li {
    float: left;
}

.lp-block li .lpbox {
    background: url(../images/lp-bg.png) no-repeat;
    width: 240px;
    height: 107px;
    position: relative;
}

.lp-block li .lpboxspcl {
    background: url(../images/yellow-bg.png) no-repeat;
    width: 240px;
    height: 107px;
    position: relative;
}

.lpbox-title {
    font-size: 16px;
    font-weight: 700;
    color: #364048;
    padding: 10px 0 1px;
    border-bottom: 1px dotted #979b9e;
    margin: 0 10px 0 30px;
    text-align: left;
}

    .lpbox-title a {
        color: #364048 !important;
        text-decoration: none !important;
    }

        .lpbox-title a:hover {
            text-decoration: underline !important;
        }

.lp-boxcontent {
    margin: 6px 10px 0 30px;
    text-align: left;
}

.lp-box-icon1 {
    position: absolute;
    top: 30px;
    left: -15px;
}

.lp-box-icon2 {
    position: absolute;
    top: 30px;
    left: -25px;
}

.lp-box-icon3 {
    position: absolute;
    top: 30px;
    left: -48px;
}

.lp-box-icon4, .lp-box-icon5 {
    position: absolute;
    top: 30px;
    left: -27px;
}

.lp-box-icon6 {
    position: absolute;
    top: 30px;
    left: -34px;
}

.lp-box-icon7 {
    position: absolute;
    top: 12px;
    left: -27px;
}

.lp-box-icon8 {
    position: absolute;
    top: 30px;
    left: -32px;
}

.lp-box-icon9 {
    position: absolute;
    top: 20px;
    left: -29px;
}

.lp-box-icon10 {
    position: absolute;
    top: 20px;
    left: -17px;
}

.lp-box-icon11 {
    position: absolute;
    top: 20px;
    left: -26px;
}

.lp-box-icon12 {
    position: absolute;
    top: 30px;
    left: -28px;
}

.lp-box-icon13, .lp-box-icon14 {
    position: absolute;
    top: 30px;
    left: -25px;
}

.lp-box-icon15, .lp-box-icon16, .lp-box-icon17 {
    position: absolute;
    top: 30px;
    left: -28px;
}

.lp-box-icon18 {
    position: absolute;
    top: 20px;
    left: -28px;
}

.titlearrow {
    float: right;
    padding: 3px 5px 0 0;
}

.lp-block a {
    color: #0d92d0;
    text-decoration: underline;
}

.charts-scripbox {
    border: 1px solid #D2D6D7;
    margin: 10px 0;
}

.chart-view {
    height: 700px;
    width: 100%;
    margin-bottom: 10px;
}

.chartlink-box {
    padding: 5px 10px 0 0;
}

.chartlnk {
    text-decoration: underline;
    color: #35739E;
    font-size: 12px;
}

    .chartlnk:hover {
        text-decoration: none;
    }

.selected {
    font-weight: 700 !important;
    color: #444547 !important;
    text-decoration: none;
    font-size: 12px;
}

.nodecoration {
    text-decoration: none !important;
}

.ColLeft {
    font-family: Arial;
    font-size: 11px;
    font-weight: lighter;
    text-align: left;
    white-space: nowrap;
    border-bottom: 0;
    border-bottom-color: Silver;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.ColCenter {
    font-family: Arial;
    font-size: 11px;
    font-weight: lighter;
    text-align: center;
    white-space: nowrap;
    border-bottom: 0;
    border-bottom-color: Silver;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.ColRight {
    font-family: Arial;
    font-size: 11px;
    font-weight: lighter;
    text-align: right;
    white-space: nowrap;
    border-bottom: 0;
    border-bottom-color: Silver;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.bigdrpdwn, .buydrpdwn {
    border: none !important;
    font-family: Arial;
    font-size: 18px !important;
    font-weight: 700;
    height: 25px !important;
    color: #3ca719;
}

.selldrpdwn {
    border: none !important;
    font-family: Arial;
    font-size: 18px !important;
    font-weight: 700;
    height: 25px !important;
    color: #d22222;
}

.errmsg, .errmsgGTT {
    color: red;
    font-family: Arial;
    font-size: 11px;
}

.buyselltype {
    width: 950px;
    color: #5C6161;
    font-weight: 700;
    clear: both;
}

    .buyselltype table {
        border: 1px solid #ccc;
        margin: 10px 0;
        background: #fff;
        float: left;
    }

        .buyselltype table td {
            padding: 5px;
        }
/*chng pbi 9832*/
.left-buysell {
    float: left;
    padding: 0 30px 0 0;
    color: #5C6161;
    width: 575px; /*515px; pbi 9832*/
    clear: both;
}

.body-global {
    font-size: 15px !important;
}

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

    .body-iframe #ordercnfrm table tr td, .body-iframe #ordercnfrmComm table tr td, .body-iframe #ordercnfrmCurr table tr td, .body-iframe #ordercnfrmfno table tr td {
        padding: 5px;
    }

.global-pad td {
    padding: 6px;
}

.iframe-pad td {
    padding: 3px;
}

.btnalign {
    border: none;
}

.md-right {
    float: left;
    padding: 0 0 0 30px;
    border-left: 1px solid #ccc;
    min-height: 300px;
}

.mdmsg {
    border: none;
    font-family: Arial;
    font-size: 30px !important;
    font-weight: 700;
    height: 25px;
    color: #ccc;
    position: relative;
    top: 110px;
    left: 15px;
}
.tttab-bg{
    background:url(images/tabbgline.gif) repeat-x 0 bottom;
    width:100%;
    overflow:hidden;
    /*height:33px*/
}
ul.tttabs{
    line-height:/*normal*/16px;
    margin:0;
    padding:3px 0 0 10px;
    list-style:none;
    width:auto;
    float:left;
}
.tttabs li{
    display:inline;
    margin:0 0 0 8px;
    padding:0;
    float:left
}
.tttabs li a{
    float:left;
    /*background:url(images/tttab-left.png) left top no-repeat;*/
    background:#def0f6;
    margin:0;
    padding:0 0 0 11px;
    text-decoration:none!important;
    font-weight:700;
    font-size:12px;
    font-family:Arial,Helvetica,sans-serif;
    text-transform:capitalize;
    box-shadow:0 0 8px #9c9c9c;
    padding:8px 15px 7px 15px;
    border-left:1px solid #7f9db9;
    border-right:1px solid #7f9db9;
    border-top:1px solid #7f9db9;
    border-bottom:none;
    border-radius:8px 8px 0 0;
}
.tttabs li a span{
    float:left;
    display:block;
    /*background:url(images/tttab-right.png) right top no-repeat;*/
    /*padding:7px 15px 7px 4px;*/
    color:#275d92;
}
/*.ff3.tttabs li a span, .ie.tttabs li a span, .safari.tttabs li a span{
    padding:8px 15px 7px 4px
}*/
.tttabs a span{
    float:none
}
.tttabs a:hover span{
    color:#45494c!important;
    background:#fff;
    border-radius:8px 8px 0 0;
}
.tttabs a:hover{
    /*background-position:0 -24px*/
    background:#fff;
    border-left:1px solid #B2C0C9;
    border-right:1px solid #B2C0C9;
    border-top:1px solid #B2C0C9;
    border-bottom:none;
    border-radius:8px 8px 0 0;
}
.tttabs a:hover span{
    /*background-position:100% -24px*/
}
.tttabs .current a{
    /*background-position:0 -24px;*/
    background:#fff;
    color:#45494c;
    border-left:1px solid #B2C0C9;
    border-right:1px solid #B2C0C9;
    border-top:1px solid #B2C0C9;
    padding:8px 15px 8px 15px;
}
.tttabs .current a span{
    /*background-position:100% -24px;*/
    color:#1e2123;
}
#contentcontainer{
    padding:20px 10px 30px;
    overflow-x:auto;
    overflow-y:hidden;
}

.box-topleft {
    background: url(../images/leftcurve-bg.gif) no-repeat;
    width: 7px;
    height: 6px;
    float: left;
}

.box-topright {
    background: url(../images/rightcurve-bg.gif) no-repeat;
    width: 7px;
    height: 6px;
    float: right;
}

.box-topmiddle {
    background: url(../images/middlecurve-bg.gif) repeat-x;
    height: 6px;
}

.box-contentdiv {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #fff;
}

.box-botleft {
    background: url(../images/botleftcurve-bg.gif) no-repeat;
    width: 7px;
    height: 8px;
    float: left;
}

.box-botright {
    background: url(../images/botrightcurve-bg.gif) no-repeat;
    width: 7px;
    height: 8px;
    float: right;
}

.box-botmiddle {
    background: url(../images/botmiddlecurve-bg.gif) repeat-x;
    height: 8px;
}

.box-topleft-header {
    background: url(../images/leftgreen-bg.gif) no-repeat;
    width: 7px;
    height: 37px;
    float: left;
}

.box-topright-header {
    background: url(../images/rightgreen-bg.gif) no-repeat;
    width: 5px;
    height: 37px;
    float: right;
}

.box-topmiddle-header {
    background: url(../images/middle-bg.gif) repeat-x;
    height: 37px;
}

.ie .box-topleft, .ie .box-topleft-header {
    margin-right: -5px;
}

.ie .box-topright, .ie .box-topright-header {
    margin-left: -3px;
}

.ie .box-botleft {
    margin-right: -5px;
}

.ie .box-botright {
    margin-left: -3px;
}

.box_label {
    margin: 0;
    font-size: 16px;
    font-family: arial;
    font-weight: 700;
    padding-left: 10px;
    padding-top: 8px;
    float: left;
}

.table-headsep tr th {
    background: url(../table-images/divider1-bg.gif) top left no-repeat;
    padding: 0 0 0 10px;
}

.rowheader {
    background: url(table-images/tableth-bg.gif) repeat-x #DCE2E4;
}

* html .pagenotfound-content, .pagenotfound-content {
    height: 250px;
    left: 50%;
    margin: -150px 0 0 -250px;
    overflow: visible;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 726px;
}

.txt-blue {
    color: #015B99;
}

body {
    background-color: #FFF;
    background-repeat: repeat-x;
    font-family: Arial;
    font-size: 12px;
}

#page-block {
    margin: 0 12px;
    min-height: 700px;
    padding: 0 12px;
}

#body-block, #footer-block, #global-menu-block, #login-block, #logo-block, #main-block, #main-container, #main-menu-block, #menu-footer-block, #navigation-block, #news-block {
    position: relative;
    clear: left;
}/*#global-menu-block1,#dvMW,#content-block,*/

#footer-block, #login-block {
    color: #FFF;
    font-size: .75em;
    margin: .75em 20px;
}

#login-block {
    margin: 0 auto;
    text-align: right;
    background-position: Left top;
    background-repeat: no-repeat;
    height: 30px;
    text-transform: lowercase;
    font-family: Arial;
    font-size: 12px;
}

    #login-block:first-letter {
        text-transform: Uppercase;
        font-weight: 700;
    }

    #login-block span {
        padding: 5px 5px 1px;
        height: 30px;
        width: 159px;
        border-Left: 2px solid #7A7A7A;
    }

#login-prompt a:first-letter, #login-promptFan a:first-letter {
    text-transform: Uppercase;
    font-weight: 700;
    border-Left: 2px solid #7A7A7A;
}

#footer-block a, #login-block a {
    color: #FFF;
    text-decoration: none;
}

    #footer-block a:hover, #login-block a:hover {
        text-decoration: underline;
    }

#user-header {
    display: none;
}

#footer-block #crystal-block {
    position: absolute;
    right: 0;
    top: 0;
}

#logo-block {
    background-image: url(images/banner-bg-1.png);
    background-repeat: repeat-x;
    border-bottom: 1px solid #878787;
    height: 32px;
}

.dj_ie6 #logo-block {
    height: 32px;
}

#logo-block #iifl-logo {
    background: url(images/banner-logo.png) no-repeat;
    display: block;
    height: 32px;
    width: 172px;
}

#iifl-logo #iifl-logo-img {
    display: block;
    height: 32px;
    margin-left: 15px;
    width: 152px;
    text-align: left;
}

#global-menu-block {
    background-color: #D3D3D3;
    background-image: url(images/top-menu-bg.png);
    background-position: left bottom;
    background-repeat: repeat-x;
    border-bottom: 1px solid #7A7A7A;
    color: #262626;
    font-size: 12px;
    height: 22px;
    padding-right: 20px;
}

#global-menu-block1 {
    color: #262626;
    font-size: 12px;
    font-family: Arial;
}

.dj_ie6 #global-menu-block {
    height: 24px;
}

#global-menu-block ul {
    background-image: url(images/top-menu-full-bg.png);
    background-position: right top;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    height: 30px;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
}

#global-menu-block1 ul {
    margin: 0;
    padding: 0;
}

.dj_ie6 #global-menu-block ul {
    height: 30px;
}

#global-menu-block ul li#nav-demos, #global-menu-block ul li#nav-documentation, #global-menu-block ul li#nav-downloads, #global-menu-block ul li#nav-getstarted {
    border-style: none;
    border-width: 0;
    height: 30px;
    text-align: center;
    FONT-FAMILY: arial;
    font-size: 12px;
    font-weight: 700;
    COLOR: #FFF;
    text-decoration: none;
    padding: 0 10px;
}

#global-menu-block ul li#li_Name {
    background-position: left;
    text-align: left;
    position: absolute;
    left: -540px;
    FONT-FAMILY: arial;
    font-size: 11px;
}

#global-menu-block ul li {
    display: inline;
}

#global-menu-block1 ul li {
    float: left;
    list-style: none;
    padding: 0 5px;
}

#global-menu-block ul li a {
    color: #262626;
    text-decoration: none;
}

#global-menu-block1 ul li a {
    color: #262626;
    padding: 0 5px;
    text-decoration: none;
}

    #global-menu-block ul li a:hover, #global-menu-block1 ul li a:hover {
        text-decoration: underline;
    }

#global-menu-block ul li#nav-fullmenu {
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 0 20px;
    FONT-FAMILY: arial;
    font-size: 12px;
}

    #global-menu-block ul li#nav-fullmenu.opened {
        background-image: url(images/fullmenu-opened.gif);
        background-position: .8em 0;
    }

    #global-menu-block ul li#nav-fullmenu.closed {
        background-image: url(images/fullmenu-closed.gif);
        background-position: .9em 0;
    }

#banner-block, #banner-block #section-heading, #banner-block #section-subheading, #projects-block {
    margin: 0;
    padding: 0;
    position: relative;
}

#banner-block {
    height: 64px;
    width: 960px;
}

    #banner-block #section-heading, #banner-block #section-subheading {
        position: absolute;
    }

    #banner-block #section-heading {
        background-repeat: no-repeat;
        height: 64px;
        left: 0;
        margin-left: -5000px;
        top: 0;
        width: 600px;
    }

#banner-block {
    background-repeat: no-repeat;
}

    #banner-block #section-subheading {
        margin-top: -1em;
        right: 25px;
        top: 40px;
        width: 360px;
    }

    #banner-block p {
        color: #FFF;
        font-size: .92em;
        margin: 0;
        text-align: right;
    }

#main-menu-block, #main-menu-block-top {
    background-color: #353535;
    background-image: url(images/main-nav-bg.png);
    background-repeat: repeat-x;
    border-bottom: 1px solid #222;
    border-top: 1px solid #545454;
    font-size: .8em;
    line-height: 1.65em;
    padding: 1em 1.5em;
}

#logo-block #search-block {
    background-image: url(images/banner-right.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    color: #FFF;
    height: 32px;
    padding-right: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    font-family: Arial;
    font-size: 11px;
}

#divMainMenu {
    background-color: #353535;
    background-image: url(/sites/all/themes/dtk/./img/main-nav-bg.png);
    background-repeat: repeat-x;
    border-bottom: 1px solid #222;
    border-top: 1px solid #545454;
    font-size: .8em;
    line-height: 1.65em;
    padding: 1em 1.5em;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: #6cf;
}

#menu-footer-block {
    background-image: url(images/tab-footer-bg.png);
    background-repeat: repeat-x;
    border-top: 1px solid #545454;
    height: 32px;
    position: relative;
}

    #menu-footer-block #menu-footer-left {
        background-image: url(images/tab-footer-left.png);
        background-repeat: no-repeat;
        height: 32px;
        left: 0;
        position: absolute;
        top: 0;
        width: 20px;
    }

    #menu-footer-block #menu-footer-right {
        background-image: url(images/tab-footer-right.png);
        background-repeat: no-repeat;
        height: 32px;
        position: absolute;
        right: 0;
        top: 0;
        width: 20px;
    }

    #menu-footer-block #menu-footer-img {
        position: relative;
    }

#menu-footer-img a#footer-chat {
    background-repeat: no-repeat;
    margin-left: 820px;
    width: 30px;
    height: 30px;
    position: absolute;
}

#menu-footer-img a#footer-dot {
    background-position: right top;
    background-repeat: no-repeat;
    height: 15px;
    margin-left: 10px;
    margin-top: 5px;
    width: 15px;
    text-align: left;
    position: absolute;
}

#menu-footer-img #dv_time_footer {
    background-repeat: no-repeat;
    margin-left: 35px;
    margin-top: 10px;
    width: 60px;
    height: 30px;
    border: 1px soid;
    font-family: arial;
    position: relative;
    top: 5px;
    right: 0;
    font-size: 13px;
    float: right;
}

#menu-footer-block #menu-footer-img #dv_time_footer {
    position: relative;
}

.tooltip {
    width: auto;
    position: relative;
}

.tooltipinfo {
    display: none;
    position: absolute;
    top: -116px;
    left: -156px;
    width: auto;
    z-index: 999;
}

.tooltip-info-top {
    background: url(../images/help-topbg.png) top center no-repeat;
    width: 210px;
    height: 11px;
}

.tooltip-info-righttop {
    background: url(../images/help-righttopbg.gif) top center no-repeat;
    width: 210px;
    height: 41px;
}

.tooltip-info-newrighttop {
    background: url(../images/help-newrighttopbg.gif) top center no-repeat;
    width: 210px;
    height: 41px;
}

.tooltip-info-mid {
    border-left: 1px solid #ceac78;
    border-right: 1px solid #ceac78;
    background: #fffbce;
    color: #975d1f;
    padding: 0 10px;
    width: 188px;
}

.tooltip-info-leftbot {
    background: url(../images/help-bottombg.png) top center no-repeat;
    width: 210px;
    height: 41px;
}

.tooltip-info-rightbot {
    background: url(../images/help-rightbottombg.png) top center no-repeat;
    width: 210px;
    height: 41px;
}

.tooltip-info-plainbot {
    background: url(../images/help-plainbottombg.gif) top center no-repeat;
    width: 210px;
    height: 11px;
}

.exchconfmsg {
    margin: 0 0 0 15px;
    padding: 0;
}

    .exchconfmsg li {
        margin: 0;
        padding: 10px 0;
        list-style: disc;
    }

.ie6 #divAllreports {
    width: 100% !important;
}

.mwtabblock {
    border-left: 1px solid #B2C0C9;
    border-right: 1px solid #B2C0C9;
    border-bottom: 1px solid #B2C0C9;
    /*overflow: auto;Commented by sujay*/
    width: auto;
    min-height: 385px;
    height: auto !important;
    height: 385px;
    font-size: 12px;
}

.reportbigheaderrow {
    font-size: 11px;
    font-weight: 700;
    background: url(../images/title2-bg.gif) repeat-x #DCE2E4;
    color: #5c6161;
    white-space: nowrap;
    font-family: Arial;
    height: 30px;
}

    .reportbigheaderrow th.first {
        background: 0 0;
    }

    .reportbigheaderrow th {
        background: url(../images/divider2-bg.gif) top left no-repeat;
        padding-left: 10px;
        padding-right: 10px;
        font-family: Arial;
        font-size: 11px;
    }

.reportheaderrow {
    font-size: 11px;
    font-weight: 700;
    background: url(../images/title1-bg.gif) repeat-x #DCE2E4;
    color: #5c6161;
    white-space: nowrap;
    font-family: Arial;
    height: 24px;
}

    .reportheaderrow th.first {
        background: 0 0;
    }

    .reportheaderrow th {
        background: url(../images/divider1-bg.gif) top left no-repeat;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        font-family: Arial;
        font-size: 11px;
    }

.cssubmenu {
    width: 240px !important;
    padding: 5px 10px !important;
    color: #333 !important;
    border-bottom: 1px solid #C5C8C9 !important;
}

    .cssubmenu li {
        border-bottom: none !important;
        padding: 2px 0 !important;
        width: 240px !important;
    }

        .cssubmenu li a {
            width: auto !important;
            padding: 0 !important;
        }

            .cssubmenu li a:hover {
                background: none !important;
            }

.cslabel {
    width: 80px;
    float: left;
}

.csspan {
    padding-left: 10px;
}

.csmoredetaildiv {
    border-top: 1px solid #ccc;
    padding: 5px 0 0;
    margin: 7px 0 0;
}

.srgreydiv {
    background: #EEE;
    margin: 25px 10px 10px;
    padding: 3px 0;
    width: 140px;
    border: 1px solid #CCC;
}

.srbluetxtdiv {
    color: #496C9B;
    font-size: 12px;
    font-weight: 700;
    padding-bottom: 3px;
}

.srcellborder {
    border-bottom: 1px dotted #A7A7A7;
}

.srcellpad {
    padding: 8px 0;
}

.srwhitecell {
    border: 1px solid #ccc;
    background: #fff;
    color: #000;
    padding: 3px 5px;
    width: 60px;
    font-size: 14px;
}

.srdgreencell {
    border: 1px solid #006400;
    background: #008001;
    color: #fff;
    padding: 3px 5px;
    width: 60px;
    font-size: 14px;
}

.srlgreencell {
    border: 1px solid #006400;
    background: #00BF00;
    color: #fff;
    padding: 3px 5px;
    width: 60px;
    font-size: 14px;
}

.srdredcell {
    border: 1px solid #550202;
    background: #de0000;
    color: #fff;
    padding: 3px 5px;
    width: 60px;
    font-size: 14px;
}

.srlredcell {
    border: 1px solid #550202;
    background: #fd3030;
    color: #fff;
    padding: 3px 5px;
    width: 60px;
    font-size: 14px;
}

.tradewiz_buysell_banner {
    float: left;
    width: 360px;
    height: 60px;
}

.TT_market_statistics_new {
    float: right;
    height: 30px;
    width: 150px;
    background: url(../images/btn-marketstatistics.png) -2px 0 no-repeat;
}

.mswrapperdiv {
    font-family: arial;
    font-size: 14px;
    overflow: hidden;
    width: 791px;
    background-color: #fff;
    padding: 10px;
}

.mstopdiv {
    float: left;
    border-bottom: 1px dotted #d9d9d9;
    width: 100%;
    padding-bottom: 10px;
}

.commontabs {
    margin: 0;
    padding: 0;
}

    .commontabs li {
        border-bottom: 3px solid #D7D7D7;
        color: #1F4F82;
        cursor: pointer;
        display: inline;
        float: left;
        font-size: 15px;
        margin: 0 20px -1px 0;
        padding: 0 0 1px;
        position: relative;
        text-transform: uppercase;
    }

        .commontabs li.current, .commontabs li:hover {
            border-bottom: 3px solid #FF7F00;
            color: #323232;
        }

.mscontentdiv {
    width: 100%;
    float: left;
}

.msleftmenu {
    width: 155px;
    float: left;
    padding-top: 15px;
}

.leftmenu {
    margin: 0;
    padding: 0;
}

    .leftmenu li {
        color: #666;
        font-size: 13px;
        list-style: none;
        padding: 0 0 10px;
    }

        .leftmenu li a {
            color: #666 !important;
            display: block;
            font-size: 13px;
            text-decoration: none;
        }

            .leftmenu li a.selected, .leftmenu li a:hover {
                border-right: 3px solid #FF8300;
                color: #FF8300 !important;
                text-decoration: none;
            }

.msrightcontent {
    border-left: 1px solid #d9d9d9;
    overflow: hidden;
    height: auto !important;
    min-height: 410px;
    width: 600px;
    padding-left: 15px;
    padding-top: 15px;
    position: relative;
}

.tablebox {
    border: 1px solid #d9d9d9;
    overflow: hidden;
    margin-bottom: 15px;
    clear: both;
}

.greenbgtitle {
    color: #457100;
    background: #DDEEC2;
    padding: 3px 5px;
    font-weight: 700;
    font-size: 12px;
}

.redbgtitle {
    color: #B60001;
    background: #FFD5D6;
    padding: 3px 5px;
    font-weight: 700;
    font-size: 12px;
}

.mstabledata {
    border: 0;
    border-collapse: collapse;
    color: #000;
    font-size: 12px;
}

    .mstabledata a {
        color: #004787;
        text-decoration: none;
    }

    .mstabledata tr th {
        background: #F0F0F0;
        border-bottom: 1px dotted #B3B3B3;
        padding: 2px 5px;
        color: #525250;
    }

    .mstabledata tr td {
        padding: 2px 5px;
    }

    .mstabledata tr:nth-child(2n+1) {
        background-color: #F7F7F7;
    }

    .mstabledata tr:nth-child(2n) {
        background-color: #FFF;
    }

.oddrow {
    background-color: #FFF;
    white-space: pre-wrap;
}

.evenrow {
    background-color: #F7F7F7;
    white-space: pre-wrap;
}

.green_color {
    color: #008D21;
}

.red_color {
    color: #D71400;
}

.refreshblock {
    display: block;
    float: right;
    padding: 0 0 10px;
}

.refreshicon {
    background: url(../images/refreshIcon.gif) no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
}

    .refreshicon:hover {
        background: url(../images/refreshIcon.gif) 0 -18px no-repeat;
        display: inline-block;
        height: 16px;
        width: 16px;
    }

.bgwhite {
    background: #fff !important;
}

.Nodata {
    color: red;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}

.morediv {
    float: right;
}

.more {
    background: url(../images/plusIcon.gif) 0 3px no-repeat;
    font-size: 12px;
    padding-left: 13px;
    clear: both;
    color: #004787;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.pb10 {
    padding-bottom: 10px;
}

.greybtn {
    background: -moz-linear-gradient(center top,#F2EDED 0,#FFF 0,#FFF 56%,#F2EDED);
    border: 1px solid #9A9CA9;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(154,156,169,.5),0 0 2px rgba(255,255,255,.7) inset;
    color: #214F84;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 3px 10px;
    text-shadow: 0 -1px 0 rgba(33,79,132,.4),0 1px 0 rgba(255,255,255,.3);
    font-weight: 700;
}

    .greybtn:hover {
        color: #F48C23;
    }

.maincontentdiv {
    padding: 10px;
    font-family: arial;
    font-size: 12px;
    line-height: 18px;
}

.tabs-bg {
    background: url(../images/tabbgline.gif) repeat-x;
    height: 27px;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.tabtxt {
    color: #006EAB;
    font-size: 16px;
    float: left;
    padding-top: 5px;
}

ul.tabs {
    float: left;
    line-height: normal;
    list-style: none;
    margin: 0;
    padding: 3px 0 0 15px;
    width: auto;
}

.tabs li {
    display: inline;
    float: left;
    margin: 0 0 0 3px;
    padding: 0;
}

    .tabs li a {
        background: url(../images/tttab-left.png) left top no-repeat;
        float: left;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 12px;
        font-weight: 700;
        margin: 0;
        padding: 0 0 0 11px;
        text-decoration: none !important;
        cursor: pointer;
    }

        .tabs li a span {
            background: url(../images/tttab-right.png) right top no-repeat;
            color: #608CA3;
            display: block;
            float: left;
            padding: 7px 15px 3px 4px;
        }

.ff3 .tabs li a span, .ie .tabs li a span, .safari .tabs li a span {
    padding: 7px 15px 6px 4px;
}

.tabs a span {
    float: none;
}

.tabs a:hover span {
    color: #45494C !important;
}

.tabs a:hover {
    background-position: 0 -24px;
}

    .tabs a:hover span {
        background-position: 100% -24px;
    }

.tabs .current a {
    background-position: 0 -24px;
    color: #45494C;
}

    .tabs .current a span {
        background-position: 100% -24px;
        color: #45494C;
    }

.tabcontentcontainer {
    width: 100%;
}

.tabcontent {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    min-height: 480px;
    background: #fff;
    padding: 10px 15px;
    font-family: arial;
    font-size: 12px;
    line-height: 18px;
}

p {
    padding: 0 0 5px;
    margin: 0;
}

.bullet {
    margin: 0;
    padding: 0 0 0 5px;
}

    .bullet li {
        background: url(../images/arrow-orange.gif) 0 12px no-repeat;
        list-style: none;
        margin: 0;
        padding: 5px 0 5px 10px;
    }

        .bullet li a {
            color: #006EAB;
            text-decoration: none;
        }

            .bullet li a:hover {
                color: #006EAB;
                text-decoration: underline;
            }

.btn {
    background: url(../images/btnblueright-bg.gif) right top no-repeat;
    color: #3F454B;
    display: block;
    float: left;
    font: 700 11px arial;
    height: 20px;
    margin-right: 6px;
    padding-right: 9px;
    text-decoration: none;
}

.datatable {
    border: 1px solid #ccc;
    border-collapse: collapse;
    color: #5F6062;
}

    .datatable th {
        background: #f3f3f3;
        color: #1F2022;
    }

.dp-div {
    padding: 2px 0;
    text-align: right;
}

.r-pad {
    padding-right: 10px;
}

.l-pad {
    padding-left: 10px;
}

.negative {
    color: #F11 !important;
}

.positive {
    color: #008D21 !important;
}

.tt-tbl-equity-title {
    border-bottom: 1px solid grey;
    font-size: 16px;
}

#tblUpdate tr td {
    padding: 3px 0;
}

.tt-col-green {
    color: green;
    text-transform: uppercase;
}

.tt-confirm-page-ckeckbx {
    float: left;
}

.tt-confirm-chkbox-div {
    display: inline;
}

.profiledatacontainer {
    margin: 0 auto;
    width: 100%;
    padding-bottom: 10px;
    border: 1px solid #000;
    box-shadow: inset 1px 4px 9px -6px;
    border-radius: 10px;
}

.profiledatawrapper {
    width: 100%;
    margin: 0 auto;
    padding-top: 10px;
    min-height: 505px;
}

.profiledata-hr-tag {
    display: block;
    height: 3px;
    border: 0;
    border-top: 3px solid #9DD33D;
    margin: 5px 0 10px;
    padding: 0;
}

.profiledatatitle {
    padding-left: 15px !important;
}

.profiledataeditbtn {
    padding: 2px 10px;
}

.profiledatatable {
    border-collapse: collapse;
    color: #000;
}

    .profiledatatable td {
        border-bottom: 1px solid #d9d9d9;
        font-size: 14px;
    }

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

.profilenoborder {
    border: none !important;
}

.tab-content tr {
    height: auto !important;
}

.profiledatawrapper h1, .profiledatawrapper h4, .profiledatawrapper li, .profiledatawrapper p, .profiledatawrapper pre, .profiledatawrapper ul {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: 0 0;
}

.profiledata-link {
    text-decoration: none;
    color: #0d71b8;
}

.profiledatawrapper li {
    outline: 0;
    text-decoration: none;
    -webkit-transition-property: background color;
    -moz-transition-property: background color;
    -o-transition-property: background color;
    -ms-transition-property: background color;
    transition-property: background color;
    -webkit-transition-duration: .12s;
    -moz-transition-duration: .12s;
    -o-transition-duration: .12s;
    -ms-transition-duration: .12s;
    transition-duration: .12s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

#profiledata-v-nav, #profiledata-v-nav2 {
    height: 100%;
    margin: auto;
    color: #333;
}

    #profiledata-v-nav2 > ul, #profiledata-v-nav > ul {
        float: left;
        width: 210px;
        display: block;
        position: relative;
        top: 0;
        border: 1px solid #DDD;
        border-right-width: 0;
        margin: auto 0 !important;
        padding: 0;
    }

        #profiledata-v-nav2 > ul > li, #profiledata-v-nav > ul > li {
/*            width: 180px;*/
            cursor: pointer;
            list-style-type: none;
            display: block;
            text-shadow: 0 1px 1px #F2F1F0;
            font-size: 1.11em;
            position: relative;
            border-right-width: 0;
            border-bottom: 1px solid #DDD;
            margin: auto;
            padding: 10px 15px !important;
            background: #f5f5f5;
            background: -moz-linear-gradient(top,#f2f2f2 0,#ECECEC 100%);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f2f2f2),color-stop(100%,#ECECEC));
            background: -webkit-linear-gradient(top,#f2f2f2 0,#ECECEC 100%);
            background: -o-linear-gradient(top,#f2f2f2 0,#ECECEC 100%);
            background: -ms-linear-gradient(top,#f2f2f2 0,#ECECEC 100%);
            background: linear-gradient(top,#f2f2f2 0,#ECECEC 100%);
        }

            #profiledata-v-nav2 > ul > li.current, #profiledata-v-nav > ul > li.current {
                border-right: none;
                z-index: 10;
                background: #fff !important;
                position: relative;
                moz-box-shadow: inset 0 0 35px 5px #fafbfd;
                color: #F5711F;
                font-weight: 700;
                -webkit-box-shadow: 0 2px 0 -5px rgba(0,0,0,.5),-4px 6px 15px -7px rgba(0,0,0,.5);
                -moz-box-shadow: 0 2px 0 -5px rgba(0,0,0,.5),-4px 6px 15px -7px rgba(0,0,0,.5);
                box-shadow: 0 2px 0 -5px rgba(0,0,0,.5),-4px 6px 15px -7px rgba(0,0,0,.5);
            }

            #profiledata-v-nav2 > ul > li.first.current, #profiledata-v-nav > ul > li.first.current {
                border-bottom: 1px solid #DDD;
            }

            #profiledata-v-nav2 > ul > li.last, #profiledata-v-nav > ul > li.last {
                border-bottom: none;
            }

    #profiledata-v-nav2 > div.tab-content, #profiledata-v-nav > div.tab-content {
        margin-left: 210px;
        border: 1px solid #ddd;
        background-color: #FFF;
        min-height: 400px;
        position: relative;
        z-index: 9;
        moz-box-shadow: inset 0 0 35px 5px #fafbfd;
        -webkit-box-shadow: inset 0 0 35px 5px #fafbfd;
        box-shadow: inset 0 0 35px 5px #fafbfd;
        display: none;
        padding: 25px;
    }

        #profiledata-v-nav2 > div.tab-content > h4, #profiledata-v-nav > div.tab-content > h4 {
            font-size: 1.2em;
            color: #000;
            text-shadow: 0 1px 1px #F2F1F0;
            border-bottom: 1px dotted #EEEDED;
            padding-top: 5px;
            padding-bottom: 5px;
        }

.client_profile_edit_btn {
    cursor: pointer;
}

.borderless {
    border: none !important;
}

.viewchart {
    background: url(../images/btn-viewchart.gif) no-repeat;
    width: 88px;
    height: 20px;
    cursor: pointer;
}

.radio {
    padding-right: 5px;
}

input[type=radio] {
    border: none !important;
}

.mwblock {
    /*position: absolute;
    left: 285px;
    top:7px;
    */
    float:left;
    padding-top:3px;
}

.quesblock {
    /*position: absolute;
    left: 255px;
    top:6px;*/
    float:left;
    padding-top:2px;
    padding-right:10px;
    position:relative;
    z-index:8;
}

.mwdrpdwnblock {
    /*position: absolute !important;
    left: 125px;*/
    float:left;
}

.ie7 .mwdrpdwnblock {
    /*left: 142px;*/
}

.ie7 .ReportTitle {
    background: url(../images/title2-bg.gif) repeat-x;
}

.mwtabblocks {
    border-left: 1px solid #B2C0C9;
    border-right: 1px solid #B2C0C9;
    border-bottom: 1px solid #B2C0C9;
    overflow: auto;
    width: auto; /*min-height: 385px;height: auto!important;*/
    height: 385px;
    font-size: 12px;
}

.clearfix {
    clear: both;
}

.mhgt200 {
    min-height: 200px !important;
}

.tabledata {
    border: 1px solid #ccc;
    border-collapse: collapse;
}

    .tabledata tr th {
        background: #EBEBEB;
        padding: 3px 20px;
        font-size: 13px;
        font-weight: 300;
    }

    .tabledata tr td {
        padding: 3px 20px;
        border-top: 1px solid #ccc;
    }

.bluetitle {
    color: #015b99;
    font-weight: 300;
    margin: 5px 0 5px 0;
}

.greyborderbx {
    border: 1px solid #ccc;
    padding: 5px 0 5px 10px;
    margin: 15px 0;
}

/***********Watchlist Dropdown************/
.dropdown {
    float: left;
    margin-right: 5px;
}

.dropbtn {
    display: block;
    color: #5C6161;
    border: 1px solid #7F9DB9;
    font-family: Arial;
    font-size: 12px;
    background: #fff;
    padding: 3px 20px 3px 5px!important;
    width: 105px;
    position: relative;
    height: 14px;
    text-decoration: none !important;
    white-space:nowrap;
}
.dropbtn:hover {
        background: #f3f3f3;
        text-decoration: none !important;
}

    .dropbtn:after {
        content: "";
        display: inline-block;
        border-width: 5px 5px 0 5px;
        border-style: solid;
        border-color: #000 transparent;
        position: absolute;
        top: 8px;
        right: 5px;
    }

#marketWatchDiv.dropdown-content {
    display: none;
   position: absolute;
    background: #f6f6f6;
    margin: 5px 0 0;
    border: 1px solid #ccc;
    outline: 0 none;
    padding: 15px;
    box-shadow: 2px 2px 3px #666;
   /*width: 500px;*/
    font-family: arial;
    font-size: 13px;
    z-index: 9999;
   float:left;
}

    #marketWatchDiv.dropdown-content:before {
        content: '';
        display: inline-block;
        border-bottom: 6px solid #f6f6f6;
        border-top: 6px solid transparent;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        position:absolute;
        top:-12px;
        left:15px;
    }

    #marketWatchDiv.dropdown-content ul {
        margin: 0;
        padding: 0 0px 0 15px;
    }

    #marketWatchDiv.dropdown-content li {
        list-style: disc;
        color: #fc741e;
        padding: 2px 0;
        float: none;
    }

    #marketWatchDiv.dropdown-content h3 {
        color: #2593de;
        margin: 0 0 5px 0;
        font-size: 14px;
    }

    #marketWatchDiv.dropdown-content li a {
        display: block;
        color: #6d6d6d;
        text-decoration: none;
        padding: 0;
    }

        #marketWatchDiv.dropdown-content li a:hover {
            color: #fc741e;
            text-decoration: none;
        }

.open #marketWatchDiv.dropdown-content {
    display: block;
}

.open .dropbtn:after {
    border-width: 0 5px 5px 5px;
}

.wl-left, .wl-right, .wl-middle, .col {
    float: left;
}

.wl-left {
   /*width: 250px;*/
   
}
.wl-middle{padding-left:15px;}
.wl-right {
   /*width: 250px;*/
   padding-left:15px;
}
.wl-bottom{padding: 5px 0 0;border-top: 1px solid #ccc;font-size: 12px;clear: both;margin: 15px 0 0 0;float: left;width: 100%;color: #777;text-align:center;}
.col {
    width: 100px;
}

.clear {
    clear: both;
}

.padr15 {
    padding-right: 15px !important;
}
.scripsuccessmsg {color:#fff;background: #00BF00;display: inline-block;padding: 5px 15px;}
.scripfailsmsg {color:#fff;background: #fd3030;display: inline-block;padding: 5px 15px;}
.overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);filter:alpha(opacity=60);z-index:9999}
.ie7 .overlay, .ie8 .overlay {background-color:#000;filter:alpha(opacity=60);}
.optionchainheader {border:0px solid #ccc;padding:4px 15px!important;background:#eee!important;}
.bluelnk {
    text-decoration: none;
    color: #0775c1;
    font-family: Arial;
    font-size: 12px;
    text-transform:uppercase;
    display:block;
}
.bluelnk:hover{text-decoration:none;}

.pgtitle{font-family:Arial;font-size:18px;font-weight:700;float:left;padding-right:15px;vertical-align:middle;}
.sprite-spinner {
            overflow: hidden;
            position: relative;
            display: inline-block;
            text-align: left;
        }

        .spinner-wrap {
            text-align: center;
            margin: 200px auto;
        }
        
/*Styling for New Fixed Resizable div*/
#content-block{height:100%;}
.resizablediv-wrapper {width:98%;height:43px;background:#fff;padding:0 1%;position:fixed!important;bottom:0;overflow:visible;z-index:999;}
.resizablediv-wrapper .ui-resizable-handle{background:url(../images/hsizegrip.png) no-repeat center center #26ADEE;border:1px solid #26ADEE;}
/*.resizablediv-wrapper .expand {width: 20px;background: #333;height: 20px;display: inline-block;position: relative;top: -12px;cursor: pointer;z-index: 1200;left: 50%;border-radius: 5px;}
.resizablediv-wrapper .collaspe {width: 20px;background: #333;height: 20px;display: inline-block;position: relative;cursor: pointer;z-index: 1200;left: 50%;border-radius: 5px;top: -12px;}*/
.resizablediv-wrapper .expand {width: 23px;background:url(../images/up.png) no-repeat 0 0;height: 23px;display: inline-block;cursor: pointer;z-index: 1200;position:absolute;top:2px;right:15px;}
.resizablediv-wrapper .collaspe {width: 23px;background:url(../images/down.png) no-repeat 0 0;height: 23px;display: inline-block;cursor: pointer;z-index: 1200;position:absolute;top:2px;right:15px;}
        
/**Bootstrap Grid System Classes**/
div[class*="col-"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.container,.container-fluid{margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}.hidden,.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs,.visible-xs-block{display:block!important}.visible-xs-inline{display:inline!important}.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}.visible-sm-block{display:block!important}.visible-sm-inline{display:inline!important}.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}.visible-md-block{display:block!important}.visible-md-inline{display:inline!important}.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}.visible-lg-block{display:block!important}.visible-lg-inline{display:inline!important}.visible-lg-inline-block{display:inline-block!important}.hidden-lg{display:none!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}:after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}.container-fluid:after, .container-fluid:before, .container:after, .container:before, footer:after, .modal-footer:before, .row:after, .row:before {display: table; content: " ";}.container-fluid:after, .container:after, .row:after {clear: both;}
.text-center{text-align:center;}
.btn-primary{background:#28aef0; border-radius: 5px; padding: 8px 15px; cursor: pointer;font-family: Arial;font-size: 12px;color:#fff;border:1px solid #28aef0;}
.btn-primary:hover {background:#039ecc;border:1px solid #039ecc;}
.btn-default{background:#fff; color: #000;border: 1px solid #000; border-radius: 5px; padding: 8px 15px; cursor: pointer;font-family: Arial;font-size: 12px;}
.btn-default:hover {background:#000;color:#fff;}
.ml5{margin-left:5px;}
.btndiv{display:inline;margin:0 15px;}
.switch-field {font-family: arial;overflow: hidden;display:inline;}
.switch-title {margin-bottom: 6px;}
.switch-field input {position: absolute !important;clip: rect(0, 0, 0, 0);height: 1px;width: 1px;border: 0;overflow: hidden;}
.ie7 .switch-field input, .ie8 .switch-field input {position: inherit !important;height:auto;width:auto;border: 0;overflow:visible;margin:8px 0 0 0}
.switch-field label {float: left;}
.ie7 .switch-field label, .ie8 .switch-field label {float:none;background:none;}
.ie7 .switch-field label{padding-left:20px;}
.ie8 .switch-field label{padding-left:0px;}
.switch-field label {display: inline-block;width: auto/*20px*/;background-color: #fff;color: #000;font-size: 12px;font-weight: bold;text-align: center;text-shadow: none;padding: 8px 14px;line-height:normal;/*7022019-RAA*/border: 1px solid rgba(0, 0, 0, 0.2);-webkit-transition: all 0.1s ease-in-out;-moz-transition:    all 0.1s ease-in-out;-ms-transition:     all 0.1s ease-in-out;-o-transition:      all 0.1s ease-in-out;transition:         all 0.1s ease-in-out;}
.switch-field label:hover {cursor: pointer;}
.switch-field input:checked + label {background-color: #e36a23;-webkit-box-shadow: none;box-shadow: none;color:#fff;}
.switch-field input:checked + label:before {content:'✔';display:inline;color:#fff;padding-right:5px;font-size:10px;}
.switch-field label:first-of-type {border-radius: 4px 0 0 4px;}
.switch-field label:last-of-type {border-radius: 0 4px 4px 0;}

/*Trading Cart*/
.mb15 {margin-bottom: 15px;}
.mt15 {margin-top: 15px;}
.mtb15 {margin-top: 15px;margin-bottom:15px;}
.ft16 {font-size: 16px !important;}
.carttable {width: 100%;border-collapse: collapse;font-family: Roboto;}
.carttable tr th {background: #fff6df;padding: 7px 15px;font-size: 11px;font-weight: 300;color: #a2977b;}
.carttable tr td {padding: 10px 15px;font-size: 14px;font-weight: 300;white-space:nowrap;}
.pad-left0 {padding-left: 0 !important;}
.pad-right0 {padding-right: 0px !important;}
.carttable tr th:first-child, .carttable tr td:first-child {padding-left: 25px!important;}
.carttable tr th:last-child, .carttable tr td:last-child {padding-right: 25px!important;}
.carttable tr:nth-child(2n+1) {background-color: #f0f1f0;}
.carttable tr:nth-child(2n) {background-color: #FFF;}
.cartscripname {font-size: 15px;color: #000;}
.cartscripdetail {color: #999;font-size: 13px;}
.redtxt {color: #fd3030;font-weight:bold;}
.cartredbg {background: #fd3030;color: #fff;padding: 2px 3px;display:block;}
.greentxt {color: #00BF00;font-weight:bold;}
.cartgreenbg {background: #00BF00;color: #fff;padding: 2px 3px;display:block;}
.blue-outline-btn {border: 1px solid #28aef0;border-radius: 5px;color: #28aef0;padding: 3px 7px;cursor: pointer;text-transform: uppercase;font-size: 11px;text-decoration:none;}
.black-outline-btn{border: 1px solid #000;border-radius: 5px;color: #000;padding: 3px 7px;cursor: pointer;text-transform: uppercase;font-size: 11px;text-decoration:none;}
.cartcount{position: absolute;top: -12px;font-size: 11px;color: #E86B1F!important;width: 20px;text-align: center;}

/*FOR CHECK BOX*/
.carttable [type="checkbox"]:not(:checked), .carttable [type="checkbox"]:checked {position: absolute;left: -9999px;}
.carttable [type="checkbox"]:not(:checked) + label, .carttable [type="checkbox"]:checked + label {position: relative;padding-left: 1.95em;cursor: pointer;font-size: 14px;}
/* checkbox aspect */
.carttable [type="checkbox"]:not(:checked) + label:before, .carttable [type="checkbox"]:checked + label:before {content: '';position: absolute;left: 0;top: 0;width: 1.25em;height: 1.25em;border: 1px solid #ccc;background: #fff;}
/* checked mark aspect */
.carttable [type="checkbox"]:not(:checked) + label:after, .carttable [type="checkbox"]:checked + label:after {content: '✔';position: absolute;top: .1em;left: .055em;font-size: 1.4em;line-height: 0.8;color: #09ad7e;transition: all .2s;}
/* checked mark aspect changes */
.carttable [type="checkbox"]:not(:checked) + label:after {opacity: 0;transform: scale(0);}
.carttable [type="checkbox"]:checked + label:after {opacity: 1;transform: scale(1);}
/* disabled checkbox */
.carttable [type="checkbox"]:disabled:not(:checked) + label:before, .carttable[type="checkbox"]:disabled:checked + label:before {box-shadow: none;border-color: #B2C0C9;background-color: #fff;}
.carttable [type="checkbox"]:disabled:checked + label:after {color: #999;}
.carttable [type="checkbox"]:disabled + label {color: #aaa;}
/* accessibility */
.carttable [type="checkbox"]:checked:focus + label:before, .carttable [type="checkbox"]:not(:checked):focus + label:before {border: 1px solid #B2C0C9;}
/*Check BOX*/

.carttable tr td select{border:1px solid #ccc;padding:7px 5px;}
.carttable tr td input[type="text"]{border:1px solid #ccc;padding:7px 5px;width:40px;}
.carttable tr td input[type="image"] {border:none;background:none;}

.btn-buy{background:#00BF00; color: #fff;border: 1px solid #00BF00 /*1px solid rgba(0, 0, 0, 0.2)*/; border-radius: 5px; padding: 8px 15px;; cursor: pointer;font-family: Arial;font-size: 12px;}
.btn-buy:hover {background:#008000;}
.btn-sell{background:#fd3030; color: #fff;border: 1px solid #fd3030 /*1px solid rgba(0, 0, 0, 0.2)*/; border-radius: 5px; padding: 8px 15px;; cursor: pointer;font-family: Arial;font-size: 12px;}
.btn-sell:hover {background:#ff0000;}

.carttable .ajax__calendar_container table tr td{padding:inherit;font-size:inherit;}
.carttable .ajax__calendar_container table tr th:first-child,  .carttable .ajax__calendar_container table tr td:first-child{padding-left:inherit!important;}
.carttable .ajax__calendar_container table tr:nth-child(2n+1) {background-color: #fff;}
.carttable .ajax__calendar_container table tr:nth-child(2n) {background-color: #FFF;}
.carttable .ajax__calendar_container{top:32px!important;left:0!important;z-index:9999;}
/*Blink css*/
@-moz-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Firefox */
@-webkit-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Webkit */
@-ms-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* IE */
@keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Opera and prob css3 final iteration */
.addordertocart {
position:absolute;top:27px;left:-221px;z-index:999;display:none;cursor:pointer;
}
.blink{
-moz-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
-ms-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
/* order: name, direction, duration, iteration-count, timing-function */   
/*Redmine:68086(FnO Analytics on TTweb)by AkshayMaingade 11/06/2019*/
-moz-animation:blink normal 1s infinite ease-in-out; /* Firefox */
-webkit-animation:blink normal 1s infinite ease-in-out; /* Webkit */
-ms-animation:blink normal 1s infinite ease-in-out; /* IE */
animation:blink normal 1s infinite ease-in-out; /* Opera and prob css3 final iteration */
/*Redmine:68086(FnO Analytics on TTweb)by AkshayMaingade 11/06/2019*/
}

.askiifl{position: fixed;bottom:13px;z-index: 9999;right: 20px;}      
/*DEV chandan  Redmine : 46871*/ 
#sipcontentdiv .ajax__calendar_container { z-index: 700;}

/* TMO Order Css */
.divform input[type="text"]{color: #5C6161;border: 1px solid #ccc;font-family: Roboto;font-size: 12px;background: #fff;margin: 0;padding: 5px;}
.divform select{color: #5C6161;border: 1px solid #ccc;font-family: Roboto;font-size: 12px;background: #fff;padding: 4px;}
.divform label{padding-bottom:3px;color:#333;display:inline-block;font-family:Roboto;font-weight:300;}
.divform .switch-field label{padding:6px 14px}
.divform .subtitle{color:#317cdc;font-size: 13px; font-family:Roboto; font-weight: 300; padding: 0px 0 2px 0; border-bottom: 1px solid #ccc;}
.divform small{color:#b0b0b0;display:inline-block;}
.divform .errmsg{color: red!important;font-size: 11px!important;}
.pt5{padding-top:5px;}
.blueanchorlnk{color:#317cdc;text-decoration:underline;}

.mwcurrprc{color: #012e70; font-family: Roboto; font-size: 45px;line-height:46px;}
.mwcurrchg{color: #017F01; font-family: Roboto; font-size: 25px;line-height:40px;}
.mwcurrsymb{color: #181818; font-family: Roboto; font-size: 16px;vertical-align:middle;}
.mwcurrexch{color: #666; font-family: Roboto; font-size: 12px;vertical-align:middle;}
.mdepthtable{border-collapse:collapse;font-family:Roboto;font-size:14px;font-weight:300;}
.mdepthtable tr td.bpad0{padding-bottom:0!important;}
.mdepthtable tr td.tpad0{padding-top:0!important;}
.mdepthtable tr td.botbord-green{border-bottom:1px solid #cdeacc;}
.mdepthtable tr td.botbord-red {border-bottom: 1px solid #fed4d5;}
.mdepthtable tr td.fw400{font-weight:400;}
.mdepthtable tr th, .mdepthtable tr td{padding:5px 15px;font-weight:300;}
.dgreen-bg{background:#d6f3d6;}
.dgreen-txt{color:#234f23;}
.lgreen-bg{background:#e6ffe5;}
.lgreen-txt{color:#6f976f;}
.dred-bg{background:#fddedf;}
.dred-txt{color:#835a5a;}
.lred-bg{background:#fff0f0;}
.lred-txt{color:#9a7677;}
.dottedborderbot-lgreen{border-bottom:1px dotted #6f976f;}
.dottedborderbot-lred{border-bottom:1px dotted #9a7677;}
.upcase{text-transform:uppercase;}
.mdepthleft{width:190px;float:left;margin-right:15px;}
.mdepthright{width:190px;float:left;}
.mdepthbot{float:left;margin:15px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;width:96%;padding:2%;}
.mdepthtitle{color:#317cdc;font-size:14px;font-weight:400;margin:0 0 5px 0;}
.padb20{padding-bottom:20px;}


/*Portfolio*/
.greenbgblk{background:#00BF00;display:block;color:#fff;}
.redbgblk{background:#fd3030;display:block;color:#fff;}
.darkgreentxt{color:#01a453;font-weight:400;}
.darkredtxt{color:#fd3030;font-weight:400;}
.newtable {width: 100%;border-collapse: collapse;font-family: Roboto;}
.newtable tr th {background: #fff6df;padding: 7px 15px;font-size: 11px;font-weight: 300;color: #a2977b;white-space:nowrap;text-transform:uppercase;}
.newtable tr td {padding: 10px 15px;font-size: 14px;font-weight: 300;white-space:nowrap;border-bottom:1px solid #ccc;}
.newtable tr td a{color:#0089dc;text-decoration:none;}
.newtable tr td small{color:#a4a4a4;font-size:11px;}
.newtable tr.rowhighlight {background:#e8e8e8;}
.newtable tr.grouprow {background:#f2f2f2;}
.newtable tr.grouprow td{color:#333;font-weight:400;}
.newtable tr td strong{font-weight:400;}

.togglecontainerrow td{padding: 6px 15px!important;}

.newinnertable{width: 100%;border-collapse: collapse;font-family: Roboto;}
.newinnertable tr th {background: #fff6df;padding: 5px 8px;font-size: 11px;font-weight: 300;color: #a2977b;text-transform:uppercase;}
.newinnertable tr td {padding: 5px 8px;font-size: 14px;font-weight: 300;white-space:nowrap;border-bottom:1px solid #ccc;}
.nopadding {padding: 0 !important;}
.noborder{border:none!important;}


.newtable tbody tr.toggle-row.open, .newtable tbody tr.togglecontainerrow.open{background:#fffdf7;}
.trCenterMiddle {text-align: center; vertical-align:middle}
.trLeftMiddle {text-align: left; vertical-align:middle}
.trRightMiddle {text-align: right; vertical-align:middle}

/*Superstar Portfolio start*/
.h3title{font-size:16px;font-weight:400;margin:15px 0;}
.searchinput{width:92%;padding:8px 5% 8px 2%!important;color:#878787!important;background:url(../images/search-icon-18_18.png) no-repeat 98% center!important;}
.lightgreybg{background:#f0f1f0;}
.bars{clear:both;}
.rightdirection{direction:rtl;}
.jqbar{position: relative;}
.jqbar.vertical{text-align: center;display: inline-block;}
.jqbar.vertical span{display: block;font-size: 11px;font-weight: bold;}
.jqbar.vertical .bar-percent{font-size: 11px;font-weight: bold;position: absolute;height: 20px;margin-bottom: 5px;width: 100%;}
.jqbar.vertical .bar-level-wrapper{position: relative;display: inline-block;overflow: hidden;}
.jqbar.vertical .bar-level{position: absolute;}
.jqbar.horizontal span{display: inline-block;margin-left: 5px;font-size: 11px;font-weight: bold;}
.jqbar.horizontal .bar-level-wrapper{position: relative;display: inline-block;overflow: hidden;margin-left:0;}
.jqbar.horizontal span.bar-label {display:block;color:#878787;font-size:13px;margin-left:0;}
.jqbar.horizontal span.bar-level {margin-left:0;}
.jqbar.horizontal .bar-percent{font-size: 11px;font-weight: bold;height: 20px;margin-bottom: 5px;color:#878787;vertical-align:top;}
.rightdirection .jqbar.horizontal span.bar-label{direction:initial;text-align:right;}
.rightdirection .jqbar.horizontal span.bar-percent{margin-left:0;margin-right:5px;direction:initial;}
.increasetxt{color:#000!important;font-size:13px;}
.increasetxt:before{background:#0fa34a;content:'';display:inline-block;width:16px;height:16px;vertical-align:bottom;margin-right:5px;}
.increasegtxt{color:#0fa34a!important;font-size:13px;}
.ml22{margin-left:22px!important;}
.decreasetxt{color:#000!important;font-size:13px;font-weight:400;}
.decreasetxt:before{background:#ed1c24;content:'';display:inline-block;width:16px;height:16px;vertical-align:bottom;margin-right:5px;}
.decreasertxt{color:#ed1c24!important;font-size:13px;font-weight:400;}

.xaxis {border-top: 1px solid #ccc;position: relative;height: 22px;width:350px;}
.tick{border:1px solid transparent;position:absolute;width:3.9em;margin-left:-1.9em;text-align:center;left:0;top:0;font-size:11px;color:#b3b3b3;}

.rightdirection .tick{direction:initial;}
.newPopup{position: fixed;top: 50%;left: 50%;z-index: 10000;transform: translate(-50%,-50%);width: 970px;}
.newPopup h4 {text-align:center;font-size:16px;color: #317cdc;font-weight: 400; padding: 10px 0 10px; font-family: Roboto;margin:0;}
.newPopup .Popupdate {font-size:15px;font-family: Roboto;font-weight:400;color:#000;text-align:center;/*margin-bottom:20px;*/display:inline-block;}
.newPopup .Popupdate span{color:#fd7421;margin:0 5px; }
.shadowbx{-webkit-box-shadow: 1px 1px 5px 2px rgba(204,204,204,0.5);-moz-box-shadow: 1px 1px 5px 2px rgba(204,204,204,0.5);box-shadow: 1px 1px 5px 2px rgba(204,204,204,0.5);/*padding:5px;*/}

.dataTables_wrapper{padding:0!important;}
/*#superstarportfoliotbl_wrapper .dataTables_filter{display:none;}*/

.ui-autocomplete, .not-front .ui-autocomplete{max-height:250px;overflow-x:hidden;overflow-y:auto;height:auto;}
.ui-widget.ui-widget-content, .ui-widget-header, .not-front .ui-widget.ui-widget-content, .ui-widget-header {background:#fff;}
.ui-menu .ui-menu-item, .not-front .ui-menu .ui-menu-item{border-bottom:1px solid #ccc;}
.ui-menu .ui-menu-item-wrapper, .not-front .ui-menu .ui-menu-item-wrapper{color:#333;font-size:14px;}
.ui-menu .ui-menu-item-wrapper:hover, .front .ui-menu .ui-menu-item-wrapper:focus, .front .ui-menu .ui-menu-item-wrapper:active{background:#24588C;border:none;color:#fff;}
/*Superstar Portfolio start*/

/*Custom Standard tooltip*/
.customtooltip {
 position: relative;
 display: inline-block;
}


.customtooltip .customtooltiptext {
 visibility: hidden;
 width: 280px;
 background-color: black;
 color: #fff;
 text-align: center;
 border-radius: 6px;
 padding: 5px 0;
 position: absolute;
 z-index: 1;
 bottom: 150%;
 left: 50%;
 margin-left: -140px;
 white-space:normal;
 font-size:12px;
 padding:5px;
}
/*Redmine : 67925*/
.customtooltip .customtooltiptextbottom {
 visibility: hidden;
 width: 280px;
 background-color: black;
 color: #fff;
 text-align: center;
 border-radius: 6px;
 padding: 5px 0;
 position: absolute;
 z-index: 1;
 top: 150%;
 left: 50%;
 margin-left: -140px;
 white-space:normal;
 font-size:12px;
 padding:5px;
}
.customtooltip .customtooltiptextbottom::after {
 content: "";
 position: absolute;
 bottom: 100%;
 left: 50%;
 margin-left: -8px;
 border-width: 5px;
 border-style: solid;
 border-color: transparent transparent black transparent ;
}
/*Redmine : 67925*/
.customtooltip .customtooltiptext::after {
 content: "";
 position: absolute;
 top: 100%;
 left: 50%;
 margin-left: -5px;
 border-width: 5px;
 border-style: solid;
 border-color: black transparent transparent transparent;
}

.customtooltip:hover .customtooltiptext, .customtooltip:hover .customtooltiptextbottom  {/*Redmine : 67925*/
 visibility: visible;
}

.btn-primary:disabled {background:#ccc;border:1px solid #ccc;pointer-events:none;color: #666;}
.switch-field input:disabled + label {cursor: default;background:#ccc!important;color:#333!important;}
.switch-field input:disabled + label:before {color:#333!important;}


/*Margin and Risk Report*/
.margintbldiv{display:table;width:100%;font-family:Roboto;}
.margintbldiv h3{margin:0 0 0 0;padding:7px 8px;background:#f2f2f2;color:#333;font-weight:400;font-size:14px;border-bottom:1px solid #ccc;text-align:center;}
.margintbldiv #marginreport{width:60%;display:table-cell;border-right:1px solid #ccc;}
.margintbldiv #riskreport{width:40%;display:table-cell;}

/*SmallCase Done by AkshayMaingade*/
.rel{position:relative;}
.newi{position: absolute;top: -1px;font-size: 8px;right: 6px;color:#fb1919;font-style:normal;text-transform:uppercase;}
.smallcasediv{margin:6px 15px 0 0;padding:0 15px 0 0;border-right:1px solid #ccc;}
.smallcasetxt{text-decoration:none!important;text-transform:uppercase;line-height:0px;color:#0089dc;display:block;position:relative;font-size:10px;}
.smallcasetxt label{font-size:10px;color:#fd3030;line-height:0;position:absolute;top:2px;right:0;}
.smallcaseheading{text-align:center;margin:0 0 15px 0;}
.smallcaseheading h3{font-size:22px;font-weight:300;margin:0 0 2px 0;}
.smallcaseheading p{color:#888;font-size:14px;}
.smallcasecontent{display: table;width: 100%;}
.smallcasecontent .leftdiv {width: 28%;display: table-cell;position:relative;padding:0 4%;vertical-align:top;}
.smallcasecontent .leftdiv:before {content: "";position: absolute;z-index: 0;top: 15%;bottom: 15%;left: 100%;border-right: 1px solid #ccc;}
.smallcasecontent .rightdiv {width: 56%;display: table-cell;padding:0 4%;vertical-align:top;}
.smallcasecontent .leftdiv h2{font-size:20px;font-weight:500;color:#000;margin:0 0 5px 0;}
.smallcasecontent .leftdiv ul{margin:0;padding:0;}
.smallcasecontent .leftdiv ul li{padding:15px 20px 15px 40px;list-style:none;border-bottom:1px solid #ccc;font-size:15px;color:#333;}
.smallcasecontent .leftdiv ul li.cube {background:url(../images/cube.svg) no-repeat 2% center;}
.smallcasecontent .leftdiv ul li.rupee {background:url(../images/rupee.png) no-repeat 2% center;background-size: 15px;}
.smallcasecontent .leftdiv ul li.coffee {background:url(../images/coffee.svg) no-repeat 2% center;}
.smallcasecontent .leftdiv ul li.like {background:url(../images/like.svg) no-repeat 2% center;}
.smallcasecontent .leftdiv ul li:last-child{border:none;}
.smallcasecontent .rightdiv h2{font-size:20px;font-weight:500;color:#000;margin:0 0 5px 0;text-align:center;}
.smallcasecontent .rightdiv ul{margin:0;padding:0;}
.smallcasecontent .rightdiv ul li {border:1px solid #ccc;border-radius:5px;padding:10px;width:330px;display:inline-block;list-style:none;margin-bottom:15px;vertical-align:top;position:relative;}
.smallcasecontent .rightdiv ul li a {display:block;text-decoration:none;color:#000;}
.smallcasecontent .rightdiv ul li:nth-child(odd){margin-right:15px;}
.smallcasecontent .rightdiv ul li .img{display:block;float:left;width:90px;height:90px;}
.smallcasecontent .rightdiv ul li .img img{width:100%;}
.smallcasecontent .rightdiv ul li .desc{display:block;float:left;width:230px;padding-left:10px;}
.smallcasecontent .rightdiv ul li .desc h3 {font-size:16px;font-weight:600;color:#000;margin:0 0 5px 0;}
.smallcasecontent .rightdiv ul li .desc p {color:#888;margin:0 0 5px 0;font-size:13px;}
.smallcasecontent .rightdiv ul li .desc .value{text-align:right;font-size:10px;position:absolute;bottom:10px;right:10px;}
.smallcasecontent .rightdiv ul li .desc .value span{color:#19af55;font-size:14px;}
.biglnkblue{color:#0089dc;font-size:19px;text-decoration:none;}
.biglnkblue:hover{text-decoration:none;}
/*SmallCase Done by AkshayMaingade*/

/*Advance Research*//*Redmine:69178-Start(Market smith Integration on TTWEB.)by AkshayMaingade 26/07/2019*/
.advresearch .page-block{font-family:Roboto!important;background:#fff!important;}
.advresearch-1{background:#fff;padding:20px;}
.advresearch-1 h2{font-size:34px;color:#333;font-weight:300;margin:0 0 5px 0;}
.advresearch-1 span{font-size:14px;font-weight:300;margin:0;color:#a2a2a2;}
.advresearch-1 h3{font-size:19px;color:#343434;font-weight:400;margin:0 0 5px 0;}
.advresearch-1 label{color:#999;font-size:13px;font-weight:300;}
.advresearch-1 .chartinfo{text-align:center;padding:30px 0;}
.advresearch-1 .chartinfo:after{content:'«';display:inline-block;top:18%;left:5%;font-size:80px;color:#DFDFE1;position:absolute;}
.advresearch-2{background:#f1f2f7;padding:20px;text-align:center;}
.advresearch-2 h3{font-size:24px;color:#333;font-weight:400;margin:0 0 15px 0;}
.colorblk{background:#fff;padding:20px;display:block;text-decoration:none;}
.colorblk:hover{text-decoration:none;}
.colorblk h4{font-size:16px;font-weight:400;margin:5px 0 0 0;}
.colorblk span{font-size:13px;font-weight:300;margin:0;color:#a2a2a2;}
.colorblk p {font-size: 14px;font-weight:200;}
.peachblk{color:#b96634;border:1px solid #f3ba8d;}
.greenblk{color:#26A766;border:1px solid #80DEAC;}
.blueblk{color:#176C89;border:1px solid #48D2F9;}
.yellowblk{color:#B08829;border:1px solid #ECBE23;}
.advresearch-3{background:#fff;padding:20px;}
.advresearch-3 h3{font-size:24px;color:#343434;font-weight:400;margin:0 0 5px 0;}
.advresearch-3 ul{margin:0;padding:0 0 0 15px;}
.advresearch-3 ul li{list-style:none;padding:15px 40px;border-bottom:1px solid #ccc;float:left;width:200px;margin:0 30px;color:#333;font-size:15px;font-weight:300;}
.bellicon{background:url(../images/Buy-Sell-Alerts-22-22.png) no-repeat 6px center;}
.rupeeicon{background:url(../images/Fundamentals-Ratings-22-22.png) no-repeat 6px center;}
.charticon{background:url(../images/Ideal-Trading-Zone-22-22.png) no-repeat 6px center;}
.roboicon{background:url(../images/RoboAdvisory-22-22.png) no-repeat 6px center;}
.stockicon{background:url(../images/Stock-Screeners-22-22.png) no-repeat 6px center;}
.patternicon{background:url(../images/Pattern-Recognition-22-22.png) no-repeat 6px center;}
.nomargin{margin:0!important;}
.mb20{margin-bottom:20px;}
.advresearch .btn-primary {display:inline-block;text-decoration:none;padding:15px 60px;font-weight:400;font-family:Roboto;background:#5F42A4;border:1px solid #5F42A4;}
.advresearch .btn-primary:hover {text-decoration:none;}
.ftpopdvbx{display: none; width: 530px; height: 550px; position: fixed; top: 25%; left: 33%; z-index: 9999;}
.ftpopupcontentdv{color: #000; text-decoration: none; background: #fff; font-size: 18px; color: #333333; border: 1px solid #ccc; margin-top: 3px; padding: 30px;text-align:center;}
.ftpopupcontentdv h3{font-size:24px;margin:0 0 15px 0;font-weight:400;}
.textgreen{color:#08a057;}
.textred{color:#fd3030;}
.ftpopupcontentdv p{color:#777;font-weight:200;}
.fw300{font-weight:300!important;}
.ftpopupcontentdv strong{font-weight:400;}
.ftpopupcontentdv .btn-primary {display:inline-block;text-decoration:none;padding:5px 20px 6px;font-weight:300;}
.ftpopupcontentdv .btn-default {display:inline-block;text-decoration:none;padding:5px 20px 6px;font-weight:300;}
.txtblack{color:#000!important;}
.advresearch #profiledata-v-nav2 > ul > li.current, .advresearch #profiledata-v-nav > ul > li.current{box-shadow:none;font-weight:300;}
.advresearch #profiledata-v-nav2 > ul > li, .advresearch #profiledata-v-nav > ul > li{font-size:14px;font-weight:300;padding-left:50px!important;width:145px;}
.advresearch #profiledata-v-nav2 > ul > li:last-child, .advresearch #profiledata-v-nav > ul > li:last-child{border-bottom:none;}
.advresearch #profiledata-v-nav2 > div.tab-content, .advresearch #profiledata-v-nav > div.tab-content {box-shadow: none;}
.advresearch .profiledatawrapper{position:relative;}
.advresearch .infoblk{position:absolute;top:183px;left:0;width:170px;padding:15px;background:#fef6df;color:#8B8060;font-size:16px;text-align:center;font-weight:300;}
.advresearch .infoblk p{margin:0 0 15px 0;}
.advresearch .infoblk strong{font-weight:400;}
.btn-orange{background:#fd7423;border-radius: 5px;padding: 10px 15px;cursor: pointer;font-size: 16px;color: #fff;border: 1px solid #fd7423;text-decoration:none;display:inline-block;}
.btn-orange:hover{text-decoration:none;}
.darkgreentxt{color:#00A553;}
#IdeaLists:before{content:'';display:block;background: url(../images/IdeaLists-Grey-Menu-22-22.png) no-repeat left center;width:22px;height:22px;vertical-align:middle;position:absolute;left:15px;}
#Evaluation:before{content:'';display:block;background: url(../images/Evaluation-Grey-Menu-22-22.png) no-repeat left center;width:22px;height:22px;vertical-align:middle;position:absolute;left:15px;}
#MarketOutlook:before{content:'';display:block;background: url(../images/Market-Outlook-Grey-Menu-22-22.png) no-repeat left center;width:22px;height:22px;vertical-align:middle;position:absolute;left:15px;}
#ModelPortfolio:before{content:'';display:block;background: url(../images/ModelPortfolio-Grey-Menu-22-22.png) no-repeat left center;width:22px;height:22px;vertical-align:middle;position:absolute;left:15px;}
#IdeaLists.current:before{content:'';display:block;background: url(../images/IdeaLists-Orange-Menu-22-22.png) no-repeat left center;width:22px;height:22px;vertical-align:middle;position:absolute;left:15px;}
#Evaluation.current:before{content:'';display:block;background: url(../images/Evaluation-Orange-Menu-22-22.png) no-repeat left center;width:22px;height:22px;vertical-align:middle;position:absolute;left:15px;}
#MarketOutlook.current:before{content:'';display:block;background: url(../images/Market-Outlook-Orange-Menu-22-22.png) no-repeat left center;width:22px;height:22px;vertical-align:middle;position:absolute;left:15px;}
#ModelPortfolio.current:before{content:'';display:block;background: url(../images/ModelPortfolio-Orange-Menu-22-22.png) no-repeat left center;width:22px;height:22px;vertical-align:middle;position:absolute;left:15px;}
.ft11{font-size:11px;}
.grylnk{color:#777;font-size:12px;text-decoration:underline;}
#dvoverlay1{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);filter:alpha(opacity=60);z-index:9999}
.ie7 #dvoverlay1, .ie8 #dvoverlay1 {background-color:#000;filter:alpha(opacity=60);}
/*Redmine:69178-Start(Market smith Integration on TTWEB.)by AkshayMaingade 26/07/2019*/



/*Swing Trader*/
.swingtrader .page-block{font-family:Roboto!important;background:#fff!important;}
.swingtrader-1{background:#fff;padding:20px;}
.swingtrader-1 h2{font-size:34px;color:#333;font-weight:300;margin:0 0 5px 0;}
.swingtrader-1 span{font-size:14px;font-weight:300;margin:0;color:#a2a2a2;}
.swingtrader-1 h3{font-size:19px;color:#343434;font-weight:400;margin:0 0 5px 0;}
.swingtrader-1 label{color:#999;font-size:13px;font-weight:300;}
.swingtrader-2{background:#f1f2f7;padding:20px;text-align:center;}
.swingtrader-2 h3{font-size:24px;color:#333;font-weight:400;margin:0 0 15px 0;}
.swingtrader-2 .colorblk{background:#fff;padding:20px;display:block;text-decoration:none;border:1px solid #e2e2e2;}
.swingtrader-2 .colorblk:hover{text-decoration:none;}
.swingtrader-2 .colorblk h4{font-size:16px;font-weight:400;margin:5px 0 0 0;}
.swingtrader-2 .colorblk span{font-size:13px;font-weight:300;margin:0;color:#a2a2a2;}
.swingtrader-2 .colorblk p {font-size: 14px;font-weight:200;}
.swingtrader-3{background:#fff;padding:20px;}
.swingtrader-3 h3{font-size:24px;color:#343434;font-weight:400;margin:0 0 5px 0;}
.swingtrader-3 ul{margin:0;padding:0 0 0 15px;}
.swingtrader-3 ul li{list-style:none;padding:15px 40px;border-bottom:1px solid #ccc;float:left;width:200px;margin:0 30px;color:#333;font-size:15px;font-weight:300;}
.swing-ico1{background:url(../images/swingt-alerts.png) no-repeat 6px center;}
.swing-ico2{background:url(../images/swingt-hint.png) no-repeat 6px center;}
.swing-ico3{background:url(../images/swingt-annotedchart.png) no-repeat 6px center;}
.swing-ico4{background:url(../images/swingt-setup.png) no-repeat 6px center;}
.swing-ico5{background:url(../images/swingt-CANSlimapproach.png) no-repeat 6px center;}
.swing-ico6{background:url(../images/swingt-list.png) no-repeat 6px center;}
.nomargin{margin:0!important;}
.mb20{margin-bottom:20px;}
.swingtrader .btn-primary {display:inline-block;text-decoration:none;padding:15px 60px;font-weight:400;font-family:Roboto;background:#5F42A4;border:1px solid #5F42A4;}
.swingtrader .btn-primary:hover {text-decoration:none;}
.ftpopdvbx{display: none; width: 530px; height: 550px; position: fixed; top: 25%; left: 33%; z-index: 9999;}
.ftpopupcontentdv{color: #000; text-decoration: none; background: #fff; font-size: 18px; color: #333333; border: 1px solid #ccc; margin-top: 3px; padding: 30px;text-align:center;}
.ftpopupcontentdv h3{font-size:24px;margin:0 0 15px 0;font-weight:400;}
.textgreen{color:#08a057;}
.textred{color:#fd3030;}
.ftpopupcontentdv p{color:#777;font-weight:200;}
.fw300{font-weight:300!important;}
.ftpopupcontentdv strong{font-weight:400;}
.ftpopupcontentdv .btn-primary {display:inline-block;text-decoration:none;padding:5px 20px 6px;font-weight:300;}
.ftpopupcontentdv .btn-default {display:inline-block;text-decoration:none;padding:5px 20px 6px;font-weight:300;}
.txtblack{color:#000!important;}
.swingtrader #profiledata-v-nav2 > ul > li.current, .swingtrader #profiledata-v-nav > ul > li.current{box-shadow:none;font-weight:300;}
.swingtrader #profiledata-v-nav2 > ul > li, .swingtrader #profiledata-v-nav > ul > li{font-size:14px;font-weight:300;padding-left:50px!important;width:145px;}
.swingtrader #profiledata-v-nav2 > ul > li:last-child, .swingtrader #profiledata-v-nav > ul > li:last-child{border-bottom:none;}
.swingtrader #profiledata-v-nav2 > div.tab-content, .swingtrader #profiledata-v-nav > div.tab-content {box-shadow: none;}
.swingtrader .profiledatawrapper{position:relative;}
.swingtrader .infoblk{position:absolute;top:183px;left:0;width:170px;padding:15px;background:#fef6df;color:#8B8060;font-size:16px;text-align:center;font-weight:300;}
.swingtrader .infoblk p{margin:0 0 15px 0;}
.swingtrader .infoblk strong{font-weight:400;}
.btn-orange{background:#fd7423;border-radius: 5px;padding: 10px 15px;cursor: pointer;font-size: 16px;color: #fff;border: 1px solid #fd7423;text-decoration:none;display:inline-block;}
.btn-orange:hover{text-decoration:none;}
.darkgreentxt{color:#00A553;}
#CurrentTrades:before{content:'';display:block;background: url(../images/g-CurrentTrades.png) no-repeat left center;width:22px;height:22px;vertical-align:middle;position:absolute;left:15px;}
#PastTrades:before{content:'';display:block;background: url(../images/g-PastTrades.png) no-repeat left center;width:22px;height:22px;vertical-align:middle;position:absolute;left:15px;}
#RecentAlerts:before{content:'';display:block;background: url(../images/g-RecentAlerts.png) no-repeat left center;width:22px;height:22px;vertical-align:middle;position:absolute;left:15px;}
#MarketOutlook:before{content:'';display:block;background: url(../images/g-MarketOutlook.png) no-repeat left center;width:22px;height:22px;vertical-align:middle;position:absolute;left:15px;}
#CurrentTrades.current:before{content:'';display:block;background: url(../images/o-CurrentTrades.png) no-repeat left center;width:22px;height:22px;vertical-align:middle;position:absolute;left:15px;}
#PastTrades.current:before{content:'';display:block;background: url(../images/o-PastTrades.png) no-repeat left center;width:22px;height:22px;vertical-align:middle;position:absolute;left:15px;}
#RecentAlerts.current:before{content:'';display:block;background: url(../images/o-RecentAlerts.png) no-repeat left center;width:22px;height:22px;vertical-align:middle;position:absolute;left:15px;}
#MarketOutlook.current:before{content:'';display:block;background: url(../images/o-MarketOutlook.png) no-repeat left center;width:22px;height:22px;vertical-align:middle;position:absolute;left:15px;}
/*Swing Trader*/

/*Consent Popup*/
.text-left{text-align:left;}
.list-bullet {padding:0;margin:15px 0;}
.list-bullet li{padding:0 0 15px 0;list-style:none;position:relative;font-size:15px;}
.list-bullet li:after{content:'';display:block;border-bottom:1px solid #fb6c00;position:absolute;bottom:16%;left:46%;width:9%;}
.list-bullet li:last-child::after{display:none;}
.ml20{margin-left:20px;}
/*Consent Popup*/

/*'Redmine:71730 (Replacing cs no & email id with ChatBot with us option) start*/
.askiifl {
            position: fixed;
            bottom: 60px;
            z-index: 9999;
            right: 20px;
        }
/*'Redmine:71730 (Replacing cs no & email id with ChatBot with us option) end*/
.linetabs {margin: 1.2em 0 1em 0;padding: 0;}
.linetabs li {color: #777;cursor: pointer;display: inline;float: left;font-size: 1.2em;margin: 0 1em -0.5em 0;padding: 0 0 0.1em 0;position: relative;text-transform: uppercase;}
.linetabs li a.current, .linetabs li a:hover {border-bottom: 3px solid #ff7f00;color:#303030;}
.linetabs li a{color:#777;text-decoration:none;}
/*FP Holding*/
.greenbgblkFP{background:#00BF00;display:inline-block;color:#fff; width:120px;}
.redbgblkFP{background:#fd3030;display:inline-block;color:#fff; width:120px;}

/*Swing Trader*/
.img-responsive{width:100%;}
.st-currenttrade{background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/st-currenttrade.jpg);background-position:0 0;background-repeat:no-repeat;width:100%;height:500px;position:relative;}
.st-pasttrades{background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/st-pasttrades.jpg);background-position:0 0;background-repeat:no-repeat;width:100%;height:500px;position:relative;}
.st-recentalerts{background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/st-recentalerts.jpg);background-position:0 0;background-repeat:no-repeat;width:100%;height:500px;position:relative;}
.st-marketoutlook{background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/st-marketoutlook.jpg);background-position:0 0;background-repeat:no-repeat;width:100%;height:500px;position:relative;}
.st-boxmsg {background:#fff;padding:15px;width:300px;position:absolute;top:30%;left:35%;}
/*Swing Trader*/

/*Advanced Research*/
.ar-idealists{background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/ar-Idea-Lists.png);background-position:0 0;background-repeat:no-repeat;background-size:cover;width:100%;height:500px;position:relative;}
.ar-evaluation{background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/ar-Evalution.png);background-position:0 0;background-repeat:no-repeat;background-size:cover;width:100%;height:500px;position:relative;}
.ar-marketoutlook{background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/ar-Market-Outlook.png);background-position:0 0;background-repeat:no-repeat;background-size:cover;width:100%;height:500px;position:relative;}
.ar-modelportfolio{background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/ar-Model-Portfolio.png);background-position:0 0;background-repeat:no-repeat;background-size:cover;width:100%;height:500px;position:relative;}
.ar-boxmsg {background:#fff;padding:15px;width:300px;position:absolute;top:30%;left:35%;}
/*Advanced Research*/

/* Ripple effect */
.btn-buy {background-position: center;transition: background 0.8s;}
.btn-buy:hover {background: #008000 radial-gradient(circle, transparent 1%, #008000 1%) center/15000%;}
.btn-buy:active {background-color: #fff;background-size: 100%;transition: background 0s;}

.btn-sell {background-position: center;transition: background 0.8s;}
.btn-sell:hover {background: #ff0000 radial-gradient(circle, transparent 1%, #ff0000 1%) center/15000%;}
.btn-sell:active {background-color: #fff;background-size: 100%;transition: background 0s;}

.btn-primary {background-position: center;transition: background 0.8s;}
.btn-primary:hover {background: #039ecc radial-gradient(circle, transparent 1%, #039ecc 1%) center/15000%;}
.btn-primary:active {background-color: #fff;background-size: 100%;transition: background 0s;}

.btn-default {background-position: center;transition: background 0.8s;}
.btn-default:hover {background: #000 radial-gradient(circle, transparent 1%, #000 1%) center/15000%;}
.btn-default:active {background-color: #fff;background-size: 100%;transition: background 0s;}
/* Ripple effect */

/*Sensibull TFS ID : 1899 (Implementation of sensibull tab) start*/
.sensibull{font-family:Roboto;font-weight:300;}
.sensibull .row{margin-bottom:15px;}
.sensibull .videoblock{padding: 30px 30px;box-shadow: 0 6px 24px 0 rgba(0, 0, 0, .11);border-radius: 5px;height:65px;}
.sensibull .videoblock img{position:absolute;top:28%;left:45%;width:50px;height:50px;color:#ccc}
.sensibull h3{margin:0 0 15px;font-size:16px;color:#000;}
.sensibull .tradeoptions img{height:45px;display:block;margin:0 auto 15px;}
.sensibull .block{border:1px solid #ccc;border-radius:5px;overflow:hidden;display:block;margin-bottom:15px;}
.sensibull .block.greybg{background:#F3F3F3;}
.sensibull .whitebg{background:#fff;color:#006DE6;font-size:16px;font-weight:500;display:block;}
.sensibull .pad15{padding:15px;}
.sensibull a{text-decoration:none;}
.sensibull p{font-size:14px;margin:0 0 10px 0;color:#000;}
.sensibull .poll a:hover{background:#f3f3f3;}
.sensibull .poll span{color:#aaa;text-align:right;}
.sensibull .poll span.spanbtn{color:#000;padding:5px 10px;margin:0 5px auto;border:1px solid #ccc;border-radius:5px;display:inline-block;}
.sensibull .poll strong{color:#000;}
.sensibull .poll p{font-size:12px;}
.sensibull .arrow{font-size:24px;margin-top:2px;}
.sensibull .education{position:relative;}
.sensibull .education .greybx{background:#f3f3f3;display:block;}
.sensibull .education .ht20{height:20px;}
.sensibull .education .wowsale{position:absolute;bottom:15px;left:30px;}
.sensibull .education .iifl20{position:absolute;bottom:35px;right:25px;text-align:center;}
.sensibull .education .iifl20 small{font-size:8px;color:#000;padding-bottom:3px;display:block;}
.sensibull .education .iifl20 span{font-family:Roboto;font-size:14px;padding-top:3px;display:block;background:url('../images/sensibull-bluebgiifl20.svg') no-repeat 0 0;height:25px;width:96px;color:#fff}
.sensibull .education .spntbl{display:table;width:100%;margin-bottom:20px;}
.sensibull .education .spntbl i{display:table-cell;vertical-align:middle;font-style: normal;font-size: 14px;line-height:16px;}
.sensibull .education .reversed {display: inline-block;padding: 0.3em;padding-left: 0.3em;margin-left: 0.8em;position: absolute;top:5px;right:0;text-align: center;vertical-align: middle;line-height: 1;color: #fff;background: #FF5001;font-size:10px;}
.sensibull .education .reversed:before, .reversed:after {content: '';width: 0;height: 0;border-left: 0.8em solid transparent;left: -0.8em;position: absolute;top: 0;border-top: 0.8em solid #FF5001;}
.sensibull .education .reversed:after {top: auto;bottom: 0;border-top: none;border-bottom: 0.8em solid #FF5001;}
.sensibull .virtualtrade{background-image:url('../images/sensibull-virtualtrade.svg'), url('../images/sensibull-rectangle.svg');background-repeat: no-repeat;background-position: 7px -27px, top right;height:80px;padding:0px 0 0 100px;font-size:13px;line-height:16px;}
.sensibull .virtualtrade span{padding:24px 12px 0;display:block;}
.sensibull .socialmedia .spntbl{display:table;width:100%;}
.sensibull .socialmedia .spntbl i{display:table-cell;vertical-align:middle;font-style: normal;font-size: 11px;line-height:16px;color:#000;font-weight:200;white-space:nowrap;padding:2px;}
.sensibull .socialmedia .spntbl i span{display:inline-block;border:1px solid #006DE6;color:#006DE6;background:#fff;padding:5px 10px;border-radius:5px;font-weight:300;}
.sensibull .stategywiz{background:url('../images/sensibull-strategywizard.jpg') no-repeat top right;font-size:14px;padding:40px 0;}
.sensibull .stategywiz a{display:inline-block;border:1px solid #006DE6;color:#006DE6;background:#fff;padding:4px 15px 5px;border-radius:5px;font-size:16px;}
.sensibull .stategywiz select {border:1px solid #ccc;padding:7px 15px;border-radius:5px;width:98%;}
.sensibull .stategywiz select option{padding:5px;}
@media (max-width:991px){
.sensibull .tradeoptions div, .sensibull .videoblock, .sensibull .stategywiz div{margin-bottom:15px;}
}
/*Sensibull TFS ID : 1899 (Implementation of sensibull tab) end*/


.headingblk{padding: 20px;border-bottom: 1px solid #ccc;margin: 0 0 20px 0;}
.ft24{font-size:24px;}
.greytxt{color:#a4a4a4;}
.fw400{font-weight:400!important;}
.spngreyblk{background:#f3f3f3;color:#000;padding:10px;display:inline-block;min-width:150px;margin:0 20px;}
.qty .count {width: 2%;color: #000;display: inline-block;vertical-align: top;font-size: 14px;font-weight: 700;line-height: 28px;padding: 0 2px;min-width: 35px;text-align: center;border:none;}
.qty .plus {cursor: pointer;display: inline-block;vertical-align: top;color: white;width: 30px;height: 30px;font: 30px/1 Roboto;text-align: center;}
.qty .minus {cursor: pointer;display: inline-block;vertical-align: top;color: white;width: 30px;height: 30px;font: 30px/1 Roboto;text-align: center;}
.minus:hover{background-color: #d40404 !important;}
.plus:hover{background-color: #026102 !important;}
/*Prevent text selection*/
.minus, .plus{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

#dvoverlay4, #dvoverlay5{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);filter:alpha(opacity=60);z-index:9999}
.ie7 #dvoverlay4, .ie7 #dvoverlay5, .ie8 #dvoverlay4, .ie8 #dvoverlay5 {background-color:#000;filter:alpha(opacity=60);}

.ftpopupcontentdv .switch-field.buysellpos{display: inline-block !important;}
.ftpopupcontentdv .switch-field.buysellpos label{padding:6px 14px;font-family:Roboto!important;font-weight:400!important;}
.ftpopupcontentdv .switch-field.buysellpos input:checked + label:before{display:none;}
.ftpopupcontentdv .switch-field input#buyposition:checked + label{background:#00A553;}
.ftpopupcontentdv .switch-field input#sellposition:checked + label{background:#FF2321;}
.greybgblk{background:#777777;}
.greybgblk:hover{background:#333!important;}

 /*TFS : 2986 (F&O Segment Activation online on TTWeb) start*/
.fw600{font-weight:600!important;}
.btnlink{text-decoration:none!important;display:inline-block;margin:1px 0}
.orgtickcheckbox{margin:1rem 0;}
.orgtickcheckbox label {display: inline-block;cursor: pointer;position: relative;padding-left: 25px;margin-right: 15px;font-size: 13px;line-height:16px;}
.orgtickcheckbox input[type=checkbox] {display: none;vertical-align: top;}
.orgtickcheckbox label:before {content: "";display: inline-block;width: 16px;height: 16px;margin-right: 10px;position: absolute;left: 0;top: 1px;border: 1px solid #ccc;background: #fff;}
/*.orgtickcheckbox input[type=checkbox]:checked + label:before{content: "\2713";font-size: 15px;color: #6CC300;text-align: center;line-height: 15px;font-weight: bold;background:#fff;}*/
.orgtickcheckbox input[type=checkbox]:checked ~ label:before {content: "\2714";font-size: 16px;color: #F5711F;text-align: center;font-weight: 400;background: #fff;top: 0px;border:1px solid #ccc;}
.orgtickcheckbox input[type=checkbox]:checked:disabled ~ label:before {content: "\2714";font-size: 16px;color: #72b7e6;text-align: center;font-weight: 400;background: #fff;top: 0px;border:1px solid #ccc;}
.orgtickcheckbox input[type=checkbox]:checked:disabled ~ label{cursor:default!important;color:#aaa;}
.form-group{margin:0 0 1rem;}
.form-group label{font-size:1rem;color:#999;padding-bottom:.5rem;display:inline-block;font-weight:200;}
.form-group small{font-size:.9rem;color:#999;}
.form-control {display: block;width: 100%;height: 40px;padding: .375rem .75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;  box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;margin: 0 0 .5rem 0;}
.maxwid870{max-width:870px!important;}
/*TFS ID : 8443 (Segment activation revamp & activation of segment against DP holdings) start*/
/*.maxwid550{max-width:550px!important;}*/
.maxwid550{max-width: 650px !important;}
    /*TFS ID : 8443 (Segment activation revamp & activation of segment against DP holdings) end*/
.rtlfileinput{direction:rtl;padding:9px 8px 0 8px;}
.inline{display:inline!important;}
.btn-orange {background-position: center;transition: background 0.8s;}
.btn-orange:hover {background: #fd7423 radial-gradient(circle, transparent 1%, #fd7423 1%) center/15000%;}
.btn-orange:active {background-color: #fff;background-size: 100%;transition: background 0s;}
.greenclr{color:#00BF00;}
.imgv15{vertical-align:middle;margin:0 15px 0 0;}
.segmenttable td{padding:10px 0;height : 30px;}
/*TFS : 2986 (F&O Segment Activation online on TTWeb) end*/

/*Activate Dormant Client start*/
.activatedormanttbl label{font-size:16px;}
.divform textarea[readonly], .divform input[readonly]{resize:none;border:1px solid #ccc;background:#f3f3f3;vertical-align:middle;}
.divform .form-control {display: block;width: 100%;height: auto;padding: .375rem .75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;  box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;margin: 0 0 .5rem 0;}
.editlnk{vertical-align:middle;color:#f89117;font-size:1rem;text-transform:uppercase;text-decoration:none;font-weight:600;}
.editlnk:hover {text-decoration: none;}
#fatcadiv .form-group label{display:block;}


/*.container-fluid:after, .container:after, .row:after{clear:none!important;}*/
.row-md {margin-left: -8px !important;margin-right: -8px !important;}
.row-md > [class^="col"] {padding-left: 8px !important;padding-right: 8px !important;}
@media only screen and (max-width:1199px) {
    .row-md > [class*="col-sm"] {margin-bottom: 15px;}
    .btncontainertblcell {text-align: left !important;}
}
@media only screen and (max-width:1329px) {
    .bnkdetail .btn-primary, .bnkdetail .btn-default {padding: 8px 3px !important;font-size: 11.5px !important;}
}
.greybx {background: #f1f1f1;padding: 15px;margin: 0 0 15px 0;overflow: hidden;}
.defaultbg {background: #fff6df;padding: 15px;margin: 0 0 15px 0;overflow: hidden;}
.bnkdetail h3 {font-size: 16px;font-weight: 400;margin: 0 0 5px 0;color: #000;}
.bnkdetail label.txtgray {color: #777;font-size: 13px;display: block;padding-bottom: 5px;}
.mb30 {margin-bottom: 30px;}
.pad8 {padding: 8px !important;}
.txtblkbig {font-size: 15px;font-weight: 400;color: #000;}
.txtgreysmall {font-size: 12px;font-weight: 400;color: #666;}
.bnkdetail .btn-default {color: #777;background: transparent;border: 1px solid #ccc;}
.bnkdetail .btn-default:hover {color: #000;background: #ccc;}
.bnkdetail .btn-primary, .bnkdetail .btn-default {font-size: 13px;text-decoration: none !important;text-align: center;display: inline-block;min-width: 60px;}
.delimg {vertical-align: middle;width: 16px;height: 16px;}
.mb15 {margin-bottom: 15px;}
.btn-orange {background: #e36a23;color: #fff;text-decoration: none;border-radius: 5px;line-height: 18px;display: inline-block;border: none;cursor: pointer;}
.btn-orange:hover {text-decoration: none;}
input[disabled].btn-orange {cursor: default;opacity: .7;}
.bnkdetail input[type="text"], .bnkdetail input[type="password"] {padding: 1.9%;border: 1px solid #ccc;width: 94%;font-size: 15px;color: #000;}
.modalbx {position: fixed;top: 50%;left: 50%;display: none;z-index: 10000;transform: translate(-50%, -50%);width: 415px;}
.modalbx1 {position: fixed;top: 50%;left: 50%;display: none;z-index: 10000;transform: translate(-50%, -50%);max-width: 800px;width:100%;height:410px;}
.modalcontent {color: #000;text-decoration: none;background: #fff;font-family: Arial;font-size: 12px;color: #333333;border: 1px solid #fff; /*margin-top: 3px;*/padding: 15px;}
.modaltitle {margin: 0 0 20px 0;}
.txtbx64 {width: 64% !important;}
.txtbx30 {width: 30% !important;}
.posbtn {position: absolute;top: 24px;right: 18px;}
.palered {color: #f43f59;}
.browntxt {color: #67572f;}
.ft15 {font-size: 15px;}
.btncontainertbl {display: table;width: 100%;height: 100%;}
.btncontainertblcell {display: table-cell;vertical-align: middle;text-align: center;}
.ml10 {margin-left: 10px;}
.blueanchor {color: #1591ce;text-decoration: none;}
.ajax-loader {background-color: rgba(255,255,255,0.7);position: absolute;width: 100%;height: 100%;z-index: 999;}
.ajax-loader img {position: relative;top: 8%;left: 50%;}

 /*<%--pbi 14042  strt-- %>*/
.divform input:disabled {
    background: #F3F3F3;
     color: #9b9999;
    border: 1px solid #ccc;
}
/*Activate Dormant Client end*/
  .ftpopupcontentdv .switch-field.normaltoggle {
               display:inline-block;
}
    .ftpopupcontentdv .switch-field.normaltoggle label {
    padding: 6px 14px;
    font-family: Roboto!important;
    font-weight: 400!important;
}
/*Dialog for depth*/
.ui-dialog{z-index:9999!important;}
.ui-widget.ui-widget-content{-moz-box-shadow: 0 0 5px 5px #888;-webkit-box-shadow: 0 0 5px 5px#888;box-shadow: 0 0 5px 5px #888;}
.ui-dialog .ui-dialog-content{padding:.5rem 0 0 0!important;}

.pageoverlay {
            background: #000;
            opacity: 0.5;
            position: fixed;
            height: 100%;
            width: 100%;
            top: 0px;
            left: 0px;
            z-index: 9999;
            display: none;
        }

            .pageoverlay .pageloading {
                border: 6px solid #f3f3f3;
                border-radius: 50%;
                border-top: 6px solid #3498db;
                width: 60px;
                height: 60px;
                -webkit-animation: spin 2s linear infinite;
                animation: spin 2s linear infinite;
                position: fixed;
                left: 0;
                right: 0;
                top: 45%;
                margin: 0 auto;
            }

        /* Safari */
        @-webkit-keyframes spin {
            0% {
                -webkit-transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
            }
        }

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

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

/*PBI-4184*/
.sotogglebtn {
    min-width: 130px;
    display: inline-block;
}

.custom.modalbx1 {
    height: auto;
}

    .custom.modalbx1 a {
        text-decoration: none;
    }

.custom.modalbx1 {
    height: auto;
}

    .custom.modalbx1 a {
        text-decoration: none;
    }

.ReportTitle .orgtickcheckbox label:before {
    left: 10px;
    top: -7px;
}

.ReportTitle .orgtickcheckbox input[type=checkbox]:checked ~ label:before {
    top: -7px;
}
/*PBI-4184*/

/*TFS ID : 7093 (Trendlyne company details page integration) start*/
.bootstrap-scope .br-modal {
    z-index: 9999!important;
}

.bootstrap-scope .btn {
background-image:none;
height:auto!important;
}
/*TFS ID : 7093 (Trendlyne company details page integration) end*/

/*PBI-9019*/
/*By Jwala Eswar on 17 Aug 2021*/
.tttabs li{position:relative;}
.notification-dot{height: 8px;width: 8px;background-color: #F70909;border-radius: 20px;text-align: center;position: absolute;top: -3px;right: 0px;padding: 3px;}
.tttabs a:hover span.notification-dot{background-color: #F70909;border-radius: 20px;}

/*Idea Calls*/
.maintabsdiv{font-family:Roboto;}
.maintabsdiv .mwtabblock{margin:0 0 20px 0;}
.mainsubtabsdiv{padding:20px;}
.mainsubtabs {margin: 0 0 20px 0;padding: 0;display:inline-block;}
.mainsubtabs li {color: #666;display: inline;float: left;}
.mainsubtabs li a{color:#666;text-decoration:none;cursor: pointer;font-size: 14px;margin: 0 20px 0px 0;padding:10px 18px;position: relative;border:1px solid #ddd;border-radius:20px;background:#fff;display:block;}
.mainsubtabs li a.current, .mainsubtabs li a:hover {color: #fff;text-decoration:none;background:#ff6633;border: 1px solid #ff6633;}
.timerdiv{padding:0px 0 20px 0;text-align:center;color:#666;font-size:14px;}
.timerdiv span{padding:5px;border:1px solid #ccc;text-align:center;background:#efefef;color:#232323;font-size:14px;font-weight:500;display:inline-block;}
.timerdiv strong{padding:5px;}
.datablock{border:1px solid #ccc;padding:20px;border-radius:8px;background:#fff;position:relative;-webkit-box-shadow: 2px 2px 15px 1px rgba(220,220,220,1);-moz-box-shadow: 2px 2px 15px 1px rgba(220,220,220,1);box-shadow: 2px 2px 15px 1px rgba(220,220,220,1);margin:0 0 20px 0;}
.divtable{display:table;width:100%;}
.divtabledata{display:table-cell;vertical-align:middle;padding:0 3px;position:relative;}
.returnsblk{position:absolute;top:0;left:0;background:#e6f4ea;color:#01a453;font-size:14px;font-weight:500;padding:5px 10px;border-radius:8px;text-align:center;}
.daysleft{position:absolute;top:7px;left:155px;}
.ideacalls .schemename{color:#0089dc;font-size:15px;font-weight:500;}
.ideacalls .positiveval{font-size:15px;color:#00bf00;font-weight:500;}
.ideacalls .positiveval.uparrow:after{content:'';display:inline-block;font-size:15px;font-weight:600;background:url(../images/green_arrow.svg) no-repeat 0 0;vertical-align:middle;width:13px;height:13px;margin:0 0 3px 5px;}
.ideacalls .negativeval{font-size:15px;color:#fd3030;font-weight:500;}
.ideacalls .negativeval.downarrow:after{content:'';display:inline-block;font-size:15px;font-weight:600;background:url(../images/red_arrow.svg) no-repeat 0 0;vertical-align:middle;width:13px;height:13px;margin:0 0 3px 5px;}
.smallgreytxt{font-size:13px;color:#909090;}
.txt-left{text-align:left;}
.txt-right{text-align:right;}
.txt-center{text-align:center;}
.ideacalls label{color:#8f8f8f;font-size:13px;padding-bottom:5px;display:inline-block;}
.blacktxt{color:#222;}
.ft15{font-size:15px;}
.ft14{font-size:14px;}
.ft13{font-size:13px;}
.qtydiv{border:1px solid #ccc;border-radius:8px;padding:8px 10px;width:70px;margin:0 auto 5px;}
.qtymargin{margin:12px auto 12px!important;}
.qtydiv input{border:none;width:50px;outline:none;color:#222;font-size:14px;text-align:center;font-weight:600;}
.qtydiv input:disabled{background:#f3f3f3;}
.divtabledata .btn-buy{background:#01a453;border:1px solid #127f49;border-radius:18px;width:60px;display:inline-block;text-align:center;text-decoration:none;font-size:14px;padding:7px 6px;}
.divtabledata .btn-sell{background:#fd3030;border:1px solid #fd3030;border-radius:18px;width:60px;display:inline-block;text-align:center;text-decoration:none;font-size:14px;padding:7px 6px;}
.divtabledata.separator:before{content:'';display:block;background:#ccc;position:absolute;top:5px;left:0;width:1px;height:75px;}
.divtabledata.separator:after{content:'';display:block;background:#ccc;position:absolute;top:5px;right:0;width:1px;height:75px;}
.firstblk{padding-right:20px;width:30%;padding-left:0;}
.secondblk{padding:0 20px;width:35%;}
.thirdblk{padding-left:20px;width:45%;padding-right:0;}
.firstblk .divtable .divtabledata:nth-child(1){width:60%}
.firstblk .divtable .divtabledata:nth-child(2){width:40%}
.secondblk .divtable .divtabledata:nth-child(1){width:33%}
.secondblk .divtable .divtabledata:nth-child(2){width:34%}
.secondblk .divtable .divtabledata:nth-child(3){width:33%}
.thirdblk .divtable .divtabledata:nth-child(1){width:25%}
.thirdblk .divtable .divtabledata:nth-child(2){width:25%}
.thirdblk .divtable .divtabledata:nth-child(3){width:25%}
.thirdblk .divtable .divtabledata:nth-child(4){width:25%}
.complete{background:#f3f3f3;}
.targetachieved{color:#707070;font-size:13px;font-weight:500;}
.targetachieved:before{content:'';display:block;background:url(../images/target.svg) no-repeat 0 0;width:32px;height:32px;margin:0 auto 3px;}


/*Freeze Account 08-07-2024*/
.tab-content.freezeAccountDet {
    font-size: 14px;
    color: #000000;
    line-height: 1.3;
}

    .tab-content.freezeAccountDet ul {
        padding-left: 25px;
    }

        .tab-content.freezeAccountDet ul li {
            padding-bottom: 10px;
        }

    .tab-content.freezeAccountDet .checkBoxSec label {
        column-gap: 10px;
    }

    .tab-content.freezeAccountDet .btn-primary.freezeAccBTN {
        background: #F5711E;
        color: #FFFFFF;
        font-size: 14px;
        border-radius: 4px;
        border: 1px solid #F5711E;
        display: inline-block;
    }

        .tab-content.freezeAccountDet .btn-primary.freezeAccBTN.disabled {
            border: none !important;
        }
/*Modal Popup*/
.accountFreez.modalbx {
    width: 600px;
}

.accountFreez .header {
    background: #EEEDED;
    padding: 15px;
}

    .accountFreez .header h3 {
        font-size: 16px;
        font-weight: 600;
        color: #212121;
    }

        .accountFreez .header h3 img {
            width: 12px;
        }

.accountFreez .modalcontent .freezAccount .iconText {
    column-gap: 5px;
}

    .accountFreez .modalcontent .freezAccount .iconText p {
        font-size: 18px;
        font-weight: 700;
        line-height: normal;
        color: #212121;
    }

.accountFreez .modalcontent .btn-primary {
    background: #F5711E;
    border: none;
}

    .accountFreez .modalcontent .btn-primary:hover, #confirmDet .modalcontent .btn-default:hover {
        text-decoration: none;
    }

.accountFreez .modalcontent .btn-primary, #confirmDet .modalcontent .btn-default {
    padding: 8px 25px;
}

#sureFreezeAcc .btn-primary {
    margin-right: 10px;
}

#OTPVer .otpVerification {
    color: #212121;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 8px;
}

#OTPVer .emailandmob {
    color: #212121;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}

    #OTPVer .emailandmob span {
        font-weight: 700;
    }

#OTPVer input.otp {
    margin-top: 10px;
    box-shadow: 0px 0px 4px 0px #00000040;
    text-align: center;
    background-color: #FCFCFC;
    border-radius: 6px;
    height: 48px;
    width: 120px;
    font-size: 18px;
    color: #212121;
    font-weight: 700;
}

#OTPVer input:focus {
    outline: none;
}

#OTPVer .resndOtp p {
    font-size: 14px;
    font-weight: 400;
    color: #919499;
}

    #OTPVer .resndOtp p a {
        text-decoration: none;
    }

    #OTPVer .resndOtp p .disabled {
        border: none !important;
        background: none !important;
    }

#OTPVer .errormsg {
    background-color: #f9dadf;
    display: inline-block;
    padding: 5px 25px;
    border-radius: 4px;
    color: #dd4545;
}

    #OTPVer .errormsg p {
        font-size: 14px;
        font-weight: 400;
    }

#OTPVer .verifyOTPBtn .btn-primary {
    background: #F5711E;
    padding: 10px 40px;
    font-size: 14px;
    font-weight: 500;
    border: none;
}

#FreezAccReq .freezeReq h3 {
    font-size: 20px;
    font-weight: 700;
    color: #212121;
    padding-top: 10px;
}

#FreezAccReq .freezeReq p {
    font-size: 14px;
    font-weight: 400;
    color: #212121;
    line-height: 1.5;
    padding-top: 10px;
}

#FreezAccReq .freezeReq a {
    background: #F5711E;
    padding: 12px 25px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    border: none;
    display: inline-block;
    margin-top: 15px;
}

.feedbackForm {
    position: fixed;
    top: 50%;
    left: -350px;
    transform: translateY(-50%);
    width: 350px;
    height: auto;
    padding: 20px;
    background: #FFFFFF;
    border: 1px solid #D1D1D1;
    border-radius: 10px;
    box-sizing: border-box;
    transition: 0.5s;
    z-index: 1;
    box-shadow: 0px 4px 6px 0px #97979726;
}

    .feedbackForm h2 {
        color: #282828;
        font-size: 18px;
        font-weight: 700;
        margin: 0;
        padding-bottom: 10px;
    }

    .feedbackForm p {
        color: #919191;
        font-size: 14px;
        font-weight: 400;
        padding-bottom: 18px;
    }

    .feedbackForm .feedbackDetails label {
        font-size: 14px;
        font-weight: 700;
        color: #363636;
        padding-bottom: 10px;
        display: block;
    }

    .feedbackForm .feedbackDetails textarea {
        resize: none;
        width: 100%;
        border: 1.2px solid #D1D1D1;
        border-radius: 6px;
        height: 90px;
        display: block;
        padding: 0;
        margin: 0 0 20px 0;
        box-sizing: border-box;
        padding: 10px;
        color: #363636;
        font-size: 14px;
        line-height: 1.3;
        font-weight: 400;
    }

        .feedbackForm .feedbackDetails textarea:focus-visible {
            outline: none;
        }

    .feedbackForm .rateingEmoji p {
        color: #363636;
        font-size: 14px;
        font-weight: 700;
        line-height: normal;
    }

    .feedbackForm .emoji {
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
        column-gap: 10px;
    }

        .feedbackForm .emoji li {
            list-style-type: none;
        }

            .feedbackForm .emoji li img {
                width: 24px;
                height: 24px;
                cursor: pointer;
            }

    .feedbackForm .submitBTNS {
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 21px;
        margin-top: 25px;
    }

        .feedbackForm .submitBTNS a {
            border: 1px solid #7F7F7F;
            border-radius: 6px;
            padding: 10px 30px;
            color: #7F7F7F;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            background-color: transparent;
            text-decoration: none;
        }

        .feedbackForm .submitBTNS .btn-submit {
            color: #FFFFFF;
            background: #F5711E;
            border: 1px solid #FAAA38;
        }

body .feedbackForm.active {
    left: 0;
}

.feedbackForm .toggle {
    position: absolute;
    height: 115px;
    width: 25px;
    text-align: center;
    cursor: pointer;
    background: #633EE3;
    top: 40%;
    right: -26px;
    line-height: 35px;
    border-radius: 0px 5px 5px 0px;
}

    .feedbackForm .toggle:before {
        content: 'Feedback';
        font-size: 16px;
        font-weight: 700;
        color: #FFFFFF;
        display: inline-block;
        transform: rotate(270deg);
        position: absolute;
        top: 40px;
        left: -25px;
    }

.emojili svg {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.emoji .emojili:first-child svg:hover .pathOne, .emoji .emojili:first-child svg:hover .pathTwo, .emojili.active:first-child svg .pathOne, .emojili.active:first-child svg .pathTwo {
    fill: #ea3106 !important;
}

.emoji .emojili:first-child svg:hover .pathThree, .emoji .emojili:first-child svg:hover .pathFour, .emoji .emojili:first-child svg:hover .pathFive, .emojili.active:first-child svg .pathThree, .emojili.active:first-child svg .pathFour, .emojili.active:first-child svg .pathFive {
    fill: #FFFFFF !important;
}

.emoji .emojili:nth-child(2) svg:hover .pathOne, .emoji .emojili:nth-child(2) svg:hover .pathTwo, .emojili.active:nth-child(2) svg .pathOne, .emojili.active:nth-child(2) svg .pathTwo {
    fill: #f28a19 !important;
}

.emoji .emojili:nth-child(2) svg:hover .pathThree, .emoji .emojili:nth-child(2) svg:hover .pathFour, .emoji .emojili:nth-child(2) svg:hover .pathFive, .emojili.active:nth-child(2) svg .pathThree, .emojili.active:nth-child(2) svg .pathFour, .emojili.active:nth-child(2) svg .pathFive {
    fill: #FFFFFF !important;
}

.emoji .emojili:nth-child(3) svg:hover .pathOne, .emoji .emojili:nth-child(3) svg:hover .pathTwo, .emojili.active:nth-child(3) svg .pathOne, .emojili.active:nth-child(3) svg .pathTwo {
    fill: #f9c900 !important;
}

.emoji .emojili:nth-child(3) svg:hover .pathThree, .emoji .emojili:nth-child(3) svg:hover .pathFour, .emoji .emojili:nth-child(3) svg:hover .pathFive, .emojili.active:nth-child(3) svg .pathThree, .emojili.active:nth-child(3) svg .pathFour, .emojili.active:nth-child(3) svg .pathFive {
    fill: #FFFFFF !important;
}

.emoji .emojili:nth-child(4) svg:hover .pathOne, .emoji .emojili:nth-child(4) svg:hover .pathFive, .emojili.active:nth-child(4) svg .pathOne, .emojili.active:nth-child(4) svg .pathFive {
    fill: #b6ce3a !important;
}

.emoji .emojili:nth-child(4) svg:hover .pathTwo, .emoji .emojili:nth-child(4) svg:hover .pathThree, .emoji .emojili:nth-child(4) svg:hover .pathFour, .emojili.active:nth-child(4) svg .pathTwo, .emojili.active:nth-child(4) svg .pathThree, .emojili.active:nth-child(4) svg .pathFour {
    fill: #FFFFFF !important;
}

.emoji .emojili:last-child svg:hover .pathOne, .emoji .emojili:last-child svg:hover .pathTwo, .emojili.active:last-child svg .pathOne, .emojili.active:last-child svg .pathTwo {
    fill: #44ab1b !important;
}

.emoji .emojili:last-child svg:hover .pathThree, .emoji .emojili:last-child svg:hover .pathFour, .emoji .emojili:last-child svg:hover .pathFive, .emojili.active:last-child svg .pathThree, .emojili.active:last-child svg .pathFour, .emojili.active:last-child svg .pathFive {
    fill: #FFFFFF !important;
}

.feedbackForm .formSubmitSuccessfully {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin: 60px auto;
}

    .feedbackForm .formSubmitSuccessfully p {
        color: #282828;
        font-size: 18px;
        font-weight: 700;
    }

@media(max-width:768px) {
    .feedbackForm {
        width: 100%;
        height: 100%;
        left: -100%;
    }

        .feedbackForm .toggle {
            top: 50%;
            transform: translateY(-50%);
            transition: 0.5s;
        }

        .feedbackForm.active .toggle {
            top: 0;
            right: 0;
            transform: translateY(0);
        }

    .content {
        padding: 50px 50px;
    }
}

@media(max-width:500px) {
    .feedbackForm {
        display: none;
    }

    #SegActModal .detail1.nopadding {
        height: 400px !important;
    }
}

/*<%--Fund Preference TSBA 30-08-2024--% >*/
.d-flex {
    display: flex;
}

.justify-center {
    justify-content: center;
}

.justify-end {
    justify-content: end;
}

.p-0 {
    padding: 0 !important;
}

.d-none {
    display: none !important;
}

#content_ClnRe_FundPreference h3 {
    font-size: 1.17em;
    font-weight: 600;
    margin: 0 0 15px 0;
}

#content_ClnRe_FundPreference input::-webkit-outer-spin-button, #content_ClnRe_FundPreference input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.cashSeg .title {
    font-size: 20px;
    color: #000000;
    font-weight: 700;
}

.cashSeg .subtitle {
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    padding-top: 5px;
}

.cashSeg .switch-field label {
    border: 1px solid #DDDDDD;
    box-shadow: 0px 0px 2px 0px #00000040;
    padding: 10px 20px;
}

.cashSeg .switch-field input:checked + label {
    background: #F5711E !important;
    box-shadow: 0px 0px 2px 0px #00000040;
    border: 1px solid #F5711E;
    color: #FFFFFF !important;
}

    .cashSeg .switch-field input:checked + label:before {
        display: none;
    }

    .cashSeg .switch-field input:checked + label:after {
        content: '✔';
        display: inline;
        color: #fff;
        padding-left: 5px;
        font-size: 10px;
    }
/* Firefox */
#content_ClnRe_FundPreference input[type=number] {
    -moz-appearance: textfield;
}

#content_ClnRe_FundPreference .btnStyle {
    color: #fff;
    text-transform: uppercase;
    height: 34px;
    text-align: center;
    max-width: 170px;
    width: 100%;
    cursor: pointer;
    border: 0;
    margin-top: 10px;
    background: #f56e28 0% 0% no-repeat padding-box;
    border-radius: 6px;
    margin-left: 0;
    transition: .9s;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
}

#content_ClnRe_FundPreference .tsba-content {
    overflow: hidden;
}

.tsba-bankAmountDetails .blockItemDiv {
    margin: 0 0 15px 0;
}

.tsba-bankAmountDetails .revokeAll {
    background: #F8FCFF;
    padding: 18px 0px;
    border: 1px solid #D5EDFF;
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin: 15px 0;
    border-radius: 8px;
}
    /* #content_ClnRe_FundPreference .row:after,#content_ClnRe_FundPreference .row::before{display: none !important;} */
    .tsba-bankAmountDetails .revokeAll .row {
        padding: 0px 18px;
        display: flex;
        align-items: center;
    }

    .tsba-bankAmountDetails .revokeAll.cashSeg {
        border: 1px solid #CECECE;
        background: #FFFFFF;
    }

    .tsba-bankAmountDetails .revokeAll.cashSegaccor {
        border: 1px solid #CECECE;
        background: #FFFFFF;
        padding: 0;
        border-radius: 8px;
    }

    .tsba-bankAmountDetails .revokeAll.addMandate {
        background: #FFFEFB;
        border: 1px solid #FFD4A3;
    }

.tsba-bankAmountDetails .blockAmount {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    display: block;
}

#content_ClnRe_FundPreference .btntrans {
    background: transparent;
    color: #F5711E;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid;
    margin: 0;
}

.tsba-bankAmountDetails p {
    color: #686868;
    font-size: 14px;
}

#content_ClnRe_FundPreference .tsba-bankAmountDetails .blockItemTable {
    width: 100%;
    overflow: hidden;
    border-collapse: collapse;
    border-spacing: inherit;
    border: 1px solid #C6C6C6;
}

    #content_ClnRe_FundPreference .tsba-bankAmountDetails .blockItemTable thead {
        background-color: #f5f5f5;
    }

        #content_ClnRe_FundPreference .tsba-bankAmountDetails .blockItemTable thead th {
            vertical-align: middle;
            font-size: 14px;
            font-weight: 500;
            color: #838383;
            padding: 3px;
            border-left: 1px solid #C6C6C6;
            border-bottom: 1px solid #C6C6C6;
            border-top: none;
            text-align: center;
        }

            #content_ClnRe_FundPreference .tsba-bankAmountDetails .blockItemTable thead th:first-child {
                border-left: 0px;
            }

    #content_ClnRe_FundPreference .tsba-bankAmountDetails .blockItemTable tr {
        border-bottom: 1px solid #C6C6C6;
    }

        #content_ClnRe_FundPreference .tsba-bankAmountDetails .blockItemTable tr td {
            background-color: #f5f5f5;
            text-align: center !important;
            border-left: 1px solid #C6C6C6;
            color: #000000;
            font-size: 14px;
            padding: 4px;
        }

            #content_ClnRe_FundPreference .tsba-bankAmountDetails .blockItemTable tr td .unblockAmount {
                color: #F5711E;
                cursor: pointer;
                font-weight: 600;
            }
/*panel 2*/
.panel-2 h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 1.5rem 0;
}

.panel-2 .blueTintPanel {
    background: #F0F0F0;
    border: 1px solid #C6C6C6;
    border-radius: 9px;
    max-width: 450px;
    padding: 1.5rem;
    margin-bottom: 40px;
    min-height: 180px;
    position: relative;
    overflow: hidden;
}

.blueTintPanel h3 {
    font-size: 16px !important;
    font-weight: 700 !important;
}

.panel-2 .blueTintPanel .inputBlockAmount {
    border: 1px solid #C6C6C6;
    max-width: 410px;
    width: 100%;
    height: 50px;
    padding: 10px 10px 10px 30px;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 0.2rem;
    display: block;
    box-sizing: border-box;
}

    .panel-2 .blueTintPanel .inputBlockAmount:focus-visible, .panel-2 .blueTintPanel .nputBlockAmount:focus, .panel-2 .blueTintPanel .inputBlockAmount:hover {
        outline: none;
    }

.panel-2 .blueTintPanel .stringBlockAmount {
    display: block;
    font-size: 12px;
    font-style: italic;
    margin-bottom: 1rem;
    margin-top: 4px;
    padding-left: 12px;
}

.panel-2 .blueTintPanel .addonAmount {
    list-style: none;
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

    .panel-2 .blueTintPanel .addonAmount li {
        padding: 3px 16px 2px 12px;
        border: 1px solid #D8D8D8;
        border-radius: 17px;
        font-size: 12px;
        cursor: pointer;
        color: #666666;
        background: #FFFFFF;
    }

#content_ClnRe_FundPreference .panel-2 .blueTintPanel .btnStyle.btnblockNow {
    width: 100%;
    max-width: 326px;
    margin: 0px auto;
    text-decoration: none;
}

.ThingsToKnow h3 {
    font-weight: 600;
    font-size: 14px;
    color: #000;
    margin: 0;
    margin-bottom: 1rem;
}

.ThingsToKnow ul {
    list-style-position: inside;
    gap: 15px;
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
    list-style: none;
}

    .ThingsToKnow ul li {
        font-size: 13px;
        line-height: 1.2;
        list-style-type: disc;
    }

.ThingsToKnow .bhimUPI {
    column-gap: 2px;
    padding-left: 12px;
}

.ThingsToKnow .playStoreicons {
    gap: 5px;
    padding-left: 20px;
    margin-bottom: 15px;
}

.ThingsToKnow a {
    color: #F5711E;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

#content_ClnRe_FundPreference .panel-2 .blueTintPanel.scanApp .topStrip {
    background: #006FF5;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: flex;
    min-height: 40px;
    gap: 10px;
    align-items: center;
    padding: 0px 10px;
    box-sizing: border-box;
}

#content_ClnRe_FundPreference .panel-2 .blueTintPanel .topStrip p {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
}

#content_ClnRe_FundPreference .panel-2 .blueTintPanel .topStrip .nsccLogo {
    background: #8DC0FF;
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 6px;
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
}

.panel-2 .blueTintPanel.scanApp {
    padding-top: 53px;
}

    .panel-2 .blueTintPanel.scanApp h4 {
    }
/*panel 2*/
#content_ClnRe_FundPreference .panel-2 .backpanel {
    color: #006FF5;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    width: fit-content;
    gap: 5px;
}

#content_ClnRe_FundPreference .panel-2 .closescanApp {
    position: absolute;
    right: 10px;
    cursor: pointer;
}

.qrScanner {
    gap: 20px;
    align-items: center;
}

/*.qrScanner .qrIdImg img {
            width: 98%;
            height: 98%;
        }*/

.qrInfo .remainerTime {
    color: #FF0808;
}

.qrInfo img {
    border-radius: 7px;
    box-shadow: 0px 1px 8px 0px #0000001F;
}

.mandateRegistration {
    background: #FFFCF4;
    border: 1px solid #FFECC5;
    border-radius: 4px;
    column-gap: 10px;
    padding: 8px 10px;
}

    .mandateRegistration p {
        padding-bottom: 0px !important
    }

.panel-2 .scanAppActive {
    /*position: absolute;*/
    top: 0;
    width: 100%;
}
/* Akshay Start Tab section */
.tsba-hiw .tabs_wrapper {
    width: 100%;
    text-align: center;
    margin: 15px auto 20px;
    background: transparent;
    display: flex;
    column-gap: 20px;
}

.tsba-hiw ul.tabs {
    display: flex;
    align-items: normal;
    flex-direction: column;
    vertical-align: top;
    position: relative;
    z-index: 10;
    padding: 0;
    min-width: 270px;
    list-style: none;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .tsba-hiw ul.tabs li {
        margin: 0;
        cursor: pointer;
        min-width: 270px;
        padding: 15px 14px;
        line-height: normal;
        color: #000000;
        font-size: 14px;
        font-weight: 600;
        text-align: left;
        -ms-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

.tsba-hiw .inner_tab_content ul li h3 {
    margin-bottom: 0px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.tsba-hiw ul.tabs li.active {
    background: #F8FCFF;
    color: #000000;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-bottom: 1px solid #F5711E;
}

.tsba-hiw .tab_container {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 20;
    left: -2%;
    width: 70%;
    min-width: 10px;
    text-align: left;
    background: #F8FCFF;
    border: 1px solid #D5EDFF;
    border-radius: 4px;
}

.tsba-hiw .inner_tab_content {
    padding: 20px;
    height: 100%;
    display: none;
}

    .tsba-hiw .inner_tab_content p {
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        color: #000000;
        padding-bottom: 10px;
    }

.tsba-hiw .tab_drawer_heading {
    display: none;
}

.tsba-hiw .inner_tab_content .creditSale, .tsba-hiw .inner_tab_content .buySell, .tsba-hiw .inner_tab_content .marginCalls {
    margin-bottom: 10px;
}

.tsba-hiw .inner_tab_content ul {
    padding-left: 25px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 15px;
}

    .tsba-hiw .inner_tab_content ul li {
        flex: 2 130px;
        font-size: 14px;
        font-weight: 500;
        padding-bottom: 10px;
    }

.viewMoreFaq {
    margin: 15px 0;
}

.tsba-hiw .tab_heading {
    font-weight: 600;
    margin-bottom: 8px !important;
    margin-top: 0px !important;
}

@media screen and (max-width: 781px) {
    .tsba-hiw .tabs_wrapper {
        flex-direction: column;
    }

    .tsba-hiw .tab_container {
        background: transparent;
        border-radius: 0px;
        border: none;
    }

    .tsba-hiw .inner_tab_content {
        background: #F8FCFF;
        border: 1px solid #D5EDFF;
        border-radius: 4px;
        margin-bottom: 10px;
    }

    .tsba-hiw ul.tabs {
        display: none;
    }

    .tsba-hiw .tab_container {
        display: block;
        margin: 0 auto;
        width: 100%;
    }

    .tsba-hiw .tab_drawer_heading {
        display: block;
    }

        .tsba-hiw .tab_drawer_heading.d_active {
            background: #F8FCFF;
            transition: all 0.3s ease;
            border-bottom: 1px solid #F5711E;
            padding: 10px 10px 10px 0px;
        }
}
/* Akshay End Tab section */
/*<%--Fund Preference TSBA Modal popup 30-08-2024--% >*/
.switchPreferencemodal {
    width: 600px !important;
}

    .switchPreferencemodal .modalcontent {
        padding: 0;
    }

    .switchPreferencemodal .bnkdetail {
        padding: 15px;
        margin-top: 10px;
        max-height: 550px;
        overflow: auto;
    }

    .switchPreferencemodal .mandateRequest {
        margin-bottom: 40px;
    }

    .switchPreferencemodal .modal-header {
        padding: 12px 20px;
        background: #EEEDED;
    }

        .switchPreferencemodal .modal-header h3 {
            width: 100%;
            margin-bottom: 0px;
            font-size: 16px;
            font-weight: 600;
            color: #212121;
        }

    .switchPreferencemodal p {
        font-size: 14px;
        color: #212121;
        font-weight: 500;
    }

#SwitchPreference .modal-header img {
    width: 12px;
    margin-top: 4px;
}

.switchPreferencemodal .amountAvailable {
    width: 100%;
    max-width: 440px;
    background: #F8FCFF;
    border: 1px solid #D5EDFF;
    margin: 25px auto 0;
}

.switchPreferencemodal .bnkdetail h4 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
    color: #212121;
}

.switchPreferencemodal .bankDiv {
    width: 100%;
    max-width: 320px;
    display: block;
    margin: 0 auto;
    background: #FAFAFA;
    padding: 20px;
    border-radius: 12px;
    margin-top: 20px;
}

#Revokemandate .bankDiv {
    background: #FFFEFB;
    border: 1px solid #FFD4A3;
    border-radius: 8px;
    max-width: 400px;
}

#Revokemandate .changePrimaryBank {
    max-width: 400px;
    background: #F3F8FF;
    border: 1px solid #C8DFFF;
    margin: 30px auto 30px;
}

#Revokemandate .bankName p {
    font-weight: 400 !important;
}

    #Revokemandate .bankName p span {
        font-weight: 600 !important;
        font-size: 16px;
    }

#Revokemandatesuccess .bnkdetail img {
    margin: 15px auto;
}

.bankDiv .bankaccounttext {
    color: #000000;
    font-size: 12px;
    font-weight: 500;
}

.bankAccountDetails .bankName p {
    color: #000000;
    font-size: 12px;
    font-weight: 500;
}

.switchPreferencemodal .bankaccounttext {
    font-size: 14px;
    color: #000000;
}

.switchPreferencemodal .bankAccountDetails {
    background: #FFF9F5;
    border: 1px solid #F5711E4F;
    padding: 16px 20px;
    margin-top: 12px;
    border-radius: 8px;
}

.bankNameshow .bankName p {
    font-weight: 600 !important;
}

    .bankNameshow .bankName p span {
        font-size: 12px;
    }

.bankNameshow .setprimary p {
    font-size: 12px;
    font-weight: 600;
    color: #999593;
}

.switchPreferencemodal .amountAvailable table {
    width: 100%;
    display: block;
    padding: 10px 30px;
}

    .switchPreferencemodal .amountAvailable table td {
        width: 100%;
        color: #000000;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 0px;
        margin-bottom: 10px;
    }

        .switchPreferencemodal .amountAvailable table td.amount {
            font-size: 16px;
            font-weight: 600;
        }

        .switchPreferencemodal .amountAvailable table td.totalAmount {
            font-weight: 700;
            border-top: 1px solid #C9C9C9;
        }

.switchPreferencemodal .upiID {
    padding: 11px 0px 11px 30px;
    border-top: 1px solid #D5EDFF
}

    .switchPreferencemodal .upiID p {
        font-size: 14px !important;
        font-weight: 600 !important;
        text-align: left !important;
    }

        .switchPreferencemodal .upiID p span {
            font-weight: 500;
        }

.switchPreferencemodal .bnkdetail .conformationBTNS {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    column-gap: 30px;
    margin-bottom: 10px;
}

.changePrimaryBank {
    width: 100%;
    max-width: 500px;
    background: #8DC0FF2E;
    padding: 5px 20px;
    border-radius: 4px;
    margin: 20px auto 10px;
    column-gap: 10px;
}

    .changePrimaryBank .infoText {
        font-size: 12px;
        font-weight: 500;
        color: #000000;
    }

.btnBGNone {
    background: none;
    outline: none;
    border: none;
    color: #F5711E;
}

.panel-2 .pos-relative {
    position: relative;
}

    .panel-2 .pos-relative::after {
        content: "Max. Amount 5 Lakhs";
        position: absolute;
        font-size: 12px;
        font-weight: 400;
        font-style: italic;
        right: 5%;
        top: 23%;
    }

.panel-2 .opacity-7 {
    opacity: 0.5;
    pointer-events: none;
    user-select: none;
    background: #ccc;
}

.panel-2 .rupeesIcon {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    position: absolute;
    top: 16px;
    left: 11px;
}

.revokeAll.underProcessDiv {
    background: #FFF9EC;
    border: 1px solid #FFE1A1;
    border-left: 4px solid #FFE1A1;
}

.revokeAll.failed {
    background: #FFEDED;
    border: 1px solid #F99090;
    border-left: 4px solid #F99090;
}

.revokeAll.currentlydontman {
    background: #FFFDF7;
    border: 1px solid #FAE0A8
}

.currentlydontman .underProcesstext span {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}

.currentlydontman .underProcesstext .subtitle {
    font-size: 14px;
    font-weight: 400;
}

.addNewMandate .btn-ornage {
    background: #F5711E !important;
    box-shadow: 0px 0px 2px 0px #00000040;
    color: #FFFFFF !important;
}

.revokeAll .underProcess, .revokeAll .failed {
    column-gap: 60px;
    padding: 0px 15px;
    justify-content: space-between;
}

.underProcessTextIcon {
    column-gap: 10px;
}

.viewmandate {
    text-decoration: none;
    display: block;
    margin-top: 20px;
}

    .viewmandate:hover, .qrregenrate:hover {
        text-decoration: none;
    }

.hideBTN button {
    color: #4882C6;
    border: none;
    background: transparent;
}

    .hideBTN button:focus {
        outline: none;
    }

.underProcessDiv .underProcess .underProcesstext .title {
    font-size: 14px;
    font-weight: 500;
}
/*accordion start*/
.accordion > input[type="checkbox"] {
    position: absolute;
    left: -100vw;
}

.accordion .accordioncontent {
    overflow-y: hidden;
    height: 0;
    transition: height 0.3s ease;
}

.accordion > input[type="checkbox"]:checked ~ .accordioncontent {
    height: auto;
    overflow: visible;
}

.accordion label {
    display: block;
}

/*
 Styling
*/
.accordion {
    margin-bottom: 1em;
}

    .accordion .handle {
        margin: 0;
        font-size: 1.125em;
        line-height: 1.2em;
    }

    .accordion label {
        color: #333;
        cursor: pointer;
        font-weight: 700;
        padding: 15px;
        position: relative;
        border-radius: 8px 8px 0 0;
    }

    .accordion .handle label:before {
        content: "";
        position: absolute;
        margin-right: 10px;
        vertical-align: middle;
        right: 0;
        background-image: url(../images/down-arrow.svg);
        background-repeat: no-repeat;
        width: 15px;
        height: 15px;
        transition: transform 0.3s ease; /* Smooth rotation transition */
        transform: rotate(270deg);
    }

    /* Rotate the arrow when the accordion is open */
    .accordion input:checked + .handle label:before {
        transform: rotate(0deg); /* Rotate arrow by 180 degrees */
    }

.activityLogTbl {
    width: 100%;
}

    .activityLogTbl tr th {
        padding: 8px 10px;
        background: #F5F5F5;
        border: 1px solid #9D9D9D;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        color: #838383;
    }

    .activityLogTbl tr td {
        padding: 4px 10px;
        border: 1px solid #C6C6C6;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
        color: #000000;
    }

.mandateList {
    margin: 20px 0px;
    position: relative;
}

    .mandateList h4 {
        font-size: 14px;
        font-weight: 600;
        color: #000000;
    }

    .mandateList .filterlistandrefresh {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.filterlistandrefresh .filter-list {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 20px;
    list-style-type: none;
    margin: 16px 0px;
}

    .filterlistandrefresh .filter-list li {
        padding: 5px 25px;
        border: 1px solid #c3c3c3;
        border-radius: 6px;
        cursor: pointer;
    }

        .filterlistandrefresh .filter-list li:hover, .filterlistandrefresh .filter-list .active {
            background: #FFF7F2;
            border: 1px solid #FBAA77 !important;
        }

#refresh {
    border: none;
    background: transparent;
    color: #4882C6;
    font-size: 14px;
    font-weight: 600;
}

    #refresh:hover {
        outline: none;
    }

.mandateList .dataTables_length, .mandateList .dataTables_filter {
    display: none;
}
/* Ensure table fits within its container */
/*#mandateListTbl {
    width: 100%;
    box-sizing: border-box;*/ /* Ensure padding and border are included in the width */
/*overflow: auto;
    display: block;
    padding-bottom: 10px !important;
}*/

#mandateListTbl tr th {
    background: #F5f5f5;
    border: 1px solid #9D9D9D;
    color: #838383;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    padding: 8px 10px;
    pointer-events: none;
}

#mandateListTbl tr td {
    background: #FFFFFF;
    border: 1px solid #C6C6C6;
    color: #000000;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    padding: 4px 10px;
}

#mandateListTbl_paginate #mandateListTbl_previous {
    background-color: transparent !important;
    border: none !important;
}

#mandateListTbl_paginate .paginate_button .page-link {
    border: none;
}

    #mandateListTbl_paginate .paginate_button .page-link:focus {
        box-shadow: none;
    }

#mandateListTbl_paginate #mandateListTbl_next {
    background-color: transparent !important;
    border: none !important;
}

.tsbmTandC {
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: 15px !important;
}



/* Adjust DataTables wrapper for responsiveness */
.dataTables_wrapper {
    width: 100%;
}

#mandateListTbl .retryRevoke, #mandateListTbl .view {
    color: #F5711E;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
}

.tsbmTandC {
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: 15px !important;
}
/* Ensure that table headers and last column are sticky */
#mandateListTbl th:nth-last-child(2),
#mandateListTbl td:nth-last-child(2) {
    position: sticky;
    right: 0;
    z-index: 1; /* Ensure the last column remains on top of other columns */
}

#mandateListTbl td a:nth-last-child(2) {
    color: #F5711E;
    cursor: pointer;
}

/* Sticky header */
#mandateListTbl_wrapper .dataTables_scrollHeadInner table th {
    position: sticky;
    top: 0;
    z-index: 10; /* Ensure the header stays above the body rows */
    background: rgb(255, 0, 0); /* Set background to avoid transparency issues */
    color: #FFF;
}

/* Handle horizontal scrolling for small screens */
@media (max-width: 767px) {
    .dataTables_wrapper {
        overflow-x: auto !important;
    }
}

.redtxt {
    color: #ff0000;
}

.informativemsg {
    background: #FFF1F1;
    padding: 10px;
    border: 1px solid #FFCDCD;
    border-top: none;
    border-radius: 0px 0px 8px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
}

    .informativemsg p {
        padding-bottom: 0px !important;
        color: #000000;
    }

#tab1 ul {
    padding-left: 0px;
    column-gap: 30px;
}

    #tab1 ul .bankName {
        flex: 1 1 25%; /* Adjust the basis according to your desired width */
        display: flex;
        align-items: center;
        column-gap: 10px;
        padding-bottom: 15px;
    }

.bankeligible {
    margin-top: 10px;
}

    .bankeligible p {
        font-size: 12px;
        font-weight: 400;
    }

    .bankeligible ul {
        list-style-type: none;
        display: flex;
        align-items: stretch;
        column-gap: 20px;
        flex-wrap: wrap;
        row-gap: 15px;
    }

        .bankeligible ul li {
            flex: 1 1 30%;
            display: flex;
            align-items: center;
            column-gap: 10px;
        }

            .bankeligible ul li h3, #tab1 ul .bankName h3 {
                font-size: 12px !important;
                margin-bottom: 0px !important;
            }

.informativemsg {
    background: #FFF1F1;
    padding: 10px;
    border: 1px solid #FFCDCD;
    border-top: none;
    border-radius: 0px 0px 8px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
}

    .informativemsg p {
        padding-bottom: 0px !important;
        color: #000000;
    }

#tab1 ul {
    padding-left: 0px;
    column-gap: 30px;
}

    #tab1 ul .bankName {
        flex: 1 1 25%; /* Adjust the basis according to your desired width */
        display: flex;
        align-items: center;
        column-gap: 10px;
        padding-bottom: 15px;
    }

.bankeligible {
    margin-top: 10px;
}

    .bankeligible p {
        font-size: 12px;
        font-weight: 400;
    }

    .bankeligible ul {
        list-style-type: none;
        display: flex;
        align-items: stretch;
        column-gap: 20px;
        flex-wrap: wrap;
        row-gap: 15px;
    }

        .bankeligible ul li {
            flex: 1 1 30%;
            display: flex;
            align-items: center;
            column-gap: 10px;
        }

            .bankeligible ul li h3, #tab1 ul .bankName h3 {
                font-size: 12px !important;
                margin-bottom: 0px !important;
            }

/*/FAQ Modal Popup/*/
.viewMoreFaq {
    display: block;
    margin: 15px 0px 15px 15px;
}

    .viewMoreFaq a {
        text-decoration: none;
        font-weight: 600;
    }

#FaqModalPopup {
    width: 800px;
}

    #FaqModalPopup .bnkdetail {
        overflow-x: auto;
        height: 400px;
        padding-right: 15px;
    }

    #FaqModalPopup .modaltitle {
        text-align: center;
        font-weight: 700;
        font-size: 24px;
        margin-bottom: 0px;
    }

    #FaqModalPopup .faq-drawer {
        margin-bottom: 15px;
    }

    #FaqModalPopup .faq-drawer__content-wrapper {
        font-size: 14px;
        max-height: 0px;
        overflow: hidden;
        transition: 0.25s ease-in-out;
    }

    #FaqModalPopup .faq-drawer__title {
        border-top: #c7c7c7 1px solid;
        cursor: pointer;
        display: block;
        font-size: 15px;
        font-weight: 700;
        padding: 10px 0 0 0;
        position: relative;
        margin-bottom: 0;
        transition: all 0.25s ease-out;
    }

        #FaqModalPopup .faq-drawer__title::after {
            border-style: solid;
            border-width: 1px 1px 0 0;
            content: " ";
            display: inline-block;
            float: right;
            height: 10px;
            left: 2px;
            position: relative;
            right: 20px;
            top: 2px;
            transform: rotate(135deg);
            transition: 0.35s ease-in-out;
            vertical-align: top;
            width: 10px;
        }

        #FaqModalPopup .faq-drawer__title:hover {
            color: #4E4B52;
        }

    #FaqModalPopup .faq-drawer__trigger:checked + .faq-drawer__title + .faq-drawer__content-wrapper {
        max-height: 100%;
    }

    #FaqModalPopup .faq-drawer__trigger:checked + .faq-drawer__title::after {
        transform: rotate(-45deg);
        transition: 0.25s ease-in-out;
    }

    #FaqModalPopup input[type="checkbox"] {
        display: none;
    }

    #FaqModalPopup .modal-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0;
        border-bottom: none;
        margin-bottom: 15px;
    }

        #FaqModalPopup .modal-header h3 {
            margin: 0 auto;
        }

/*checking*/
.mobileContentdiv #profiledata-v-nav > div.tab-content #mandateListTbl tr th, .mobileContentdiv #profiledata-v-nav > div.tab-content #mandateListTbl tr td {
    display: table-cell;
    width: auto;
}

.qrregenrate {
    font-size: 12px;
}

.refreshBTN button {
    color: #4882C6;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

/*/pagination/*/
#CustomPaginationDiv .pagination {
    justify-content: flex-end;
    margin-top: 10px;
}

#CustomPaginationDiv .profiledatawrapper li {
    border: none !important;
}

/*/Custom Scroll/*/
.tableResponsive {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
    scroll-behavior: smooth;
}

    .tableResponsive::-webkit-scrollbar {
        height: 8px;
    }

    .tableResponsive::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
    }

    .tableResponsive::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 10px;
    }

        .tableResponsive::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

.tableRefresh {
    position: absolute;
    width: 100%;
    top: 50%;
    text-align: center;
    z-index: 999;
}

table#mandateListTbl.dataTable thead .sorting_asc:before, table#mandateListTbl.dataTable thead .sorting_desc:after {
    display: none;
    pointer-events: none;
}

table#mandateListTbl.dataTable thead .sorting:before, table#mandateListTbl.dataTable thead .sorting_asc:before, table#mandateListTbl.dataTable thead .sorting_desc:before, table#mandateListTbl.dataTable thead .sorting_asc_disabled:before, table#mandateListTbl.dataTable thead .sorting_desc_disabled:before {
    display: none;
    pointer-events: none;
}

table#mandateListTbl.dataTable thead .sorting:after, table#mandateListTbl.dataTable thead .sorting_asc:after, table#mandateListTbl.dataTable thead .sorting_desc:after, table#mandateListTbl.dataTable thead .sorting_asc_disabled:after, table#mandateListTbl.dataTable thead .sorting_desc_disabled:after {
    display: none;
    pointer-events: none;
}

/*/TABS Mobile Responsive/*/
@media (max-width: 1220px) {
    .cashSeg .switch-field label {
        padding: 10px 5px;
        font-size: 10px;
        line-height: 1.2;
    }

    .cashSeg .justify-end {
        justify-content: center;
        margin-top: 15px;
    }

    .cashSeg .title {
        font-size: 15px;
    }
}

@media (max-width: 768px) {
    .viewMoreFaq {
        text-align: center;
    }

    #content_ClnRe_FundPreference h3 {
        font-size: 1em
    }

    .revokeAll .underProcess, .revokeAll .failed {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }

    .tsba-bankAmountDetails .revokeAll .row {
        gap: 10px;
    }

        .tsba-bankAmountDetails .revokeAll .row div:last-child {
            justify-content: flex-start;
        }

    .filterlistandrefresh .filter-list, .mandateList .filterlistandrefresh {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
        margin-bottom: 15px;
    }

        .filterlistandrefresh .filter-list li {
            flex: 2;
            text-align: center;
        }

    .ThingsToKnow a {
        text-align: center;
    }

    .qrScanner {
        flex-direction: column;
        justify-content: center;
    }

    .panel-2 .blueTintPanel.scanApp h3 {
        text-align: center;
    }

    .tableBlock #mandateListTbl, .tableBlock #mandateListTbl tr, .tableBlock #mandateListTbl td, .tableBlock #mandateListTbl tbody {
        display: revert !important;
    }

    .revokeAll .underProcess, .revokeAll .failed {
        padding: 0px 10px;
    }

    .switchPreferencemodal .bnkdetail h4 {
        font-size: 18px;
    }

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

    .switchPreferencemodal .bnkdetail {
        padding: 0 10px 15px 10px;
    }

    #mandateListTbl_paginate .paginate_button .page-link {
        font-size: 10px;
        padding: .5rem .5rem;
    }

    #CustomPaginationDiv .pagination {
        justify-content: center;
    }

    #FaqModalPopup .faq-drawer__title {
        font-size: 12px;
    }

    #FaqModalPopup .faq-drawer__content-wrapper {
        font-size: 12px;
    }

    #CustomPaginationDiv .pagination {
        justify-content: center;
    }

    #profiledata-v-nav2 > div.tab-content, #profiledata-v-nav > div.tab-content, .profiledatawrapper, .tabcontent {
        min-height: initial;
    }

    .tableRefresh {
        top: 65%;
    }
    .qrScanner .qrIdImg img, .qrScanner .qrIdImg canvas {
        height: 200px !important;
        width: 200px !important;
    }

}

.plus-circle {
    width: 20px;
    height: 20px;
    background-color: #01a453;
    color: white;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 300;
    cursor: pointer;
    font-family: Arial, sans-serif;
    color: #eff2bb;
}
.Minus-circle {
    width: 20px;
    height: 20px;
    background-color: red;
    color: white;
    border-radius: 50%;
    display: inline-block;
    align-items: center;
    font-size: 28px;
    font-weight:300;
    font-family: Arial, sans-serif;
    cursor: pointer;
    line-height: 0.6;
}

.upiSec {
    display: flex;
    align-items: end;
    justify-content: left;
    gap: 15px;
    flex-wrap: wrap;
}

#tab1 .upiAppsList {
    padding-left: 20px;
    column-gap: 20px;
}

.ThingsToKnow .listUPIApps {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    gap: 30px;
    flex-wrap: wrap;
    padding-left: 20px !important;
}
.listUPIApps li::marker {
    color: orange;
}