.quicklinks
{
    color: #337ab7;
}
.popover-content a
{
    cursor: pointer;
}
.action
{
    background: none;
    border: none;
}
ul.dropdown-menu
{
    /* position: absolute;     left: -100px;     top: -9px;     text-align: center; */
}
ul.dropdown-menu.gridmenu
{
    left: -45px;
}
.MarginReq {
    text-decoration: underline;
    text-align: center !important;
    font-weight: 900;
    color: red !important;
    cursor: pointer;
}
#divMarginDetails {
    color: rgb(205, 67, 35);
    display: none;
    font-size: 13px;
    margin-top: 5px;
    border: 1px solid green;
}

.per25
{
    width: 25%;
}
ul.dropdown-menu li span
{
    padding: 0px 5px 0px 5px;
}
.ui-widget
{
    color: rgb(51, 51, 51);
    font-family: 'Helvetica Neue' , Helvetica, Arial, sans-serif;
    font-size: 14px;
}
.ui-menu-item
{
    font-family: 'Helvetica Neue' , Helvetica, Arial, sans-serif;
    font-size: 12px;
    padding: 5px !important;
}
.ui-widget-content
{
    width: auto !important;
    border-color: #ccc !important;
}
table.gridView
{
    border: 1px solid #000;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0px;
}
table.gridView td
{
    border: none;
}

table.gridView td:nth-child(0)
{
    width: 50%;
}
table.gridView td:nth-child(1)
{
    width: 25%;
}
table.gridView td:nth-child(2)
{
    width: 25%;
}
table.gridView tr
{
    height: 31px;
}

table.gridHeatMap
{
    border: 1px solid #000;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0px;
}
table.gridHeatMap td
{
    border: none;
}

table.gridHeatMap td:nth-child(1)
{
    width: 40%;
}
table.gridHeatMap td:nth-child(2)
{
    width: 20%;
}
table.gridHeatMap td:nth-child(3)
{
    width: 40%;
}
table.gridHeatMap tr
{
    height: 31px;
}


.gridViewScripHeading
{
    font-size: 11px;
    font-weight: bold;
}
.gridViewLTP, .gridViewLTPArrow, .gridViewLTPArrow > span
{
    font-size: 16px;
    font-weight: bold;
}
.gridHeatMapLTP, .gridHeatMapLTPArrow, .gridHeatMapLTPArrow > span
{
    font-size: 12px;
    font-weight: bold;
}
.gridChart
{
    margin-bottom: 15px;
    margin-top: 15px;
    text-align: center;
}
.list-group-item
{
    font-size: 11px;
    padding: 2px;
}
.redMessage
{
    color: Red;
}
.greenMessage
{
    color: Green;
}
table.no-border, table.no-border tr, table.no-border tr td
{
    border: none !important;
    margin: 0 !important;
}
/*MaketWatch Columns min width setting*/
/*Start Header setting*/
th[colname='BuySell']
{
    text-align: center;
}
th[colname='exchange']
{
    text-transform: capitalize;
    text-align: center;
}
th[colname='ticker']
{
    text-transform: capitalize;
    text-align: center;
}
th[colname='Ind']
{
    text-align: center;
}
th[colname='LTP']
{
    text-align: center;
}
th[colname='BidQty']
{
    text-align: center;
}
th[colname='BidPrice']
{
    text-align: center;
}
th[colname='OfferQty']
{
    text-align: center;
}
th[colname='OfferPrice']
{
    text-align: center;
}
th[colname='%Change']
{
    text-align: center;
}
th[colname='LastTradeTime']
{
    text-align: center;
}
th[colname='Open']
{
    text-align: center;
}
th[colname='High']
{
    text-align: center;
}
th[colname='Low']
{
    text-align: center;
}
th[colname='Close']
{
    text-align: center;
}
th[colname='LTQ']
{
    text-align: center;
}
th[colname='LTV']
{
    text-align: center;
}
th[colname='TTQ']
{
    text-align: center;
}
th[colname='TTV']
{
    text-align: center;
}
th[colname='Change']
{
    text-align: center;
}
th[colname='TotalBuyQty']
{
    text-align: center;
}
th[colname='TotalSellQty']
{
    text-align: center;
}
th[colname='Time']
{
    text-align: center;
}
th[colname='Action']
{
    text-align: center;
}
/*End Header Setting*/
/*Start Header setting*/
td[colname='BuySell']
{
    text-align: center;
}
td[colname='exchange']
{
}
td[colname='ticker']
{
}
td[colname='Ind']
{
    text-align: center;
}
td[colname='LTP']
{
    text-align: right;
}
td[colname='BidQty']
{
    text-align: right;
}
td[colname='BidPrice']
{
    text-align: right;
}
td[colname='OfferQty']
{
    text-align: right;
}
td[colname='OfferPrice']
{
    text-align: right;
}
td[colname='%Change']
{
    text-align: right;
}
td[colname='LastTradeTime']
{
    text-align: center;
}
td[colname='Open']
{
    text-align: right;
}
td[colname='High']
{
    text-align: right;
}
td[colname='Low']
{
    text-align: right;
}
td[colname='Close']
{
    text-align: right;
}
td[colname='LTQ']
{
    text-align: right;
}
td[colname='LTV']
{
    text-align: right;
}
td[colname='TTQ']
{
    text-align: right;
}
td[colname='TTV']
{
    text-align: right;
}
td[colname='Change']
{
    text-align: right;
}
td[colname='TotalBuyQty']
{
    text-align: right;
}
td[colname='TotalSellQty']
{
    text-align: right;
}
td[colname='Time']
{
    text-align: center;
}
td[colname='Action']
{
    text-align: center;
}
td[colname='UpperCKTLimit']
{
    text-align: right;
}
td[colname='LowerCKTLimit']
{
    text-align: right;
}
/*End Header Setting*/

table.orderform th, table.orderform td
{
    white-space: nowrap !important;
    font-family: Arial;
    font-size: 12px;
    padding: 0.5%;
    text-align: center;
}

table.orderform td input, table.orderform td select
{
    width: 99.5%;
    height: 21px;
}
table.orderform td input[type="button"]
{
    width: 90px;
}
@media only screen and (max-width: 785px)
{

    #divSelectedClients
    {
        float: none !important;
    }
    table.orderform tbody tr th
    {
        position: absolute;
        left: -999999px;
        top: -9999999px;
    }

    /* Force table to not be like tables anymore */
    table.orderform, table.orderform thead, table.orderform tbody, table.orderform th, table.orderform td, table.orderform tr
    {
        display: block;
        width: auto !important;
        height: auto !important;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    table.orderform thead tr
    {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    table.orderform tr
    {
        border: 1px solid #ccc;
    }

    table.orderform td
    {
        /* Behave  like a "row" */
        border: none;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
        margin: 5px;
    }

    table.orderform td:before
    {
        /* Now like a table header */
        position: absolute; /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }

    /*
    	Label the data
    	*/
    table.orderform td:before
    {
        content: attr(colHeader);
    }


}

@media (min-width: 785px)
{

    .modal-dialog.order
    {
        width: 820px;
        margin: 30px auto;
        top: 200px;
    }
    .modal-dialog.report
    {
        width: 100%;
        margin: 30px auto;
    }
    .modal-dialog.addnewmarketwatch
    {
        width: 380px;
        margin: 30px auto;
    }
}

.modal-header
{
    padding: 5px 5px 0 10px;
}
/*css setting for market watch */
/*start*/
.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th
{
    padding: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th
{
    padding: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.table-condensed > thead > tr > th, .table > thead > tr > th, .table > tbody > tr > th, .table-condensed > tbody > tr > th
{
       background-color: #05559c;
    color: #fff;
}
th[colname='exchange'] a {color:#fff}
th[colname='exchange'] a:hover {color:#fff;text-transform:underline;}

th[colname='ticker'] a {color:#fff}
th[colname='ticker'] a:hover {color:#fff;text-transform:underline;}

/*end*/

/*css setting for tab*/
/*start*/
.nav > li > a
{
      padding: 5px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 0px;
}
.nav > li > a i
{
    font-size: 9px;
}
.nav > li
{
    margin-right: 2px;
    background: #05559C;
}
.nav-tabs > li > a
{
    color: #fff;
    cursor: default;
    background: #05559c;
    border: 1px solid #05559c;
    border-bottom-color: transparent;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus
{
   color: #fff;
    background: rgb(120, 184, 241);
    border: 1px solid #78b8f1;
    border-bottom-color: transparent;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover
{
   color: #fff;
    background: none;
    font-weight: bold;
    background: #78b8f1;
    border: 1px solid #78b8f1;
}
.TabBackground
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,efefef+100 */
    background: rgb(249,249,249); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(249,249,249,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(249,249,249,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(249,249,249,1) 0%,rgba(239,239,239,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(249,249,249,1) 0%,rgba(239,239,239,1) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(249,249,249,1) 0%,rgba(239,239,239,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#efefef',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

/*end*/

/*css setting for input control , select*/
/*start*/
select.input-sm
{
    height: 25px;
    line-height: 25px;
    padding: 0;
    border-radius: 0px;
}
.input-sm
{
    height: 25px;
    padding: 0;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0px;
}
/*end*/

/*css setting for font family ,background and font size*/
/*start*/
body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}
/*end*/


/*css setting for pagination*/
/*start*/
.pagination-sm > li > a, .pagination-sm > li > span
{
    padding: 0px 5px;
    font-size: 11px;
    line-height: 1.5;
    cursor: pointer !important;
}
/*end*/


/*css setting for button*/
/*start*/
.btn
{
    padding: 2px 10px;
    font-size: 12px;
    line-height: 1.5;
}
/*end*/

/*css setting for min-height for Market Depth table*/
/*start*/
.tblMarketDepth tr
{
    height: 24px;
}
/*end*/

/*css for order form client*/
.modal-title-client
{
    position: absolute;
    top: 5px;
    right: 25px;
}

.txtRightAlign
{
    text-align: right;
}
.Buy
{
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: Green;
    color: #fff;
}

.PC
{
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #337ab7;
    color: #fff;
}

.Sell
{
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #BF0D0D;
    color: #fff;
}
.orderclose, .orderclose:focus, .orderclose:hover
{
    color: #fff;
    opacity: 1;
}
.row-margin
{
    margin-top: 5px;
    margin-bottom: 5px;
}

.mwrefresh
{
    height: 16px;
    width: 16px;
    margin-left: 4px;
}
/*css for changing ruppe color*/
span.icon-inr
{
    color: #337ab7;
}

/*css for kendo grid Start*/

.k-grid-header .k-header
{
    white-space: nowrap;
    font-size: 11px !important;
}
.k-grid-header .k-header .k-link
{
    font-size: 11px !important;
}
.k-grid td
{
    border-style: solid;
    border-width: 0 0 0 1px;
    padding: 2px !important;
    overflow: hidden;
    line-height: 20px !important;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap !important;
}
.k-state-selected, .k-list > .k-state-selected, .k-list > .k-state-focused, .k-panelbar > .k-state-selected, .k-panel > .k-state-selected, .k-button:active, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover
{
    color: #fff !important;
    background-color: #646464 !important;
    border-color: #646464 !important;
}
tr.k-state-selected td a
{
    color: #8AC73A;
    cursor: pointer;
}
div.k-grid-content table tr td a
{
    cursor: pointer;
}
.k-autocomplete .k-input
{
    height: 19px !important;
    line-height: 19px !important;
}
span.k-autocomplete
{
    width: 100%;
}
.k-input
{
    padding: 0px !important;
}
.k-dropdown-wrap .k-input, .k-selectbox .k-input
{
    height: 19px !important;
    line-height: 19px !important;
}
ul.ColumnsList
{
    border: 1px solid #C7C6C6;
    padding: 0;
    min-height: 440px;
    min-width: 120px;
}
ul.ColumnsList li
{
    list-style: none;
    cursor: pointer;
    padding: 3px;
}
ul.ColumnsList li:hover
{
    background-color: #E4E3E3;
}
ul.ColumnsList li.selected
{
    background-color: #286090;
    color: #fff;
}
.columnmapper
{
    max-width: 295px;
}
.BuyButton
{
    background-color: Green;
    color: #fff;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.SellButton
{
    background-color: #BF0D0D;
    color: #fff;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.chkTermsConditions
{
    width: 20px !important;
    height: auto !important;
}
.Clock
{
    padding: 5px;
    font-weight: bold;
    font-size: 20px;
    color: #428BCA;
}
.ConfirmOrderForm
{
    background-color: #fff;
    border: none;
    cursor: default;
    text-align: center;
}

/*
created by vishal giri
date : 02/08/2016

*/
/*emkay css start*/
.navbar{margin-bottom:0px;}
.navbar-inverse
{
    background-color: #fff;
    border-color: #fff;
}
.navbar-inverse .navbar-nav > li > a
{
    color: #fff;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover
{
    color: #fff;
    background-color: #05559C;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover
{
    color: #fff;
    background-color: #05559C;
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover
{
    color: #fff;
    background-color: transparent;
}
.navbar-inverse .navbar-toggle
{
    border-color: #05559C;
}
.navbar-toggle
{
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #05559c;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover
{
    background-color: transparent;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover
{
    background-color: #05559c;
    border-color: #05559c;
    opacity: 0.7;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form
{
    border-color: transparent;
}
.dropdown-menu
{
    font-size: 12px;
}

.btn-primary
{
    color: #fff;
    background-color: #05559C;
    border-color: #05559C;
}


.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 110px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #05559c;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #05559c;
    border: 1px solid rgb(5, 85, 156);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #05559c;
    text-decoration: none;
    background-color: #fff;
}
@media (max-width: 767px)
{

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover
    {
        color: #000;
        background-color: transparent;
    }

}

/* The switch - the box around the slider */
.switch
{
    position: relative;
    display: inline-block;
    width: 60px;
    height: 25px;
}

/* Hide default HTML checkbox */
.switch input
{
    display: none;
}

/* The slider */
.slider
{
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before
{
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 12px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider
{
    background-color: #05559C;
}

input:focus + .slider
{
    box-shadow: 0 0 1px #f7941d;
}

input:checked + .slider:before
{
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round
{
    border-radius: 34px;
}

.slider.round:before
{
    border-radius: 50%;
}
label
{
    margin-bottom: 0px !important;
}

.pagination
{
    display: inline-block;
    padding-left: 0;
    margin: 0px 0px 10px 0px;
    border-radius: 4px;
}
#txtClock{
    font-size: 20px;
    font-weight: bold;
    color: #05559c;
}
i{color:#fff;}
.ui-widget-content{z-index:9999999 !important;}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.42;
  border-radius: 15px;
}

.MarginTextAlign {
    text-align: justify !important;
}

.Margin_P_TextAlign {
    color: #444;
    text-align: left !important;
    margin-top: 1px !important;
}

.Margin_P1_TextAlign {
    color: #444;
    margin-top: 1px !important;
}

.RISKDISCLOSURES {
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    font-style: italic;
    border-bottom: 1px solid;
    padding: 5px 5px;
}

ul.dis {
    list-style-position: outside;
}

.lisStyle {
    list-style-type: disc !important;
    font-size: 14px;
    font-style: italic;
    color: #000;
}

.liMargin {
    margin-bottom: 11px;
}

.containerborder {
    border: 1px solid #000;
}