@charset "utf-8";
/* CSS Document */


html.is-reveal-open main:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    height: 100%;
    width: 100%;
    z-index: 999;
}
span.dummy_click {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99;
    
    display:none;
}
body{
    left:   0px;
}
/**** Color Theme Setting****/
.thame-settings {
    /* width: 130px; */
    /* height: 150px; */
    /* background: #1c1c1c; */
    /* position: fixed; */
    right: -130px;
    top: 10%;
    /* border: 1px solid #1c1c1c; */
    /* padding: 15px; */
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    border-radius: 0px 0px 0px 5px;
    z-index: 9999;
}

/*.thame-settings {
    width: 130px;
    height: 150px;  
    background: #1c1c1c;
    position: fixed;
    right: -130px;
    top: 10%;
    border: 1px solid #1c1c1c;
    padding: 15px;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    border-radius: 0px 0px 0px 5px;
    z-index: 9999;
}*/
ul#notimsg {
    max-height: 300px;
    overflow-y: scroll;
}
p#project-description {
    display: none;
}
div#tabs-1, div#tabs-2 {
    padding: 10px !important;
}
select#position_filter_sel {
    position: absolute;
    top: 50px;
    width: 130px;
    border-radius: 30px;
    font-size: 14px;
    height: 27px;
    padding: 5px 30px 5px 15px;
    left: 130px;
    line-height: 14px;
}
select#order_filter_sel {
    position: absolute;
    top: 50px;
    width: 119px;
    border-radius: 30px;
    font-size: 13px;
    height: 25px;
    padding: 5px 30px 5px 15px;
    left: 115px;
    line-height: 14px;
}
.ui-tabs .ui-tabs-panel {
    padding: 0px !important;
}
span.thema_btn {
    color: #fff;
}
.thame-settings.act {
    right: 0px;
}
.colors h3 {
    font-size: 13px;
    text-align: center;
    color: #666666;
    padding: 5px 0px;
    margin-bottom: 0px;
	width: 100%;
    text-align: left;
}
span.thema_btn {
    position: absolute;
    left: -29px;
    background: #1c1c1c;
    top: -1px;
    height: 30px;
    width: 30px;
    border: 1px solid #1c1c1c;
    border-right: 0;
    padding: 1px;
    text-align: center;
    cursor: pointer;
    border-radius: 5px 0px 0px 5px;
}
.theme_set {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    justify-content: space-between;
}
.colors li {
    min-width: 25px;
    min-height: 25px;
    background: #ccc;
    margin: 3px;
    line-height: 13px;
    cursor: pointer;
    border: none !Important;
    font-size: 12px;
    color: #000;
    text-align: center;
    
}
ul.nav_pos li {
    padding: 0 !important;
}

ul.nav_pos li img {
    height: unset;
}
.colors ul {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    padding: 0px;
    margin: 0px;
    list-style: none;
    justify-content: center;
}

/**.colors li:hover {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.58);
}**/
span.thema_btn img {
    height: 20px;
}

li.Light {
    background: #fff;
}

li.Dark {
    background: #686868;
}

@font-face {
  font-family: 'SegoeUI';
  src: url('../fonts/SegoeUI.eot'); /* IE9 Compat Modes */
  src: url('../fonts/SegoeUI.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/SegoeUI.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/SegoeUI.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/SegoeUI.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/SegoeUI.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'SegoeUIBold';
  src: url('../fonts/SegoeUIBold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/SegoeUIBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/SegoeUIBold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/SegoeUIBold.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/SegoeUIBold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/SegoeUIBold.svg#svgFontName') format('svg'); /* Legacy iOS */
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, div, a, p, span, li 
{
    font-family: 'SegoeUI';
}

.reveal-overlay {
    z-index: 100511 !important;
        background: rgba(255, 255, 255, 0.8);
            /*pointer-events: none;*/
}
.reveal {
    box-shadow: 0px 0px 13px 0px #cbcbcb;
    border: none;
    text-align: center;
    outline:none;
        pointer-events: all;
}
#popmodel, #popmodelconfirm {
    padding: 0px;
    border: 3px solid #228fcd;
    border-radius: 0px;
}
a.ok_btn {
    margin: 0px auto 15px;
    padding: 4px 25px;
    background: #228fcd;
    color: #fff;
}
.active_statue {
    display: table-cell;
    vertical-align: middle;
    margin-right: 15px;
    
}
.active_statue span {
    background: #f4f4f5;
    font-size: 0px;
    padding: 25px 25px 0px 0px;
    border-radius: 15px;
    color: #b8b7b8;
    position: relative;
    line-height: 14px;
    height: 20px;
    top: 8px;
}
.active_statue span:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #00ee79;
    position: absolute;
    left: 7px;
    top: 7px;
    border-radius: 50%;
    box-shadow: inset 0px 0px 6px 0px #9c9c9c;
}
.active_statue.online span:before {
    background: #00ee79;
}
.active_statue.offline span:before {
    background: #c1c1c1;
}
#popmodel .closex,#popmodelconfirm .closex{ color:#fff; margin-top: -4px; margin-right: 4px; }
#popmodel .insidepopup,#popmodelconfirm .insidepopup{ padding:0px 20px 0px 20px;}
.hidden-part-alert,.hidden-part-confirm{ position:absolute; visibility:hidden; }
.ajax-wait{ padding:0px; display:none; }
.field-checking{ margin-bottom: 0; }

.no-pad-right { padding-right: 0 !important; }
.no-pad-left{ padding-left: 0 !important; }
.no-pad-top { padding-top: 0 !important; }
.no-pad-bottom{ padding-bottom: 0 !important; }

.no-mar-right {  margin-right: 0 !important; }
.no-mar-left{ margin-left: 0 !important; }
.no-mar-top { margin-top: 0 !important; }
.no-mar-bottom{ margin-bottom: 0 !important; }

.margintop5{ margin-top:5px; }
.margintop10{ margin-top:10px; }
.margintop20{ margin-top:20px; }
.margintop40{ margin-top:40px; }
.margintop60{ margin-top:60px; }

.marginbot5{ margin-bottom:5px; }
.marginbot10{ margin-bottom:10px; }
.marginbot20{ margin-bottom:20px; }
.marginbot40{ margin-bottom:40px; }
.marginbot60{ margin-bottom:60px; }

.narrow-padding{ padding-right:0.4632rem; padding-left:0.4632rem; }
/*body
{
    overflow-y:hidden;
}*/
aside.left_nav {
    height: 100vh;
    width: 180px;
    padding:10px 5px 0px 5px;
    position:absolute;
    z-index:999;
    transition: 0s linear;
    border-right: 1px solid #e6e6e6;
}
aside.left_nav.active
{
    width:60px;
    z-index:9999;
}
aside.left_nav.active.fxd
{
z-index:9999;
}

.active a.open-aside {
    position: absolute;
    width: 25px;
    height: 25px;
    background: #fff;
    bottom: 0px;
    left: 60px;
    border: 1px solid #ccc;
    transition: 0.3s ease-in-out;
    z-index:9999999;

}
a.open-aside 
{
    position: absolute;
    width: 25px;
    height: 25px;
    background: #fff;
    bottom: 0px;
    left:180px;
    border: 1px solid #ccc;
    transition: 0.3s ease-in-out;
    z-index:999999;
}
a.open-aside:after {
    content: "\f060";
    font: normal normal normal 14px/1 FontAwesome;
    left: 5px;
    position: absolute;
    top: 5px;
    color: #228fcd;
}
.active a.open-aside:after {
    content: "\f061";
}
span.user_id {
    position: absolute;
    font-size: 14px;
    top: 4px;
    right: 0px;
    display:none;
}


aside.left_nav li a {
    color: #5c5c5c;
    padding: 8px 5px;
    display:flex    ;
    font-size: 14px;
    border:none !important;
}
aside.left_nav li a.act {
    background: #f5f5f5;
    margin: 0px -8px 0px -10px;
    padding-left: 15px;
    box-shadow: -5px 0px 10px 0px #616060;
    position: relative;
    z-index: 9999;
}
body.right_theme aside.left_nav li a.act {
    box-shadow: 4px 0px 10px 0px #616060 !Important;
}
aside.left_nav.fxd  li a.act:after {display: none !important;}

aside.left_nav.fxd li a.act {
    background: #f5f5f5;
    margin: 0px -4px 0px -10px;
}
aside.left_nav.fxd li a.act {
    background: #b2d474;
    margin: 0px -4px 0px -10px;
    box-shadow: none;
}
aside.left_nav li a.act:after {
    content: '';
    height: calc(100% + 30px);
    width: 12px;
    position: absolute;
    background: #f5f5f5;
    right: -4px;
    top: -15px;
}
aside.left_nav ul {
    margin: 0px;
    list-style:none;
}
aside.left_nav li span.icon {
    width: 30px;
    height: 30px;
    display: block;
    padding: 0px !important;
    margin-left: 3px;
    background-position: -13px -45px;
    z-index: 999;
    background-color: #fff;

}
aside.left_nav li a.act  span.icon
{
    background-color: transparent !important;
}
aside.left_nav li span.icon img {
    width: 25px;
    height: 25px;
    object-fit: scale-down;
    object-position: center;
}
aside.left_nav li span.icon1 {
    background-position: -13px -45px !important;
}
aside.left_nav li span.icon2 {
    background-position: -65px -49px !important;
}
aside.left_nav li span.icon3 {
    background-position: -115px -46px !important;
}
aside.left_nav li span.icon4 {
    background-position: -165px -48px !important;
}
aside.left_nav li span.icon5 {
    background-position: -215px -49px !important;
}
aside.left_nav li span.icon6 {
    background-position: -266px -48px !important;
}
aside.left_nav li span.icon7 {
    background-position: -317px -48px !important; 
}
aside.left_nav li span.icon8 {
    background-position: -369px -48px !important;
}
aside.left_nav li span.icon9 {
    background-position: -419px -50px !important;
}
aside.left_nav li span.icon10 {
    background-position: -467px -47px !important;
}
aside.left_nav li span.icon11 {
    background-position: -519px -47px !important;
}
aside.left_nav li span.icon12 {
    background-position: -569px -47px !important;
}
span.left_tab_btn4_icon {
    padding: 2px 0px 0px 5px;
}
span.left_tab_btn5_icon {
    padding: 3px 0px 0px 5px;
}
span.left_tab_btn6_icon i {
    font-size: 22px !important;
}
span.left_tab_btn6_icon {
    padding: 5px 0px 2px 5px;
    line-height: 12px;
}

span.icon.icon2 img {
    width: 23px !important;
}
span.m-item {
    line-height: 30px;
    padding-left:15px;
    transition:0.2s ease-in-out;
    
    text-align: left;
    overflow: hidden;
    position: absolute;
    left: 40px;
}
aside.left_nav.fxd li a.act span.m-item {
    padding-left: 25px !important;
}
aside.left_nav li a.act span.m-item {
    padding-left: 25px;
}
aside.left_nav.active ul.l_nav:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 15px;
    /**background: #fff;**/
    z-index: 0;
    top: 0;
    left: 0;
}
aside.left_nav.active span.m-item {
left: 0px;
z-index: -1;
font-size:0px;
}
.active .logo {
    position: absolute;
    bottom: 15px;
    width:25px;
    left:15px;
    transform: rotate(0deg);
}
.logo {
    position: absolute;
    bottom: -34px;
    width: 25px;
    left: 62px;
    transform: rotate(90deg);
    transition:0.3s ease-in-out;
}
.logo-s {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    left: 0;
}
aside.left_nav.active .logo-s img {
    width: 32px;
    object-fit: none;
    object-position: left;
    height: 22px;
}
aside.left_nav .logo-s img {
    width: 100px;
}
aside.left_nav li hr {
    margin: 5px 0px 5px;
}
main {
    margin-left: 180px;
/**transition:0.3s linear;**/
display:block;
}
main.active {
    margin-left: 60px;
}
.header-left {
    padding: 8px 15px 8px 16px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    font-weight:500;
    background: #fff;
    z-index: 9999;
    position: relative;
}
.sensex_st {
    margin-left: 50px;
}

.dark_theme .nifty_st.down span {
    color: red;
}
.dark_theme .sensex_st.down span
{
    color: red;
}

.nifty_st.down span {
    color: #eb4d5c;
}
.sensex_st.down span
{
    color: #eb4d5c;
}
span.indices_move {
    font-size: 15px;
    margin-left: 5px;
}
.nifty_st.up span {
    color: #3f914f;
}
.sensex_st.up span
{
    color: #3f914f;
}
.dark_theme .nifty_st.up span {
    color: #00ee79;
}
.dark_theme .sensex_st.up span
{
    color: #00ee79;
}

.nifty_st {
        margin-right: 30px !important;
        font-size:15px;
}
span.t_arrow:after {
    content: '\f106';
    font: normal normal normal 16px/1 FontAwesome;
    padding-left: 5px;
    position: absolute;
    padding-top: 2px;
}

.up span.t_arrow:after {
    content: '\f106';
}
.down span.t_arrow:after {
    content: '\f107';
}
.notify {
    display: table-cell;
    position:relative;
    width:50px;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    vertical-align:middle;
}
.notify.act, .user-profile.act {
    background: #f7f7f7;
}

.user-profile {
    display: table-cell;
    padding: 0px 15px;
    cursor: pointer;
    color: #000;
    font-size: 15px;
    position: relative;
    vertical-align: middle;
    height: 40px;
    text-align: left;
    font-weight: 600;
    padding-left: 50px;
}
.user-profile span.overlay, .notify span.overlay {
    display: none !Important;
}
.notify.act span.overlay, .user-profile.act  span.overlay{
   display: block !Important;
   background-image: none !important;
   z-index: -1;
       background: none;
    border-radius: 0;
}
.user-img {
    height: 25px;
    width: 25px;
    /* display: inline; */
    position: absolute;
    top: 6px;
    left: 15px;
    border-radius: 50%;
    overflow: hidden;
    line-height: 25px;
}
.user-profile span
{
    display:block;
    font-weight:400;
    font-size:12px;
    line-height:1;
}
.user-name {
    line-height: 1;
}
.notify i {
    font-size: 24px;
    color: #000;
    display: block !important;
}

.notify span {
    background: #208ecd;
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    top: 2px;
    line-height: 20px;
    font-size: 12px;
    right: 4px;
    color: #fff;
}
.notify.act .drop-down, .user-profile.act .drop-down{
    display:block;
}
.drop-down span {
    display: inline-block;
}
.drop-down {
    position: absolute;
    min-width: 300px;
    right: 0;
    background: #f7f7f7;
    top: 48px;
    text-align:left;
    font-size:14px;
    max-width: 200px;
    display:none;
        background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
        border-top: 3px solid #0197d6;
    border-radius: 1px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    z-index:999;
	    max-height: calc(100vh - 50px);
    overflow-y: scroll;
}
.drop-down::before {
    border: inset 6px;
    content: "";
    display: block;
    border-color: transparent transparent #0197d6 transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -15px;
    right: 10px;
    z-index: 89;
}
.drop-down ul {
    margin: 0px;
}

.drop-down li {
    list-style: none;
    padding: 3px 10px;
    border-top: 1px solid #EEE;
        color: #666666;
		font-weight: 400;
		 font-size: 13px;
}
.drop-down li a {
    color: #666666;
    font-size: 13px;
    font-weight: 400;
}
.drop-down span.label {
    float: right;
    border-radius: 50%;
}
.drop-down li h5 {
    font-size: 14px;
    padding: 5px 5px;
    font-weight: 600;
    color: #2892cc;
    text-align: left;
    margin-bottom: 0px;
}

li.list-group-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
	 padding: 10px 15px;
}

li.v_menus {
    background: #f4f4f5;
}
.dark_theme li.v_menus {
    background: #242a34 !important;
}
.dark_theme li.v_menus li {
    background: #242a34;
}
li.list-group-item span.version {
    width: unset;
    padding: 0px 0px;
    display: flex;
    position: unset;
}

.drop-down li li {
    padding: 3px 5px;
    
}

.header-right {
    position: absolute;
    right: 10px;
    top: 0px;
    z-index: 9999;
    background: #fff;
    display: table;
}
.side-bar {
    max-width: 420px;
    width:100%;
    border-right: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    position:relative;
	background: #fff;
}
.side-codes {
    height: calc(100vh - 40px);
    position:inherit !important;
    padding: 10px 5px;
    padding-top: 50px;
}
.search-box input {
    height: 28px;
    border-radius: 15px;
    font-size: 14px;
    padding: 5px 15px;
}
.main_inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    align-items: stretch;
    height: calc(100vh - 40px);
    position:relative;

}

.chart-box {
    flex-grow: 8;
    position:relative;
    width:calc(100% - 420px);
}
.side-codes ul.tabs {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 37px;
    overflow: hidden;
}
.side-codes .tabs li a {
    color: #6a6a6a;
    outline: none;
    background: #fff;
    border: none;
    border-bottom: 4px solid #fff;
    text-align:center;
}
.side-codes ul#marketwatch-tabs li:nth-child(6), .side-codes ul#marketwatch-tabs li:nth-child(7), .side-codes ul#marketwatch-tabs li:nth-child(8), .side-codes ul#marketwatch-tabs li:nth-child(9), .side-codes ul#marketwatch-tabs li:nth-child(10), .side-codes ul#marketwatch-tabs li:nth-child(11), .side-codes ul#marketwatch-tabs li:nth-child(12), .side-codes ul#marketwatch-tabs li:nth-child(13) {
    display: none !important;
}
.side-codes .tabs li.tabs-title.is-active a {
    border-color: #53b987;
    color:#222;
}
span.marketwatchcount {
    border: 1px solid #f4f4f5;
    min-width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 3px;
    font-size: 12px !important;
    text-align: center;
    line-height: 13px;
    padding: 2px 2px;
    border-radius: 50%;
}
.side-codes .tabs li.tabs-title.is-active a span {
    background: #000000;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
}
.side-codes input#search_trd {
    font-size: 14px;
}
.side-codes .tabs li {
    border: none;
}
/*.side-bar {
    padding-top: 50px;

}*/
input#project-id {
    border-radius: 15px;
    padding: 0px 15px;
    height: 30px;
    font-size:14px;
}
.search_sys {
    width: calc(100% - 45px) !important;
}
.side-codes ul {
    margin: 0px;
    list-style: none;
}
.tabs-content.marketwatch-tabs {
    border: none;
}
.side-codes ul li {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    font-size: 15px;
    /* background: #f4f4f5; */
    padding: 8px 10px;
    /* margin-bottom: 5px; */
    cursor:pointer;
    color:#676565;
    justify-content: space-between;
}
span.symbols {
    flex-grow: 5;
    width:180px;
}
.dark_theme .side-codes ul li.up span
{
    color:#00ee79;
    /* font-weight: bold; */
}

.side-codes ul li.up span
{
    color:#3f914f;
    /* font-weight: bold; */
}
span.symbolsseries {
    /* background: rgba(226,227,230,1); 
    background: -moz-linear-gradient(140deg, rgba(226,227,230,1) 0%, rgba(226,227,230,1) 49%, rgba(226,227,230,0) 50%, rgba(206,199,236,0) 50%, rgba(193,191,234,0) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(226,227,230,1)), color-stop(49%, rgba(226,227,230,1)), color-stop(50%, rgba(226,227,230,0)), color-stop(50%, rgba(206,199,236,0)), color-stop(100%, rgba(193,191,234,0)));
    /* background: -webkit-linear-gradient(140deg, rgba(226,227,230,1) 0%, rgba(226,227,230,1) 49%, rgba(226,227,230,0) 50%, rgba(206,199,236,0) 50%, rgba(193,191,234,0) 100%); 
    background: -o-linear-gradient(153deg, rgba(226,227,230,1) 0%, rgba(226,227,230,1) 49%, rgba(226,227,230,0) 50%, rgba(206,199,236,0) 50%, rgba(193,191,234,0) 100%);
    background: -ms-linear-gradient(140deg, rgba(226,227,230,1) 0%, rgba(226,227,230,1) 49%, rgba(226,227,230,0) 50%, rgba(206,199,236,0) 50%, rgba(193,191,234,0) 100%);
    /* background: linear-gradient(140deg, rgba(226,227,230,1) 0%, rgb(241, 241, 241) 49%, rgba(226,227,230,0) 50%, rgba(206,199,236,0) 50%, rgba(193,191,234,0) 100%); */
    width: 43px;
    margin-left: -10px !important;
    margin-top: -5px !important;
    padding:2px 0px 0px 2px;
    margin-right: -10px !important;
}
.srh_results span.symbolsseries {
    background: rgba(226,227,230,1);
    background: -moz-linear-gradient(210deg, rgba(226,227,230,1) 0%, rgba(226,227,230,1) 49%, rgba(226,227,230,0) 50%, rgba(206,199,236,0) 50%, rgba(193,191,234,0) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(226,227,230,1)), color-stop(49%, rgba(226,227,230,1)), color-stop(50%, rgba(226,227,230,0)), color-stop(50%, rgba(206,199,236,0)), color-stop(100%, rgba(193,191,234,0)));
    background: -webkit-linear-gradient(210deg, rgba(226,227,230,1) 0%, rgba(226,227,230,1) 49%, rgba(226,227,230,0) 50%, rgba(206,199,236,0) 50%, rgba(193,191,234,0) 100%);
    background: -o-linear-gradient(210deg, rgba(226,227,230,1) 0%, rgba(226,227,230,1) 49%, rgba(226,227,230,0) 50%, rgba(206,199,236,0) 50%, rgba(193,191,234,0) 100%);
    background: -ms-linear-gradient(210deg, rgba(226,227,230,1) 0%, rgba(226,227,230,1) 49%, rgba(226,227,230,0) 50%, rgba(206,199,236,0) 50%, rgba(193,191,234,0) 100%);
    background: linear-gradient(210deg, rgba(226,227,230,1) 0%, rgba(226,227,230,1) 49%, rgba(226,227,230,0) 50%, rgba(206,199,236,0) 50%, rgba(193,191,234,0) 100%);
    width: 43px;
    margin-left: -10px !important;
    margin-top: -5px !important;
    padding:2px 2px 0px 0px;
    margin-right: -10px !important;
    text-align:right;
}
.side-codes ul li.down span
{
    color:#cd1e1e;
}
.dark_theme .side-codes ul li.down span {
    color: red;
}
.srh_results span.symbols {
        flex-grow: unset;
    width: 50% !important;
    overflow: hidden;
    min-width: 100px;
}
.srh_results span.symbols span {
    height: 20px;
    width: 20px;
    background: #53b987;
    display: inline-block;
    margin-left: 5px;
    text-align: center;
    color: #fff !important;
    border-radius: 50%;
}
/**li.up.srh_result[data-pos] span.s_add_sym {
    display: none;
}   **/
.s-box
{
    width:100%;
        display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
        justify-content: space-between;

}
span.sys_sts {
    flex-grow: 2;
    position:relative;
    color:#676565;
}
.side-codes ul li.up span.sys_dri:after
{
    content:'\f106';
    font: normal normal normal 20px/1 FontAwesome;
    color:#3f914f;
    position:absolute;
}
.side-codes ul li.down span.sys_dri:after
{
    content:'\f107';
    font: normal normal normal 20px/1 FontAwesome;
    color:#cd1e1e;
    position:absolute;
}

span.sys_vl {
    flex-grow: 2;
    text-align: right;
}

span.symbolsseries {
    min-width: 30px;
    font-size: 9px !important;
    max-width: 35px;
}

span.symbols {
   /* min-width: 145px;*/
    /**max-width: 100px;**/
    min-width: 180px;
    overflow: hidden;
    margin: 0px 0px 0px 6px !important;
}
.mw_inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
/**
span.sys_sts {
    min-width: 60px;
    font-size: 10px;
    max-width: 80px;
}**/
span.symbolsholding {
    min-width: 48px !important;
    overflow: hidden;
}
span.symbolsholding.act {
    background: url(../images/holding_icon.png) left center no-repeat;
    background-image: url(../images/holding_icon.png);
    background-position:left center;
    background-repeat:no-repeat;
    display: block;
    text-align: center;
    color: #000000 !important;
    border-radius: 5px;
    padding-left: 12px;
    background-size: 10px;
}
span.sys_vl {
    min-width: 66px;
    max-width: 66px;
    overflow:hidden;
}
span.sys_ptg {
    width: 60px;
    min-width: 60px;
    text-align: right;
    margin-right: 0px !important;
    margin-left: 5px !important;
}
span.sys_dri {
    margin: 0px !important;
    margin-left: 5px !important;
}




.side-codes ul li.act, .side-codes ul li:hover {
    background: rgba(216,217,218,1);
    background: -moz-linear-gradient(left, rgba(216,217,218,1) 0%, rgba(167,177,183,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(216,217,218,1)), color-stop(100%, rgba(167,177,183,1)));
    /* background: -webkit-linear-gradient(left, rgba(216,217,218,1) 0%, rgba(167,177,183,1) 100%); */
    background: -o-linear-gradient(left, rgba(216,217,218,1) 0%, rgba(167,177,183,1) 100%);
    background: -ms-linear-gradient(left, rgba(216,217,218,1) 0%, rgba(167,177,183,1) 100%);
    /* background: linear-gradient(to right, rgba(216,217,218,1) 0%, rgba(167,177,183,1) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d9da', endColorstr='#a7b1b7', GradientType=1 );
}
.side-codes ul li.act, .side-codes ul li:hover
{
    /* background: linear-gradient(90deg, rgba(254,254,254,1) 0%, rgba(233,233,233,1) 100%) !important; */
    /* border-top: 1px solid #ccc; */
    border-right: 1px solid #f4f4f5;
}
.side-codes ul li.act {
    border-right: 2px solid #363636;
    margin-left: 0px;
    padding-left: 10px;
}
.side-codes-details {
    position: absolute;
    top: 38px;
    right: 100%;
    width: 320px;
    height: calc(100% - 90px);
    padding: 10px 15px;
    box-shadow: 0px 0px 13px 0px #cbcbcb;
    background: #fff;
    display: none;
    z-index: 9998;
    overflow-y: hidden;
}
.side-codes-details:hover {
    overflow-y: scroll;
    margin-right: -5px;
    width: 325px;
}
.side-codes-details .mCSB_container {
    margin: 0px !important;
}

.side-codes-details .mCSB_scrollTools {
    right: -7px;
}
.side-codes-details h4 {
    color: #494949;
    font-size: 20px;
    font-weight:600;
    margin-bottom:0px;
}
.side-codes-details p
{
    color:#7c7c7c;
    font-size:13px;
}
.code_dtl h2 {
    color: #7a7b7b;
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 0px;
    line-height: 1;
        display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    align-items: flex-end;
}
.code_dtl h2 span.sys_ptg {
    font-size: 16px;
    margin-left: 15px;
}

.code_dtl h2 span {
    width: max-content !important;
    min-width: max-content;
    max-width: max-content;
}

.code_dtl h2.down span.sys_ptg {
    color: #cd1e1e;
}

.code_dtl h2.up span.sys_ptg {
    color: #3f914f;
}
.code_dtl {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    margin-bottom:15px;
}

.code_dtl_left {
    width: 50%;
    align-self: center;
}
.code_dtl_right {
    width: 50%;
    align-self: center;
    font-weight:600;
}

.code_dtl_left p {
    margin: 0px;
}
.up
{
color:#3f914f;
}
span.bullet.up
{
    color:#3f914f;
}
.sensex_st.up {
    color: #000;
}
span.bullet.down
{
    color:#cd1e1e;
}
span.bullet {
    background: #3f914f;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
}
a.box_btns_up {
    border: 1px solid #1458c9;
    color: #1458c9;
    background: #dfe5f0;
    padding: 0px 15px;
    display: inline-block;
    border-radius: 25px;
    font-size:14px;
    margin-right:10px;
}

a.box_btns_down {
    border: 1px solid #cd1e1e;
    color: #cd1e1e;
    background: #ede0e0;
    padding: 0px 15px;
    display: inline-block;
    border-radius: 25px;
    font-size:14px;
}
.code_dtl h2 sup {
    font-size: 18px;
    padding-left: 5px;
    color: #cd1e1e;
}
.chart-box .tabs-title>a {
    display: block;
    padding: 8px 25px;
    font-size: .75rem;
    line-height: 1;
    color: #000000;
    outline: none;
    border-bottom: 4px solid #fff;
}
.chart-box .tabs {
    box-shadow: 0px 4px 7px 0px #cbcbcb;
    margin-bottom: 5px;
    border:none !important;
        z-index: 999;
    position: relative;
}
header {
    position: relative;
    background: transparent;
    
}
.chart-box .tabs-content
{
    border:none;
    
}

.chart-box .tabs-panel
{
    padding:0px;
}

.chart-box .tabs-title>a:focus, .chart-box .tabs-title>a[aria-selected=true] {
    background: #f7f7f7;
    border-color: #53b987;
}
.active .nifty_st {
    margin-left: 0px;
}
.btns .buy {
    background: #3f914f;
    width: 45%;
    padding: 5px;
    color: #fff;
    margin-right: 5px;
    cursor:pointer;
}
.btns .sell {
    background: #cd1e1e;
    width: 45%;
    padding: 5px;
    color: #fff;
    margin-left : 5px;
    cursor:pointer;
}
.btns {
    
    margin-top: 15px;
}
.side-codes-details .column {
    padding: 0px;
}

.side-codes-details td{
    padding: 3px 3px;
    font-size:11px;
    background:#fff;
    color:#1458c9;
}
.side-codes-details th {
    font-size:10px;
    color:#4b4b4b;
    font-weight: 400;
    padding: 0px 3px;
}
.side-codes-details table {
    margin-top: 20px;
}

.side-codes-details thead, .side-codes-details tbody {
    border: none;
    background: none;
}
.side-codes-details td:nth-child(2), .side-codes-details th:nth-child(2) {
    text-align: right;
}
.side-codes-details td:nth-child(3), .side-codes-details th:nth-child(3) {
    text-align: right;
}
tr.total, tr.total td {
    background: #cbcbcb;
}

tr.total td {
    font-weight: 600;
    font-size:12px;
}
table.sell td {
    color: #cd1e1e;
}
.side-codes-details ul {
    list-style: none;
    font-size: 11px;
    margin: 0px;
}

.side-codes-details ul li {
    /*float: left;
    width: 50%;*/
    position: relative;
    padding: 5px 5px;
    color: #5a5a5a;
}
.side-codes-details ul li:nth-child(even) {
    background: rgba(203, 203, 203, 0.30196078431372547);
}
.side-codes-details ul li span {
    float: right;
    color: #4b4b4b;
}


#flat-slider
{
    margin:40px 0px 30px;
}


#flat-slider.ui-slider {
  background: #d2d2d2;
  border: none;
  border-radius: 0; }
                    
  #flat-slider.ui-slider .ui-slider-handle {
    width: 20px;
    height: 20px;
    border-radius: 50% 50% 0;
    border-color: transparent;
    transition: border 0.4s ease; }
                    
    #flat-slider.ui-slider .ui-slider-handle.ui-state-hover, 
    #flat-slider.ui-slider .ui-slider-handle.ui-state-focus, 
    #flat-slider.ui-slider .ui-slider-handle.ui-state-active {
      border-color: #172f38; }
                    
  #flat-slider.ui-slider .ui-slider-pip .ui-slider-line {
    background: #d5cebc;
    transition: all 0.4s ease; }
                    
  #flat-slider.ui-slider.ui-slider-horizontal {
    height: 6px; }
                    
    #flat-slider.ui-slider.ui-slider-horizontal .ui-slider-handle {
      -webkit-transform: rotateZ(45deg);
              transform: rotateZ(45deg);
              outline:none;
      top: -25px;
      margin-left: -10px; }
                    
    #flat-slider.ui-slider.ui-slider-horizontal .ui-slider-pip {
      top: 10px; }
                    
      #flat-slider.ui-slider.ui-slider-horizontal .ui-slider-pip .ui-slider-line {
        width: 2px;
        height: 10px;
        margin-left: -1px; }
                    
      #flat-slider.ui-slider.ui-slider-horizontal .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line {
        height: 20px; }
                    
      #flat-slider.ui-slider.ui-slider-horizontal .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line {
        height: 12px; }
                    
  #flat-slider.ui-slider.ui-slider-vertical {
    width: 6px;
    height: 125px;
    display: inline-block;
    margin: 0 15%; }
                    
    #flat-slider.ui-slider.ui-slider-vertical .ui-slider-handle {
      -webkit-transform: rotateZ(-45deg);
              transform: rotateZ(-45deg);
      left: -25px;
      margin-bottom: -10px; }
                    
    #flat-slider.ui-slider.ui-slider-vertical .ui-slider-pip {
      left: 10px; }
                    
      #flat-slider.ui-slider.ui-slider-vertical .ui-slider-pip .ui-slider-line {
        height: 2px;
        width: 10px;
        margin-top: -1px; }
                    
      #flat-slider.ui-slider.ui-slider-vertical .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line {
        width: 20px; }
                    
      #flat-slider.ui-slider.ui-slider-vertical .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line {
        width: 12px; }
                    
      #flat-slider.ui-slider.ui-slider-vertical .ui-slider-handle .ui-slider-tip,
      #flat-slider.ui-slider.ui-slider-vertical .ui-slider-handle[class*=ui-state-] .ui-slider-tip {
        visibility: visible;
        opacity: 1;
        border: none;
        background: transparent;
        left: 50%;
        width: 30px;
        margin-left: -15px;
        text-align: center;
        color: white;
        font-weight: normal;
        top: 10px;
        -webkit-transform: rotateZ(45deg);
                transform: rotateZ(45deg); }
                    
        #flat-slider.ui-slider.ui-slider-vertical .ui-slider-handle .ui-slider-tip:before,
        #flat-slider.ui-slider.ui-slider-vertical .ui-slider-handle[class*=ui-state-] .ui-slider-tip:before {
          display: none; }
                    
#flat-slider .ui-slider-handle,
#flat-slider .ui-slider-range,
#flat-slider .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line,
#flat-slider .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line {
  background-color: #25daa5; }
                    
                    
#flat-slider-vertical-1 .ui-slider-handle,
#flat-slider-vertical-1 .ui-slider-range,
#flat-slider-vertical-1 .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line,
#flat-slider-vertical-1 .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line {
  background-color: #f27793; }
                    
                    
#flat-slider-vertical-2 .ui-slider-handle,
#flat-slider-vertical-2 .ui-slider-range,
#flat-slider-vertical-2 .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line,
#flat-slider-vertical-2 .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line {
  background-color: #bd77f2; }
                    
                    
#flat-slider-vertical-3 .ui-slider-handle,
#flat-slider-vertical-3 .ui-slider-range,
#flat-slider-vertical-3 .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line,
#flat-slider-vertical-3 .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line {
  background-color: #67c3ec; }
  .ui-widget-header
  {
      background:#3f914f !important;    
  }
  .slider-box {
    position: relative;
}

span#slider-value1 {
    position: absolute;
    bottom: -20px;
    font-size: 14px;
    color: #686868;
}

span#slider-value2 {
    position: absolute;
    right: 0px;
    bottom: -20px;
    font-size: 14px;
    color: #686868;
}
span.ui-slider-handle:nth-child(3) {
    background: #cc9090 !important;
}
span.ui-slider-handle:nth-child(2) {
    background: #89a8dc !important;
}
.menu-box {
    position: absolute !important;
    width: 80vw;
    width: calc(100vw - 370px);
    left: -100vw;
    margin-top: -60px;
    z-index: -99;
    background: #f5f5f5;
    
    transition:0.1s ease-in-out;
    outline:none !Important;
    
    
}

.dark_theme aside.left_nav.active ul.l_nav:before
{
    background: none !important;
}

li .menu-box.act
{
    left: 175px;
    width: calc(100vw - 500px);
    top:145px;
    
}
aside.left_nav.fxd .menu-box.act.fxd {
    width: calc(100vw - 525px) !important;
    box-shadow: none;
    left:185px !important
}
aside.left_nav.active.fxd .menu-box.act.fxd {
    width: calc(100vw - 500px) !important;
    top: auto;
    height: 50%;
}


.menu-box.act.fxd {
    position: fixed;
    width: 100vw !important;
    width: calc(100vw - 60px) !important;
    bottom: 10px;
    right: 10px !important;
    margin:0px 5px;
    border: 1px solid #e8e8e8;
    top:unset;

}

aside.left_nav.active li .menu-box.act
{
    left: 55px;
    width: calc(100vw - 420px);
    top: 154px;
    height: calc(100vh - 154px);
}
aside.left_nav.active li .menu-box.act.fxd {
    left: 65px !important;
    box-shadow: 0px 0px 8px 0px #e6e6e6;
}
.menu-box.act
{
    left: 65px;
    width: calc(100vw - 370px);
}


.menu-box .tabs-title>a {
    display: block;
    padding: 12px 12px 12px;
    font-size: .75rem;
    line-height: 1;
    color: #4b4b4b;
    outline: none;
    border-bottom: 4px solid #fff;
}
.menu-box .tabs {
    box-shadow: 0px 4px 7px 0px #e6e6e6;
    margin-bottom: 5px;
    border:none !important;
}
.menu-box.fxd .tabs {
    position: sticky;
    top: 0;
    z-index: 99999;
}
.menu-box .tabs-content
{
    border:none;
    background: none;
    padding:0px 15px !important;
    
}

.menu-box .tabs-panel
{
    padding:10px 0px 10px;
    height: 100%;
}

.menu-box .tabs-title>a:focus, .menu-box .tabs-title>a[aria-selected=true] {
    background: #f7f7f7;
    border-color:#1084c9;
        color: #1084c9;
   
}
.menu-box th {
    color: #a4a4a4;
    font-size: 14px;
    font-weight: 400 !important;
    padding:5px 10px;
    text-align:center;
}

.menu-box td {
    font-size: 12px;
    color: #7a7a7a;
    padding: 5px;
}
.menu-box thead {
    background: no-repeat;
    border:none;
}
.menu-box tbody tr {
    background: #fff !important;
    border-bottom: 1px solid #e6e6e6;
}
.menu-box tbody tr td {
    padding-top: 0;
    padding-bottom: 0;
    height: 40px;
    line-height: 40px;
    background: #fff !important;
}
.menu-box div.gridbox_dhx_terrace.gridbox .xhdr {
    border-bottom: 0px solid #e6e6e6;
    background-color: #ffffff;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}
.menu-box .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr, .menu-box .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_cont_layout
{
border:none !important;
}


.menu-box .dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
    border: none !important;
}
.menu-box tbody
{
    border:none;
    background:none;
}
.menu-box td .buy span {
    background: #53b986;
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    right: 6px;
    bottom: 2px;
    border-radius: 50%;
}


.menu-box td .buy {
    position: relative;
}
.menu-box td .sell span {
    background: #eb4d5c;
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    right: 6px;
    bottom: 2px;
    border-radius: 50%;
}

.menu-box td .sell {
    position: relative;
}
.menu-box.act .tab-inner {
    height: 100% !important;
}
.side-bar .tab-inner
{
    padding-bottom:20px !important;
}
/*.menu-box.act.fxd .tab-inner {
    height: 300px;
}*/

.menu-box.act.fxd .tab-inner {
    height: calc(50% - 40px);
}
.nicescroll-cursors {
    background: #949493 !important;
}

span.close {
    position: absolute;
    right: 5px;
    font-size: 14px;
    width: 20px;
    height: 20px;
    background: #000;
    text-align: center;
    top: 5px;
    color: #fff;
    text-transform: lowercase;
    cursor: pointer;
    border: 1px solid #000;
    line-height: 15px;
    border-radius: 0;
}
div#title_alert {
    background: #228fcd;
    text-align: center;
    padding: 5px;
    color: #fff;
}

p#content_alert {
    text-align: center;
    padding-top: 10px;
    font-size: 14px;
}
div#exampleModal1
{
    width:750px !important;
        border: 1px solid #000;
}
span.help_tooltip {
    position: absolute;
    right: 7px;
    bottom: 7px;
    font-size: 12px;
}
.pop-chart-outer {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    height: 100%;
}
.pop-chart-left {
    min-width: 300px;
}
.pop-chart {
    width: calc(100% - 300px);
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    padding-right: 10px;
}
.pop-chart .loader {
    display: none;
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0px;
    line-height: 100%
}

.pop-chart {
    position: relative;
}
.pop-chart-cont {
    width: 350px;
}
/**
canvas#myCanvas {
    transform: scale(0.9, 0.9);
    margin-left: -28px;
}**/
.pop-chart-cont h2 {
    color: #9d9d9d;
    font-size: 16px;
    margin-bottom:20px;
    font-weight:600;
}

.pop-chart-cont {
    color: #9d9d9d;
    position:relative;
}
.pop-chart-cont p
{
    font-size:14px;
        margin-bottom: 0px;
}
.switch {
    position: absolute;
    display: inline-block;
    width: 44px;
    height: 20px;
    right: 10px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  height: 20px;
    margin-top: 0;
    margin-bottom: 0;
}

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

input:checked + .slider {
  background-color: #2196F3;
}

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

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%;
}
.radio {
  margin: 0;
}
.radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  
}
.radio input[type="radio"] + .radio-label:before {
  content: '';
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 15px;
  height: 15px;
  position: relative;
  top: 2px;
  margin-right: 5px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.radio input[type="radio"]:checked + .radio-label:before {
    background-color: #52b885;
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #52b885;
}
.radio input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color: #3197EE;
}
.radio input[type="radio"]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;

}
.radio input[type="radio"] + .radio-label:empty:before {
  margin-right: 0;
}
.radio input[type="radio"]:disabled + .radio-label
{
    opacity:0.5;
        cursor: not-allowed;
}
.radio-box-flex {
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.radio-box1 {
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
    text-transform: uppercase;
    float:left;
	width: 100%;
}
.radio-box2 {
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
    text-transform: uppercase;
    float:right;
	width: 100%;
}

.radio [type=checkbox]+label, .radio [type=radio]+label
{
    margin-left:0px;
    margin-right: 5px;
    font-size:12px;
    color:#b1b1b1;
}
.pop-chart-bottom {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
        display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    justify-content: space-between;
    align-items: flex-end;
        z-index: 99999;
}
.form-btns-left {
    text-align: left;
}
.form-btns-left span {
    font-size: 14px;
    cursor:pointer;
}
.more-ops
{
    display:none;
}
.radio-box3 {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
}
.radio-box4 {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
}
.pop-chart-bottom select {
    font-size: 14px;
    height: 30px !important;
    padding: 0px 25px 0px 10px;
    width:150px;
    float:left;
    color: #6d6d6d;
}
.form-btns {
    float: right;
    display: flex;
    justify-content: space-between;
}
button.btn-buy {
    font-size: 14px;
    background: #52b885;
    border:1px solid #dfe0e1;
    color: #fff;
    padding: 7px 15px;
    border-radius: 0px;
    width: 80px;
    cursor:pointer;
    outline:none;
}
button.btn-cnl {
    font-size: 14px;

    border:1px solid #dfe0e1;
    color: #101215;
    padding: 7px 15px;
    border-radius: 0px;
    width: 80px;
    cursor:pointer;
    outline:none;
}
.tag-box-outer {
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
    margin-top: 10px;
    width: 100%;
    text-align: left;
    clear: both;
    flex-wrap: wrap;
}
.tag-box-outer.act
{
    margin-top:0px !important;
    display:none;
}
.tag-box-outer.show
{
    display:flex;
}
.tag-box-outer label {
    font-size: 12px;
    color: #b1b1b1;
}

.tag-box-outer input {
    height: 28px;
    font-size: 14px;
    color: #6d6d6d;
    padding: 5px;
    border-radius: 0px;
    border: 1px solid #dfe0e1;
}

.tag-box {
    padding-right: 10px;
	width: 50%;
}

.chart_manu {
    position: absolute;
    bottom: 30px;
    width: 100%;

}

.chart_manu ul {
    margin: 0px;
    list-style: none;
    line-height:26px;
}

.chart_manu ul li {
    float: left;
    margin:0px 5px;
    line-height:26px;
    height:26px;
}
.chart_manu_left button
{
    background: url(../images/menu-icon.png) no-repeat #fff;
    background-color:#fff;
    background-image:url(../images/menu-icon.png);
    background-repeat:no-repeat;
    width: 26px;
    height: 26px;
    background-position: -5px 5px;
    box-shadow: 0px 1px 5px 0px #7b8b9a;
    border-radius: 50%;
    outline:none;
    cursor:pointer;
}
.chart_manu_left button.chart-1
{
    background-position: -5px 5px;
}
.chart_manu_left button.chart-2
{
    background-position: -29px 5px;
}
.chart_manu_left button.chart-3
{
    background-position: -54px 5px;
}
.chart_manu_left button.zoom-in
{
    background-position: -76px 7px;
}
.chart_manu_left button.zoom-out
{
    background-position: -97px 7px;
}
.chart_manu_left button.point-1
{
    background-position: -121px 6px;
}
.chart_manu_left button.point-2 {
    background-position: -212px 7px;
}

.chart_manu_right button span
{
    background: url(../images/menu-icon.png) no-repeat #fff;
    background-color:#fff;
    background-repeat:no-repeat;
    background-image:url(../images/menu-icon.png);
    width: 26px;
    height: 26px;
    background-position: -5px 5px;
    box-shadow: 0px 1px 5px 0px #7b8b9a;
    border-radius: 50%;
    outline:none;
    display:block;
    float:left;
    margin-right:10px;
    
}
button.pop_out span {
    background-position: -145px 6px;
}
button.indicators span {
    background-position: -170px 6px;
}
button.close_win span {
    background-position: -193px 6px;
}
.chart_manu_right button
{
    font-size:13px;
    color:#7b8b9a;
    line-height:26px;
    height: 26px;
    outline:none;
    cursor:pointer;
}
.chart_manu_left button:hover, .chart_manu_right button:hover span {
    background-color: #efefef;
}


button.m1, button.m5,button.m15,button.m30,button.h-4,button.d1,button.mn {
    background: #fff;
    font-size:11px;
    color:#7b8b9a;
}
.chart_manu_left ul {
    margin: 0px 10px;
    display: inline-block;
}

.chart_manu_right ul {
    list-style: none;
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
}

.chart_manu_right  ul li {
    padding-left: 10px;
}
.chart_manu_right {
    margin-right: 50px;
    position: absolute;
    bottom: 18px;
    right: 0px;
    z-index:999;
}
.chart_manu_right a
{
    color:#7b8b9a;
}
.chart_manu_left {
    float: left;
}

.pin {
    position: absolute;
    right: 40px;
    top: 3px;
    cursor: pointer;
}
.login-outer {
    position: absolute;
    height: 100%;
    width: 100%;
    justify-content: center;
    z-index: 99999;
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    background: rgba(255, 255, 255);
    
}
.login-otp {
    position: absolute;
    height: 100%;
    width: 100%;
    justify-content: center;
    z-index: 99999;
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    background: rgba(255, 255, 255);
    
}

.login-secur {
    position: absolute;
    height: 100%;
    width: 100%;
    justify-content: center;
    z-index: 99999;
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    background: rgba(255, 255, 255);
    
}
.login-forget {
    position: absolute;
    height: 100%;
    width: 100%;
    justify-content: center;
    z-index: 99999;
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    background: rgba(255, 255, 255);
    
}
.change-pwd {
    position: absolute;
    height: 100%;
    width: 100%;
    justify-content: center;
    z-index: 99999;
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    background: rgba(255, 255, 255,0.5);
    
}
.login-outer, .login-secur, .login-forget, .change-pwd,.login_loader, .login-otp, .chang-pwd {
    position: absolute;
    height: 100%;
    width: 100%;
    justify-content: flex-end;
    z-index: 99999;
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    /*background: url(../images/login_bg.png) rgba(255, 255, 259) center left;
    background-image:url(../images/login_bg.png);*/
    background-color:rgba(255, 255, 259);
    background-position:center left;
    background-size: contain;
}
.login-secur p {
    font-size: 14px;
}
.login {
    padding:40px;
    /* align-self: center; */
    background: #fff;
    justify-content: center;
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    box-shadow: 0px 0px 23px 0px #bfbfbf;
    /* border-radius: 8px; 
    width:380px;*/
    width:25%;
    position:relative;
    min-width: 300px;
    flex-direction: column;
    justify-content: space-between;
}
.login_loader .login
{
    align-items: center;
height: 100%;
}
.login #username
{
text-transform: uppercase;
}
.login input[type="text"], .login input[type="password"] {
    height: 30px;
    width: 100%;
    border-radius: 0px;
    padding:5px 0px;
    font-size: 14px;
    background: transparent;
    border: none !important;
    box-shadow: inset 0px 0px 0px 20px #fff;
    border-bottom: 1px solid #c7c7c7 !important;
}
.login .errdiv {
    font-size: 12px;
    color: #d03838;
    margin-bottom: 15px;
}
.login  label {
    color: #808080;
    font-size: 13px;
}
.login  label input{
    margin:0px;
}
.login  form {
    width: 100%;
}
.login h2 {
    /* text-align: center; */
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 20px;
    color:#808080;
}
.login_pop img {
    height: 100px;
}
.login_pop {
    margin-bottom: 30px;
    font-size: 12px;
    text-align: center;
    color: #808080;
    
}
.forget_right {
    float: right;
    background: #ccc;
    color: #ccc;
    margin-top: 15px;
}

.forget_right a {
    color: #000;
    font-size: 14px;
    padding: 5px 35px 5px;
    display: inline-block;
}
.form-box1 input {
    font-size: 14px;
    padding: 8px 25px 8px;
    background: #208ecd;
    border: none;
    color: #fff;
    cursor: pointer;
    margin-top: 15px;
    border-radius: 0px;
}
.form-box1.ds_flx a {
    background: #ccc;
    color: #000;
    padding: 5px 20px;
}
.form-box1.ds_flx {
    display: flex;
    justify-content: space-between;
}
.form-box1.ds_flx .forget {
    margin-top: 15px;
}
.foot_note {
    position: absolute;
    bottom: 20px;
    font-size: 11px !important;
    width: calc(100% - 60px);
    color: #808080 !important;
}

.add_money .recent_wdrw {
    margin: 20px 0px;
}

.form-box {
    position: relative;
    margin-bottom:25px;
}

.form-error {
    font-size: 11px;
    position: absolute;
    bottom: -18px;
    margin: 0px;
	    font-weight: 400;
}
.forget {
    margin-top: 30px;
    /* text-align: center; */
    font-size: 14px;
        display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    justify-content: space-between;

}

.forget a {
    color: #919191;
}


.order_entry_item [type="radio"]:checked,
.order_entry_item [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.order_entry_item [type="radio"]:checked + label,
.order_entry_item [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.order_entry_item [type="radio"]:checked + label:before,
.order_entry_item [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 0%;
    background: #fff;
}
.order_entry_item [type="radio"]:checked + label:after, .order_entry_item [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #1f8ecd;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.order_entry_item [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.order_entry_item [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.order_entry_outer {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    flex-wrap: wrap;
    padding: 10px 30px 30px;
}

.order_entry_item {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    align-items: center;
    padding: 10px;
    width: 25%;
}

.order_entry_item input, .order_entry_item select {
    margin: 0px;
    height: 30px;
    border-radius: 0px;
    font-size: 15px;
    padding: 0px 20px 0px 5px;
}

.order_entry_item label {
    padding: 0px 5px;
}
.order_entry_item.ali_right {
    text-align: right;
    justify-content: flex-end;
}

.order_entry_item.ali_right input {
    background: #1f8ecd;
    text-align: center;
    padding: 4px 30px 6px;
    color: #fff;
    border: 0px;
}

.loader {
    display: none;
}
.loader {
    width: 100%;
    height: 100%;
    text-align: center;
    position: fixed;
    z-index: 999999;
    flex-flow: wrap;
    align-content: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.7);
}

.loader img {
    width: 150px;
    height: 150px;
}
.response {
    text-align: center;
    padding: 20px;
}
aside.left_nav i {
    font-size: 25px;
    color: #949494;
}
span.sellholding i {
    font-size: 16px;
}

span.addholding i {
    font-size: 16px;
}
aside.left_nav li {
    text-align: center;
}
.menu-box thead th {
    color: #7a7a7a;
    font-weight: 600 !important;
    background: #f5f5f5;
    font-size: 11px;
    position: sticky;
    top: 0;
}
.menu-box thead, .menu-box tfoot {
    background: #cacaca;
    border: none;
}
.menu-box tfoot th, .menu-box tfoot td{
    background: #cacaca;
}

.menu-box li.tabs-title.is-active a:focus, .menu-box li.tabs-title.is-active a[aria-selected=true] {
    background: #f7f7f7 !important;
    border-color: #1084c9 !important;
    color: #1084c9 !important;
}
.close_tab {
    position: absolute;
    right: 10px;
    top: 7px;
    cursor: pointer;
    font-size: 12px !important;
    line-height: 18px;
    color: #fff;
    height: 20px;
    width: 20px;
    border: 1px solid #000;
    text-align: center;
    border-radius: 3px;
    z-index: 999999;
    background: #000;
}
.pop-chart-right {
    background: #f1f1f2;
    margin-left: 5px;
    padding: 0px 0px;
    width: 100%;
    min-width: 170px;
}
.pin {
    height: 22px;
    width: 22px;
    top: 9px;
    background: url(../images/pin.svg) no-repeat center center;
    background-size: 100% !important;
    z-index: 999999;
}
.pin:hover, .pin.fxd
{
    background: url(../images/pin%20mouse%20over.svg) no-repeat center center;
    background-size: 100% !important;
}
.pop-chart-right table {
    border: 0px;
}

.pop-chart-right table td {
    padding: 0px;
    font-size: 12px;
        background: #f1f1f2;
        position: relative;
}

.pop-chart-right table th {
    font-size: 12px;
    padding: 5px;
    background: #f1f1f2;
    
        text-align: left;
    padding-left: 0;
}
.pop-chart-right table td:last-child {
    width: 40px;
}
.pop-chart-right tr {
    background: none !important;
}

.pop-chart-right thead, .pop-chart-right tbody {
    background: #f1f1f2;
    border:none;
}
.swich-buy-sell {
    position: absolute;
    top: 8px;
    right: 30px;
    color: #000 !important;
}
.pop-cont-top {
    text-align: left;
    background: #52b886;
    padding: 15px;
    color: #fff;
    margin-bottom: 10px;
}
.pop-cont-top span.sys_ptg {
    margin-left: 15px;
    font-size: 13px;
}
.pop-cont-top.sell {
    background: #e53935 !important;
}
.swich-buy-sell .switch {
    margin: 0px;
}
.swich-buy-sell .switch .switch-paddle {
    border-radius: 20px;
    background: none;
    border: 1px solid #fff;
}
.swich-buy-sell .switch-paddle::after {
    border-radius: 50%;
}
.swich-buy-sell .switch:before {content: "Buy";position: absolute;left: -30px;}
.swich-buy-sell .switch:after {content: "Sell  ";position: absolute;right: -30px;top: 0px;}
.pop-cont-top h2 {
    margin: 0px;
    color: #fff;
}
.jconfirm-box-container {
    margin: 0px auto;
}
.search_sys {
    position: relative;
}

span.src_clear {
    position: absolute;
    top: 7px;
    right: 10px;
    font-size: 10px;
    background: #b1b1b1;
    width: 15px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    border-radius: 2px;
    cursor:pointer;
}


/*
.oct-trade {
    position: absolute;
    top: 22px;
    right: 7px;
    width:260px;
}
.oct-trade .input-trade-button.one-click.left {
    left: 7px
}
.oct-trade .input-trade-button.one-click {
    left: 149px;
}











.oct-trade .input-text {
    position: relative;
    height: 24px;
}
.oct-trade .input-text.num button.down span {
    border-style: solid;
    border-width: 3px 3px 0 3px;
    border-color: #000 transparent transparent transparent;
}
.oct-trade .input-text.num button.up span {
    border-style: solid;
    border-width: 0 3px 3px 3px;
    border-color: transparent transparent #000 transparent;
}
.oct-trade .input-text.num button span {
    position: absolute;
    width: 0;
    height: 0;
    margin-top: -2px;
    margin-left: -3px;
}
.oct-trade .input-text input {
    outline: 0;
    border-radius: 0;
    border: 1px solid #abadb3;
    background-color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 3px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 11px;
}
.oct-trade .input-text.num button {
    position: absolute;
    right: 2px;
    width: 20px;
    height: 10px;
    padding: 0 !important;
    margin: 0 !important;
    outline: 0;
}
.oct-trade .webkit button {
    line-height: 16px !important;
}
.oct-trade .input-trade-button {
    width: 93px;
    height: 55px;
    cursor: pointer
}
.oct-trade .input-trade-button .space {
    width: 47px;
    height: 26px;
    position: absolute;
    background: #fff;
    margin: -1px;
    cursor: default !important
}
.oct-trade .input-trade-button .name {
    font-family: Segoe UI, Tahoma, Verdana;
    position: absolute;
    left: 52px;
    width: 37px;
    line-height: 22px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, .5);
    -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, .5);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, .5)
}
.oct-trade .input-trade-button .price {
    position: absolute;
    left: 0;
    width: 90px;
    text-align: center;
    top: 23px;
    color: #fff
}

.oct-trade .input-trade-button.red {
    border: 1px solid #af0000;
    background: #fe4f4f;
    background: -moz-linear-gradient(top, #fe4f4f 0, #af0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fe4f4f), color-stop(100%, #af0000));
    background: -webkit-linear-gradient(top, #fe4f4f 0, #af0000 100%);
    background: -o-linear-gradient(top, #fe4f4f 0, #af0000 100%);
    background: -ms-linear-gradient(top, #fe4f4f 0, #af0000 100%);
    background: linear-gradient(to bottom, #fe4f4f 0, #af0000 100%);
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fe4f4f', endColorstr='#af0000', GradientType=0)
}
.oct-trade .input-trade-button.red .space {
    border-right: 1px solid #af0000;
    border-bottom: 1px solid #af0000
}
.oct-trade .input-trade-button.red.left .space {
    border-right: 0 none;
    border-left: 1px solid #af0000
}
.oct-trade .input-trade-button.red.pressed {
    background: #af0000;
    background: -moz-linear-gradient(top, #af0000 0, #fe4f4f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #af0000), color-stop(100%, #fe4f4f));
    background: -webkit-linear-gradient(top, #af0000 0, #fe4f4f 100%);
    background: -o-linear-gradient(top, #af0000 0, #fe4f4f 100%);
    background: -ms-linear-gradient(top, #af0000 0, #fe4f4f 100%);
    background: linear-gradient(to bottom, #af0000 0, #fe4f4f 100%);
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#af0000', endColorstr='#fe4f4f', GradientType=0)
}
.input-trade-button.left.one-click.blue, .input-trade-button.left.one-click {
    border: none;
    background: #e53935;
    background: -moz-linear-gradient(top, #e53935 0, #e53935 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e53935), color-stop(100%, #e53935));
    background: -webkit-linear-gradient(top, #e53935 0, #e53935 100%);
    background: -o-linear-gradient(top, #e53935 0, #e53935 100%);
    background: -ms-linear-gradient(top, #e53935 0, #e53935 100%);
    background: linear-gradient(to bottom, #e53935 0, #e53935 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e53935', endColorstr='#e53935', GradientType=0);
}
.oct--trade .input-trade-button.right, .input-trade-button.right.one-click {
    border: none;
    background: #00b276;
    background: -moz-linear-gradient(top, #00b276 0, #00b276 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00b276), color-stop(100%, #00b276));
    background: -webkit-linear-gradient(top, #00b276 0, #00b276 100%);
    background: -o-linear-gradient(top, #00b276 0, #00b276 100%);
    background: -ms-linear-gradient(top, #00b276 0, #00b276 100%);
    background: linear-gradient(to bottom, #00b276 0, #00b276 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00b276', endColorstr='#00b276', GradientType=0);
}
.oct-trade .input-trade-button.blue .space {
    border-right: 1px solid #0000af;
    border-bottom: 1px solid #0000af
}
.oct-trade .input-trade-button.blue.left .space {
    border-right: 0 none;
    border-left: 1px solid #0000af
}
.oct-trade .input-trade-button.blue.pressed {
    background: #0101b0;
    background: -moz-linear-gradient(top, #0101b0 0, #4f4ffe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0101b0), color-stop(100%, #4f4ffe));
    background: -webkit-linear-gradient(top, #0101b0 0, #4f4ffe 100%);
    background: -o-linear-gradient(top, #0101b0 0, #4f4ffe 100%);
    background: -ms-linear-gradient(top, #0101b0 0, #4f4ffe 100%);
    background: linear-gradient(to bottom, #0101b0 0, #4f4ffe 100%);
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0101b0', endColorstr='#4f4ffe', GradientType=0)
}
.oct-trade .input-trade-button.pressed .name, .oct-trade .input-trade-button.pressed .price {
    margin-top: 1px;
    margin-left: 1px
}
.oct-trade .input-trade-button.black .space {
    background: #000
}
.oct-trade .input-trade-button .but {
    position: absolute;
    background: #000;
    width: 93px;
    height: 55px;
    opacity: 0
}
.oct-trade .input-trade-button.one-click {
    position: absolute;
    top: 22px;
    left: 104px;
    z-index: 999
}

.oct-trade .input-text.num.one-click {
    position: absolute;
    top: 22px;
    left: 57px;
    width: 92px;
    z-index: 999
}
.oct-trade .input-text.num.one-click input {
    left: 23px;
    width: 46px;
    text-align: right;
    padding: 0 5px;
    outline: 0
}
.oct-trade .input-text.num.one-click .down {
    left: 0;
    top: 0;
    height: 24px;
    width: 24px
}
.oct-trade .input-text.num.one-click .up {
    right: 0;
    top: 0;
    height: 24px;
    width: 24px
}
.oct-trade .input-text.num.book {
    height: 22px
}
.input-text.num.book input {
    left: 0;
    width: 100%;
    text-align: right;
    padding: 0 25px;
    outline: 0
}
.oct-trade .oct-trade .input-text.num.book .down {
    left: 0;
    top: 0;
    height: 22px;
    width: 22px
}
.oct-trade .input-text.num.book .up {
    right: 0;
    top: 0;
    height: 22px;
    width: 22px
}
.ie .oct-trade .input-text.num.one-click button span {
    margin-left: 8px
}
.oct-trade .one-click.hidden {
    display: none !important
}
.oct-trade .input-text.num.one-click input {
    left: 24px;
    width: 35px;
    background-color: #273137;
    color: rgba(255, 255, 255, 0.60) !important;
    text-align:center;
    border: none;
}

.oct-trade .input-trade-button {
    width: 107px;
    height: 55px;
    cursor: pointer;
}
.input-trade-button.right .price {
    left:auto;
    right:0px;
}
.oct-trade .input-trade-button .but {
    width: 107px;

}
.oct-trade .input-text.num.one-click {

    width: 83px;
}
.oct-trade .input-text.num.one-click {
    left: 90px;
}
.oct-trade .input-text.num.one-click {
     width: 83px;
}

.oct-trade .input-text, .oct-trade .input-text.num.one-click .down, .oct-trade .input-text.num.one-click .up {

    height: 55px !important;
}
.oct-trade .input-trade-button.left .space, .oct-trade .input-trade-button .space
{
    display:none;
}
.oct-trade .input-text.num.one-click .down {
    height: 24px;
    width: 24px;
    background-color: #333f46;
    border: none;
}
.oct-trade .input-text.num.one-click .up {
    right: 0;
    top: 0;
    height: 24px;
    width: 24px;
    background-color: #333f46;
    border: none;
}
.oct-trade .input-text.num button.down span {
    border-style: solid;
    border-width: 3px 3px 0 3px;
    border-color: #333f46 transparent transparent transparent;
}
.oct-trade .input-text.num button.up span {
    border-style: solid;
    border-width: 0 3px 3px 3px;
    border-color: transparent transparent #333f46 transparent;
}
.oct-trade .input-text.num button.up span:after {
    content: '+';
    color: #fff;
    font-size: 14px;
    line-height: 0px;
    position: absolute;
    top: 1px;
    left: -4px;
}
.oct-trade .input-text.num button.down span:after {
    content: '-';
    color: rgba(255, 255, 255, 0.60) !important;
    font-size: 14px;
    line-height: 0px;
    position: absolute;
    top: -3px;
    left: -2px;
}
.inside_oc .oct--trade .input-text.num button.down span:after {
    content: '-';
    color: rgba(255, 255, 255, 0.60) !important;
    font-size: 14px;
    line-height: 0px;
    position: absolute;
    top: -3px;
    left: -2px;
}
.inside_oc .oct--trade .input-text.num button.up span:after {
    content: '+';
   color: rgba(255, 255, 255, 0.60) !important;
    font-size: 14px;
    line-height: 0px;
    position: absolute;
    top: 1px;
    left: -5px;
}*/



inside_oc .oct--trade .input-text.num button.down span:after {
    content: '-';
    color: rgba(255, 255, 255, 0.60) !important;
    font-size: 14px;
    line-height: 0px;
    position: absolute;
    top: -3px;
    left: -2px;
}
.inside_oc .oct--trade .input-text.num button.up span:after {
    content: '+';
   color: rgba(255, 255, 255, 0.60) !important;
    font-size: 14px;
    line-height: 0px;
    position: absolute;
    top: 1px;
    left: -5px;
}
.oct-trade {
    position: absolute;
    right: 100px;
    top:50px;
    width: 300px;
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
        box-shadow: 0px 0px 13px 0px #cbcbcb;
}
.input-trade-button.left {
    background: #fff2f4;
    padding: 10px;
    color: #eb4d5c;
    padding: 10px 50px 10px 10px;
}
span.v {
    font-size: 20px;
}
.input-text.num {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    position: relative;
}

.input-text.num input {
    margin: 0px;
    height: 60px;
    border: 2px solid #fff !important;
    box-shadow: none;
    text-align:center;  
}

.input-trade-button .name {
    font-size: 11px;
}

.price {
    font-size: 16px;
}

.input-trade-button.right {
    background: #e0efe8;
    color: #53b987;
    padding: 10px 10px 10px 50px;
}
.input-text.num button.up {
    position: absolute;
    right: -40px;
    width: 40px;
    height: 100%;
    background:#f4f4f5;
    border:2px solid #fff;
    outline:none;
}
.input-text.num button.down
{
    position:absolute;
    left: -40px;
    width: 40px;
    height: 100%;
    background:#f4f4f5;
    border:2px solid #fff;
    outline:none;
}

.srh_results {
    position: absolute;
    z-index: 999;
    background: #fff;
    width: calc(100% - 15px);
    overflow-y: hidden;
    
}
.srh_results:hover
{
    overflow-y: scroll;
    width: calc(100% - 10px);
}
.srh_results li {
    padding: 0px !important;
}
.side-codes .srh_results ul li:hover .s-box {
    border: none !important;
}

.SELL .pop-cont-top {
    background: #e85350;
}

.SELL button.btn-buy {
    background: #e85350;
}

.switchery-small {
    border-color: #fff !important;
}
.pop-chart-right table.buy {
    color: #1458c9;
}
.dark_theme  .pop-chart-right table.buy {
    color: #68a1ff;
}
ul#marketwatch-tabs li {
    display: inline-block;
    padding: 0;
    margin: 0;
    border: none !important;
}

.marketwatch-tabs > div {
    margin: 0;
    padding: 0;
    
    overflow-y: scroll;
}
ul#marketwatch-tabs li a {
    padding: 6px 5px 5px 5px;
    display:flex;
    align-items:center;
    font-size: 16px !important;
    justify-content: center;
}
span.symbolsseries {
    /* transform: rotate(20deg); */
    color: grey;
    font-size: 8px;
}
.side-codes-details table.buy tbody tr,.side-codes-details table.sell tbody tr {
    cursor: pointer;
}
.tab-inner li:hover
{
    background:#fff !important;
    
}
.tab-inner li
{
    position:relative;
    border-bottom: 1px solid #f4f4f5;
}
.tab-inner li:hover .s_btns, .tab-inner li.short_act .s_btns  {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    /* background: #fff !important; */
    align-items: center;
    width: calc(100% + 1px);
    justify-content: space-around;
    background: rgb(254,254,254);
    /* background: linear-gradient(90deg, rgba(254,254,254,1) 0%, rgba(233,233,233,1) 100%); */
    border-bottom: 1px solid #f4f4f5;
    border-right: 1px solid #f4f4f5;
}

.tab-inner li span
{
    margin:0px 8px;
}
input#project {
    width: 100%;
    height: 30px;
    border-radius: 20px;
    border-color: #c0c0c0 !important;
    border: 1px solid;
    outline:none !important;
    padding:0px 15px;
    font-size:14px;
}
.s-box {
    font-size: 13px;
    position: relative;
    padding:5px 8px;
}
.srh_results span.s_details {
    padding-right: 35px !important;
}
.s_btns {
    display: none;
    position: absolute;
    right: -1px;
    top: 30px;
    z-index: 99;
    padding-bottom: 9px !important;
    padding-top: 5px !important;
}
.s_btns span {
    height: 24px;
    line-height: 23px;
    width: 40px;
    text-align: center;
}
.s-box span.symbolsseries {
    position: absolute;
    top: 5px;
    right: 15px;
}

span.s_name {
    width: 30%;
        display: inline-block;
}
/*.s-box:hover .s_btns 
{
    display:flex;
    
}
.s-box:hover span.symbolsseries, .s-box:hover .s_details
  {
      display:none;
}*/
.s-box:hover .s_btns {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    width: 100%;
    background: linear-gradient(90deg, rgba(254,254,254,1) 0%, rgba(233,233,233,1) 100%) !important;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
        padding: 5px 10px;
}
.ui-menu .ui-menu-item {    
    padding: 5px 8px;
    background: #f4f4f5;
    margin: 2px 0px;
    border: none;
}

.ui-widget.ui-widget-content {
    border: none;
}

.ui-menu .ui-menu-item:hover {
    background: #fff;
    color: #000;
}
span.s_buy {
    font-size: 12px;
    background: #53b987;
    padding: 0px 6px;
    color: #fff !important;
    border-radius: 2px;
    margin: 8px 0px 8px 30px !important;
}
span.s_sell  {
    font-size: 12px;
    background: #eb4d5c;
    padding: 0px 6px;
    color: #fff !important;
    border-radius: 2px;
}
span.s_b1, span.s_b2, span.s_add, span.s_add_sym, span.s_close, span.s_more {
    /* background: #e9e9e9; */
    border: 1px solid #c7c7c7;
    padding: 0px 5px;
    width: 42px;
    border-radius: 3px;
    height: 24px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
}
span.s_more {
    width: unset;
}
span.s_add, span.s_add_sym {
    width: 30px;
    display: inline-block;
    text-align: center;
    background: #c7c7c7;
    color: #fff;
}
span.s_details {
    color: #b9b8b9 !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-left: 10px;
    font-size:12px;
    text-align: right;
}
.srh_results span.symbols {
    color: #545454 !important;
    font-weight: 600;
}
.s-box .s_btns span {
    margin: 0px 3px;
}
.ord_switch {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 14px;
}
.switchery-small>small {
    height: 15px !important;
    width: 15px !important;
    top: 2px !important;
    left: 2px;
}
.table-filters {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    float: right;
    position: absolute;
    right: 80px;
    align-items: center;
    top: 5px;
}

.table-filters input, .table-filters select {
    height: 25px !important;
    font-size: 12px;
    padding: 0px 20px 0px 10px;
    margin: 0px 0px 0px 15px;
    border-radius:30px;
}
input#filter-name {
    width: 213px;
    font-size: 12px;
}

select#filter-city {
    width: 100px;
}

div#chart_window.act {
    width: calc(100% - 320px);
}
div#chart_window
{
    transition:0.5s ease-in;
}
body::-webkit-scrollbar {
    width: 6px;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}


.user_info {
    font-family: 'SegoeUI';
    font-size:24px;
}
.chart-box ul.ui-tabs-nav {
    padding: 0px;
    background: #fff !important;
    border: none;
    border-bottom: 1px solid #e6e6e6;
    z-index: 999;
    position: relative;    
    border-radius: 0px !important;
}
aside.left_nav:after {
    content: '';
    height: 77px;
    width: 2px;
    background: #fff;
    position: absolute;
    right: -1px;
    top: 0;
}
.chart-box.fxd ul.ui-tabs-nav {
    position: sticky;
    top: 0;
}
.chart-box .ui-tabs {
    padding: 0px;
    border: none;
}
.chart-box .ui-tabs .ui-tabs-nav li {
    border:none;
    border-bottom: 4px solid #fff;
    outline:none !important;
}
.chart-box .ui-tabs .ui-tabs-nav li a
{
    outline:none !important;
}
.chart-box .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border-color: #53b987;
    color: #000;
    outline:none !important;
    background: #f7f7f7;
}
.chart-box .ui-widget.ui-widget-content {
    border: none !important;
}
.chart-box .ui-tabs .ui-tabs-nav li.ui-tabs-active a
{
    background: #f7f7f7;
}
.chart-box .ui-state-default, .chart-box .ui-widget-content .ui-state-default, .chart-box .ui-widget-header .ui-state-default {
    background: none;
}
.chart-box .ui-tabs .ui-tabs-nav li a {
    color: #000;
    background:#fff;
    font-weight:400;
    font-size:14px;
}

.chart-box .row {
    /**max-width: 100%;**/
        max-width: calc(100vw - 410px);
    margin: 0px;
}
.chart-box .row .column:nth-child(odd) {
    padding-left: 0px;
}
.chart-box .row .column:nth-child(even) {
    padding-right: 0px;
}
.market_info {
    border: 1px solid #ccc;
    margin-right: 10px;
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 190px;
    height: calc((100vh - 255px)/3);
}
.market_info {
   cursor: pointer;
   position:relative;
}
span.last_update_time {
    position: absolute;
    bottom: 14px;
    font-size: 13px;
    display: flex;
    align-items: center;
    right: 375px;
}

span.last_update_time img {
    height: 18px !important;
    margin-right: 7px;
}
.market_info_top {
    padding: 15px 15px;
    color: #737373;
    font-family: 'SegoeUI';
    font-size:14px;
    position: relative;
}


.info_top_right {
    position: absolute;
    right: 10px;
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
flex-wrap: wrap;
    width: 20px;
}
.info_top_right div {
    margin-bottom: 5px;
}
.rfresh_btn {
    min-width: 22px !important;
    margin-left: 2px;
    background: #f4f4f6;
    border-radius: 50%;
    text-align: center;
    height: 22px;
}
.info_top_right a {
    display: block;
    width: 22px;
    height: 22px;
    text-align: center;
    margin: 0px 3px;
    background: #f4f4f6;
    border-radius: 50%;
    font-size: 14px;
    line-height: 18px;
    border: 1px solid #f4f4f6;
}

.info_top_right span {
    position: absolute;
    display: none;
    font-size: 12px;
}

.info_top_right a i {
    font-size: 11px;
    line-height: 20px;
}

.info_top_right>div:hover span {
    display: block;
    color: #1689ca;
    right: 12px;
    width: 100px;
    text-align: center;
    top: 0;
}
.info_top_right>div:hover a {
    border-color: #1689ca;
    color: #1689ca;
}

.info_top_right>div {
    position: relative;
}
.market_info_bottom {
    background: #f4f4f5;
    padding: 8px 15px;
}

.market_info_bottom p {
    margin: 0;
    position: relative;
    color: #737373;
    font-size:12px;
}
.market_info_bottom p span {
    position: absolute;
    right: 0px;
}
.market_info_top h2 {
    font-size: 26px;
    margin-bottom: 10px;
    font-family: 'SegoeUI';
    font-weight:400;
    line-height:1.5;
    margin-bottom:0px;
}
.mr_name {
    font-size: 16px;
    color: #000;
}

.market_overview {
    font-family: 'SegoeUI';
    height: calc((100vh - 200px)/2);
    min-height: 290px;
}
.table_market_overview {
    font-size: 12px;
    margin-top: 10px;
    height: calc((100vh - 130px)/2);
    margin-left:-10px;
}
div#tabs-1 .mCSB_inside>.mCSB_container
{
    padding-bottom:0px !important;
}

.table_market_overview::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.table_market_overview::-webkit-scrollbar
{
    width: 3px;
    background-color: #53b987;
}

.table_market_overview::-webkit-scrollbar-thumb
{
    background-color: #949493;
    border: 1px solid #949493;
}


.table_market_overview table
{
    max-height: calc((100vh - 330px)/2) !important;

}

.market_info_top p {
    margin: 0px;
}
.table_market_overview tbody tr {
    box-shadow: 0px 0px 7px 0px #cbcbcb;
    margin: 5px 0px !important;
    background: #fff !important;
}
.banner_slider {
    height: calc((100vh - 155px)/2);
    border: 1px solid #ccc;
    margin-bottom: 10px;
    min-height: 290px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.banner_slider .owl-carousel .owl-item img
{
    height: calc((100vh - 155px)/2);
}
.banner_slider .owl-dots {
    display: none;
}
.banner_slider button.owl-prev {
    position: absolute;
    top: 45%;
    width: 30px;
    height: 30px;
    left: -40px;
    background: #f4f4f5 !important;
    border-radius: 50%;
    outline:none;
    transition:0.3s ease;
}
.banner_slider button.owl-next {
    position: absolute;
    top: 45%;
    width: 30px;
    height: 30px;
    right: -40px;
    background: #f4f4f5 !important;
    border-radius: 50%;
    outline:none;
    transition:0.3s ease;
}
.banner_slider .owl-carousel:hover button.owl-next
{
right: 10px;
}
.banner_slider .owl-carousel:hover button.owl-prev
{
left: 10px;
}
.pop-chart-right input {
    width: 10px;
    padding: 0px;
    border: none;
    margin: 1px;
    height: 10px;
    color:transparent;
    background-size: 8px !important;
    position: absolute;
    top: 4px;
    right: 15px; 
    background-repeat: no-repeat !important;   
}
.pop-chart-right input:nth-child(1)
{
    background:url(../images/down.png) center center #d03838;
}
.pop-chart-right input:nth-child(2)
{
    background:url(../images/up.png) center center #3166cc;
        right: 0px;
}
.pop-chart-right .tabs-content {
    padding: 5px 0px !important;
    background: transparent;
    border: none;
}
.marketwatchtable {
    padding: 0px 10px;
}
td.rang_val {
text-align:right !important;}

.pop-chart-right table th:nth-child(3) {
    text-align: right !important;
}
.pop-chart-right .tabs-panel {
    padding: 0px;
}

.pop-chart-right ul li {
    width: 50%;
	text-align: center;
}

.pop-chart-right ul li a {
    padding: 10px 5px;
    color:#8a8a8a;
    outline:none;
}

.pop-chart-right .tabs-title>a:focus, .pop-chart-right .tabs-title>a[aria-selected=true] {
    background: #188acb;
    color: #fff;
}

.tooltip {
    /*background: #7be8ba;*/
    z-index: 99999999;
    position: absolute;
    /*border:1px solid #52b886 !important;*/
    text-decration:none !important;
    padding:5px 10px;
}
.has-tip {
    cursor: pointer;
}
.tooltip:after, .tooltip:before 
{
    /*border-top-color:#52b886 ;
    border-top-color:transparent ;
    border-right-color:#52b886 ;*/
}

.avatar-upload {
  position: relative;
  max-width:120px;
  margin-bottom:30px;

}
.avatar-upload .avatar-edit {
    position: absolute;
    z-index: 1;
    bottom: -30px;
    width: 100%;
    text-align: center;
}
.avatar-upload .avatar-edit input {
  display: none;
}
.avatar-upload .avatar-edit input + label {
  display: inline-block;
  margin-bottom: 0;
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
  color:#2a94d0;
}

.avatar-upload .avatar-preview {
  width: 120px;
  height: 120px;
  position: relative;
  border-radius: 100%;
  border: 6px solid #F8F8F8;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.pro_sec {
    height: calc(100% - 45px);
    border: 1px solid #eaeaea;
    padding: 25px;
    position: relative;
}
.pro_details p {
    font-size: 14px;
    font-weight: 600;
    color:#737373;
    margin-bottom: 10px;
}
.pro_details label
{
    color:#737373;
}
.edit_pop {
    text-align: right;
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.edit_pop a {
    background: #e9f4fa;
    color: #3a98d0 !important;
    font-size: 14px;
    padding: 5px 30px;
    border-radius: 30px;
    outline:none !important;
}
.chart-box h3 {
    font-size: 24px;
}
.pop_form_item .radio {
    font-size: 14px;
    margin-bottom: 15px;
}
.pop_form_item {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
}
.pop_form_item1 {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
        justify-content: flex-end;
}
.pop_form_item .radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  margin:0px !important;
}
.pop_form_item .radio input[type="radio"] + .radio-label:before {
  content: '';
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  top: 3px;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.pop_form_item .radio input[type="radio"]:checked + .radio-label:before {
  background-color: #3197EE;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}
.pop_form_item .radio input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color: #3197EE;
}
.pop_form_item .radio input[type="radio"]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.pop_form_item .radio input[type="radio"] + .radio-label:empty:before {
  margin-right: 0;
}
div#pwd_change {
    padding: 0px;
    text-align: left;
}
.pop_head {
    background: #2a94d0;
    padding: 15px 10%;
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
}

.pop_body {
    padding: 35px 10%;
}

.pop_form_item input[type="password"] {
    border-radius: 0;
    padding: 5px 20px;
}
.pop_form_item1 input[type="submit"] {
    background: #2a94d0;
    border: 1px solid #2a94d0;
    border-radius: 0px;
    color: #fff;
    padding: 10px 20px;
    margin-right: 10px;
    width: 120px;
}
.pop_form_item1 input[type="button"] {
    background: #f8f8f8;
    border: 1px solid #eaeaea;
    border-radius: 0px;
    color: #000;
    padding: 10px 20px;
    width: 120px;
	margin:0px 5px;
	cursor:pointer;
}
.notify_box {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 999;
    background: #f4f4f5;
    color: #2794d1;
    display:none;
}

span.noty_close {
    position: absolute;
    right: 15px;
    top: 0;
    line-height: 34px;
    cursor:pointer;
}

.notify_contant {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
}

.noty_img {
    background: #2794d1;
    padding: 5px 15px 5px 25px;
}

.noty_info {
    line-height: 34px;
    font-size: 15px;
    padding: 0px 15px;
    font-weight: 600;
}


::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar
{
    width: 8px;
    background-color: #53b987;
    height: 8px;
}

::-webkit-scrollbar-thumb
{
    background-color: #949493 ;
    border: 0px solid #949493;
}
div#active_orders {
    padding: 0px;
    font-size: 12px;
}
div#active_orders a.ok_btn {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 5px;
    line-height: 8px;
    width: 20px;
    height: 20px;
}
.close_all_order {
    position: absolute;
    top: 9px;
    font-size: 12px !important;
    right: 100px;
}

.close_all_order i {
    font-size: 20px !important;
}
div#active_orders th, div#active_orders td
{
    padding:5px 8px;
}
div#active_orders tbody tr {
    box-shadow: 0px 0px 7px 0px #cbcbcb;
    margin: 5px 0px !important;
    background: #fff !important;
}
.nicescroll-rails {
    z-index: 999 !important;
}

aside.left_nav div.dataTables_filter {
    position: absolute;
    top: 3px;
    z-index: 999999999;
    right: 111px;
    width: 145px;
}

aside.left_nav .dataTables_wrapper {
    position: static;
}

aside.left_nav div.dataTables_filter input {
    height: 27px !important;
    border-radius: 50px;
    width: 90px;
    font-size: 14px;
    padding: 0px 15px;
    margin-bottom:0px;
}

aside.left_nav div.dataTables_filter label {
    display: inline-flex;
    font-size: 14px;
}
.pos_filter {
    position: absolute;
    top: 4px;
    display:none;
    right: 340px;
}
.refresh_btn {
    position: absolute;
    top: 10px;
    right: 71px;
    font-size: 11px !important;
}

.refresh_btn i {
    font-size: 16px !IMPORTANT;
}
.pos_filter select {
    height: 27px;
    padding-top: 0;
    padding-bottom: 0px;
    padding-left:15px;
    border-radius: 30px;
    background-color: transparent;
    font-size: 14px;
    margin-bottom:0px;
}

div#active_orders {
    max-width: 1200px;
    padding:10px 10px 0;
}
div#position_conversion .form_field {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px;
}

div#position_conversion .form_field input, div#position_conversion .form_field select {
    margin: 0px;
}
div#position_conversion input[type="number"] {
    width: 100px;
}
div#position_conversion  .pop_form_item1
{
    margin-top:50px;
    margin-bottom:15px;
}
div#position_conversion p
{
    margin:15px;
    font-weight:600;
}
.pop_form_item li {
    font-size: 12px;
    line-height: 1.2;
    padding-left: 0px;
    color: #565656;
}
td.ord_activity {
    cursor: pointer;
}

table#activity tbody tr {cursor: pointer;}

.pop_buy_tip {
    max-width: 600px;
    position: absolute;
    width: 100%;
    left: calc(50% - 300px);
    bottom: 10%;
    background:#fff;
    z-index: 999999;
    box-shadow: 0px 0px 13px 0px #cbcbcb;
    display:none;
}
.pop_bid {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
}

.pop_bid table, .pop_bid td, .pop_bid tr, .pop_bid th, .pop_bid thead, .pop_bid tbody {
    background: #f1f1f2 !important;
    font-size: 13px;
    text-align: center;
    border: none !important;
    margin: 0px;
    padding: 5px;
}
.tips_right {
    position: absolute;
    top: 10px;
    color: #737373;
    right: 50px;

}
.tips_right label
{
    color: #737373;
    font-size: 13px !important;

}
.tips_right input {
    margin: 0px !important;
}
.tips {
    padding: 10px 15px 15px;
    font-size: 13px;
    color: #737373;
}

.tips span {
    font-size: 18px !important;
        color: #000;
        font-weight:600;
}
.pop_bid table
{
    margin:0px 35px 30px;
        width: 230px;
}
.pop_buy_tip span.close {
    background: transparent;
    line-height: 1.2;
    border-radius: 50%;
    color: #909090;
    border: 1px solid #909090;
}
.pop_bid input {
    width: 13px;
    padding: 0px;
    border: none;
    margin: 1px;
    height: 13px;
    color:transparent;
}
.pop_bid input.ask_low
{
    background:url(../images/down.png) center center #d03838;
}
.pop_bid input.ask_high
{
    background:url(../images/up.png) center center #3166cc;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 5px 15px 5px 5px;
    
    font-size: 12px;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 5px 5px;
    font-size: 12px;
}
.nifty_st.up {
   color: #000;
}
.m_chart .market_overview {
    padding: 0px !important;
}


span.ord_bidtips_left:before, span.ord_bidtips_right:before {content: "\f176"; font: normal normal normal 14px/1 FontAwesome;position: absolute;top: 16px;left: 5px;}

span.ord_bidtips_left, span.ord_bidtips_right {
    position: relative;
}
span.ord_bidtips_left:after{content: 'Sell Stop';color:#949494;position: absolute;top: 32px;right: 5px;width: 100px;text-align: right;font-size: 11px;}
span.ord_bidtips_right:after {
    content: 'Buy Limit';
    position: absolute;
    top: 32px;
    left: 5px;
    width: 100px;
    text-align: left;
    font-size: 11px;
    color:#949494;
}




span.ord_asktips_left:before, span.ord_asktips_right:before {content: "\f176"; font: normal normal normal 14px/1 FontAwesome;position: absolute;top: 16px;left: 5px;}

span.ord_asktips_left, span.ord_asktips_right {
    position: relative;
}
span.ord_asktips_left:after{content: 'Sell Limit'; color:#949494; position: absolute;top: 32px;right: 5px;width: 100px;text-align: right;font-size: 11px;}
span.ord_asktips_right:after {
    content: 'Buy Stop';
    position: absolute;
    color:#949494;
    top: 32px;
    left: 5px;
    width: 100px;
    text-align: left;
    font-size: 11px;
}
table#journal td:nth-child(3),table#journal th:nth-child(3) {
   text-align: left;
}
.errdiv {
    font-size: 14px;
    color: #d03838;
}
.pop_body .errdiv {
    font-size: 12px;
    color: #d03838;
}
.chart-box.fxd {
    
    height: 50%;
    padding-top: 67px;
    margin-top: -20px;
}
.main_inner.fxd
{
    margin-top:-40px;
    height: calc(100vh - 0px);
}
.chart-box-inner.fxd {
    height: 100%;
    position: relative;
    /**overflow-y: scroll;**/
    padding-top: 0px;
    border: 1px solid #e8e8e8;
}
span.editposition i {
    cursor: pointer;
}
.main_inner.fxd .side-bar {
    margin-top: 45px;
    display: none !important;
}
.chart-box.fxd .chart-box-inner-out {
    position: relative;
    height: calc(100% + 2px);
    margin: 0px -1px;
    
    
    
}

.m_chart
{
    position:relative;
}
.m_chart:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    top: 0px;
}
main.active {
    overflow-y: hidden;
}
table.dataTable.no-footer, table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
    border: none !important;
}
div#noty_layout__topLeft {
    left: 70px;
    top: 80px;
}




@keyframes noty_anim_out {
    100% {
        -webkit-transform: translate(-70px,414px) !important;
        transform: translate(-70px,414px) !important;
        opacity: 0;
    }
}

td[data-sort='Error'] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 15px;
    text-decoration: none !important;
    border: none;
}
.chart-box-inner span.ui-icon.ui-icon-close {
    background-color: #000 !important;
    padding: 0px;
    height: 17px;
    width: 17px;
    color:transparent;
    background-position: -81px -129px;
    margin: 3px;
    border-radius: 0;
    border: 1px solid #000;
    line-height: 13px;
    position:relative;
    text-indent: unset !important;
}
.chart-box-inner span.ui-icon.ui-icon-close:before {
    content: 'x';
    color: #fff !important;
    position: absolute;
    left: 0px;
    width: 15px;
    height: 15px;
    top: 0px;
    z-index: 999;
    text-indent: unset;
    font-size: 13px !important;
    padding: 0px !important;
    text-align: center;
    line-height: 12px;
}

.chart-box-inner  .ui-state-active .ui-icon {
    background-image:none;
}

@keyframes blink {
  50% {
    transform: scale(1.1);
    
  }
}
@-webkit-keyframes blink {
  50% {
    transform: scale(1.1);
  }
}
.blink {
  animation: blink 1s step-start 0s infinite;
  -webkit-animation: blink 1s step-start 0s infinite;
  box-shadow: 0px 0px 11px 4px #97c43a;
  transition:linear;
}
small.j_count {
    position: absolute;
    background: #020202;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    left: 22px;
    top: 5px;
    color: #fff;
    font-size: 9px;
    line-height: 17px;
z-index: 9999;
}

a.menu_tab6 {
    position: relative;
}
.lot {
    text-align: left;
    font-size: 12px;
}
span.icon.icon10 {
    background: none !important;
    opacity: 1;
    padding: 3px;
    position: relative;
}

table#activity [data-sort] {
    padding: 5px 15px 5px 5px;
    font-size: 11px;
}
table#activity [data-sort="Account"] {
    min-width: 80px !important;
}
table#activity [data-sort="Last Update Time"] {
    min-width: 150px !important;
}
table#activity [data-sort="Error"] {
    min-width: 100px !important;
}
table#activity [data-sort="Activity"] {
    min-width: 60px !important;
}

.tag-box-outer .tag-box input[type=number] {
   width: 100%;
}

.chart-box-inner {
    height: 100%;
}

.editpopup .pop-chart-cont {
    width: 100%;
}
.trade tbody tr td:nth-child(2) {
   cursor: pointer;
}

div#position_conversion {
    font-size: 14px;
}


span.editposition i {
    font-size: 18px;
}
span.sqoff i {
    font-size: 18px;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 0px 18px 0px 5px !important;
    position: sticky;
    top: 0;
    z-index: 9;

}
table.dataTable tfoot th, table.dataTable tfoot td
{
    position: sticky;
    bottom: 0;
}
td.climb_line {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 28px;
}
.n_scrol {
    height: 100%;
}
div#ghostbar {
    left: 10px !important;
}
span.version {
    background: #e6e7e9;
    position: absolute;
    bottom: -19px;
    width: fit-content;
    right: -40px;
    padding: 2px 11px;
    color: #000000;
    font-size: 10px;
}
.drop-down ul span.version {
    right: 0px;
    bottom: 4px;
}
.is-invalid-label {
    color: #c60f13 !important;
}

.menu-box.act.fxd{
   height:50%;
   width: 100%;
}
.chart-box .tabs-content.fxd{
   width:100%;
   position:relative;
   height:50%;
   overflow-y: hidden;
   top:-80px !important;
}

#dragbar {
    background-color: #ffffff;
    height: 5px;
    position: absolute;
    bottom: -7px;
    width: 20%;
    cursor: row-resize;
    z-index: 99;
    overflow: hidden;
    display: none;
    left: 40%;
}
div#dragbar:after {
    content: "***";
    position: absolute;
    width: 25px;
    left: 50%;
    color: #212121;
    font-size: 11px;
    line-height: 1;
    text-align: center;
}
#ghostbar{
    height:3px;
    background-color:#000;
    opacity:0.5;
    position:absolute;
    cursor: row-resize;
    z-index:999}
.chart-box .tabs-content.fxd .tabs-panel
{
    position:absolute;
    bottom:0px;
    width:100%;
}

#margin_details table{
  width: 100%;
}

#margin_details table, #margin_details td{
  border-collapse: collapse;
  
}

#margin_details thead{
  display: table; 
  width: 100%;
  
}

#margin_details tbody{
  display: block; 
    height: 100px; 
  /**overflow-y: scroll; **/
}

#margin_details th, #margin_details td{
  
  padding: 5px 0px !important;
  
}
#margin_details th{
      padding: 5px 15px 5px 5px!important;

}

#margin_details tr {
 
  width: 100%;
  box-sizing: border-box; 
}

#margin_details td{
  text-align: center;
  border-bottom: none;
  border-left: none;
}
div#margin_details_filter {
    position: absolute;
    top: -45px;
    right: 20px;
}

div#margin_details_filter label {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    font-size: 12px;
    align-items: center;
}

div#margin_details_filter label input {
    height: 30px;
    margin: 0px;
    margin-left: 10px;
    border-radius: 15px;
    padding:0px 10px;
}

.table_market_overview
{
    height:unset !important;    

}
div#indices_popup ul.chosen-results, div#indices_popup ul.chosen-choices, div#indices_popup     .chosen-container {
    width: 300px !important;
}

div#indices_popup .select_name {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    justify-content: center;
    
}
div#indices_popup {
    height: 300px;
    padding-top: 50px;
}
div#indices_popup .chosen-container .chosen-results
{
    max-height:150px;
}
.form_bottom {
    margin-top: 20px;
}

.form_bottom input, .form_bottom button {
    background: #208ecd;
    border: none;
    height: 30px;
    color: #fff;
    padding: 5px 20px;
    font-size: 14px;
    cursor: pointer;
}

.table-scroll {
    height: 100%;
    font-size: 12px;
}
.m_chart img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #f4f4f5;
}
.m_chart a {
    display: block;
    height: 100%;
}



.market_info_new_top {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    justify-content: space-between;
    padding:15px 15px 10px;
}

.holding_val h2 {
    margin: 0;
    line-height: 1;
    font-size: 30px;
}

.holding_val {
    padding:0px 15px;
}
.holding_val p {
    font-size: 14px;
    margin-bottom: 0px;
}

.market_info_new_bottom p {
    font-size: 12px;
    margin: 0px;
    line-height: 1.5;
}

.market_info_new_bottom p span {
    float: right;
}

.market_info_new_bottom {
    background: #f4f4f5;
    padding: 8px 10px;
}
.market_info_new {
    border: 1px solid #ccc;
    margin-right: 10px;
    margin-top: 10px;
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 190px;
    height: calc((100vh - 160px)/3);
}

.market_info_new:nth-child(1) {
    margin-bottom: 20px;
}


.market_info_new_top .mr_name {
    line-height: 1.5;
    font-size: 16px;
}
.market_info_new_top img {
    height: 23px;
}
span.go_back1 {
    padding: 3px 10px;
    position: absolute;
    top: 50px;
    left: 0px;
    font-size: 15px;
    cursor: pointer;
    background: #f7f7f7;
    color: #000;
    border-radius: 0px;
    border: 1px solid #eaeaea;
    /* position: sticky; */
}
span.go_back {
    padding: 3px 10px;
    position: absolute;
    top: -30px;
    left: -1px;
    font-size: 15px;
    cursor: pointer;
    background: #f7f7f7;
    color: #000;
    border-radius: 0px;
    border: 1px solid #eaeaea;
    /* position: sticky; */
}

.dark_theme .add_money_inner, .dark_theme .wdrw_info, .dark_theme .recent_wdrw {
    background: #131722;
    border-color: #363c4e;
}
.wdrw_box_inner span.go_back1 {
    z-index: 999;
    left: 10px !important;
}
.add_money_inner {
    position: relative;
}
.add_money {
    position: absolute;
    top: 0px;
    background: #fff;
    width: calc(100% - 20px);
    margin:0px 10px;
    left: 0;
    
    height: 100%;
    z-index: 100;
    display: none;
    overflow-y: scroll;
}

aside.left_nav.active .logo-s p {
    display: none;
}
aside.left_nav .logo-s {
    display: block;
}

.payment_icon {
    text-align: center;
    background: #ddd;
    line-height: 30px;
    color: #222;
    height: 30px;
    width: 30px;
}

.bank_radio input[type="radio"]:checked + .radio-bank-label .payment_icon {
    background: #1f8ecd;
    color:#fff;
}


.radio-group {
    position: relative;
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    flex-wrap: wrap;
}
div#bank_accs_wid {
    padding-left: 10px;
}
.bank_radio {
    margin-bottom: 15px;
}
.radio-group .radio {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    background: none;
    border: none;
    border-radius: 0px;
    width: 170px;
    height: 60px;
    align-items: center;
    border: 1px solid #ccc;
    margin-right: 5px;
    padding: 5px;
    cursor: pointer;
}
.radio.selected{
    border-color: #1f8ecd;
}
.payment_cont {
    font-size: 13px;
    padding-left: 5px;
}

.payment_cont span {
    display: block;
}
.field_items input[type="submit"] {
    background: #1f8ecd;
    border: none;
    color: #fff;
    font-size: 14px;
    border-radius: 0px;
    padding: 10px 15px;
    cursor: pointer;
    margin-top: 20px;
}

.add_money h2 {
    font-size: 24px;
}

.add_money p {
    font-size: 14px;
    margin-bottom: 10px;
}

.add_money input[type="number"], .add_money input[type="text"] {
    height: 35px;
    width: 300px;
    font-size: 14px;
	border-radius:0px;
}
.add_money_inner {
    border: 1px solid #eaeaea;
    padding: 10px 20px 20px;
    margin-top: 80px;
}
.pay_radio-group {
    margin-bottom: 20px;
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
}
.pay_radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  margin: 0px;
}
.pay_radio input[type="radio"] + .radio-label:before {
  content: '';
  background: #f4f4f4;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.pay_radio input[type="radio"]:checked + .radio-label:before {
  background-color: #3197EE;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}
.pay_radio input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color: #3197EE;
}
.pay_radio input[type="radio"]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.pay_radio input[type="radio"] + .radio-label:empty:before {
  margin-right: 0;
}
.wdrw_box {
    position: absolute;
    top: 0px;
    background: #fff;
    width: 100%;
    left: 0px;
    height: 100%;
    z-index: 100;
    overflow-y: scroll !important;
    display: none;
}


.wdrw_box .mCSB_container {
    margin: 0px !important;
}
.wdrw_box_inner {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    position: relative;
    /**margin: 0px -10px;**/
        padding-top: 80px;
}

.wdrw_box_left {
    width: 50%;
}
.wdrw_box_left .market_info {
    height: unset;
}

.wdrw_box_left .market_info_top h2 {
    line-height: 1;
    margin-bottom: 15px;
}

.wdrw_box_left .mr_name {
    margin-bottom: 15px;
}

.wdrw_radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  margin: 0px;
}
.wdrw_radio input[type="radio"] + .radio-label:before {
  content: '';
  background: #f4f4f4;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  margin-top: 3px;  
  transition: all 250ms ease;
}
.wdrw_radio input[type="radio"]:checked + .radio-label:before {
  background-color: #3197EE;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}
.wdrw_radio input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color: #3197EE;
}
.wdrw_radio input[type="radio"]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.wdrw_radio input[type="radio"] + .radio-label:empty:before {
  margin-right: 0;
}
.wdrw_radio-group {
    background: #f4f4f5;
    padding: 10px 30px;
    margin: 0px 5px;
}

label.radio-label span {
    color: #3097ee;
    font-size: 12px;
    display: block;
    padding-left: 35px;
    line-height: 1;
}
.wdrw_bottom_box {
    padding: 20px 40px;
}

.wdrw_bottom_box input {
    height: 35px;
    border-radius: 0px;
    font-size: 14px !Important;
}

.wdrw_bottom_box input[type="submit"] {
    background: #3097ee;
    color: #fff;
    border: none;
    padding: 5px 20px;
}

.wdrw_bottom_box p {
    margin-bottom: 5px;
    font-size: 14px;
    color: #7a7a7a;
}
.wdrw_radio {
    margin: 10px 0px;
}
.wdrw_info {
    border: 1px solid #dddddd;
    margin: 0px 10px;
    height:100%;
}

.wdrw_radio label.radio-label {
    color: #7a7a7a;
}
.market_info_cont {
    padding: 0px 15px;
    font-size: 14px;
}

.market_info_cont p {
    font-size: 12px;
}

.market_info_cont th {
    width: 50%;
    color: #7a7a7a;
    font-weight: 600 !important;
    font-size: 11px;
    position: sticky;
    top: 0;
    background: transparent !important;
}

.market_info_cont thead {
    background: transparent;
    border: none;
}

.market_info_cont tbody tr {
    box-shadow: 0px 0px 7px 0px #cbcbcb;
    margin: 5px 0px !important;
    background: #fff !important;
}

.recent_wdrw {
    margin: 15px 10px 10px;
    border: 1px solid #ddd;
    padding: 20px;
}
.recent_wdrw thead th {
    color: #7a7a7a;
    font-weight: 600 !important;
    font-size: 11px;
    position: sticky;
    top: 0;
}
.recent_wdrw thead, .recent_wdrw tfoot {
    background: transparent;
    border: none;
}
.recent_wdrw tfoot th, .recent_wdrw tfoot td{
    background: #cacaca;
}
.recent_wdrw td {
    font-size: 12px;
    color: #7a7a7a;
    padding: 5px;
}
.recent_wdrw_head {
    margin-bottom: 20px;
}
.recent_wdrw tbody tr {
    /**box-shadow: 0px 0px 7px 0px #cbcbcb;**/
    margin: 5px 0px !important;
    background: #fff !important;
}

.GTD_box {
    width: 150px;
    font-size: 14px;
}

.GTD_box input {
    height: 28px;
    font-size: 14px;
    color: #6d6d6d;
    padding: 5px;
    border-radius: 0px;
    border: 1px solid #dfe0e1;
}
div#ui-datepicker-div {
    z-index: 999999 !important;
}
button.buttons-excel, button.buttons-pdf {
    width: 150px;
    height: 30px;
    color: #222;
    margin-right: 5px;
    cursor: pointer;
    outline: none;
    transition: 0.3s ease;
    position: absolute;
    background: #fff;
    padding: 5px;
    border-radius: 30px;
    padding-right: 31px;
    filter: invert(1);
}

    .dt-buttons {
    position: absolute;
    bottom: 15px;
    right: 0px;
    display: flex;
    width: 320px;
    height: 50px;   
    align-items: center;
}
button.buttons-excel span, button.buttons-pdf span {
    display: none;
}
button.buttons-excel:after {
    content: "";
    font: normal normal normal 16px/1 FontAwesome;
    background-image:url('../images/excel.svg');
    height: 20px;
    width: 20px;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    right: 10px;
    background-size: contain;
}
button.buttons-pdf:after {
    content: "";
    font: normal normal normal 16px/1 FontAwesome;
    background-image:url('../images/pdf-file.svg');
    height: 20px;
    width: 20px;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px !important;
    right: 10px !important;
    background-size: contain;
}
.table_market_overview .dt-buttons {
    position: absolute;
    top: -40px;
    right: 10px;
}
.table_market_overview button.buttons-excel span, .table_market_overview button.buttons-pdf span {
    display: none;
}

.table_market_overview button.buttons-excel, .table_market_overview button.buttons-pdf {
    /**width: 35px;**/
    height: 25px;
    /**border: 1px solid #949494;**/
    color: #222;
    margin-right: 5px;
    cursor: pointer;
    outline: none;
    transition:0.3s ease;
}

.table_market_overview button.buttons-excel:after {
    content: "";
    font: normal normal normal 16px/1 FontAwesome;
    background-image: url(../images/excel.png);
    height: 25px;
    width: 20px;
    display: block;
    background-repeat: no-repeat;
}

.table_market_overview button.buttons-pdf:after {
    content: "";
    font: normal normal normal 16px/1 FontAwesome;
background-image:url('../images/pdf.png');
height: 25px;
    width: 20px;
    display: block;
    background-repeat: no-repeat;
}
td.dataTables_empty {
    width: 100% !important;
    height: 150px !important;
    background: url(../images/no_data_n.png) center center no-repeat;
    color: transparent;
}
table#margin_details td.dataTables_empty {
    position: absolute;
}
table.dataTable {
    position: relative;
}

.ui-tabs .ui-tabs-panel {
   
    height: calc(100vh - 130px);
    overflow-y: hidden;
}
.ui-tabs .ui-tabs-panel:hover
{
    overflow-y: scroll;
    margin-right: -0px;
}
.ui-tabs .ui-tabs-panel .mCSB_container {
    margin: 0px !important;
}

.ui-tabs .ui-tabs-panel  .mCSB_scrollTools {
    margin-right: -6px;
}
.sym_edit {
    margin-left: 15px;
    cursor:pointer;
}
.step1_ind {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
}

.mCSB_inside>.mCSB_container {
    margin-right: 10px !Important;
    padding-bottom: 10px !important;
}


label.radio-bank-label {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    border:1px solid #ccc;
    padding:5px;
    align-items: center;
}
.bank_radio input[type="radio"] {
    opacity: 0;
    position: absolute;
}
.bank_radio input[type="radio"]:checked + .radio-bank-label
{
    border-color: #1f8ecd;
}


div#future_option_chain .filters {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    top: 0;
    z-index: 999;
    background: #f4f4f5;
    align-items: center;
    padding: 5px 15px;
    justify-content: space-between;
    border: 1px solid #cccc;
    margin-bottom:10px;
}

div#future_option_chain {
        width: 750px;
    height: 80vh;
    top: 10vh !important;
}
div#future_option_chain .grid li {
    width: calc(50% - 20px);
    padding: 0px;
    margin: 5px 10px;
    border: none !important;
}
div#future_option_chain .grid ul {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    width: 100%;
    flex-wrap: wrap;
}
div#future_option_chain span.symbols {
    text-align: left;
    padding-left: 20px;
    min-width: 70px !Important;
    max-width: 120px !important;
}
div#future_option_chain .side-codes {
    margin: 0px !important;
    padding: 0px !important;
}
div#future_option_chain .s-box span.symbolsseries {
    top: 0px;
    right: unset;
    left:0px;
    margin:0px !Important;
    min-width: 30px;
    font-size: 8px !important;
    max-width: 40px;
    text-align: left;
    height: 30px;
    padding-left: 3px;
    background: rgba(226,227,230,1);
    background: -moz-linear-gradient(145deg, rgba(226,227,230,1) 0%, rgba(226,227,230,1) 49%, rgba(226,227,230,0) 50%, rgba(206,199,236,0) 50%, rgba(193,191,234,0) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(226,227,230,1)), color-stop(49%, rgba(226,227,230,1)), color-stop(50%, rgba(226,227,230,0)), color-stop(50%, rgba(206,199,236,0)), color-stop(100%, rgba(193,191,234,0)));
    background: -webkit-linear-gradient(145deg, rgba(226,227,230,1) 0%, rgba(226,227,230,1) 49%, rgba(226,227,230,0) 50%, rgba(206,199,236,0) 50%, rgba(193,191,234,0) 100%);
    background: -o-linear-gradient(145deg, rgba(226,227,230,1) 0%, rgba(226,227,230,1) 49%, rgba(226,227,230,0) 50%, rgba(206,199,236,0) 50%, rgba(193,191,234,0) 100%);
    background: -ms-linear-gradient(145deg, rgba(226,227,230,1) 0%, rgba(226,227,230,1) 49%, rgba(226,227,230,0) 50%, rgba(206,199,236,0) 50%, rgba(193,191,234,0) 100%);
    background: linear-gradient(145deg, rgba(226,227,230,1) 0%, rgba(226,227,230,1) 49%, rgba(226,227,230,0) 50%, rgba(206,199,236,0) 50%, rgba(193,191,234,0) 100%);
}
div#future_option_chain .side-codes ul li.act .s-box, div#future_option_chain .side-codes ul li:hover .s-box {
    background: linear-gradient(90deg, rgba(254,254,254,1) 0%, rgba(233,233,233,1) 100%) !important;
    border-top: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
    box-shadow: 0px 0px 9px 0px #ccc;
}
div#future_option_chain .s-box:hover .s_btns {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    width: calc(100% + 2px);
    background: linear-gradient(90deg, rgba(254,254,254,1) 0%, rgba(233,233,233,1) 100%) !important;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 5px 5px;
    border-left: 1px solid #ccc;
    left: -1px;
    box-shadow: 0px 7px 9px 0px #ccc;
    justify-content: flex-end;
}
div#future_option_chain .filters select {
    border-radius: 20px;
    font-size: 12px;
    padding: 5px 30px 5px 15px;
    height: 30px;
    width: 200px;
    margin: 0;
}
div#future_option_chain .s-box {
    padding: 8px !important;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
     border-left: 1px solid #fff;
    
}
div#future_option_chain .grid ul {
    border-top: none;
    height: 100%;
    margin-bottom:15px;
}
.side-codes ul li.act .s-box, .side-codes ul li:hover .s-box{
    background: linear-gradient(90deg, rgba(254,254,254,1) 0%, rgba(233,233,233,1) 100%) !important;
    border-top: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
}
table.dataTable thead th {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}
.menu-box.ui-resizable.act {
    position: absolute;
        min-width: 850px;
        min-height:200px;
}
.logo-s p {
    font-size: 10px;
    margin-bottom: 0px;
    color: #333;
    font-weight: 600;
}
select#defaultMW {
    width: 48%;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    border-radius: 30px;
    padding-left: 15px;
    line-height: 1;
}

select#defaultMWlist {
    width: 49%;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    border-radius: 30px;
    padding-left: 15px;
    line-height: 1;
}

.chart_manu ul li button {
    font-size: 12px;
}
.top_logo
{
    text-align:center;
}

.top_logo img {
    width: 90%;
}

.tab-inner table.dataTable {
    width: 100% !important;
}
table#margin_details {
    width: calc(100% - 6px) !important;
}
/*.tabs-content.marketwatch-tabs .tab-inner {
    height: 100% !important;
}*/ 
.bank_list {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    flex-wrap: wrap;
}

.bank_details p {
    margin-bottom: 0px;
    font-size: 13px;
}

.bank_details {
    width: 250px;
    border: 1px solid #eaeaea;
    padding: 1px 10px;
    margin: 3px;
}

.bank_details p span {
    font-weight: 600;
}
.last_login {
    font-size: 12px;
    color: #737373;

}
span.pwr_trd {
    background: #fff;
    margin-bottom: -10px !important;
    display: block;
    font-size: 11px;
    margin-left: 65px;
}
select#defaultindiceslist, select#defaultsectorlist {
    border-radius: 15px;
    padding: 0px 25px 0px 15px;
    height: 30px;
    font-size: 14px;
    width: calc(100% - 50px);
}

.timer svg {
    transform: rotate(-90deg);

}

.circle_animation {
  stroke-dasharray: 135; 
  stroke-dashoffset: 135;
  transition: all 6s linear;
}
.timer {
    height: 50px;
    width: 50px;
    float: right;
    position: relative;
}

.timer h2 {
    position: absolute;
    top: 0;
    z-index: 99;
    width: 100%;
    text-align: center;
    line-height: 50px;
}
div#notimsgsrn h2 {
    font-size: 28px;
}

div#notimsgsrn {
    font-size: 14px;
}
ul#notimsg li {
    position: relative;
}
span.n_close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #222;
    border-radius: 2px;
    text-align: center;
    line-height: 13px;
    width: 15px;
    height: 15px;
}
div#bank_acc_select_wdrw {
    font-size: 14px;
    padding: 20px 10px 0px;
}

div#bank_acc_select_wdrw p {
    margin: 0 10px 10px;
}

.wdrw_bottom_box {
    padding: 0px 20px 20px;
}




/* The container */
.mw_setting .container-checkbox {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 6px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #444;
}

/* Hide the browser's default checkbox */
.mw_setting .container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.mw_setting .container-checkbox .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.mw_setting .container-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.mw_setting .container-checkbox input:checked ~ .checkmark {
    background-color: #3197ee;
}

/* Create the checkmark/indicator (hidden when not checked) */
.mw_setting .container-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.mw_setting .container-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.mw_setting .container-checkbox .checkmark:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
    

.mw_setting {
    position: absolute;
    z-index: 99999;
    background: #fff;
    width: 250px;
    top: 80px;
    right: 10px;
    padding: 10px 20px!important;
    box-shadow: 0px 0px 8px 0px #e6e6e6;
    display:none;
    border: 1px solid #ccc;
    border-top: 2px solid #3197ee;
}
.mw_setting:before {
    border: inset 6px;
    content: "";
    display: block;
    border-color: transparent transparent #3197ee transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -14px;
    right: 10px;
    z-index: 89;
}
.mw_setting.act {
    display: block;
}
span.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
.mw_setting p {
    margin-bottom: 10px;
    font-size: 14px;
}

.sort_btn {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    justify-content: space-evenly;
  
    margin-bottom: 15px !important;
}

.sort_btn button {border: 1px solid #ccc;font-size: 12px;padding: 5px 9px;margin: 5px;color: #444; cursor:pointer;}

span.mws_btn {
    position: absolute;
    top: 53px;
    right: 20px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    text-align: center;
}

.noty_nosys {
    width: 200px;
    height: 100px;
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 100px);
    background: #fff;
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    box-shadow: 0px 0px 6px 0px #ccc;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 5px;
    z-index: 9999999;
}


span.noty_nosys_close {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    font-size: 14px;
    color: #fff;
    background: #188acb;
    text-align: center;
}

div#recent_withdraws_wrapper .dt-buttons {
    position: absolute;
    top: -55px;
    right: 280px;
}
div#recent_withdraws_filter {
    position: absolute;
    top: -55px;
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    right: 0;
    font-size: 14px;
}

div#recent_withdraws_filter label {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    font-size: 14px !important;
}

div#recent_withdraws_filter input {
    height: 30px;
}

h2#notimsg_title {
    font-size: 24px;
}
.pop-cont-top span.sys_sts {
    color: #fff;
    margin-left: 10px;
}

.read_st {
background: #f5f5f5;
font-weight: 600;
}
#get_dep .form-error, #wd_frm .form-error
{
    bottom: -16px;
}

#get_dep .field_items, #wd_frm .field_items,
.wdrw_info .form-error, .wdrw_info .form-error 
{
    position: relative;
}


.wdrw_info .form-error, .wdrw_info .form-error
{
    bottom: 12px;
}
button#withdraw_submit {
    background: #1f8ecd;
    border: none;
    color: #fff;
    font-size: 14px;
    border-radius: 0px;
    padding: 10px 15px;
    cursor: pointer;
    margin-top: 20px;
    outline: none;
}
#deposit_amount {
    background: #1f8ecd;
    border: none;
    color: #fff;
    font-size: 14px;
    border-radius: 0px;
    padding: 10px 15px;
    cursor: pointer;
    margin-top: 20px;
    outline: none;
}
button.sort.asc {
    border-color: #3197ee;
    background: #3197ee;
    color: #fff;
}
a#marketwatchindices-label {
   display: none;
}

a#marketwatchsectors-label {
   display: none;
}

.v_srt {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    font-size: 14px;
}
.v_srt1 {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    font-size: 14px;
}
.button-switch {
    font-size: 12px;
    height: 1.875em;
    margin-bottom: 0.625em;
    position: relative;
    width: 6em;
    margin-left: 15px !important;
}
.button-switch .lbl-off, .button-switch .lbl-on {
  cursor: pointer;
  display: block;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 1em;
  position: absolute;
  top: 0.5em;
  transition: ease-out 0.1s;
  text-transform: uppercase;
}
.button-switch .lbl-off {
  right: 0em;
}
label.lbl-off {
    color: #3197ee;
}
.button-switch .lbl-on {
    color: #ffffff;
    opacity: 1 !important;
    left: 0.4375em;
    z-index: 99;
}
.button-switch .switch {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 0;
  font-size: 1em;
  left: 0;
  line-height: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 0;
}
.button-switch .switch:before, .button-switch .switch:after {
  content: '';
  font-size: 1em;
  position: absolute;
}
.button-switch .switch:before {
  border-radius: 1.25em;
  background: #3197ee;
  height: 1.875em;
  left: -0.25em;
  top: -0.1875em;
  transition: background-color 0.25s ease-out 0.1s;
  width: 6.0em;
}
.button-switch .switch:after {
    box-shadow: 0 0.0625em 0.375em 0 #666;
    border-radius: 12px;
    background: #fefefe;
    height: 1.5em;
    transform: translate(3em, 0);
    transition: transform 0.25s ease-out 0.1s;
    width: 30px;
}
.button-switch .switch:checked:after {
  transform: translate(0, 0);
}
.button-switch .switch:checked ~ .lbl-off {
  opacity: 1;
  color: #fff;
}
.button-switch .switch:checked ~ .lbl-on {
  opacity: 1;
  color: #3197ee;
}
.button-switch .switch#switch-orange:checked:before {
  background: #e67e22;
}
.button-switch .switch#switch-blue:checked:before {
    background: #3197ee;
}

.v_srt1 .button-switch .switch:checked:after {
    transform: translate(0, 0);
}
.v_srt1 .button-switch .switch:after {
    transform: translate(2.5em, 0);
    width: 25px;
}

.v_srt1 .button-switch {
    width: 5em;
}

.v_srt1 .button-switch .switch::before {
    width: 5em;
}
.v_srt label.lbl-off {
    margin-right: 12px;
}

div#recent_deposit_wrapper .dt-buttons {
    position: absolute;
    top: -55px;
    right: 280px;
}
div#recent_deposit_filter {
    position: absolute;
    top: -55px;
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    right: 0;
    font-size: 14px;
}

div#recent_deposit_filter label {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    font-size: 14px !important;
}

div#recent_deposit_filter input {
    height: 30px;
}
span.symbolsholding {
    text-align: left !important;
}
.upi_status {
    background: rgba(31, 142, 205, 0.12);
    padding: 15px 20px;
    position: relative;
    z-index: 9999;
    font-size: 14px;
    display:none;
}
.upi_status_load {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    padding: 10px 0px;
    align-items: center;
}

.upi_approve {
    padding-left: 30px;
}

.upi_approve input {
    background: #1f8ecd;
    border: none;
    padding: 7px 15px;
    color: #fff;
    font-size: 14px;
}

.loader_upi {
  border: 8px solid #cecece;
  border-radius: 50%;
  border-top: 8px solid #3498db;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}
.upi_status:after {
    content: '';
    position: fixed;
    background: rgba(255, 255, 255, 0.56);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

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

.base-timer {
  position: relative;
  width: 50px;
  height: 50px;
}

.base-timer__svg {
  transform: scaleX(-1);
}

.base-timer__circle {
  fill: none;
  stroke: none;
}

.base-timer__path-elapsed {
  stroke-width: 10px;
  stroke: grey;
}

.base-timer__path-remaining {
  stroke-width: 10px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: currentColor;
}

.base-timer__path-remaining.green {
  color: rgb(65, 184, 131);
}

.base-timer__path-remaining.orange {
  color: orange;
}

.base-timer__path-remaining.red {
  color: red;
}

.base-timer__label {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
  display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.mobi_tab_manu
{
    display:none;
}

.mobi_logo
{
    display:none;
}

div#economic_calender_widget {
    display: none;
    top: 85px;
    left: 70px;
    position: absolute;
    z-index: 999;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 11px 0px #0000004d;
    height: calc(100vh - 136px) !important;
    overflow-y: scroll;
}

span.l_close {
    display: none;
}




.introjs-overlay {
    pointer-events: none !important;
}

.introjs-helperNumberLayer {
    background: #2990cf !important;
}
div#pop_buy {
    overflow-y: hidden;
}
.login_room {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.login_room a {
    color: #333;
    padding: 2px 15px;
    font-size: 14px;
    border: 1px solid #808080;
}

.login_room1 {
    background: #208ecd !important;
    color: #fff !important;
}

div#pop_buy {
    top: 10px ;
}
.pop_buy_tip {
    bottom: 10px !important;
}


span.symbolsseries {
    min-width: 24px;
    font-size: 9px !important;
    position: relative;
    height: 28px !important;
    max-width: 24px;
    top: -4px !important;
}

.mw_list {
    display: flex;
    width: 100%;
}

.s_btns span {
    margin: 0px !important;
    border-radius: 3px !important;
}

.s_btns span.s_buy {
    margin-left: 30px !important;
}

span.mw_mr_opt {
    border: 1px solid #c7c7c7;
    color: #4b4b4b !important;
}
.side-codes ul li
{
    display:block !important;
}

.mw-dropdown p {
    display: flex;
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    justify-content: space-between;
        width: 50%;
}

.mw-dropdown p span {
    color: #656565 !important;
}
.mw-dropdown
{
    display:none;
}
.list li.act .mw-dropdown {
    display: flex;
    justify-content: space-between;
    padding-left: 19px !important;
    flex-wrap: wrap;
}
.list li.act .s_btns {
    display: flex;
    position: relative;
    top: 0;
    justify-content: space-between;
    border: none;
}
.list li.act {
    background: #fff !important;
    border-right: 1px solid #f4f4f5 !important;
}
.list li.act  .s_btns span.s_buy {
    margin-left: 15px !important;
}
span.mw_mr_opt.act {
    margin-right: 0px !important;
}
.srh_result .s-box:hover .s_btns {
    justify-content: space-between;
    display: flex !important;
    border: none;
    padding: 3px 5px !important;
}
.srh_result span.symbolsseries {
    top: 4px !important;
    margin-top: 0px !important;
    background: none;
    font-size: 13px !important;
}
.srh_result .s_btns span.s_buy {
    margin-left: 0px !important;
}
.side-codes-details .mCSB_container {
    margin: 0px !important;
}
.btns .sell {
    width: 48%;
}
.btns .buy {
    width: 48%;
}
.btns {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
}
.s_btns {
    padding-bottom: 15px !important;
    padding-top: 12px !important;
}


ul#marketwatch-tabs {
    display: flex;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
}

ul#marketwatch-tabs li  {
    width: 20%;
    text-align: center;
}

li.tabs-title.is-active a{
    border-bottom: 4px solid #53b987;
    background: #f7f7f7;
}
div#future_option_chain .s-box:hover .s_btns, .side-codes ul li.act, .side-codes ul li:hover {
    background: #fff !important;
}
div#future_option_chain .s-box:hover .s_btns {
    display: flex;
    justify-content: inherit;
    padding-left: 30px;
}


ul.chart_mw button {
    background: #fff !Important;
}

ul.chart_mw {
    margin-left: 60px;
    margin-bottom: -20px;
    background: #fff;
}
a.sls_info {
    color: #fff;
    margin-left: 5px;
}

span.support_brow {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 12px;
    background: rgba(255, 255, 255, 0.48);
    padding: 4px 10px;
    color: #25223f;
    font-weight: 600;
    z-index: 9999999 !important;
}
.amo_timimng {
    text-align: left;
    font-size: 12px;
    margin-top: 15px;
}
span.netposition_text {
    color: #7a7a7a;
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 0px 8px;
}

span.search_add {
   display: block;
   width: 100%;
   text-align: center;
   margin: 0px !important;
   padding: 50% 0;
}
.loader {
   line-height: 100vh;
}
div#netposition_wrapper.table-scroll {
    height: calc(100% - 20px) !important;
}

span.netposition_text {
    font-size: 14px;
}
.activity.dataTable thead:nth-child(2) {
   display: none;
}
tbody.empty_table td {
    
    height: 150px !important;
    background: url(../images/no_data_n.png) center center no-repeat;
    color: transparent;
    width: 100%;
    position: relative;
}


.errdiv.success {
    color: green !important;
}
.login_pop {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 30px 20px;
    margin: 0;
    font-size: 14px;
    background:#fff;
}
.login h2 {
    text-align: center;
 
}
.login_pop img {
    margin-right: 10px;
}
.login {
    padding: 0px;
        background: #f0f6fd;
            box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.34);
}
.login_pop img {
    height: 60px;
    width: unset !important;
}
.login_form {
    padding: 30px;
    background: #f0f6fd;
}
.login_room a {
    color: #333;
    padding: 4px 25px;
    margin: 0px 10px;
    border-radius: 30px;
    border:none;
    background-color:#fff;
}
.login_room2 {
    background: #bec8d5 !important;
    color: #000 !important;
}
input.sbmt {
    outline: none;
    border: none !important;
    width: 100%;
    background: #bec8d5;
    color: #000;
    border-radius: 30px;
}
.form-box1.chk_login {
    text-align: center;
}

.login input[type="text"], .login input[type="password"] {
    border: none !important;
    padding: 2px 10px 2px 40px;
    height:40px;
    box-shadow: 0px 4px 10px 0px rgba(102, 102, 102, 0.3);
    background: #fff;
}
.form-box img {
    position: absolute;
    top: 10px;
    left: 12px;
    height: 18px;
}
.login_room {
  
    margin-bottom: 30px;
}

.top_logo {
text-align: center;
height: 66px;
line-height: 50px;
}

label.ntool-tip-show {
    position: absolute;
    width: max-content;
    left: 60px;
    z-index: 9999999 !important;
    background: #000;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    display: none;
}
label.ntool-tip-show:before {content: "";border-width: 10px;border-color: transparent black transparent transparent;position: absolute;border-style: solid;left: -20px;}

.ntool-tip:hover  label.ntool-tip-show
{
display: block;
}
.right_theme label.ntool-tip-show {
    left: auto;
    right: 60px;
}

.right_theme label.ntool-tip-show:before {
    border-color: transparent transparent transparent #000;
    left: auto;
    right: -20px;
}
input.forget_btn {
    background: none !IMPORTANT;
    padding: 0px !important;
    position: absolute;
    top: 13px;
    right: 33px;
    border: none;
    font-size: 13px;
    color: #208ecd !important;
    outline:none;
    
}
.ntool-tip:hover 
input#userpassword {
    padding-right: 150px;
}
.login-outer {
    overflow: hidden;
}
.forget a {
    color: #2783c2;
    margin-left: 5px;
}
.forget {
    justify-content: center;
}
.form-box1.chk_login a {
    color: #2783c2;
}
.login-forget, .login-otp {
    overflow: hidden;
}
.login-otp .forget {
    justify-content:left;
}
.login-otp a.forget_btn {
    position: unset !important;
    color: #919191 !important;
}
.login-otp .forget a {
    color: #919191;
}
.login_room1 {
    background: #ffffff !important;
    color: #000 !important;
}
.form-box1 input {
    border-radius: 30px;
    background: #ffaa05;
    color: #000;
    outline: none;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
    transition: 0.3s ease;
    padding: 9px;
}
.login #username {
    margin-bottom: 25px;
}
.form-box1 input:hover {
    background: #2491cd !important;
    color: #fff !important;
}
a.guest_login:hover {
    background: #2491cd;
    color: #fff;
}
a.guest_login {
    border-radius: 30px;
    background: #ffffff;
    color: #000;
    outline: none;
    display: block;
    padding: 6px;
    text-align: center;
    margin-top: 20px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
    transition: 0.3s ease;
}
.forget_right {
    border-radius: 30px;
}
.login {
    min-width: 400px;
}

.login_pop p {
    color: #000;
}

.login h2 {
    color: #000;
    font-size: 14px;
}

.login_room a {
    font-size: 16px !important;
    padding: 6px 50px;
    color: #000 !important;
}

input.forget_btn {
    font-size: 14px;
	cursor: pointer;
}

.form-box1 input {
    font-size: 16px;
}

.forget {
    margin-top: 20px;
}

.foot_note {
    color: #000;
    bottom: 10px;
	    left: 30px
}
span.version {
    background: transparent;
    position: relative;
    bottom: unset;
    width: 100%;
    right: 0 !important;
    padding: 4px 11px 0px;
    color: #878787;
    font-weight: 400;
    font-size: 12px;
    display: block;
    text-align: center;
}
.foot_note a {
    color: #2885c4;
}
.login-forget .form-box1 input {
    width: 100%;
}

.login-forget .forget_right {
    float: none;
    text-align: center;
}

.login-forget .forget_right a {
    background: #fff;
    display: block;
    border-radius: 30px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
    font-size: 16px;
    padding: 6px;
}
.login-forget .forget_right a:hover {
    background: #2491cd;
    color: #fff;
}
.login-otp .form-box1 input {
    width: 48%;
}
.chang-pwd .form-box1 input {
    width: 48%;
}
.login-otp input#resend_otp {
    background: #fff !important;
    color: #000 !IMPORTANT;
}

.login-otp input#resend_otp:hover {
    background: #2491cd !IMPORTANT;
    color: #fff !important;
}
.form-box1.new_user_sub input, .change-pwd .form-box1 input{
    width: 100%;
}

.forget.new_user_signin a {
    width: 100%;
    background: #fff;
    text-align: center;
    padding: 6px;
    border-radius: 30px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
    color: #000;
    font-size: 16px;
    transition: 0.3s ease;
	margin:0px;
}

.forget.new_user_signin a:hover {
    background: #2491cd;
    color: #fff;
}

span.password {
    position: absolute;
    top: 8px;
    right: 8px;
	cursor: pointer;
}
a.forget_btn {
    background: none !IMPORTANT;
    padding: 0px !important;
    position: absolute;
    top: 9px;
    right: 33px;
    border: none;
    font-size: 13px;
    color: #208ecd !important;
    outline: none;
}
.forget_nw {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.forget_nw a {
    position: relative;
    margin: 0px;
    left: 0;
    top: 0;
    color: #919191 !important;
    font-size: 14px !important;
}

.forget_nw a.open_login_from_otp {
    font-size: 14px !important;
}
.forget_nw input {
    width: 46%;
}

.forgot_nw1 input {
    width: 46%;
}

.forgot_nw1 .forget {
    width: 46%;
    border-radius: 30px;
    padding: 0px !important;
}

.forgot_nw1 .forget a {
    width: 100%;
    text-align: center;
    margin: 0px !important;
    line-height: 34px;
    border-radius: 30px;
}

.forgot_nw1 .forget a:hover {
    background: #2491cd !important;
    color: #fff !important;
}
.market_watch_btn
{
    display:none;
}
/**body.dark_theme .foot_note {
    color: #fff;
}

body.dark_theme .login_form {
    background: #242a34 !important;
}
body.dark_theme .login h2 {
    color: #fff;
}

body.dark_theme span.version {
    background: transparent;
}
**/
.rq_show {
   
    outline: none;
}
div#QR_Code_Pop_up {
    max-width: 1000px !important;
    width: 100%;
    padding: 0px;
    box-shadow: 0px 0px 13px 0px #000000;
}
div#QR_Code_Pop_up .row {
    display: flex;
    /* height: 400px; */
    align-items: center;
}

div#QR_Code_Pop_up .row .qr_left, div#QR_Code_Pop_up .row .qr_right {
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 60px 0px;
}
div#QR_Code_Pop_up .row .qr_left
{
    background-color:#f1f1f1;
}
.reveal-overlay {
    
    background: rgba(0, 0, 0, 0.78) !important;
    
}
.steps {
    margin-top: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-weight: 800;
}

.steps span {
    width: 50px;
    height: 50px;
    line-height: 37px;
    background: #a6a6a6;
    border-radius: 50%;
    color: #fff;
    font-size: 23px;
    border: 5px solid #dddddd;
    margin-right: 10px;
}
.rq_show {
    display: table-cell;
    padding: 5px 10px;
}

.rq_show img {
    height: 25px;
    width: 25px;
    cursor: pointer;
}

table#margin_details td.dataTables_empty img {
    max-height: 100px;
}

table#margin_details td.dataTables_empty p {
    color: #696969;
    margin: 10px 0px 0px !important;
}

table#margin_details td.dataTables_empty p b {
    display: block;
}

table#margin_details td.dataTables_empty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: none;
}


.tab-inner tbody.empty_table td img{ max-height:100px;}
.tab-inner tbody.empty_table td {background:none;vertical-align: middle;}
.tab-inner tbody.empty_table td p{color:#696969;margin: 5px 0px 0px;}
.tab-inner tbody.empty_table td p b{display:block;}
.s_btns {
    position: absolute;
    top: 0 !important;
    width: unset !important;
    padding: 8px !important;
}

.s_btns span {
    margin: 0px 5px !important;
    width: 40px !important;
    padding: 0px 2px !important;
    text-align: center;
}
.list li.act .s_btns span {
    width: 40px !important;
}
.s_btns span.s_buy {
    margin-left: 5px !important;
}
.s_btns .s_more {
    width: unset !important;
    font-size: 12px !important;
    line-height: 22px !important;
}
button.pop_out, .chart_manu_right {
    display: none;
}
.right_theme aside.left_nav.active li .menu-box.act.fxd {
    left: auto !important;
    right: 65px !important;
}
.right_theme aside.left_nav.fxd li a.act {
    margin: 0px -8px 0px -5px !important;
    padding-left:10px !important;
}
span.chart_ctrl {
    position: absolute;
    /*left: -12px;**/
	left:0px;
    bottom: 0px;
    background: #f1f1f2;
    padding: 5px;
    cursor: pointer;
}

.pop-chart-right {
    position: relative;
}
div#pop_buy.act .pop-chart-left {
    display: none;
}

span.chart_ctrl.act .fa-angle-double-left:before {
    content: "\f101" !important;
}
div#pop_buy.act {
    width: 600px;
}

div#pop_buy.act .pop-chart-cont {
    width: 350px;
}

div#pop_buy.act .pop-chart-right {
    height: 400px !important;
    margin-left: 0px !important;
}
.pop-chart-right tfoot td {
    text-align: right;
}
.pop-chart-right tfoot td:first-child {
    text-align: left;
}
.t-loader img {
    height: 40px;
}

::-webkit-scrollbar {
    width: 6px;
}
   
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
   
::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 0px solid slategrey;
}
.wdrw_box::-webkit-scrollbar, .add_money::-webkit-scrollbar {
    width: 0px !Important;
}
.marketwatch-tabs > div::-webkit-scrollbar {
    width: 0px !Important;
}
.marketwatch-tabs:hover > div::-webkit-scrollbar {
    width: 0px !Important;
}

.t-loader {display:none;position: absolute;z-index: 999;width: 100%;height: calc(100% - 50px);top: 50px;left: 0;justify-content: center;align-items: center;background: #ffffff47;}
@keyframes blinkingdown {
    0%{
      background-color: #cd1e1e24;
    
      color: #cd1e1e;
    }
  
    100%{
      background-color: #cd1e1e24;
      
      color: #cd1e1e;
    }
  }
   @keyframes blinkingup {
    0%{
      background-color: #138d8057;
    
      color: #138d80;
    }
  
    100%{
      background-color: #138d804a;
      
      color: #138d80;
    }
  }

.side-codes ul li.blinkdown span.sys_vl {
animation-name: blinkingdown;
animation-duration: 1s;
}
.side-codes ul li.blinkup span.sys_vl {
animation-name: blinkingup;
animation-duration: 1s;
}
aside.left_nav.active.fxd:after
{
    display: none;
}
div.dhxcombolist_dhx_terrace
{
background-color:#fff !important;
}
div.dhxcombolist_dhx_terrace div.dhxcombo_option.dhxcombo_option_selected {
    background-color: #f7f7f7 !important;
}
.main_inner.fxd .chart-box .row {
    max-width: calc(100vw - 60px);
    margin: 0px;
}
nav.hor_nav {
    position: fixed;
    bottom: 0;
    z-index: 99;
    width: calc(100% - 480px);
    left: 60px;
    background: #fff;
    border-top: 1px solid #e6e6e6;
}
.menu-box.hor-menu {
    left: unset;
    top: 77px;
    width: calc(100vw - 480px);
    height: calc(100vh - 127px);
    overflow: hidden;
}
div#tab_window {
    height: calc(100% - 0px);
    margin-left: 0px;
    width:calc(100% - 40px) ;
	z-index: 9999;
    
}
div#tab_window div.gridbox_dhx_terrace.gridbox table.hdr td div.hdrcell {
    padding: 0px ;
    text-transform: capitalize;
    color:#000;
	font-weight: 800;
    text-align: center;
}
div.gridbox_dhx_terrace.gridbox table.obj tr td
{
    padding: 5px 10px !important; 
}
.selec_flt .dhxcombo_dhx_terrace, .selec_flt div.dhxcombo_dhx_terrace input.dhxcombo_input {
    height: 30px;
    border-radius: 30px;
}

.selec_flt div.dhxcombo_dhx_terrace input.dhxcombo_input {
    padding: 5px 10px;
    box-shadow: none !important;
}
.tab_head > div {
    font-size: 22px !important;
    font-family: 'SegoeUI' !important;
    font-weight: 300 !IMPORTANT;
}

.search_table .dhxform_textarea {
    border-radius: 30px !important;
    height: 30px !important;
}

.search_table .dhxform_textarea input {
    padding: 5px 10px !important;
}

div.dhxcombo_dhx_terrace div.dhxcombo_select_button {
    height: 20px !important;
    right: 5px !important;
}
.search_table .dhxform_control {
    height: 35px !important;
    border-radius: 30px;
}
.search_table input {
    height: 35px !important;
    border-radius: 30px;
    padding: 5px 10px !important;
}
.dhxform_obj_dhx_terrace div.dhxform_base {
    width: 100%;
}
.dhxform_item_absolute.search_table .dhxform_control {
    left: unset !important;
    right: 0 !important;
}

.dhxform_item_absolute.search_table {
    left: unset !important;
    right: 0px !important;
}
.tab_head > div {
    font-size: 22px !important;
    font-family: 'SegoeUI' !important;
    font-weight: 300 !IMPORTANT;
}
.selec_flt .dhxcombo_dhx_terrace {
    border-radius: 30px;
}
a.open-aside {
    display: none;
}
nav.hor_nav ul {
    display: flex;
    margin: 0px;
    list-style: none;
    align-items: center;
    width: calc(100vw - 480px);
    border: none;
}
nav.hor_nav ul li{
float: unset;
flex-grow: 1;
text-align: center;
}
nav.hor_nav ul li img {
    width: 24px;
}
nav.hor_nav span.m-item {
    position: unset;
}
.selec_flt div.dhxcombo_dhx_terrace input.dhxcombo_input {
    padding: 5px;
    box-shadow: none !important;
	cursor: pointer;
}
nav.hor_nav .ntool-tip:hover label.ntool-tip-show {
    display: none;
}

nav.hor_nav ul li a {
    padding: 8px 0px;
    display: flex;
    color: #000;
    border: none !important;
    outline: none !important;
    width: 100%;
    justify-content: center;
    border-top: 4px solid transparent !important;
}
nav.hor_nav li.tabs-title.is-active a {
    border: none !important;
    border-top: 4px solid #53b987 !important;
    background: #f7f7f7 !important;
}

nav.hor_nav small.j_count {
    position: absolute;
    background: #020202;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    right: -5px !important;
    top: -5px;
    left:unset;
    color: #fff;
    font-size: 9px;
    line-height: 17px;
    z-index: 9999;
    text-align: center;
}
.menu-box.hor-menu.act {
    left: 59px;
    width: calc(100vw - 479px);
    top: 77px;
    box-shadow: none;
    background: #fff;
    margin: 0px;
    z-index: 999 !important;
    height: calc(100vh - 128px);
    border: 1px solid #e6e6e6;
    padding: 10px 20px 0px;
    display: block;

}
.menu-box.hor-menu.act.fxd {
    top: unset;
    bottom: 50px;
    height: calc(50% - 40px);    
}

.menu-box.hor-menu .tabs-content {
    border: none;
    background: #fff;
    padding: 0px 15px !important;
    height: 100%;
}
.menu-box.hor-menu h2 {
    font-size: 20px;
    position: absolute;
    top:48px;
}
.tab-inner .dataTables_filter {
    position: relative;
    right: 0px;
    top: 0px;
    color: #000;
    z-index: 999999999;
}

.tab-inner .dataTables_filter label {
    color: #000;
    display: flex;
}

.tab-inner .dataTables_filter input {
    margin-bottom: 10px;
    height: 25px;
    border-radius: 30px;
}
.tab-inner .dataTables_wrapper {
    height: 100% !important;
}
.buttons-pdf:before {content: "Download pdf";font-size: 14px;}

.buttons-pdf {
    right: 0px;
}

.buttons-excel {
    left: 0;
}

button.dt-button.buttons-excel:before {content: "Download Excel";font-size: 14px;}





.tabs-title>a:focus, .tabs-title>a[aria-selected=true] {
    background: unset !important;
    color: unset !important;
}
/*.menu-box.hor-menu .dhxtabbar_tabs.dhxtabbar_tabs_top {
    display: none !important;
}*/

.trades_tabs_new .dhxtabbar_tabs.dhxtabbar_tabs_bottom {
    display: none;
}
.dhxtabbar_tabs.dhxtabbar_tabs_bottom {
    display: none !important;
}

.trades_tabs_new .dhxtabbar_tabs.dhxtabbar_tabs_top {
	display: block !important;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left, .dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right, .dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_line {
    display: none;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs 
{
	border-color:#e6e6e6 !important;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab, .dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs {
    color: #333;
    background-color: #ffffff;
 
}
.dark_theme .dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs, .dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text
{
	border-color:#1e222d !important;
}
.dark_theme .dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_text {
    color: #cacaca !important;
}
.dark_theme .dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab:hover div.dhxtabbar_tab_text {
    color: #cacaca !important;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text
{
	border:none !Important;
}
.dhxtabbar_tab.dhxtabbar_tab_actv:after {
    position: absolute;
    bottom: 2px;
    width: 100%;
    height: 4px;
    background: #53b987;
    content: '';
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv, .dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis {
    background: #f7f7f7 !important;
  
}
.dark_theme .dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs
{
	background-color: #242a34 !important;
	border-color:#242a34 !important;
}
.dark_theme  .dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
    border-top: 1px solid #242a34;
    border-bottom: 0 solid white;
}
.dark_theme .dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab
{
	background-color: #242a34 !important;
	color: #cacaca !important;
}
.download_excel > div, .download_pdf > div {
    border-radius: 30px !important;
    filter: invert(1);
    padding: 0px 5px;
    background: #fff;
	max-width:150px !important;
}
.download_pdf .dhxform_btn_txt {
    background: url(../images/pdf-file.svg) #fff center right 10px no-repeat !important;
    color: #000 !important;
    text-align: left !important;
    padding-left: 10px;
    background-size: 20px !important;
    border-radius: 30px !important;
}

.download_excel .dhxform_btn_txt {
    background: url(../images/excel.svg) #fff center right 10px no-repeat !important;
    color: #000 !important;
    text-align: left !important;
    padding-left: 10px;
    background-size: 20px !important;
    border-radius: 30px !important;
}
.download_pdf > div {
    left: unset !important;
    right: 0px !important;
    cursor: pointer !important;
    outline: none;
}
/**
.download_pdf {
    left: unset !important;
    right: 0px;
}
**/
.download_pdf {
    left: unset !important;
    right: 205px;
}
/**.download_excel > div {
    left: unset !important;
    right: 160px !important;
    cursor: pointer !important;
    outline: none;
}**/
.download_excel > div {
    left: unset !important;
    right: 260px !important;
    cursor: pointer !important;
    outline: none;
}

.download_excel {
    left: unset !important;
    right: 0px;
    
}
.Last_update {
    left: unset !important;
    right: 0 !important;
    top: 5px !important;
}

.Last_update > div {
    left: unset !important;
    right: 355px;
    top: 5px !important;
    text-align: right;
    font-weight: 100 !important;
}

.Last_update > div:before {
    content: '';
    margin-left: -25px;
    height: 20px;
    width: 18px;
    background: url(../images/timer.png);
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;top: 3px;
}
/**
.tabs_act aside.left_nav:before {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0px;
    background: #0003;
    z-index: 999;
}

.tabs_act nav.hor_nav, .tabs_act aside.left_nav li span.icon, .tabs_act .tabs, .tabs_act aside.left_nav:after {
    background: #ccc !important;
}


.tabs_act header:before {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0px;
    background: #0003;
    z-index: 99999;
}
.tabs_act .side-bar:before {content: '';position: absolute;width: 100%;height: 100%;background: #0003;z-index: 99;}





.tabs_act .chart-box ul.ui-tabs-nav:before {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: #0003;
}

.tabs_act nav.hor_nav li.tabs-title.is-active a {
    background: #fff !important;
    position: relative;
    z-index: 999;
}

.tabs_act nav.hor_nav li.tabs-title.is-active a:after {
    position: absolute;
    bottom : -3px;
    left: 0;
    height: 5px;
    background: #fff;
    content: '';
    width: 100%;
    z-index: 999;
}
.tabs_act nav.hor_nav li.tabs-title.is-active a:before {
    position: absolute;
    top: -3px;
    left: 0;
    height: 5px;
    background: #fff;
    content: '';
    width: 100%;
    z-index: 999;
}

.tabs_act.dark_theme nav.hor_nav, .tabs_act.dark_theme aside.left_nav li span.icon, .tabs_act.dark_theme .tabs, .tabs_act.dark_theme aside.left_nav:after, .dark_theme nav.hor_nav {
    background: #1d222a !important;
}**/
.dark_theme nav.hor_nav, .dark_theme aside.left_nav, .dark_theme .chart-box ul.ui-tabs-nav, .dark_theme .side-bar {
      border-color: #363c4e;
      box-shadow:none !important;
}
.dark_theme aside.left_nav:after {
    background: #242a34;
}
.dark_theme .menu-box tbody tr
{
    background: none;
    box-shadow:none;
}
.dark_theme .side-codes ul.tabs {
    border-color: #363c4e;
    border-left: 0px;
    border-right: 0px !important;
}
body.dhxwins_vp_dhx_terrace.dhxwins_vp_auto {
    overflow-x: hidden !important;
    min-height: 100vh !important;
}
.right_theme nav.hor_nav ul {
    margin-left: 0px;
}
.right_theme aside.left_nav.active {
    border-left: 1px solid #e6e6e6 !important;
}
.right_theme.dark_theme aside.left_nav.active {
    border-left: 1px solid #363c4e !important;
}
aside.left_nav:after {
    left: -1px;
    right:unset;
}
.dark_theme nav.hor_nav ul li img {
    filter: invert(1);
    opacity: 0.6;
}
.dark_theme div.gridbox .objbox {
    background-color: #131722;
    color: #fff;
}
.dark_theme  .menu-box tbody tr td {
    background: #131722 !important;
    color: #fff !important;
}
.dark_theme  .menu-box tbody tr {
    background: #131722 !important;
    border-bottom: 1px solid #363c4e;
}
.dark_theme .dhxlayout_base_dhx_terrace div.dhx_cell_layout {
    background-color: #131722;
}
.dark_theme .dhxlayout_base_dhx_terrace div.dhxlayout_sep {
    background-color: #131722;
}
.dark_theme .dhxform_obj_dhx_terrace div.dhxform_txt_label2 {
    color: white !important;
}
.dark_theme  .Last_update > div:before {
    filter: invert(1);
}
.dark_theme  .menu-box.hor-menu.act {
    background: #131722;
} 
.dark_theme.tabs_act nav.hor_nav li.tabs-title.is-active a {
    background: #363c4e  !important;
}
.dark_theme.tabs_act nav.hor_nav li.tabs-title.is-active a:before {
    background: #363c4e ;
}
.dark_theme.tabs_act nav.hor_nav li.tabs-title.is-active a:after {
    background: #53b987;
}
.dark_theme .tabs-title>a:hover {
    background: #1e222d;
}
.dark_theme span.cntx_menu {
    filter: invert(1);
}
.dark_theme nav.hor_nav {
    background:#242a34 !important;
}
.dark_theme nav.hor_nav ul {
    background: #242a34 !important;
} 
.dark_theme span.symbolsseries {
    background: none;
}
.dark_theme input#project-id {
    background: #131722;
    border-color: #363c4e;
}
.dark_theme .mw_setting {
    background: #1e222d;
    box-shadow: 0px 0px 8px 0px #1e222d;
    border: 1px solid #0f141b;
}
.dark_theme input#order_search, .dark_theme input#trade_search, .dark_theme input#position_search, .dark_theme input#holding_search, .dark_theme input#avctivity_search, .dark_theme input#journal_search, .dark_theme input#margin_search, .dark_theme input#funds_search {
    padding: 5px 30px 5px 15px !important;
    background: url(../images/Search.svg) center right 5px no-repeat rgb(225 225 225 / 68%);
    filter: invert(1);
}
.dark_theme .user-profile, .dark_theme .sensex_st.up {
    background-color: #242a34;
}
.dark_theme .dhxform_obj_dhx_terrace .dhxform_textarea {
    border: 1px solid #727477;
    background-color: #1e222d;
    color: white;
}
.dark_theme .sort_btn button {
    border: 1px solid #9e9e9e;
       color: #9e9e8f;
}
.dark_theme .side-codes .tabs li a {
    color: #797b7d;
    background: #131722 !important;
    border-bottom: 3px solid #131722;
}
.dark_theme .mw_setting .container-checkbox {
    
    color: #9e9e9e; 
} 
.dark_theme .side-bar .tab-inner {  
    background: #131722 !important;
}
.dark_theme .side-bar {
    background: #131722 !important;
    box-shadow: none !important;
}
.dark_theme span.marketwatchcount {
    color: #d1d1d1;
    border-color: #2f3241;
     background: #2f3241;
}
.dark_theme ul#marketwatch-tabs li a {
    color: #b2b5be !important;
}
.dark_theme .side-codes .tabs li.tabs-title.is-active a span {
    background: #37a6ef;
    color: #fff;
    border-color: #37a6ef;
}

.tabs_act .chart-box .ui-tabs .ui-tabs-nav li.ui-tabs-active, .tabs_act .chart-box .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    border-color: transparent;
    margin: 0;
    background: transparent;
    cursor: pointer;
}
.pin {
    display: none;
}
.close_tab {
    display: none;
}
.Last_update.order_update_time {
    right: 460px !important;
    top: 14px !important;
}
.Last_update.order_update_time > div {
    right: 0 !important;
    top: -5px !important;
}
.Last_update.trade_update_time > div, .Last_update.netposition_update_time > div, .Last_update.stock_update_time > div, .Last_update.activity_update_time > div {
    right: 0 !important;
    top: -5px !important; 
}
.Last_update.order_update_time img, .Last_update.trade_update_time img, .Last_update.netposition_update_time img, .Last_update.stock_update_time img, .Last_update.activity_update_time img  {
    height: 20px !important;
	margin-top: -5px;
}
.Last_update.trade_update_time, .Last_update.netposition_update_time, .Last_update.stock_update_time, .Last_update.activity_update_time {
    right: 355px !important;
    top: 14px !important;
}


.menu-box div.gridbox_dhx_terrace.gridbox .xhdr td {
    background: #fff !important;
    padding: 0px 0px 0px 0px !important;
}
.menu-box .position_tabs tbody tr:last-child td, .menu-box .trades_tabs tbody tr:last-child td {
    background: #f7f7f7 !important;
}
.table_menu_items li span {
    width: 30px;
    display: inline-block;
    text-align: center !important;
}
li.trade_repeat img {
    margin-top: 4px;
    width: 17px;
}
li.pos_depth img, li.trade_depth img {
    width: 15px;
    height: 22px;
    object-fit: contain;
    object-position: center;
    margin-left: 3px;
}
li.trade_chart img, li.pos_chart img {
    margin-top: 4px;
    width: 20px;
}
li.pos_addmore img {
    width: 14px;
    margin-top: 5px !important;
    margin-left: 3px;
}
li.pos_sqoff img {
    height: 17px;
    margin-top: 3px;
}
li.pos_cnvt img {
    width: 20px;
    margin-top: 2px;
}
.refresh_btn {
    width: 30px;
    height: 30px;
    left: unset !important;
    right: 323px;
    top: 5px !important;
    cursor: pointer !important;
}
 
.refresh_btn .dhxform_btn { 
    background: url(../images/refresh.png) center center no-repeat !important;
    width: 30px;
    border: none !important;
    height: 30px !important;
    cursor: pointer !important;
}

.close_order {
    left: unset !important;
    right: 365px !important;
    width: 85px;
    height: 30px;
    top: 5px !important;
}
.close_order .dhxform_btn {
    width: 85px;
    border: none !important;
    height: 30px !important;
    background: #000 !important;
    border-radius: 30px !important;
    color:#fff !important;

    /** 
        width: 30px;
    background: url(../images/close_order.png) center center no-repeat !important;**/
    cursor: pointer !important;
}

.position_note > div {font-size: 12px !important;
    font-weight: 100 !important;
}
/**.Last_update.funds_update_time {
    left: unset;
    right: 50px !important;
    top: 14px !important;
}**/
.Last_update.funds_update_time {
    left: unset;
    right: 243px !important;
    top: 12px !important;
}

.Last_update.margin_update_time > div {
    right: 50px !important;
} 
/**
.refresh_btn.funds_refresh, .refresh_btn.margin_refresh {
    right: 0px; 
}**/
.refresh_btn.funds_refresh, .refresh_btn.margin_refresh {
    right: 210px; 
}

.Last_update.funds_update_time img, .Last_update.margin_update_time img {
    height: 20px;

}
.selec_flt .dhxcombo_option {
    border-bottom: 1px solid #ccc;
    background: #fff;
}

span.cntx_menu {
        position: absolute;
    background: url(../images/context_menu_btn.png) center top 18px no-repeat;
    width: 30px;
    top: 3px;
    background-size: 16px !important;
    right: 0px;
    cursor: pointer;
    height: 36px;
    border-right: 1px solid #e6e6e6;
    z-index: 99;
}
span.cntx_menu:hover {
    background-color: #e6e6e6;
    
}
div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td {
    position: relative;
    color: #868686 !important;
    text-align: center;
}
.trades_tabs div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td:nth-child(2), .trades_tabs  div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2) div.hdrcell, .position_tabs div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td:nth-child(2), .position_tabs  div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2) div.hdrcell, .order_tabs div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td:nth-child(2), .order_tabs     div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2) div.hdrcell{
    text-align: left !important;
    padding-right: 30px !important;
    padding-left: 10px !important;
}
.trades_tabs  div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2), .position_tabs  div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2), .order_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2), .founds_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(1), .holdings_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(1) {

padding-bottom:0px !Important;
}
.trades_tabs  div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2) div.hdrcell, .position_tabs  div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2) div.hdrcell, .order_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2) div.hdrcell, .founds_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(1) div.hdrcell, .holdings_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(1) div.hdrcell {
border-right:1px solid #e6e6e6;
height:100%;
}
.founds_tabs div.gridbox_dhx_terrace.gridbox table.obj tr td:nth-child(1), .founds_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(1) div.hdrcell, .holdings_tabs div.gridbox_dhx_terrace.gridbox table.obj tr td:nth-child(1), .holdings_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(1) div.hdrcell{
    text-align: left !important;
    padding-right: 30px !important;
    padding-left: 10px !important;
}
/**
.margin_tabs .Last_update { 
    left: unset !important;
    right: 35px !important;
    top: 13px !important;
}**/
.margin_tabs .Last_update {
    left: unset !important;
    right: 242px !important;
    top: 13px !important;
}

td.sub_item_icon {
    width: 30px !important;
}
td.sub_item_icon img {
    object-fit: contain;
         
}
.sub_item {
    background: #fff !important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon {
    background: #fff !important;
    border:1px solid #e6e6e6;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table {
    margin: 0px !important;
    border: none !important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon div {
    border: none !important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table tbody, race_SubLevelArea_Polygon table thead, race_SubLevelArea_Polygon table tfoot {
    border: none;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon:before {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid #e6e6e6;
    content:'';
}

input.dhxform_textarea[name=order_search], input.dhxform_textarea[name=trade_search], input.dhxform_textarea[name=position_search], input.dhxform_textarea[name=holding_search], input.dhxform_textarea[name=form_input_3], input.dhxform_textarea[name=journal_search], input.dhxform_textarea[name=margin_search], input.dhxform_textarea[name=funds_search], .search_table input.dhxform_textare {
    padding: 5px 30px 5px 15px !important;
    background: url(../images/Search.svg) center right 5px no-repeat;
}
.table_menu_items {
    position: absolute;
    top: 2px;
    left: calc(100% + 7px);
    width: 150px;
    z-index: 99;
    display: none;
    background: #ffff;
    box-shadow: 0px 0px 5px 0px #ccc;
}
.table_menu_items.act {
    display: block;
}
.table_menu_items li {
    padding: 8px 16px;
    display: flex;
    cursor: pointer;
    font-size: 14px;
    text-transform: capitalize;
    color:#919191;
}
li.order_more img {
    width: 16px;
    margin: 2px;
}
.table_menu_items li:hover {
    color: #000;
    background: #f1f1f1;
}
.table_menu_items img {
    width: 18px;
    margin-right: 10px;
    object-fit: contain;
}
.table_menu_items ul {
    margin: 0;
    list-style: none;
    z-index: 99999;
    background: #fff;
    padding: 5px 0;
}
.table_menu_items:before {
    content: '';
    height: 20px;
    width: 20px;
    position: absolute;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 5px 0px #ccc;
    left: -7px;
    background: #fff;
    transform: rotate(34deg) skewX(-28deg);
    top: 10px;
    z-index: -1;
}

.dark_theme .menu-box div.gridbox_dhx_terrace.gridbox .xhdr td {
    background: #131722 !important;
    padding: 0px 10px;
}
.dark_theme div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td {
    color: #bcbcbc !important;
}
.dark_theme .menu-box .position_tabs tbody tr:last-child td, .dark_theme .menu-box .trades_tabs tbody tr:last-child td {
    background: #181c23 !important;
}
.dark_theme  .dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar {
    background-color: #131722;
}
.dark_theme  .ui-tabs .ui-tabs-panel {
    height: calc(100vh - 130px) !Important;
    overflow-y: hidden;
}
.dark_theme .ui-tabs .ui-tabs-panel:hover {
    overflow-y: scroll !important;
   
}
.dark_theme .rq_show img {
    filter: invert(1);
}
.dark_theme .table_menu_items {
    background: #242a34;
    box-shadow: 0px 0px 5px 0px #242a34;
}
.dark_theme .table_menu_items img {
    filter: invert(1);
}
.dark_theme .table_menu_items ul {
    background: #242a34;
}
.dark_theme .table_menu_items li:hover {
    color: #fff;
    background: #000000;
}
.dark_theme .table_menu_items:before {
    border: 1px solid #242a34;
    box-shadow: 0px 0px 5px 0px #242a34;
    background: #242a34;
}

.dark_theme ::-webkit-scrollbar-thumb {
    border: 2px solid #9094a0 !important;
    background-color: #9094a0;
    outline: 1px solid #1e222d;
}
.dark_theme ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #414757;
}
::-webkit-scrollbar {
    width: 6px;
}
.dark_theme .add_money, .dark_theme .wdrw_box {
    background: #131722;
}
div.dhxcombolist_dhx_terrace div.dhxcombo_option {
    height: 35px !important;
    line-height: 35px !important;
    padding: 0px 10px !important;
}
.dark_theme div.dhxcombo_dhx_terrace input.dhxcombo_input {
    border: 0 solid #333333;
    outline: 0 solid #333333;
    background-color: #1e222d;
    color: white;
    padding-left: 10px !important;
}
.dark_theme div.dhxcombo_dhx_terrace {
    border: 1px solid #727477 !important;
    background-color: #1e222d !important;
}
.dark_theme nav.hor_nav li.tabs-title.is-active a {
       background: #242a34 !important;
}
/**.dark_theme .login_pop {
    background: #242a34;
}**/
.dark_theme span.go_back, .dark_theme span.go_back1 {
    background: #1e222d;
    border: 1px solid #363c4e;
}
.dark_theme span.version {
    background: transparent;
    color: #bcbcbc;
}
.dark_theme .login-outer span.version {
    background: transparent;
    color: #000 ;
}
.dark_theme div.dhxcombolist_dhx_terrace div.dhxcombo_option {  
    color: #96999e;
}
.dark_theme div.dhxcombolist_dhx_terrace {
    border-top: 1px solid #020202!important;
}
.dark_theme div.dhxcombolist_dhx_terrace {
    border: 1px solid #1e222d;
    background-color: #1e222d;
    color: #fff !important;
}


.dark_theme .info_top_right a {
    background: #1e222d !important;
    border: 1px solid #727477 !important;
    color: #fff !important;
}
.dark_theme  .rfresh_btn {
    background: #1e222d;
    border: 1px solid #727477;
}
.dark_theme .pay_radio input[type="radio"] + .radio-label:before {
    background: #0f131a;
    border: 1px solid #727477;
    
}
.dark_theme .pay_radio input[type="radio"]:checked + .radio-label:before {
    background-color: #3197EE;
    box-shadow: inset 0 0 0 4px #0f131a;
}
.dark_theme .wdrw_radio-group {
    background: #181b24;
}
.dark_theme .market_info_cont tbody tr {
    margin: 5px 0px !important;
    background: #131722 !important;
    color: #b2b5be !important;
    box-shadow: 0px 0px 7px 0px #363c4e;
}
.dark_theme  div#bank_acc_select_wdrw p {
    color: #b2b5be;
}
.dark_theme  .market_info_cont p {
    color: #b2b5be;
}
.dark_theme  .dhxform_item_absolute.refresh_btn {
    filter: invert(1);
}
.dark_theme  .dhxform_item_absolute.close_order {
    filter: invert(1);
}
.dark_theme  .Last_update img {
    filter: invert(1);
}
.dark_theme .chart-box .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    background: #1e222d;
    color: #fff;
}
.dark_theme .recent_wdrw tbody tr {
    box-shadow: 0px 0px 7px 0px #363c4e;
    background: #131722 !important;
}
.dark_theme .wdrw_bottom_box p {
    color: #b2b5be;
}
.dark_theme .wdrw_radio label.radio-label {
    color: #b2b5be;
}
.dark_theme .market_info_cont th {
    color: #ffffff;
}
.dark_theme .side-codes-details {
    box-shadow: 0px 0px 13px 0px #363c4e;
    background: #131722;
}
.dark_theme .side-codes-details td {
    background: #131722;
}
.dark_theme tr.total, .dark_theme tr.total td {
    background: #2f3241;
}
.dark_theme .side-codes-details ul li:nth-child(even) {
    background: rgb(47 50 65 / 13%);
}
.dark_theme  .market_info { border: 1px solid #363c4e; background: #131722; }
.dark_theme  .market_info_bottom { background: #242a34; }
 .dark_theme .ui-tabs .ui-tabs-panel { background: #131722 !important; }
  .dark_theme .market_info_new { border: 1px solid #363c4e; background: #131722; color: #d6d6d6; }
.dark_theme  .market_info_bottom p { color: #e4e4e6; }
.dark_theme  .market_info_new_bottom p { color: #e4e4e6; font-size: 12px; }
.dark_theme  .market_info_top p { color: #d6d6d6; }
 .dark_theme .pro_sec { border: 1px solid #363c4e; background: #131722; }
 .dark_theme .edit_pop a { background: #2f3241; color: #fefefe !important; } 
.dark_theme .bank_details { border: 1px solid #363c4e; } 
.dark_theme .market_info_new_bottom { background: #1e222d; } 
.dark_theme  .info_top_right>div:hover span { color: #00e255; }
.dark_theme span.mws_btn:hover { background: #1e222d; } 
.dark_theme [type=color], 
.dark_theme [type=date], 
.dark_theme [type=datetime-local],
.dark_theme [type=datetime], 
.dark_theme [type=email], 
.dark_theme [type=month], 
.dark_theme [type=number], 
.dark_theme [type=password],
.dark_theme [type=search], 
.dark_theme [type=tel], 
.dark_theme [type=text], 
.dark_theme [type=time], 
.dark_theme [type=url], 
.dark_theme [type=week],
.dark_theme textarea { border: 1px solid #363c4e; background-color: #131722; color: #fff;
}

.dark_theme .ui-widget-content a {
    color: #b2b5be;
}
.menu-box .dhxlayout_sep.dhxlayout_sep_resize_h {
   display: none !important;
}
.table_menu_items.btm_pos {
    top: unset;
    bottom: 0 !important;
}

.table_menu_items.btm_pos:before {
    top: unset;
    bottom: 15px;
}

li.editord span img {
    width: 15px !important;
    margin-top: 5px;
}

li.closeord span img {
    width: 13px;
    margin-left: 3px;
    margin-top: 5px;
}

li.order_depth span img {
    width: 15px;
    height: 22px;
    object-fit: contain;
    object-position: center;
    margin-left: 3px;
}
.close_cntxt {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgb(255 255 255 / 0%);z-index: 1;display:none;}
.close_cntxt.act
{
display:block;
}
.menu-box.hor-menu.act .dhxform_obj_dhx_terrace input.dhxform_textarea, .menu-box.hor-menu.act .dhxform_obj_dhx_terrace textarea.dhxform_textarea {
    padding-left: 10px !important;
    padding-right:30px !important;
}
.close_depth {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff0;
    z-index: -2;
    display:none;
}
.order_more_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:20px;
}
.dhx_cell_cont_wins.no_border div {
    border: none !important;
}
.dhx_cell_cont_wins.no_border .dhxlayout_sep.dhxlayout_sep_resize_h {
    display: none;
}
.dhxwin_active {
    border: none !important;
    box-shadow: 0 0 6px rgb(160 160 160 / 57%) !important;
}
.dhxwin_active .dhx_cell_cont_wins.no_border div.gridbox_dhx_terrace.gridbox table.hdr td, .dhxwin_active .dhx_cell_cont_wins.no_border div.gridbox_dhx_terrace.gridbox tbody, .dhxwin_active .dhx_cell_cont_wins.no_border div.gridbox_dhx_terrace.gridbox tfoot, .dhxwin_active .dhx_cell_cont_wins.no_border div.gridbox_dhx_terrace.gridbox thead {
    border: none !important;
    background: transparent !important;
}
.dhxwin_active .dhx_cell_cont_wins.no_border div.gridbox_dhx_terrace.gridbox table.hdr td div
{
     border: none !important;
    background: #fff !important;
    color: rgb(2 0 26 / 55%);
    text-transform: capitalize;
}
.dhxwin_active .dhx_cell_cont_wins.no_border div.gridbox_dhx_terrace.gridbox .xhdr
{
    background: transparent !important;
}
span.om_BS {text-transform: uppercase;}

span.om_symbol {
    font-weight: 600;
    margin-right: 5px;
}

span.om_type {
    font-size: 12px;
    text-transform: uppercase;
}

.om_hd_right a {
    padding: 3px 0px 3px 20px;
    display: block;
    color: #000;
}

span.om_BS.buy {
    color: #53b987;
}

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

.order_more_cont ul {
    list-style: none;
    margin: 0;
    width: 55%;
}

.order_more_cont ul:first-child {
    width: 45%;
    border-right: 1px solid #f5f5f5;
}

.order_more_foot {
    display: flex;
    justify-content: flex-end;
}

.order_more_foot a {
    background: #d3d3d3;
    color: #000;
    margin-left: 20px;
    padding: 5px 20px;
    border-radius: 30px;
}
.order_more_w1 {
    padding: 5px 20px;
}

.order_more_cont li {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: rgb(0 0 0 / 50%);
    line-height: 2;
}

.order_more_cont ul:first-child li {
    padding-right: 30px;
}

.order_more_cont li span {
    color: #000;
}

.order_more_cont ul:nth-child(2) li {
    padding-left: 30px;
}


.right_theme .hor_nav {
    left: unset !important;
    right: 60px !important;
}
.dark_theme .menu-box div.gridbox_dhx_terrace.gridbox .xhdr {
    
    background-color: #242a34;
}
.dark_theme.left_theme aside.left_nav {
    border-left: 1px solid #000;
}
div.dhxwins_mcover
{
    background-color: rgb(237 237 237 / 0%) !Important;
    z-index: 9997 !important;
}
.dhxwin_active {
    z-index: 9999 !important;
	margin-top: -50px;
}
.dark_theme .trades_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2) div.hdrcell, .dark_theme .position_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2) div.hdrcell, .dark_theme .order_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2) div.hdrcell, .dark_theme .founds_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(1) div.hdrcell, .dark_theme .holdings_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(1) div.hdrcell {
    border-right: 1px solid #191919;
    height: 100%;
}   
.tabs_act.dark_theme .chart-box .ui-tabs .ui-tabs-nav li.ui-tabs-active a
{
    background: #242a34;
}

.dark_theme  div.dhxwin_brd.dhxwin_hdr_hidden {
    border-top: 5px solid #1e222d !important;
}
.dark_theme div.dhxwin_brd {
    border-left: 5px solid #1e222d !important;
    border-right: 5px solid #1e222d !important;
    border-bottom: 5px solid #1e222d !important;
    background: #1e222d !important;
}
.dark_theme div.dhxwin_active div.dhx_cell_wins, .dark_theme  div.dhxwin_inactive div.dhx_cell_wins {
    background-color: #1e222d !important;
}
.dark_theme div.dhxwin_active div.dhx_cell_wins div.dhx_cell_cont_wins, .dark_theme div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_cont_wins {
    border: 5px solid #1e222d !important;
    border-top: 10px solid #1e222d !important;
    background-color: #1e222d !important;
}
.dark_theme div.dhxwin_active {
    background: #1e222d !important;
}
.dark_theme.dhxwins_vp_material div.dhxwin_active {
    background: #1e222d !important;
    
}
.dark_theme .order_more_cont li {
    color: rgb(255 255 255 / 50%) !important;
}
.dark_theme .order_more_cont li span {
    color: #fff !important;
}
.dark_theme .om_hd_right a {
    
    color: #e7e8e9 !important;
}
.dark_theme .dhxwin_active .dhx_cell_cont_wins.no_border div.gridbox_dhx_terrace.gridbox table.hdr td div {
    background: #242a34 !important;
    color: rgb(255 255 255 / 55%);
}
.right_theme .menu-box.act {
    left: unset!important;
    right: 59px!important;
}
.dark_theme .tab-inner li:hover .s_btns {
    border-bottom: 0px solid #1e222d;
    border-right: 1px solid #242a34;
}
.dark_theme .s_btns img {
    filter: invert(1);
}

.dark_theme span.mw_mr_opt {
    color: #b4b4b4 !important;
}
.dark_theme .ui-widget-content {
    border: 1px solid #000;
    background: #000;
}
.dark_theme  .dhxwin_active {
    box-shadow: 0 0 6px rgb(0 0 0 / 20%) !important;
}
.dark_theme .side-codes ul li.act, .dark_theme .side-codes ul li:hover {
    border-top: 0px solid #242a34 !important;
    border-bottom: 1px solid transparent !important;
}

.om_hd_right a:before {
    content: "";
    height: 12px;
    width: 12px;
    position: absolute;
    background: #1cdf7f;
    border-radius: 50%;
    left: 0;
    top: 10px !important;
}

.om_hd_right {
    position: relative;
}

.journal_tabs table td:nth-child(3) div, .journal_tabs table td:nth-child(3) {
    text-align: left !important;
    padding-left: 10px !important;
}

.light_theme .theme_color li.Dark {
    border: 1px solid #686868 !important;
}
.light_theme .theme_color li.Light {
    border: 1px solid #2892cc !important;
}

.dark_theme .theme_color li.Dark {
    
    border: 1px solid #2892cc !important;
}
.dark_theme .theme_color li.Light {
    border: 1px solid #fff !important;
}
/**ul.nav_pos li img
{
    opacity: 0;
}
.left_theme ul.nav_pos li.Left
{
    background: url('../images/left.png') no-repeat center center;
    background-size: cover;
    border: 0px solid #50a1ce !important;
}
.right_theme ul.nav_pos li.Left
{
    background: url('../images/left.png') no-repeat center center;
    background-size: cover;
    border: 0px solid #5e5f5e !important;
}
.left_theme ul.nav_pos li.Right
{
    background: url('../images/right.png') no-repeat center center;
    background-size: cover;
    border: 0px solid #50a1ce !important;
}
.right_theme ul.nav_pos li.Right
{
    background: url('../images/right.png') no-repeat center center;
    background-size: cover;
    border: 0px solid #5e5f5e !important;
}*/
li.empty_noty {
    height: 200px !important;
    background: url(../images/empty_noty.png) center center no-repeat;
    opacity: 0.3;
}
.dark_theme li.empty_noty {
    filter: invert(1);
}

.s_b1 lable.t-tip {
    position: absolute;
    top: -25px;
    font-size: 12px;
    background: #000;
    color: #fff;
    padding: 3px 10px;
    left: 75px;
    display: none;
}

.s_b1 lable.t-tip:after {
    width: 15px;
    height: 15px;
    content: '';
    left: 45px;
    border: 7px solid;
    bottom: -14px;
    border-color: black transparent transparent transparent;
    position: absolute;
}
span.s_b1:hover lable.t-tip
{
    display: block;
}
span.s_b2, .s_close, .s_more, .mw_mr_opt {
    position: relative;
}
.s_b2 lable.t-tip {
    position: absolute;
    top: -34px;
    font-size: 12px;
    background: #000;
    color: #fff;
    padding: 3px 10px;
    left: -18px;
    display: none;
}
.s_b2 lable.t-tip:after {
    width: 15px;
    height: 15px;
    content: '';
    left: 21px;
    border: 7px solid;
    bottom: -14px;
    border-color: black transparent transparent transparent;
    position: absolute;
}

span.s_close:hover lable.t-tip {
    display: block;
}
.s_close lable.t-tip {
    position: absolute;
    top: -34px;
    font-size: 12px;
    background: #000;
    color: #fff;
    padding: 3px 10px;
    left: -8px;
    display: none;
}
.s_close lable.t-tip:after {
    width: 15px;
    height: 15px;
    content: '';
    left: 21px;
    border: 7px solid;
    bottom: -14px;
    border-color: black transparent transparent transparent;
    position: absolute;
}


span.s_more:hover lable.t-tip {
    display: block;
}
.s_more lable.t-tip {
    position: absolute;
    top: -34px;
    font-size: 12px;
    background: #000;
    color: #fff;
    padding: 3px 10px;
    left: -40px;
    display: none;
	width:max-content;
}
.s_more lable.t-tip:after {
    width: 15px;
    height: 15px;
    content: '';
    left: 45px;
    border: 7px solid;
    bottom: -14px;
    border-color: black transparent transparent transparent;
    position: absolute;
}

span.mw_mr_opt:hover lable.t-tip {
    display: block;
}
.mw_mr_opt lable.t-tip {
    position: absolute;
    top: -34px;
    font-size: 12px;
    background: #000;
    color: #fff;
    padding: 3px 10px;
    left: -5px;
    display: none;
	width:max-content;
}
.mw_mr_opt lable.t-tip:after {
    width: 15px;
    height: 15px;
    content: '';
    left: 16px;
    border: 7px solid;
    bottom: -14px;
    border-color: black transparent transparent transparent;
    position: absolute;
}


span.s_b2:hover lable.t-tip
{
    display: block;
}
.side-bar .tab-inner ul li:nth-child(1) .s_b2 lable.t-tip, .srh_results li:first-child .s_b2 lable.t-tip {
    top: 27px;
}

.side-bar .tab-inner ul li:nth-child(1) .s_b2 lable.t-tip:after,.srh_results li:first-child .s_b2 lable.t-tip:after {
    bottom: 26px !important;
    border-color: transparent transparent #000 transparent !important;
}
.side-bar .tab-inner ul li:nth-child(1) .s_b1 lable.t-tip, .srh_results li:first-child .s_b1 lable.t-tip {
    top: 36px !important;
}
.side-bar .tab-inner ul li:nth-child(1) .s_close lable.t-tip, .srh_results li:first-child .s_close lable.t-tip {
    top: 36px !important;
}
.side-bar .tab-inner ul li:nth-child(1) .s_more lable.t-tip, .srh_results li:first-child .s_more lable.t-tip {
    top: 36px !important;
}
.side-bar .tab-inner ul li:nth-child(1) .mw_mr_opt lable.t-tip, .srh_results li:first-child .mw_mr_opt lable.t-tip {
    top: 36px !important;
}

.side-bar .tab-inner ul li:nth-child(1) .s_b1 lable.t-tip:after, .srh_results li:first-child .s_b1 lable.t-tip:after, .side-bar .tab-inner ul li:nth-child(1) .s_close lable.t-tip:after, .srh_results li:first-child .s_close lable.t-tip:after, .side-bar .tab-inner ul li:nth-child(1) .s_more lable.t-tip:after, .srh_results li:first-child .s_more lable.t-tip:after,.side-bar .tab-inner ul li:nth-child(1) .mw_mr_opt lable.t-tip:after, .srh_results li:first-child .mw_mr_opt lable.t-tip:after {
    bottom: 26px !important;
    border-color: transparent transparent #000 transparent !important;
}
span.jounrnal_tip {
    display: none;
}
div#s_keys_popup {
    padding: 10px 20px;
}

div#s_keys_popup h2 {
    font-size: 20px;
    font-weight: 800;
}

span.close_s_key {
    position: absolute;
    top: 0;
    right: 0;
}

div#s_keys_popup {
    padding: 10px 20px;
}

div#s_keys_popup h2 {
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 20px;
}

span.close_s_key {
    position: absolute;
    top: 5px;
    right: 10px;
    background: #000;
    height: 25px;
    width: 25px;
    text-align: center;
    color: #fff;
    line-height: 25px;
    border-radius: 3px;
    cursor: pointer;
}

.key_list {
    display: flex;
}

.key_list h3 {
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 20px;
}

.key_list_left {
    width: 40%;
}

.key_list ul {
    margin: 0;
    list-style: none;
}

.key_list ul li {
    padding: 5px 0px;
    color: rgb(0 0 0 / 50%);
    font-size: 14px;
    font-weight: 900;
    display: flex;
    justify-content: space-between;
}
.dark_theme .key_list ul li {
    color: rgb(255 255 255 / 50%);
}
.key_list_left ul {
    border-right: 1px solid #ccc;
    padding-right: 20px;
}

.key_list_right {
    padding-left: 20px;
    width: 60%;
}
.dark_theme .key_list ul li span {
    color: #fff;
}
.key_list ul li span {
    color: #000;
}
.key_list_right li {
    align-items: center;
    line-height: 1;
    padding-bottom: 11px !important;
}
.key_list_right li span {
    width: 140px;
}
.dhxwins_vp_material div.dhxwin_active {
    background: #fff !important;
    border:none !important;
}
.dhxwins_vp_material div.dhxwin_brd {
    border: none !important;
}
.ui-tabs .ui-tabs-panel::-webkit-scrollbar {
    width: 0px !important;
}
.show_margin {
    text-align: left;
    font-size: 13px;
};
.dark_theme .pop-chart-right tfoot
{
    color:#fff;
}
.dark_theme span.chart_ctrl {
    background: #10151e;
}
.journal_tabs tr td:last-child {
    white-space: normal !important;
    line-height: 1.5 !important;
}
.dark_theme span.m-item {
    color: #cacaca !important;
}
.dark_theme .side-codes ul li.act .s-box, .dark_theme .side-codes ul li:hover .s-box {
    background: linear-gradient(90deg, #242A34 0%, #242A34 100%) !important;
   
}
.dark_theme .s-box:hover .s_btns {
    background: #242A34 !important;
}
.dark_theme .side-codes ul li.act, .dark_theme .side-codes ul li:hover {
    background: linear-gradient(90deg, #242a34 0%, #242A34 100%) !important;
}
.pos_btns {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pos_btns span {
    margin: 0px 5px !important;
    height: 25px;
    line-height: 25px;
    width: 30px !important;
    padding: 0px;
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}


div#economic_calender_widget.act
{
    display: block;
}
div#ladder_box {
    display: none;
    position: absolute;
    width: 350px;
    top: 80px;
    right: 380px;
    z-index: 999;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 11px 0px #0000004d;
    height: calc(100vh - 131px);
    overflow-y: scroll;
}
div#ladder_box.act
{
     display: block;
}
div#ladder_box ul {
    list-style: none;
    margin: 0px;
    padding: 0;
}

div#ladder_box ul li span {
    width: calc(33.33% - 6px);
    background: #ccc;
    margin: 3px;
    height: 28px;
    font-size: 14px;
    text-align: center;
    line-height: 28px;
    border-radius: 5px;
    color: #fff;
}

div#ladder_box ul li {
    display: flex;
    width: 100%;
    position: relative;
}

li.mid:before {content: '';top: 50%;left: 0;height: 4px;width: 100%;position: absolute;background: #f9b002;z-index: 0;}

li.mid span.l_val {
    background: #f9b002 !important;
    color: #000 !important;
}

div#ladder_box span.overlay, .idea_stream_widget.act span.overlay, .analysis_widget.act span.overlay {
    z-index: -1;
	width: calc(100vw - 380px);
    left: 380px;
}
.left_theme div#ladder_box span.overlay, .left_theme .idea_stream_widget.act span.overlay, .left_theme .analysis_widget.act span.overlay {
    right: 380px;
	left:unset;
}
.analysis_widget {
    display: block;
    position: absolute;
    top: 80px;
    z-index: 99999;
    right: 380px;
    background: #fff;
    box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 30%);
    padding: 0px 10px 0px;
    height: calc(100vh - 131px);
    /*overflow-y: scroll;*/
    min-width: 800px;
}
.analysis_widget.act {
    display: block;
}
.analysis_box {
    display: flex;
}

.widget_head {
    padding: 10px;
    background: #fff;
    position: sticky;
    top: 0;
}

div#fundamentals {
    margin-right: 10px;
}

.idea_stream_widget {
    display: block;
    position: absolute;
    top: 80px;
    right: 380px;
    z-index: 999;
    padding: 10px;
    background: #fff;
    box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 30%);
    padding: 0px 10px 10px;
    height: calc(100vh - 131px);
    overflow-y: scroll;
}   
.idea_stream_widget.act span.overlay {
    z-index: -1;
}






span.l_ask.l_cont {
    background: #ff0026 !important;
}

span.l_bid.l_cont {
    background: #3ac455 !important;
}


span.l_val {
    z-index: 1;
}

span.l_val {
    background: #2d2d2d !important;
}

span.l_bid {
    background: #147527 !important;
    text-align: right !important;
    padding: 0px 10px;
}

span.l_ask {
    text-align: right !important;
    background: #df3c54 !important;
    padding: 0px 10px;
}
.analysis_widget {
    display: none;
}
.idea_stream_widget {
    display: none;
}
.idea_stream_widget.act
{
    display:block;
}
.new_options {
    margin: 8px 6px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.new_options a {
    color: #000;
    padding: 2px 12px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    display: flex;
    align-items: center;
    font-size: 14px;
	justify-content: center;
}
.new_options a:hover, .new_options a.act {
    background: #1d83c6;
    color: #fff;
    box-shadow: 1px 2px 6px 1px rgb(0 0 0 / 60%);
    border-color: #1d83c6;
}
.new_options a:hover
{
	background: #034e80;
	border-color: #034e80;
}
.new_options a img {
    margin-right: 10px;
}
.new_options a:hover img, .new_options a.act img {
    filter: invert(1);
}
a.ladder_btn img {
    height: 20px;
}
.side-bar .tab-inner.grid_view ul {
    display: flex;
    flex-flow: wrap;
}
.side-bar .tab-inner.grid_view li {
    width: calc(33.33% - 10px);
    margin: 5px;
    border: 1px solid #d4d3d3;
    border-radius: 6px;
    padding: 0px !Important;
}
.side-bar .tab-inner.grid_view li .m_bg_color{
	padding: 30px 10px 15px 10px !Important;
}
.side-bar .tab-inner.grid_view li.up:after {
    content: "";
    height: 7px !important;
    border-radius: 10px;
    background-color: #328342;
    width: calc(100% - 6px);
    position: absolute;
    bottom: 3px;
    left: 3px;
}
.side-bar .tab-inner.grid_view li.down:after {
    content: "";
    height: 7px !important;
    border-radius: 10px;
    background-color: #eb4d5c;
    width: calc(100% - 6px);
    position: absolute;
    bottom: 3px;
    left: 3px;
}
.side-bar .tab-inner.grid_view .mw_list {
    display: flex;
    flex-flow: column;
    text-align: center;
}
.side-bar .tab-inner.grid_view .mw_list span {
    width: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
    top: unset !important;
    left: unset !important;
    text-align: center;
    display: block;
    min-width: auto !important;
    max-width: 100%;
    height: unset !important;
    color: #000;
} 
.side-bar .tab-inner.grid_view .mw_list span.sys_dri {
    display: none !important;
}
.side-bar .tab-inner.grid_view .mw_list span.symbols {
    order: 1;
    font-weight: 600;
    line-height: 1;
}
.side-bar .tab-inner.grid_view .mw_list span.symbolsseries {
    order: 2;
    font-size: 12px !important;
    color: #909090 !important;
    line-height: 1;
}
.side-bar .tab-inner.grid_view .mw_list span.symbolsseries {
    position: absolute;
    left: 5px !important;
	top:5px !important;
    width: max-content !important;
}
.side-bar .tab-inner.grid_view .mw_list span.sys_ptg {
    order: 5;
    line-height: 1;
    font-size: 12px;
}
.side-bar .tab-inner.grid_view .mw_list span.sys_sts {
    order: 5;
    line-height: 1;
}
.side-bar .tab-inner.grid_view .mw_list span.sys_dri {
    display: none !important;
}
.side-bar .tab-inner.grid_view .mw_list span.sys_vl {
    order: 4;
    font-weight: 800 !important;
    line-height: 1;
    margin: 15px 0px !important;
    font-size: 18px;
}
.side-bar .tab-inner.grid_view li.up .mw_list span.sys_ptg
{
    color:#328342 !important;
}
.side-bar .tab-inner.grid_view li.down .mw_list span.sys_ptg
{
color:#df3c54 !important;   
}
.side-bar .tab-inner.grid_view li:hover:before, .side-bar .tab-inner.grid_view li.act:before {
    content: '';
    height: 15px;
    width: 15px;
    position: absolute;
    bottom: -16px;
    left: 46%;
    border: 1px solid #ccc;
    transform: rotate(45deg);
}
.side-bar .tab-inner.grid_view li:hover .s_btns:before, .side-bar .tab-inner.grid_view li.act .s_btns:before {
    content: '';
    height: 20px;
    width: 100%;
    position: absolute;
    top: -20px;
    left: 0;
} 
.side-bar .tab-inner.grid_view li .s_btns {
    bottom: -50px;
    top: unset !important;
    left: -1px;
    width: 400px !important;
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 61%);
    border-radius: 5px;
}
 .side-bar .tab-inner.grid_view li:nth-child(3n+2) .s_btns, .side-bar .tab-inner.grid_view li:nth-child(3n+2) .mw-dropdown{
    left: -138px;
}
.side-bar .tab-inner.grid_view li:nth-child(3n+3) .s_btns, .side-bar .tab-inner.grid_view li:nth-child(3n+3) .mw-dropdown{
    left: unset !Important;
    right:-1px !Important;
}
.side-bar .tab-inner.grid_view .list li.act .s_btns {
    position: absolute !important;
    z-index: 9999 !important;
    box-shadow:none !important;
}

.side-bar .tab-inner.grid_view .mw-dropdown {
    position: absolute;
    background: #fff !important;
    left: -1px;
    width: 400px;
    padding: 50px 10px 10px !important;
    z-index: 999;
    top: 118px;
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 61%);
    border-radius: 5px;
} 
.side-bar .tab-inner.grid_view.heatview  li
{
    padding:10px;
}
.side-bar .tab-inner.grid_view.heatview li:after
{
    display:none;
}
.side-bar .tab-inner.grid_view.heatview li.up
{
    background:#328342 !important;
}
 .side-bar .tab-inner.grid_view.heatview li.down
{
    background:#df3c54 !important;
}

.side-bar .tab-inner.grid_view.heatview li.up, .side-bar .tab-inner.grid_view.heatview li.down {
    background: #505050 !important
}
.side-bar .tab-inner.grid_view.heatview li.span, .side-bar .tab-inner.grid_view.heatview li.down span, .side-bar .tab-inner.grid_view.heatview li.down .mw_list span.sys_ptg, .side-bar .tab-inner.grid_view.heatview .mw_list span, .side-bar .tab-inner.grid_view.heatview li.up .mw_list span.sys_ptg
{
    color:#fff !important;
} 
.side-bar .tab-inner.grid_view.heatview li .s_btns span.s_more, .side-bar .tab-inner.grid_view.heatview li .s_btns span.mw_mr_opt {
    color: #000 !important;
}
 
.side-bar .tab-inner.grid_view.heatview .mw-dropdown {
    top: 115px;
 
}
.support_icon img {
    height: 20px;
}
.support_icon span.overlay {
    display: none;
}
.support_icon.act span.overlay, .support_cont.act {
    display: block;
}
.support_cont {
    position: absolute;
    background: #fff;
    left: -50px;
    width: 260px;
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 51%);
    padding: 10px 15px;
    border-radius: 5px;
    top: 42px;
    z-index: 99999;
    display:none;
}
.support_cont:before {content: '';width: 15px;height: 15px;box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 51%);background: #fff;position: absolute;top: -7px;left: 50px;transform: rotate(45deg);}

.support_cont:after {
    position: absolute;
    content: '';
    width: 25px;
    height: 13px;
    background: #fff;
    top: 0px;
    left: 44px;
}
.support_cont h2 {
    font-size: 18px;
    font-weight: 800 !IMPORTANT;
}

span.close_sup {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
    transform: scaleX(1.5);
}

.support_cont .btns a {
    border: 1px solid #3fa7de;
    padding: 3px;
    width: 48%;
    text-align: center;
    border-radius: 30px;
    font-size: 14px;
    color:  #000;
}
.support_cont .btns a.sp_btn1 {
    color: #3fa7de !important;
    border: none;
    background-color:   transparent !important;
    box-shadow: none !important;
    font-weight:700;
}
.support_cont .btns a.sp_btn1:hover 
{
    color:#000 !important;  
}
.support_cont h3 {
    font-size: 16px;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 600;
}

.support_cont .btns {
    margin: 20px 0;
}

.form_feilde select {
    height: 35px;
    line-height: 26px;
    padding: 0px 30px 0px 35px;
    font-size: 13px;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #b2b2b2;
    background: url(../images/type.png) center left 10px no-repeat;
    background-size: 18px;
    border-radius: 0px !important;
    margin-bottom: 10px;
}

.support_cont textarea {
    background: url(../images/comment.png) top 3px left 10px no-repeat;
    text-indent: 35px;
    font-size: 13px;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #b2b2b2;
    padding: 0px;
    background-size: 15px;
    resize: none;
    border-radius: 0px !important;
}

.form_feilde input {
    background: url(../images/sub_img.png) top 8px left 10px no-repeat;
    text-indent: 35px;
    font-size: 13px;
    box-shadow: none !important;
    border: none !important;
    border-bottom: 1px solid #b2b2b2 !important ;
    padding: 0px;
    background-size: 15px;
    resize: none;
    height: 30px;
    border-radius: 0px !important;
}
.form_feilde.form_file #files2 {
    background: url(../images/attach.png) top 8px left 10px no-repeat;
    border-bottom: 1px solid #b1b1b1;
    margin-bottom: 15px;
    padding-bottom: 5px;
}
.support_icon {
    margin-right: 10px;
    cursor: pointer;
}

.support_cont input[type="submit"] {
    display: block;
    background: #31a1dc;
    border: 1px solid #31a1dc;
    margin: 0px auto 15px !important;
    color: #fff;
    padding: 7px 30px;
    border-radius: 30px;
    font-size: 14px;
    cursor: pointer;    
}

.support_cont .btns a:hover {
    background: #3fa7de;
    color: #fff;
    box-shadow: 2px 4px 8px 0px rgb(0 0 0 / 58%);
}

.support_cont input[type="submit"]:hover {
        background: #fff;
    color: #3fa7de;
    box-shadow: 2px 4px 8px 0px rgb(0 0 0 / 58%);
}
div#currency_widget {
    position: absolute;
    left: 70px;
    top: 85px;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 11px 0px #0000004d;
    height: calc(100vh - 140px);
    /**overflow-y: scroll;**/
    width: calc(100vw - 499px);
    z-index: 999;
    display: none;
}
 div#currency_widget.act
 {
    display: block;
 }

 .dark_theme div#tools_widget{
    background: #11151e!important;
 }
 div#tools_widget {
    position: absolute;
    left: 70px;
    top: 85px;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 11px 0px #0000004d;
    height: calc(100vh - 140px);
    /**overflow-y: scroll;**/
    width: calc(100vw - 499px);
    z-index: 999;
    display: none;
}
 div#tools_widget.act
 {
    display: block;
 }


.strike_f3 input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}

.strike_f3 label {
  cursor: pointer;
  text-indent: -9999px;
  width: 40px;
  height: 15px;
  background: #5b5c58;
  display: block;
  border-radius: 100px;
  position: relative;
}

.strike_f3 label:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 4px;
  width: 10px;
  height: 11px;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s;
}

.strike_f3 input:checked + label {
  background: #208ecd;
}

.strike_f3 input:checked + label:after {
    left: calc(100% - 12px);
    /* transform: translateX(-100%); */
}

.strike_f3 label:active:after {
  width: 130px;
}

div#update_strike {
    position: absolute;
    width: 650px;
    height: calc(100vh - 132px);
    background: #fff;
    right: 380px;
    z-index: 999;
    top: 80px;
    padding: 0px 0px 10px;
    box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 30%);
    overflow-y: scroll;
    display:none;
}
.update_strike_head {
    position: sticky;
    top: 0;
    background: #ffff;
    z-index:999;
    padding: 10px 20px;
}
.update_strike_cont {
    padding: 0px 20px;
}
div#update_strike.act {
    display: block;
}
div#update_strike.act_greek {
    width: 1050px;
}
div#update_strike span.overlay
{
    z-index:-1;
    
}

.update_strike_head h2 {
    font-size: 18px;
    font-weight: 600;
}

span.strike_close {
    position: absolute;
    top: 5px;
    right: -0px;
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 25px;
    background: #000;
    cursor: pointer;
    color: #fff;
}
.strike_f3 input {
    position: absolute;
}
.exp-switch *,
.exp-switch *:before,
.exp-switch *:after {
   box-sizing: border-box;
}

.exp-switch {
   position: relative;
   height: 30px;
   width: 200px;
   border-radius: 20px;
   background: #fff;
   -webkit-box-shadow: none;
   box-shadow: none;
   border: 1px solid #ccc;
}

.exp-switch-label {
   position: relative;
   z-index: 2;
   float: left;
   width: 50%;
   height: 30px;
   line-height: 20px;
   font-size: 12px;
   text-align: center;
   cursor: pointer;
   margin:0px !important;
   line-height: 30px;
}

.exp-switch-label:active {
   font-weight: bold;
}

.exp-switch-label-off {
   padding-left: 1px;
   color: #000;
   font-weight: 600;
}

.exp-switch-label-on {
   color: #373737;
   margin-right: -1px;
   font-weight: 600;
   text-transform: uppercase;
}

.exp-switch-input {
   display: none;
}

.exp-switch-input:checked + .exp-switch-label {
   font-weight: bold;
   color: #fff;
   -webkit-transition: 0.15s ease-out;
   -moz-transition: 0.15s ease-out;
   -o-transition: 0.15s ease-out;
   transition: 0.15s ease-out;
}

.exp-switch-input:checked + .exp-switch-label-on {
   font-weight: 600;
   /* color: #62b125; */
   color: #fff;
   text-transform: uppercase;
}

.exp-switch-input:checked + .switch-label-off {
   font-weight: 600;
   color: #373737;
}

.exp-switch-input:checked + .exp-switch-label-on ~ .exp-switch-selection {
   /* Note: left: 50% doesn't transition in WebKit */
   left: unset;
   border-radius: 30px;
   height: 30px;
   top: 0px;
   right: -1px;
   text-transform: uppercase;
}

.exp-switch-selection {
   z-index: 1;
   position: absolute;
   display: block;
   top: -1px;
   left: -1px;
   width: 50%;
   color: #fff;
   border-radius: 26px;
   line-height: 30px;
   height: 30px;
   background: #208ecd;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   -webkit-box-shadow: inset 0 px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
   box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
   -webkit-transition: left 0.15s ease-out;
   -moz-transition: left 0.15s ease-out;
   -o-transition: left 0.15s ease-out;
   transition: left 0.15s ease-out;
}

.strike_filters {
    display: flex;
    width: 100%;
    align-items: center;
   /** margin: 20px 0px;**/
}
.strike_f2 > span {
    text-transform: uppercase !important;
    font-weight: 600;
    font-size: 12px;
}

.strike_f2 {
    display: flex;
    align-items: center;
    margin-left: 20px;
}

.strike_f2 select {
    margin: 0;
    font-size: 11px;
    border-radius: 30px;
    height: 30px;
    padding: 0px 30px 0px 15px;
    font-weight: 600;
    box-shadow: none;
    margin-left: 10px;
}
.strike_f3 {
    display: flex;
    align-items: center;
    margin-left: 20px;
    font-size: 12px;
    font-weight: 600;
}
.update_strike_cont th {
    background: transparent !important;
    font-size: 12px;
    padding: 5px;
    text-align: center;
    position: sticky;
    top: 83px;
    background: #ffff !important;
}
.dark_theme .update_strike_cont th{
    background: #131722 !important;
}

.update_strike_cont thead {
    background: transparent;
}
.strike_box {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.str_btns span {
    width: 30px;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    height: 20px;
    margin: 0px 5px;
    line-height: 15px;
    border-radius: 3px;
    cursor: pointer;
}
span.str_chart, span.str_depth {
    background: #e6e6e6;
    border: 1px solid #c0c0c0;
    line-height: 15px;
}

span.str_more {
    background: #c0c0c0;
}

span.str_buy {
    background: #4bb17d;
    color: #fff;
}

span.str_sell {
    background: #e84251;
    color: #fff;
}

.str_btns {
    display: flex;
    align-items: center;
    justify-content: center;    
}
.strike_price {
    width: 100px;
    background: #e8e8e8;
    text-align: center;
    border-radius: 3px;
}
.update_strike_cont td {
    padding: 5px;
    text-align: center;
        font-size: 14px;
}
.view_box h2 {
    font-size: 14px;
    
}

.view_box li img {
    height: 15px;
    margin-right: 10px;
    filter: opacity(0.5);
}


.side-codes .view_box ul li {
    align-items: center;
    display: flex !important;
    justify-content: start;
	   padding: 5px 10px !important;
}   
.side-codes .view_box ul li:hover {
    border: none !important;
}
.side-codes .view_box ul li.act {
    border: none !important;
    margin-left: 0px;
    color: #000 !important;
    background: #f7f7f7 !important;
    border-radius: 5px;
    padding: 5px 10px !important;
}
.dark_theme .side-codes .view_box ul li.act {
    color: #fff !important;
    background: #363c4e !important;
}
.dark_theme .side-bar .tab-inner.grid_view li span.symbolsholding.act {
    color: #000 !important;
}
.side-bar .tab-inner.grid_view li span.symbolsholding.act {
    position: absolute;
    right: 5px;
    width: max-content !important;
	top:0px !important;
}
.view_box li {
    padding: 5px 0px !important;
}

.side-codes .view_box ul li.act {
    border: none;
    margin-left: 0px;
}

.side-codes .view_box ul li.act img {
    filter: opacity(1);
}
.mw_setting hr {
    margin: 8px 0px;
}
.side-bar .tab-inner.grid_view.heatview li .mw-dropdown p span {
    color: #656565 !important;
}
.dark_theme .side-bar .tab-inner.grid_view.heatview li .mw-dropdown p span {
    color: #fff !important;
}
aside.left_nav li a.act {
    background: transparent !Important;
    box-shadow: none !important;
    border-right: 3px solid #49b07c !important;
    margin-right: -5px !important;
}
aside.left_nav li a.act:after
{
    display:none !Important;
}
div#economic_calender_widget span.overlay, div#global_trade_widget span.overlay,#future_widget span.overlay, #heatmap_widget span.overlay{
    z-index: -1 !important;
}
span.divider {
    background: #000;
    height: 2px;
    width: 75%;
    display: block;
    margin: 12px auto;
}


div#global_trade_widget, #future_widget {
    position: absolute;
    top: 85px;
    z-index: 999;
    left: 70px;
    height: calc(100vh - 136px);
    padding: 10px;
    background: #fff;
    box-shadow: 0px 0px 11px 0px #0000004d;
    display:none;
}
#future_widget {
	padding: 0px;
	
}
div#future_widget_inr {
    height: 100%;
}
div#future_widget_inr iframe
{
	border:none;
}
div#global_trade_widget.act{
    display:block;
}

#heatmap_widget
{
 position: absolute;
    top: 85px;
    z-index: 999;
    left: 70px;
    height: calc(100vh - 136px);
    padding: 10px;
    background: #fff;
    box-shadow: 0px 0px 11px 0px #0000004d;
    width:calc(100vw - 500px);
    display:none;
}
#heatmap_widget.act
{
    display:block;
}

#screener_widget
{
 position: absolute;
    top: 85px;
    z-index: 999;
    left: 70px;
    height: calc(100vh - 136px);
    padding: 10px;
    background: #fff;
    box-shadow: 0px 0px 11px 0px #0000004d;
    width:calc(100vw - 500px);
    display:none;
}
#screener_widget.act
{
    display:block;
}


body.right_theme div#economic_calender_widget, body.right_theme div#screener_widget, body.right_theme #heatmap_widget, body.right_theme div#currency_widget,body.right_theme div#future_widget, body.right_theme div#global_trade_widget {
    left: unset;
    right: 70px;
}

body.right_theme aside.left_nav li a.act {
    border-left: 3px solid #49b07c !important;
    margin-left: -5px !important;
    box-shadow: none !important;
    padding-left: 7px;
    border-right: 0px !important;
}


.update_strike_cont.fo_fut .fut_cont, .update_strike_cont.fo_ops .ops_cont  {
    display: block;
}

.update_strike_cont.fo_fut .ops_cont, .update_strike_cont.fo_ops .fut_cont {
    display: none;
}
.update_strike_cont.fo_ops tr th:nth-last-child(-n+5), .update_strike_cont.fo_ops tr td:nth-last-child(-n+5), .update_strike_cont.fo_ops tr th:nth-child(-n+5), .update_strike_cont.fo_ops tr td:nth-child(-n+5)
{
    display:none;
    border:1px solid #d5d5d5 !important;
}
.update_strike_cont.fo_ops tr th:last-child, .update_strike_cont.fo_ops tr td:last-child, .update_strike_cont.fo_ops tr th:last-child,.update_strike_cont.fo_ops tr td:last-child, .update_strike_cont.fo_ops tr th:first-child, .update_strike_cont.fo_ops tr td:first-child, .update_strike_cont.fo_ops tr th:first-child,.update_strike_cont.fo_ops tr td:first-child{
    display: table-cell !important;

}
div#update_strike.act_greek .update_strike_cont.fo_ops tr th:nth-last-child(-n+5), div#update_strike.act_greek .update_strike_cont.fo_ops tr td:nth-last-child(-n+5), div#update_strike.act_greek .update_strike_cont.fo_ops tr th:nth-child(-n+5), div#update_strike.act_greek .update_strike_cont.fo_ops tr td:nth-child(-n+5)
{
        display: table-cell;
        border:1px solid #d5d5d5 !important;
}
.update_strike_cont tr {
    border: 1px solid #d5d5d5 !important;
    background: transparent !important;
}
.update_strike_cont.fo_ops .ops_cont tbody tr.act_left td:nth-child(-n+6) {
    background: #feef95;
    color: #000 !important;
}
.update_strike_cont.fo_ops .ops_cont tbody tr.act_left td:nth-child(7) {
    background: linear-gradient(90deg, #feef95 50%, transparent 50%);
}
.update_strike_cont.fo_ops .ops_cont tbody tr.act_right td:nth-last-child(-n+6) {
    background: #feef95;
    color: #000 !important;
}
.update_strike_cont.fo_ops .ops_cont tbody tr.act_right td:nth-child(7) {
    background: linear-gradient(90deg, transparent 50%, #feef95 50%);
}
.pos_con_windows .dhxwin_hdr {
    background: none !important;
}

.pos_con_windows .dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_icon {display: none !important;}

.pos_con_windows .dhxwin_brd {border: none !important;}


.pos_con_windows .dhxform_obj_dhx_terrace {
    border: none !important;
}

.pos_con_windows .dhx_cell_cont_layout {
    border: none !important;
}

.pos_con_windows .dhxlayout_sep.dhxlayout_sep_resize_h {
    height: 1px !important;
    background: #ccc !important;
}

.pos_con_windows .dhx_cell_hdr.dhx_cell_hdr_hidden {
    display: none !important;
}
.pos_con_windows input, .pos_con_windows div.dhxcombo_dhx_terrace {
    height: 25px !important;
    box-shadow: none !important;
    padding: 0px 10px !important;
    border-radius: 0px !important;
}

.pos_con_windows .dhxform_obj_dhx_terrace div.dhxform_txt_label2 {
    font-weight: 300 !important;
    font-size: 13px !important;
}



.pos_con_windows .dhxform_btn_txt.dhxform_btn_txt_autowidth {
    height: 26px !important;
}

.pos_con_windows .dhxform_btn {
    background: #d3d3d3 !important;
    line-height: 28px !important;
    border-radius: 30px !important;
}

.pos_con_windows .lbl_head  div {
    font-weight: 800 !important;
}


.pos_con_windows .dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_icon {
    display: none !important;
}
.pos_con_windows .dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_icon {
    display: none !important;
}

.pos_con_windows .dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_text div.dhxwin_text_inside {
    font-weight: bold !important;
}

.pos_con_windows .lbl _head  .dhxform_txt_label2 {
    font-weight: 700 !important;
}

.pos_con_windows span.pos_con_close {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 25px;
    height: 25px;
    background: #000 !important;
    color: #fff !important;
    text-align: center;
    border-radius: 3px;
}
.pos_con_windows .dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_icon {
    display: none !important;
}

.pos_con_windows .dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_text div.dhxwin_text_inside {
    font-weight: 700 !important;
    height: 40px;
    line-height: 40px;
    font-size: 15px !important;
}

.pos_con_windows .lbl _head  .dhxform_txt_label2 {
    font-weight: 700 !important;
}


.pos_con_windows .dhxwins_vp_dhx_terrace div.dhxwin_hdr {
    height: 40px !important;
}

div#fundamentals, div#tech_analysis {
    height: 100%;
	    position: relative;
		width: 50%;
}

.dark_theme ul.widget_nav li img {
    filter: invert(1);
}
.dark_theme  span.divider {
    background: rgb(255 255 255 / 39%);
}

.dark_theme .new_options a {
    color: #fff;
}

.dark_theme .new_options a img {
    filter: invert(1);
}

.dark_theme .support_icon img {
    filter: invert(1);
}
.dark_theme  .support_icon img {
    filter: invert(1);
}

.dark_theme  .support_cont {
    background: #1e222d;
}

.dark_theme  .support_cont:before, .dark_theme  .support_cont:after {
    background: #1e222d;
}

/**.dark_theme  .support_cont textarea, .dark_theme  .support_cont select {
    filter: invert(1);
    color: #000;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    border-radius: 0px !important;
}**/
div#global_trade_widget .tradingview-widget-container {
    height: 100% !important;
}
div#global_trade_widget .tradingview-widget-container iframe, #future_widget iframe{
    height: 100% !important;
}
div#currency_widget .tradingview-widget-container {
    height: 100% !important;
    width: 100% !important;
}

div#currency_widget .tradingview-widget-container iframe {
    height: 100% !important;
    width: 100% !important;
}
div#heatmap_widget .tradingview-widget-container {
    height: 100% !important;
    width: 100% !important;
}

div#heatmap_widget .tradingview-widget-container iframe {
    height: 100% !important;
    width: 100% !important;
}
div#screener_widget .tradingview-widget-container {
    height: 100% !important;
    width: 100% !important; 
}

div#screener_widget .tradingview-widget-container iframe {
    height: 100% !important;
    width: 100% !important;
}
.view_box li, .view_box li.act {
    background: transparent !important;
}

.analysis_box {
    display: flex;
    height: calc(100% - 55px);
}
.right_theme .analysis_widget.act {
    left: 380px;
    right: auto;
}
.right_theme .idea_stream_widget.act {
    right: auto;
    left: 380px;
}
.right_theme div#ladder_box.act {
    right: auto;
    left: 380px;
}
.analysis_widget.act span.overlay {
    z-index: -1;
}
.dark_theme  .widget_head {
    background: #1e222d !important;
}

.dark_theme  .analysis_widget.act, .dark_theme .idea_stream_widget.act, .dark_theme div#heatmap_widget,.dark_theme  div#screener_widget, .dark_theme #global_trade_widget, .dark_theme #economic_calender_widget, .dark_theme div#currency_widget {
    background: #131722 !important;
}
.dark_theme .menu-box.hor-menu.act {
    background: #131722;
}
.dark_theme  .widget_head img {
    filter: invert(1) !important;
}
.dark_theme .side-codes .view_box ul li.act img {
    filter: invert(1) !important;
}
.dark_theme .view_box li img
{
    filter: opacity(0.5) invert(1) !important;
}

/**
.side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, calc(0.5 < 0)) !important"] span, .side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, 0.2) !important"] .mw_list span.sys_ptg, .side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, 0.1) !important"] span, .side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, 0.1) !important"] .mw_list span.sys_ptg, .side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, 0) !important"] span, .side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, 0) !important"] .mw_list span.sys_ptg, .side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, 0.3) !important"] span, .side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, 0.3) !important"] .mw_list span.sys_ptg, .side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, 0.4) !important"] span, .side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, 0.4) !important"] .mw_list span.sys_ptg, .side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, 0.25) !important"] span, .side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, 0.25) !important"] .mw_list span.sys_ptg {
    color: #000 !important;
}**/
.update_strike_cont .ops_cont tbody tr.act_left.act_right td {
    background: #feef95 !important;
}
.active_statue.warning {
   color: yellow !important;
}

.active_statue.warning span::before {
   background: yellow;
}
.dark_theme .side-codes ul li {
    border-color: #1e222d;
    background: #131722;
}
.dark_theme .mw-dropdown p span {
    color: #ffffff !important;
}
tr.total td {
    color: #000;
}
.dark_theme tr.total td {
    color: #eaeaea;
}
.dark_theme .tips, .dark_theme .tips_right label, .dark_theme span.ord_asktips_right:after, .dark_theme span.ord_asktips_right:before, .dark_theme .pop_buy_tip span.close, .dark_theme span.ord_bidtips_right:after, .dark_theme span.ord_bidtips_left:after, .dark_theme span.ord_asktips_left:after, .dark_theme .tag-box-outer label, .dark_theme .radio [type=checkbox]+label, .dark_theme .radio [type=radio]+label, .dark_theme .pop-chart-cont {
    color: #dddddd;
}
.dark_theme .tag-box-outer input {
    color: #fff;
}
.dark_theme div#update_strike
{
    background: #131722  !important;

}
.dark_theme .update_strike_head {
    background: #131722;
}
.dark_theme .update_strike_cont tr {
    border:1px solid #363c4e !important;
}

span.sys_sts {
    width: 60px;
    min-width: 40px;
    text-align: right;
    margin-right: 0px !important;
}
span.btn.btn-default.btn-file {
    position: relative;
    width: 100%;
    padding-left: 35px;
    font-size: 14px;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}


div#files2 input {
    width: 100% !important;
}

ul.fileList {
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    list-style: none;
    padding: 0px;
    font-size: 12px;
    margin-left: 25px;
    margin-top: 0px;
    background-color:   #fff;
}

ul.fileList li {
    font-size: 13px;
    border: #b2b2b2 1px solid;
    padding: 1px 9px;
    border-radius: 30px;
    background: #fff !important;
    margin: 5px;
    width: 45%;
    position:   relative;   
}

ul.fileList li a {
    color: #b2b2b2;
    margin-left: 5px;
    position: absolute;
    right: 9px;
    top: 0;
    font-size: 19px;
    line-height: 1;
}
ul.fileList li span {
    width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
        height: 22px;
}
.dark_theme .strike_price {
    background: #363c4e;
}
.dark_theme span.str_more {
    color: #000;
}
.dark_theme .side-codes li.srh_result:hover {
    border: none !important;
}
.dark_theme .srh_results span.symbols {
    color: #ffffff !important;
    font-weight: 600;
}
.dark_theme .srh_results span.symbolsseries
{
    background-color:transparent !important;
}
.grid_view .list li.act .s_btns span.s_buy {
    margin-left: 8px !important;
}
.grid_view span.mw_mr_opt.act {
    margin-right: 8px !important;
}
/**.menu-box.hor-menu {
    left: -100% !important;
    right:unset !important;
}***/
.right_theme div#update_strike {
    right: unset !important;
    left: 380px !important;
}
.dark_theme .support_cont .btns a {
   color: #fff;
}
.dark_theme .support_cont.act textarea, .dark_theme .support_cont.act input {
    color: #fff;
}

div#economic_calender_widget:after {content: '';position: absolute;bottom: 0;right: 0;height: 50px;width: 50px;}
div#screener_widget:after {content: '';position: absolute;bottom: 0;right: 0;height: 50px;width: 50px;}
div#heatmap_widget:after {content: '';position: absolute;bottom: 0;right: 0;height: 50px;width: 50px;}
div#currency_widget:after {content: '';position: absolute;bottom: 0;right: 0;height: 50px;width: 50px;}
div#global_trade_widget:after {content: '';position: absolute;bottom: 0;right: 0;height: 50px;width: 50px;}
div#tech_analysis:after {content: '';position: absolute;bottom: 0;right: 0;height: 50px;width: 50px;}
div#fundamentals:after {content: '';position: absolute;top: 0;right: 0;height: 50px;width: 50px;}
div#future_widget:after {content: '';position: absolute;top: 0;right: 0;height: 50px;width: 50px;}

div#market_overview_widget:before {content: '';position: absolute;width: 50px;height: 100px;bottom: 10px;z-index: 9;}
.dark_theme .support_cont.act textarea {
    border: none !important;
    border-bottom: 1px solid #fff !important;
    color: #fff !important;
}
.dark_theme .form_feilde input {
    background: url(../images/sub_img_act.png) top 8px left 10px no-repeat !important;
    color:#fff !important;
}
.dark_theme .support_cont textarea {
    background: url(../images/comment_act.png) top 3px left 10px no-repeat !important;
    box-shadow: none !important;
    color:#fff !important;
}
.dark_theme  .form_feilde select {
    border-bottom: 1px solid #fff;
    background: url(../images/type_act.png) center left 10px no-repeat #1e222d;
    color:#fff !important;
}
.dark_theme .form_feilde.form_file #files2 {
    background: url(../images/attach_act.png) top 8px left 10px no-repeat;
    border-bottom: 1px solid #b1b1b1;
    color:#fff !important;
}
.dark_theme ul.fileList li {
    background: #1e222d !important;
}
.dark_theme ul.fileList {
    background: transparent !important;
}
.support_cont input[type="submit"] {
    outline: none !important;
}

.dark_theme input.dhxform_textarea[name=order_search], .dark_theme input.dhxform_textarea[name=trade_search], .dark_theme input.dhxform_textarea[name=position_search], .dark_theme input.dhxform_textarea[name=holding_search], .dark_theme input.dhxform_textarea[name=form_input_3], .dark_theme input.dhxform_textarea[name=journal_search], .dark_theme input.dhxform_textarea[name=margin_search], .dark_theme input.dhxform_textarea[name=funds_search], .dark_theme .search_table input.dhxform_textare {
    padding: 5px 30px 5px 15px !important;
    background: url(../images/Search1.svg) center right 5px no-repeat;
}

.dark_theme .side-bar .tab-inner.grid_view li span {
    color: #fff !important;
}
.dark_theme .side-bar .tab-inner.grid_view.heatview li .s_btns span.s_more, .dark_theme .side-bar .tab-inner.grid_view.heatview li .s_btns span.mw_mr_opt {
    color: #fff !important;
}





/* Important switch stuff */
.analysis_widget input[type=checkbox].switch_new + label {
  width: 40px;
  height: 14px;
  background: #9a9a9a;
  display: inline-block;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
  
}
.analysis_widget input[type=checkbox].switch_new + label:before, input[type=checkbox].switch_new + label:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: white;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  left: 0;
  transition: all .2s;
}
.analysis_widget input[type=checkbox].switch_new + label:after {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.analysis_widget input[type=checkbox].switch_new + label:before {
  background: lightgray;
  transform: scale3d(0, 0, 1);
}
.analysis_widget input[type=checkbox].switch_new + label:active:before {
  transform: scale3d(3, 3, 1);
  opacity: 0;
}

.analysis_widget input[type=checkbox].switch_new {
  display: none;
}
.analysis_widget input[type=checkbox].switch_new:checked + label {
  background: rgba(3, 155, 229, 0.5);
}
.analysis_widget input[type=checkbox].switch_new:checked + label:before, .analysis_widget input[type=checkbox].switch_new:checked + label:after {
  left: 24px;
  background: #039be5;
}
.analysis_widget input[type=checkbox].switch_new:disabled + label {
  opacity: 0.4;
  cursor: not-allowed;
}

.analysis_widget input[type=checkbox].switch_new.green {
  display: none;
}
.analysis_widget input[type=checkbox].switch_new.green:checked + label {
  background: rgba(4, 196, 52, 0.5);
}
.analysis_widget input[type=checkbox].switch_new.green:checked + label:before, .analysis_widget input[type=checkbox].switch_new.green:checked + label:after {
  background: #04c434;
}

.analysis_widget input[type=checkbox].switch_new.red {
  display: none;
}
.analysis_widget input[type=checkbox].switch_new.red:checked + label {
  background: rgba(244, 67, 54, 0.5);
}
.analysis_widget input[type=checkbox].switch_new.red:checked + label:before, .analysis_widget input[type=checkbox].switch_new.red:checked + label:after {
  background: #f44336;
}
.analysis_check {
    position: absolute;
    top: 6px;
    right: 40px;
    margin:0px 5px;
    font-size: 14px;
        display: flex;
    align-items: center; 
}
.dark_theme .login {
    padding: 0px;
    background: #f0f6fd !important;
    box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.34);
}
.dark_theme .login input[type="text"], .dark_theme .login input[type="password"] {
    border: none !important;
    padding: 2px 10px 2px 40px;
    height: 40px;
    box-shadow: 0px 4px 10px 0px rgba(102, 102, 102, 0.3) !important;
    background: #fff !important;
    color: #000 !important;
}
.dark_theme .form-box1 input {
    background: #ffaa05;
    color: #000;
}
.forget {
    color: #000;
}
span.password {
    color: #000;
}
div#screener_widget.act .overlay {
    z-index: -1;
}


.ans_box_one {
    display: flex;
}

.ans_fundamental {
    width: 50%;
    border-right: 1px solid #ccc;
}
div#container_fund {
    height: 150px;
}   
.ans_fundamental {
    padding: 10px;
}

.ans_technical {
    padding: 10px;
    width: 50%;
}

.pop_head1 {
    font-weight: 800;
    font-size: 22px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.ans_technical tr, .ans_technical th, .ans_technical td {
    background: transparent !important;
}


.ans_technical thead {
    background: transparent;
    border: none !important;
}

.ans_technical th {
    padding: 0px 9px 5px;
    font-size: 14px !important;
    font-weight: 800;
}

.ans_technical tbody {
    background: transparent;
    border: none;
}

.ans_technical tbody td {
    padding: 2px 2px;
    font-size: 14px;
}

.ans_technical tbody td span {
    background: #f6f6f6;
    border-color: #dcdcdc;
    display: block;
    color: #000;
    padding: 5px 10px;
    height: 100% !important;
    border: 1px solid #dcdcdc;
    font-size: 12px !important;

}

.ans_technical tfoot td {
    font-size: 12px;
    border: 1px solid #ccc;
    padding: 5px 10px;
}

.ans_fundamental td {
    font-size: 12px;
    line-height: 1.2;
}

.ans_fundamental table {
    margin-bottom: 0px;
    background: transparent;
}

.ans_fundamental table td, .ans_fundamental table tr, .ans_fundamental table tbody {
    background: transparent !important;
    border: none;
}

.ans_fundamental td span {
    font-weight: 800;
    line-height: 1;
}

.ans_fundamental table tr {
    border-bottom: 1px solid #dcdcdc;
}

.ans_News ul {
    margin: 0;
}

.ans_News ul .up_arw {
    width: 20px;
    height: 20px;
}

.ans_News ul li {
    display: flex;
    font-size: 14px;
    padding: 4px 0px;
    position: relative;
}
.analysis_box1 {
    border-top: 1px solid #ccc;
}
.analysis_box1 {
    border-top: 1px solid #ccc;
}

.ans_fundamental {
    padding-top: 0;
}

.ans_technical {
    padding-top: 0px;
}
.ans_News ul li .down_arw, .ans_News ul li .mdl_arw
{
    width: 20px;
    height: 20px; 
        position: relative;

}
.ans_News ul li .down_arw:before
{
    content: '';
    position: absolute;
    border: 7px solid;
    border-color: #e84352 transparent transparent  transparent;
    transform: scaleY(1.5);
    top: 10px;
}
.ans_News ul li .mdl_arw:before
{
    content: '';
    position: absolute;
    border: 7px solid;
    border-color: #9d9b9b transparent transparent  transparent;
    transform: scaleY(1.5);
    top: 18px;
}
.ans_News ul li .mdl_arw:after
{
    content: '';
    position: absolute;
    border: 7px solid;
    border-color:  transparent transparent #9d9b9b transparent;
    transform: scaleY(1.5);
    top: -6px;
}
.ans_News {
    padding: 0px 10px;
}

span.up_arw:before {
    content: '';position: absolute;
    border: 7px solid;
    border-color: transparent transparent #49b07c transparent;
    transform: scaleY(1.5);
}
span.news_sys {
    width: 200px;
    font-weight: 700;
}
span.news_sys:after {
    content: ':';
    float: right;
    margin-right: 5px;
}
.ans_technical  tfoot td span {
    float: right;
    font-weight: 400;
    padding-right: 10px;
}
.ans_technical  tfoot td, .ans_technical  tfoot
{
    background:none;
}
/**span.down_val, **/.mildbarishhbg {
    background: #e84352 !important;
    color: #fff !important;
}

/**span.mid_val,**/ .greybg {
    background: #9d9b9b !important;
    color: #fff !important;
}

/**span.up_val,**/ .bullishbg {
    background: #49b07b !important;
    color: #fff !important;
}
.ans_fundamental {
    padding: 10px 20px 0px 10px;
}
.ans_technical {
    padding: 10px 20px 0px 20px;
}
.ans_box_one {
    margin-bottom: 15px;
}
.ans_technical tbody td:nth-child(1) {
    padding-left: 0px !important;
}
.ans_technical tbody td:nth-child(3) {
    padding-right: 0px !important;
}
.foot_links {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    text-transform: uppercase;
}

.foot_links a, .pop_head1 span {
    background: #000 !important;
    padding: 0px 25px;
    color: #fff;
    font-size: 12px;
    border-radius: 30px;
    /* width: 150px; */
    line-height: 27px;
    height: 27px;
    margin: 0px 5px;
    cursor: pointer;
}
.pop_head1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news_buttons, .fundamental_buttons1, .technical_buttons1 {
    display: flex;
    text-align: center;
}
span.analysis_close, span.idea_stream_close {
    position: absolute;
    right: 0px;
    width: 25px;
    height: 25px;
    background: #000;
    color: #fff;
    text-align: center;
    top: 8px;
    border-radius: 3px;
    cursor: pointer;
}
.dark_theme .pop_head1, .dark_theme .ans_fundamental {
   
    border-color: #1e222d;
}
.dark_theme .ans_technical tfoot td {
     border: 1px solid #1e222d;
    color: #fff;
}
.dark_theme .ans_fundamental table tr {
    border-bottom: 1px solid #1e222d;
}
.dark_theme .ans_technical tbody td span {
    background: #131722;
    border-color: #dcdcdc;
    color: #fff;
}
.dark_theme .list li.act {
     border-right: 1px solid #242A34 !important;
}
.dark_theme div#update_strike.act_greek .update_strike_cont.fo_ops tr th:nth-last-child(-n+4), .dark_theme div#update_strike.act_greek .update_strike_cont.fo_ops tr td:nth-last-child(-n+4), .dark_theme div#update_strike.act_greek .update_strike_cont.fo_ops tr th:nth-child(-n+4), .dark_theme div#update_strike.act_greek .update_strike_cont.fo_ops tr td:nth-child(-n+4)
{
    border-color:   #363c4e !important;
}

.ind_cntx_menu {
    position: absolute;
    width: 100px;
    /*top: 40px;*/
    display: none;
    z-index: 99999 !important;
}
.ind_cntx_menu:before {content: '';position: absolute;border: 8px solid;border-color: transparent transparent #fff transparent;top: -15px;left: 10px;}
.ind_cntx_menu ul {
    list-style: none;
    background: #fff;
    margin: 0;
}

.ind_cntx_menu li a {
    padding: 2px 10px;
    display: block;
    font-size: 14px;
    color: #000;
}
div#no_internet {
    width: 380px;
    padding: 50px 10px;
}
div#no_internet button.close-button {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #000;
    line-height: 21px;
    color:  #fff;
    outline: none;
}

div#no_internet button.close-button span {
    line-height: 20px;
    height: 30px;
    overflow: hidden;
    font-size: 30px;
    margin-top: 3px !important;
    display: block;
    outline: none;
}
.no_net_icon {
    margin-bottom: 50px;
}

a.btn_recont {
    border: 2px solid #000;
    color: #000;
    height: 32px;
    display: inline-block;
    padding: 0px 15px 0px 2px;
    border-radius: 30px;
    margin-top: 50px;
}

.dark_theme a.btn_recont {
    border: 1px solid #fff;
    color: #fff;
}

.dark_theme a.btn_recont img {
    filter: invert(1);
}
a.btn_recont:hover img {
    transform: rotate(306deg);
    transition: 0.8s ease;
}
div#no_internet h5,div#no_internet h6
{
    color:  #7f7f7f;
}
span.upi_status_close {
    position: absolute;
    right: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    background: #000;
    color: #fff;
    line-height: 1.3;
    top: 10px;
    cursor: pointer;
}

p.upi_display_amount {
    font-weight: 600;
    font-size: 22px;
}

table#fundamental_det td {
    padding: 10px 0px;
}
.foot_links {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

.analysis_box1_inner {
    height: calc(100vh - 180px) !important;
    overflow-y: scroll;
}

.holdings_tabs div.gridbox_dhx_terrace.gridbox table.obj tr td:nth-child(2), .holdings_tabs div.gridbox_dhx_terrace.gridbox .xhdr td:nth-child(2) div.hdrcell {
    text-align: left !important;
    padding-left:15px !important;
}

text.highcharts-credits {
    opacity: 0;
}
.dark_theme aside.left_nav li span.icon img {
    filter: invert(1);
}
.mildbullishbg, .bullishbg {
    background: #49b07b !important;
    color: #fff !important;
}

.greybg {
    background: #9d9b9b !important;
    color: #fff !important;
}
.sidewaysbg {
    background: #FF9800 !important;
    color: #fff !important;
}
.mildbarishhbg, .barishhbg {
    background: #e84352 !important;
    color: #fff !important;
}


/* Style the tab */
.ops_cont .tab {
  overflow: hidden;
  border: none !Important;
  border-radius: 0px;
  display: block;
  position: sticky;
    top: 84px;
    background: #fff;
	padding-bottom: 3px;
	z-index:999;
}
.tab_in {
    border: 1px solid #ccc;
    border-radius: 50px;
}
.dark_theme .tab_in {
    border: 1px solid #363c4e;
    
		
}
/* Style the buttons that are used to open the tab content */
.ops_cont .tab button {
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 8px 16px;
  transition: 0.3s;
  width: calc(25% - 4px);
  font-size: 12px;
  border-radius: 50px;
  font-weight: 600;
  color: #373737;
}

/* Change background color of buttons on hover */
.ops_cont .tab button:hover {
  background-color: #208ecd;
  color: #fff;
}

/* Create an active/current tablink class */
.ops_cont .tab button.active {
  background-color: #208ecd;
  color: #fff;
}

/* Style the tab content */
.ops_cont .tabcontent {
  display: none;
  padding: 6px 0px;
  
  border-top: none;
}
.ops_bs_head, .ops_ltp_head {
    border-top: 1px solid #ebeced;
    display: flex;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    padding: 5px 0px;
    font-weight: 600;
	top: 121px;
    background: #ffff;
	position: sticky;
	border-bottom: 1px solid #ebeced;
	z-index:999;
}
.dark_theme .ops_bs_head, .dark_theme .ops_ltp_head
{
	background:#363c4e !important;
}
.dark_theme .ops_bs_head:before
{
	background:#131722 !important
}
.ops_bs_head:before {
    content: '';
    height: 7px;
    position: absolute;
    width: 100%;
    top: -8px;
    background: #fff;
    left: 0;
}
.dark_theme .ops_grk_head
{
	background:#363c4e !important;
	border-color: #363c4e;
}
.dark_theme .ops_grk_head:before
{
	background:#131722 !important
}
.dark_theme .ops_grk_item .grk_cell, .dark_theme .ops_grk_item .grk_cell_b {
    border: 1px solid #363c4e;
    color: #757575;
}
.ops_bs_item{
    display: flex;
    border-top: 1px solid #ebeced;
    padding: 5px 0px;
}
.ops_ltp_item {
    display: flex;
}

.ops_bs_item .str_btns, .ops_bs_head .str_btns{
    width: calc(50% - 50px);
}
.ops_bs_head .strike_price {
    background: transparent;
}
.ops_bs_item.act_left{
    background: #feee96;
    background: linear-gradient(to right,  #feee96 50%, rgb(254 238 150 / 0%) 50%, rgb(254 238 150 / 0%) 100%);
}
.ops_bs_item.act_right  {
    background: #feee96;
    background: linear-gradient(to left, #feee96 50%, rgb(254 238 150 / 0%) 50%, rgb(254 238 150 / 0%) 100%);
}

.dark_theme .ops_bs_item.act_left{
    background: #feee96;
    background: linear-gradient(to right,  #808080 50%, rgb(254 238 150 / 0%) 50%, rgb(254 238 150 / 0%) 100%);
}
.dark_theme .ops_bs_item.act_right  {
    background: #feee96;
    background: linear-gradient(to left, #808080 50%, rgb(254 238 150 / 0%) 50%, rgb(254 238 150 / 0%) 100%);
}

.ops_ltp_item.act_left {
    background: #feee96;
    background: linear-gradient(to right, #feee96, #feee96 30%, rgb(254 238 150 / 0%) 30%, rgb(254 238 150 / 0%) 100%);
}
.ops_ltp_item.act_right  {
    background: #feee96;
    background: linear-gradient(to left, #feee96, #feee96 30%, rgb(254 238 150 / 0%) 30%, rgb(254 238 150 / 0%) 100%);
}
.ops_bs_item.act_right.act_left, .ops_ltp_item.act_right.act_left
{
    background: #feee96;
}
.dark_theme .ops_bs_item.act_right.act_left, .ops_ltp_item.act_right.act_left
{
    background: #808080;
}
.dark_theme span.str_depth, .dark_theme .str_chart, .dark_theme .str_more {
    border: 1px solid #363c4e !important;
    background-color: #242a34 !important;
    color: #ffffff !important;
}
.dark_theme span.str_depth img, .dark_theme .str_chart img,.dark_theme .str_more img
{
	filter:brightness(100);
}
.cl_ltp, .put_ltp
{
    width: 30%;
    text-align:center;
}
.ltp_strike, .ltp_iv
{
    width: 20%;
    text-align:center;   
}
.ops_ltp_head .cl_ltp, .ops_ltp_head .put_ltp
{
    color: #898989;
}
span.ltp_down {
    color: red;
}

span.ltp_up {
    color: green;
}
.ops_ltp_item .cl_ltp, .ops_ltp_item .put_ltp
{
    position: relative;
    z-index: 1;
}
.ops_ltp_item .cl_ltp, .ops_ltp_item .put_ltp
{ 
    position: relative;
}
.ops_ltp_item .cl_ltp span.progress_bar {
    position: absolute;
    left: 0;
    background: #fbc77d;
    height: 90%;
    z-index: -1;
    border-radius: 0px 50px 50px 0;
    transition: 0.5s ease;
    top: 5%;
}
.ops_ltp_item .put_ltp span.progress_bar {
    position: absolute;
    right: 0;
    background: #fbc77d;
    height: 90%;
    z-index: -1;
    border-radius: 50px 0px 0px 50px;
    transition: 0.5s ease;
    top: 5%;
}
.ops_grk_head {
    display: flex;
    border-top: 1px solid #ebeced;
    border-bottom: 1px solid #ebeced;
    padding: 8px;
    position: sticky;
    top: 121px;
    background: #fff;
}
.ops_grk_head:before {
    content: '';
    height: 7px;
    position: absolute;
    width: 100%;
    top: -7px;
    background: #fff;
    left: 0;
}
.grk_cell, .grk_cell_b {
    width: 14.2%;
    text-align: center;
}
.grk_cell_b {
    font-weight: 600;
}
.ops_grk_item {
    display: flex;
    text-align: center;
    
    
}
.ops_grk_item .grk_cell, .ops_grk_item .grk_cell_b{
border: 1px solid #ebeced;
padding: 5px;
}
.ops_ltp_item div
{
 border: 1px solid #ebeced;
padding: 5px;   
}

.ops_grk_item .grk_cell:first-child {
    border-left: none;
}
.ops_grk_item .grk_cell:last-child {
    border-right: none;
}
.ops_ltp_item div:first-child {
    border-left: none;
}
.ops_ltp_item div:last-child {
    border-right: none;
}
.v_note {
    position: absolute;
    bottom: 0;
    background: #fff;
    width: 100%;
    left: 0;
    padding: 5px 10px;
    font-size: 14px;
}

.v_note span {
    width: 35px;
    height: 8px;
    background: #fbc77d;
    display: inline-block;
    border-radius: 30px;
}
div.ops_ltp_cont {
    overflow: scroll;
    height: calc(100vh - 310px);
}

.dark_theme .ops_cont .tab, .dark_theme  .exp-switch{
    border: 1px solid #363c4e;
    background: #131722;
}
.dark_theme .ops_cont .tab button, .dark_theme .exp-switch-label-on
{
color: #fff;
}
.dark_theme .ops_bs_head, .dark_theme .ops_ltp_head, .dark_theme .ops_bs_item
{
    border-color: #363c4e;
}
.dark_theme select#selexp {
    border: 1px solid #363c4e !important;
    background-color: #131722 !important;
    color: #ffffff !important;
}
.dark_theme .ops_ltp_item div {
    border: 1px solid #363c4e;
}
.dark_theme  .ops_ltp_item {
    color: #757575;
}
.dark_theme .v_note {
    background: #131722;
}
div#banlist_widget {
    position: absolute;
    left: 70px;
    top: 85px;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 11px 0px #0000004d;
    height: calc(100vh - 140px);
    width: calc(100vw - 499px);
    z-index: 999;
    display: none;
}
 div#banlist_widget.act
 {
    display: block;
 }
 div#banlist_widget_inr {
    z-index: 99999 !important;
    height: 100% !important
}
div#banlist_widget_inr .dhx_cell_hdr_text.dhx_cell_hdr_text_chrome {
    text-align: center;
}
div#banlist_widget_inr .dhxlayout_arrow.dhxlayout_arrow_va, div#banlist_widget_inr .dhxlayout_arrow.dhxlayout_arrow_vb {
   display: none;
}
.dhx_cell_layout.no_border div {
    border: none !important;
}
.dhxform_obj_dhx_terrace .search_ban input.dhxform_textarea {
    padding: 4px 16px !important;
    height: 30px;
    border-radius: 30px;
    background: url(../images/search.svg) no-repeat top 0px right 10px;
}

#banlist_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr td div.hdrcell {
    padding: 5px 10px;
    font-size: 12px !important;
    text-transform: capitalize;
    line-height: 1.2;
}
#banlist_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr td {
    
    font-family: Arial,Helvetica;
    font-size: 12px;
    color: #000;
    font-weight: 600;
    vertical-align: middle;
}
#banlist_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr td, #banlist_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr tr, #banlist_widget_inr div.gridbox_dhx_terrace.gridbox .odd_dhx_terrace, #banlist_widget_inr tbody tr:nth-child(even), div#banlist_widget_inr div.gridbox_dhx_terrace.gridbox .xhdr
{
    background:transparent !important; 
}
#banlist_widget_inr div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td {
    line-height: 1;
    font-size: 12px;
    color: #000;
}
/*.dhxform_item_absolute.search_ban {
    right: 260px;
    left: unset !important;
    top: 0px;
}*/
#banlist_widget_inr div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td[align="left"], #result_cal_widget_inr div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td[align="left"] {
    text-align: left !important;
}

#banlist_widget_inr div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td[align="right"], #result_cal_widget_inr div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td[align="right"] {
    text-align: right !important;
}
#banlist_widget_inr tbody, #banlist_widget_inr tfoot, #banlist_widget_inr thead, #result_cal_widget_inr tbody, #result_cal_widget_inr tfoot, #result_cal_widget_inr thead{
    border:none !important;
}
div#banlist_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr td:last-child, div#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr td:last-child
{
     text-align: right !important;
}
#banlist_widget_inr div.gridbox_dhx_terrace.gridbox .odd_dhx_terrace, #banlist_widget_inr tbody tr:nth-child(even), #result_cal_widget_inr div.gridbox_dhx_terrace.gridbox .odd_dhx_terrace, #result_cal_widget_inr tbody tr:nth-child(even) {
   
    border-bottom: 1px solid #e6e6e6 !important;
}
#banlist_widget .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_cont_layout,#banlist_widget .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr,#result_cal_widget .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr, #result_cal_widget .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_cont_layout
{
    border-color: #e6e6e6 !important;
}
div#result_cal_widget {
    position: absolute;
    left: 70px;
    top: 85px;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 11px 0px #0000004d;
    height: calc(100vh - 140px);
    width: calc(100vw - 499px);
    z-index: 999;
    display: none;
}
 div#result_cal_widget.act
 {
    display: block;
 }
 div#result_cal_widget_inr {
    z-index: 99999 !important;
    height: 100% !important
}
div#result_cal_widget_inr .dhx_cell_hdr_text.dhx_cell_hdr_text_chrome {
    text-align: center;
}
div#result_cal_widget_inr .dhxlayout_arrow.dhxlayout_arrow_va, div#result_cal_widget_inr .dhxlayout_arrow.dhxlayout_arrow_vb {
   display: none;
}
.dhx_cell_layout.no_border div {
    border: none !important;
}
.dhxform_obj_dhx_terrace .search_ban input.dhxform_textarea {
    padding: 4px 16px !important;
    height: 30px;
    border-radius: 30px;
    background: url(../images/search.svg) no-repeat top 0px right 10px;
}

div#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr td div.hdrcell {
    padding: 5px 10px;
    font-size: 12px !important;
    text-transform: capitalize;
    line-height: 1.2;
}
div#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr td {
    
    font-family: Arial,Helvetica;
    font-size: 12px;
    color: #000;
    font-weight: 600;
    vertical-align: middle;
}
div#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr td, div#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr tr, div#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox .odd_dhx_terrace, div#result_cal_widget_inr tbody tr:nth-child(even), div#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox .xhdr
{
    background:transparent !important; 
}
div#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td {
    line-height: 1;
    font-size: 12px;
    color: #000;
}


div#result_cal_widget_inr .dhxform_item_absolute.cal_btn {
    right: 0px;
    left: unset !important;
    width: 100%;
}

div#result_cal_widget_inr .dhxform_item_absolute.cal_btn > div {
    right: 16px !important;
    left: unset !important;
}

.dhxform_item_absolute.head_line {
    font-size: 16px;
}
div#result_cal_widget_inr .dhxform_item_absolute.head_lable > div {
    right: 150px !important;
    left: unset !important;
}

div#result_cal_widget_inr .dhxform_item_absolute.head_lable {
    width: 100% !important;
}
.dhxform_obj_dhx_terrace .cal_btn .dhxform_textarea {
    padding: 4px 16px !important;
    height: 30px;
    border-radius: 30px;
    background: url(../images/cal.svg) no-repeat top 0px right 10px;
    background-size: 17px;
    background-position: right 10px center;
}
.dhtmlxcalendar_dhx_terrace.dhtmlxcalendar_in_input {
    z-index: 999 !important;
}

.dark_theme div#result_cal_widget,  .dark_theme div#banlist_widget{
    background: #131722;
}
.dark_theme #banlist_widget .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_cont_layout, .dark_theme #banlist_widget .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr, .dark_theme #result_cal_widget .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr, .dark_theme #result_cal_widget .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_cont_layout {
    border-color: #353b4d !important;
}
.dark_theme .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr {
    border: 1px solid #353b4d;
    background-color: #242a34;
    color: #fff;
 
}
.dark_theme div.gridbox_dhx_terrace.gridbox table.hdr td
{
    color: #fff;
}
.dark_theme div#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr td,.dark_theme #banlist_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr td {
    
    color: #fff;
    
}
.dark_theme #banlist_widget_inr div.gridbox_dhx_terrace.gridbox .odd_dhx_terrace, .dark_theme #banlist_widget_inr tbody tr:nth-child(even), .dark_theme #result_cal_widget_inr div.gridbox_dhx_terrace.gridbox .odd_dhx_terrace, .dark_theme #result_cal_widget_inr tbody tr:nth-child(even) {
    border-bottom: 1px solid #353b4d !important;
}
.dark_theme div#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr td, .dark_theme div#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr tr, .dark_theme div#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox .odd_dhx_terrace, .dark_theme div#result_cal_widget_inr tbody tr:nth-child(even), .dark_theme div#result_cal_widget_inr div.gridbox_dhx_terrace.gridbox .xhdr {
    border-bottom: 1px solid #353b4d !important;
}
.dark_theme  #banlist_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr td, .dark_theme  #banlist_widget_inr div.gridbox_dhx_terrace.gridbox table.hdr tr, .dark_theme  #banlist_widget_inr div.gridbox_dhx_terrace.gridbox .odd_dhx_terrace, .dark_theme  #banlist_widget_inr tbody tr:nth-child(even), .dark_theme  div#banlist_widget_inr div.gridbox_dhx_terrace.gridbox .xhdr {
     border-bottom: 1px solid #353b4d !important;
}

.dark_theme .side-bar .tab-inner.grid_view li {
    border: 1px solid #363c4e !important;
}
.dark_theme .side-bar .tab-inner.grid_view .mw-dropdown {
    background: #242a34 !important;
    border: 1px solid #242a34;
}
.dark_theme .side-bar .tab-inner.grid_view li:hover:before, .dark_theme .side-bar .tab-inner.grid_view li.act:before {
   
    border: 1px solid #363c4e;
    background: #242a34;
}
.dark_theme span.mw_mr_opt {
    border: 1px solid #cacaca;
}
.dark_theme span.s_b1, .dark_theme span.s_b2, .dark_theme span.s_add, .dark_theme span.s_add_sym, .dark_theme span.s_close, .dark_theme span.s_more {
    border: 1px solid #cacaca;
	color:#b4b4b4 !important;
}
.dark_theme .support_cont.act textarea, .dark_theme .support_cont.act input {
    color: #fff;
}
.dark_theme .support_cont input[type="submit"]:hover
{
	color: #3fa7de;
}

.dark_theme .side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, 0.1) !important"] span, .dark_theme  .side-bar .tab-inner.grid_view.heatview li[style="background:rgba(50, 131, 66, 0.1) !important"] .mw_list span.sys_ptg
 {
	color:#fff !important;
 }
 /**.dark_theme canvas#myCanvas {
    filter: invert(1);
}**/
.dark_theme div#ladder_box {
    background: #131722;
}
.dhxwins_vp_dhx_terrace .pos_con_windows div.dhxwin_hdr div.dhxwin_icon
{
	background:none !Important;
}
.dark_theme .pos_con_windows div.dhxwin_hdr div.dhxwin_text div.dhxwin_text_inside
{
	color:#fff !Important;
}
 .dhxwins_vp_dhx_terrace .pos_con_windows div.dhxwin_hdr {
    border-bottom: 1px solid #363c4e !important;
}
.dark_theme span.net_msg {
    font-size: 14px;
    color: #9e9e9e;
}
label.radio-bank-label {
    margin-left: 0px;
}
.dark_theme .upi_status:after {
    background: rgb(0 0 0 / 56%);
}
.dark_theme .upi_note {
    color: #fff;
}
.dark_theme .add_money h2, .dark_theme .add_money p, .dark_theme span.go_back, .dark_theme span.go_back1, .dark_theme .payment_cont span {
    color: #ffffff;
}
.flex_align {
    display: flex;
    align-items: center;
    justify-content: center;
}

.row.flex_align a {
    margin: 0px 10px;
    border-radius: 50px;
    padding: 8px 13px;
    color: #fff !important;
    background: #208ecd;
}
.dark_theme .noty_nosys {
    background: #242a34;
    box-shadow: 0px 0px 13px 0px #000;
}
.right_theme div#result_cal_widget, .right_theme div#banlist_widget {
    left: unset;
    right: 70px;
}
div#ladder_box span.l_close {
    display: block;
    width: 25px;
    height: 25px;
    background: #000;
    color: #fff;
    text-align: center;
    top: 8px;
    border-radius: 3px;
    cursor: pointer;
}


div#ladder_box .widget_head {
    display: flex;
    justify-content: space-between;
	    z-index: 999;
}

div#ladder_box {
    padding-top: 0;
}

span.empty_data {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
}

.technical_nodata,.news_nodata {
    height: calc(100% - 35px);
}

span.fur_wid_close, .global_trade_widget_close, .cur_wid_close, .headmap_wid_close, .scr_wid_close, .banlist_wid_close, .result_wid_close, .eco_wid_close {
    position: absolute;
    right: 5px;
    font-size: 14px;
    width: 20px;
    height: 20px;
    background: #000;
    text-align: center;
    top: 5px;
    color: #fff;
    text-transform: lowercase;
    cursor: pointer;
    border: 1px solid #000;
    line-height: 15px;
    border-radius: 0;
	z-index:9999999;
}
@keyframes mymove {
  100% {transform: rotate(360deg);}
}
.ref_loader:before
{content: "";position: absolute;top: 0;left: 0;background: url(images/refresh.png) center center no-repeat rgb(255 255 255) !important;background-size: 70% !important;animation: mymove 1s infinite;width: 100%;height: 100%;z-index: 999;border-radius:50%;}
.side-bar .tab-inner.grid_view span.symbolsholding.act {
    padding-left: 15px !important;
}
.ans_News ul .up_arw, .ans_News ul li .down_arw, .ans_News ul li .mdl_arw {
    min-width: 20px !important;
    height: 20px;
}




@media screen and (max-height: 450px)
{
	.foot_note {
    display: none;
}
}
.new_options.analysis_hide {
    justify-content: center;
}

.new_options.analysis_hide a {
    width: 50%;
    margin: 0px 5px;
}
.chang-pwd .form-box1 input {
    width: 100%;
}
.chang-pwd ul {
    font-size: 12px;
}
.cc-banner.cc-bottom.cc-theme-edgeless.cc-type-info.cc-window {
    z-index: 99999999 !important;
}
p.date_time {
    margin: 0px;
    font-size: 12px;
    color: #000;
	font-style:italic;
}
.dark_theme p.date_time {
    color: #fff;
}


.holdings_tabs .gridbox.gridbox_dhx_terrace div.dhx_sub_row .objbox table tr td:nth-child(2) {
    text-align: center !important;
	border-right: none !important;
}
.holdings_tabs .gridbox.gridbox_dhx_terrace div.dhx_sub_row .objbox table tr td:nth-child(1){
    border-right: 1px solid #e6e6e6;
    height: 100%;
}
.dark_theme  .holdings_tabs .gridbox.gridbox_dhx_terrace div.dhx_sub_row .objbox table tr td:nth-child(1){
    border-right: 1px solid #363c4e;
    height: 100%;
}
.holdings_tabs div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(1) div.hdrcell
{
	border-right: 0px solid #e6e6e6;
    height: 100%;
}
.holdings_tabs div.gridbox_dhx_terrace.gridbox table.obj tr td:nth-child(2), .holdings_tabs div.gridbox_dhx_terrace.gridbox .xhdr td:nth-child(2) div.hdrcell
{
	border-right: 1px solid #e6e6e6;
    height: 100%;
}
.dark_theme .holdings_tabs div.gridbox_dhx_terrace.gridbox table.obj tr td:nth-child(2), .dark_theme .holdings_tabs div.gridbox_dhx_terrace.gridbox .xhdr td:nth-child(2) div.hdrcell {
    border-right: 1px solid #363c4e;
}
.cellselected {
    cursor: pointer;
}
.holdings_tabs div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td img {
    cursor: pointer;
}
.gridbox_dhx_terrace.gridbox .dhx_sub_row table.obj.row20px {
    margin-bottom: 2px !important;
}

.trades_tabs div.gridbox_dhx_terrace.gridbox  .dhx_sub_row .hdrcell {
    height: 36px !important;
}
.trades_tabs div.gridbox_dhx_terrace.gridbox  .dhx_sub_row .xhdr {
    
    min-height: 41px !important;
}
.trades_tabs div.gridbox_dhx_terrace.gridbox  .dhx_sub_row {
    margin: 6px !important;
    border: 1px solid #e6e6e6;
    margin-left: -1px !important;
    margin-top: -2px !important;
}
.menu-box .trades_tabs tbody tr:last-child td {
    background: transparent !important;
}
.trades_tabs div.gridbox_dhx_terrace.gridbox table.obj tr td:nth-child(2), .trades_tabs div.gridbox_dhx_terrace.gridbox .xhdr td:nth-child(2) div.hdrcell {
    border-right: 1px solid #e6e6e6;
    height: 100%;
}
.trades_tabs div.gridbox_dhx_terrace.gridbox .dhx_sub_row table.obj tr td:nth-child(2), .trades_tabs div.gridbox_dhx_terrace.gridbox .dhx_sub_row .xhdr td:nth-child(2) div.hdrcell {
    border-right: 0px solid #e6e6e6;
    height: 100%;
}
.trades_details_window .trade_details_close .dhxform_btn {
    cursor: pointer !important;
    left: unset !important;
    right: 0px !important;
}

.trades_details_window .dhxform_item_absolute.trade_details_close {
    width: 100%;
}
.dhxwin_active.trades_details_window > div.dhx_cell_wins > div > div > div > div:nth-child(1) > div.dhx_cell_cont_layout {
    border: none !important;
}
div.dhxwin_active.trades_details_window > div.dhx_cell_wins > div > div > div > div:nth-child(1) > div.dhx_cell_hdr.dhx_cell_hdr_hidden
{
	border: none !important;
}
.trade_details_close .dhxform_btn {
    width: 30px !important;
    height: 30px !important;
    border: none !important;
    background: #000 !important;
    color: #fff !important;
}
.dhxwin_active.trades_details_window table {
    margin: 0px;
}

.dhxwin_active.trades_details_window table tr {
    background: #fff !important;
    border-bottom: 1px solid #e6e6e6;
}
.dhxwin_active.trades_details_window div.gridbox_dhx_terrace.gridbox .ftr table th
{
	padding:0px;
}
.dhxwin_active.trades_details_window div.gridbox_dhx_terrace.gridbox .ftr table td {
    padding: 0px 10px;
    font-weight: 600;
}
.dhxwin_active.trades_details_window div.gridbox_dhx_terrace.gridbox table.hdr td
{
	background:#fff;
}
.dark_theme .trades_tabs div.gridbox_dhx_terrace.gridbox table.obj tr td:nth-child(2), .dark_theme .trades_tabs div.gridbox_dhx_terrace.gridbox .xhdr td:nth-child(2) div.hdrcell {
    border-right: 1px solid #1e222d;
    height: 100%;
}
.dark_theme .trades_tabs div.gridbox_dhx_terrace.gridbox .dhx_sub_row {
    margin: 6px !important;
    border: 1px solid #1e222d;
    
}

.dark_theme .menu-box .trades_tabs tbody tr:last-child td {
    background: #131722 !important
}
.dark_theme .dhxwin_active.trades_details_window div.gridbox_dhx_terrace.gridbox table.hdr td {
    background: #131722;
}
.dark_theme .dhxwin_active.trades_details_window table tr {
    background: #131722 !important;
    border-bottom: 1px solid #1e222d;
}
.dark_theme  .dhxwin_active.trades_details_window div.gridbox_dhx_terrace.gridbox .ftr table td
{
	    color: #fff;
		background-color: #131722;
}



.overview {
    display: flex;
    justify-content: center;
    text-align: center;
}
.overview > div {
    padding: 2px 10px;
    border: 1px solid #e6e6e6 ;
	border-radius:5px;
	margin:0px 5px;
	width:33%;
	display: flex;
    justify-content: space-between;
	align-items: center;
    flex-direction: column;
}
.overview > div:first-child {
    margin-left: 0;
}
.overview > div:last-child {
    margin-right: 0;
}
.dark_theme .overview > div {
    border: 1px solid #363c4e;
}

.overview > div > p {
    margin-bottom: 0px;
    font-weight: 800;
    font-size: 12px;
}

.overview span {
    font-size: 20px;
    line-height: 1.2;
	
}

.ind_chart {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
   
    text-align: center;
    display:none;
}



span.ind_chart_btn, span.ind_chart_pin {
  
    width: 100%;
    display: inline-block;
    border-radius: 5px;
    line-height: 22px;
    background: #e1e1e1;
    color:#000 !Important;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 0px 0px 2px;
}
span.ind_chart_btn img 
{
	margin-right:5px;
}
.dark_theme span.ind_chart_btn {
  
   
    background: #000;
    color:#fff !Important;
   
}
.dark_theme span.ind_chart_btn img
{
	filter: brightness(17);
}

.nifty_st
{
	position:relative;
}
.nifty_st:hover .ind_chart {
    display: block;
}
.dark_theme .introjs-tooltip {
    background-color: #21242f;
}
.dark_theme .introjs-helperLayer {
    background-color: rgb(33 36 47);
}
.dark_theme  .introjs-arrow.top {
    border-bottom-color: #21242f;
}/**
.p_fix {
    position: sticky;
    top: 0;
}**/
.dark_theme  .bank_list p {
    color: #9e9e9e;
}

span.ttr_alert_msg {
    font-size: 16px;
    margin-bottom: 10px;
    background: rgb(235 77 92 / 26%);
    display: inline-block;
    color: #000;
    padding: 4px 20px;
    border-radius: 25px;
    border: 2px dashed #eb4d5c;
    font-weight: 600;
}

.theme_set {
    flex-wrap: wrap;
}

ul.theme_color {
    width: 100%;
    border-bottom: 1px solid #eee;
    margin-bottom: 3px;
}

ul.theme_color li {
    width: unset !important;
    height: unset !important;
    max-width: unset !important;
    max-height: unset;
}

.light_theme .theme_color li.Light, .light_theme .theme_color li.Dark, .dark_theme .theme_color li.Light, .dark_theme  .theme_color li.Dark {
    border: none !important;
    background: transparent !important;
    display: flex;
	align-items: center;
    
}
.dark_theme ul.theme_color 
{
	border-bottom: 1px solid #363c4e;
}
.dark_theme .drop-down li
{
	border-top: 1px solid #363c4e;
}

.dark_theme  .drop-down li a {
    color: #d6d6d6;
    font-weight: 400;
}
.dark_theme .notify.act, .dark_theme .user-profile.act {
    background: #1e222d !important;
}
.theme_color path#Path_5 {
    fill: transparent;
    stroke: #5e5f5e;
    transform: scale(0.9);
	margin-top:5px;
}
.dark_theme .theme_color path#Path_5 {
	fill: transparent;
    stroke: #fff;
    transform: scale(0.9);
}
.light_theme .theme_color  li.Light path#Path_6
{
	display:block;
}
.dark_theme .theme_color li.Light path#Path_6
{
	display:none;
}
.light_theme .theme_color  li.Dark path#Path_6
{
	display:none;
}
.dark_theme .theme_color li.Dark path#Path_6
{
	display:block;
}


.light_theme .theme_color  li.Light path#Path_5
{
	fill: #3bb54a;
	stroke: #3bb54a;
}
.dark_theme .theme_color li.Light path#Path_5
{
	fill: transparent;
}
.light_theme .theme_color  li.Dark path#Path_5
{
	fill: transparent;

}
.dark_theme .theme_color li.Dark path#Path_5
{
	fill: #3bb54a;
	stroke: #3bb54a;
}
ul.theme_color li
{
	box-shadow:none !important;
}
ul.theme_color span {
    margin: 5px 5px 8px!important;
}
span.chart_t {
    margin-bottom: -25px;
    position: relative;
    display: block;
    margin-left: 10px;
	background-color:rgb(255 255 255 / 60%);
}
.dark_theme span.chart_t {
    color: #fff;
	background-color: rgb(19 23 34 / 60%);
}



.pay_radio-group.mx_two {
    flex-wrap: wrap;
    max-width: fit-content;
}

.mx_two_head {
    width: 100%;
    margin: 10px 0px;
	font-weight:600;
}
.dark_theme .mx_two_head 
{
	color:#dcdcdc;
}
span.mrg_eqt {
    max-width: calc(100% - 14px);
    word-break: break-all;
    display: block;
}

.dark_theme div.gridbox_dhx_terrace.gridbox .xhdr {
    border-bottom: 1px solid #131722;
    background-color: #131722;
}
.dark_theme  .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_cont_layout {
    border-left: 1px solid #1e222d;
    border-right: 1px solid #1e222d;
    border-bottom: 1px solid #1e222d;
    
}

div#tab_window > .dhxlayout_cont {
    width: 100% !important;
    height: 100% !important;
}
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab
{
	background-color: transparent !important;
}


.pop_buy_tip_nw {
    position: absolute;
    background: #fff;
    z-index: 999999;
    bottom: 40px;
    box-shadow: 0px 0px 6px #ccc;
	width: 360px;
	right:200px;
	display:none;
}

.pop_buy_tip_nw .pop_bid {
    display: flex;
    flex-wrap: wrap;
}

.pop_buy_tip_nw .pop_bid table {
    margin: 0px 100px 20px 10px;
    text-align: center;
}

.pop-chart-right    .pop_buy_tip_nw  table th {
    text-align: center !important;
}

.pop_buy_tip_nw span.ord_bidtips_right:after {
    top: 0px;
    right: -158px;
    left:unset;
}
.pop_buy_tip_nw span.ord_bidtips_left:after {
    top: -23px;
    right: -115px;
    left:unset;
}
.pop_buy_tip_nw span.ord_asktips_left:after {
    top: 0px;
    right: -117px;
    left:unset;
}
.pop_buy_tip_nw span.ord_asktips_right:after {
    top: -22px;
    right: -158px;
    left:unset;
}
span.ord_asktips_right:before, span.ord_bidtips_right:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 17px;
    width: 48px;
    height: 1px;
    background: #3166cc;
}
span.ord_bidtips_left:before, span.ord_asktips_left:before {
    content: "";
    position: absolute;
    top: -16px;
    left: 8px;
    width: 72px;
    height: 14px;
    border: 1px solid #d03838;
    border-bottom: unset;
    border-right: none;
}
.pop_buy_tip_nw:after {
    border: 10px;
    content: "";
    display: block;
    border-color: #ffffff transparent transparent transparent;
    border-style: solid;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 150px;
}
ul.nav_pos li {
    border: none !important;
    background: transparent !important;
    display: flex;
    align-items: center;
    min-width: unset;
    min-height: unset;
    max-height: unset;
    width: unset;
    height: unset !important;
    padding: 3px 5px !important;
    
}

ul.nav_pos {
    width: 100%;
}
ul.nav_pos li span {
    margin: 5px 5px 8px!important;
}


ul.nav_pos path#Path_5 {
    fill: transparent;
    stroke: #5e5f5e;
    transform: scale(0.9);
	margin-top:5px;
}
.dark_theme ul.nav_pos path#Path_5 {
	fill: transparent;
    stroke: #fff;
    transform: scale(0.9);
}

.right_theme ul.nav_pos  li.Right path#Path_6
{
	display:block;
}
.left_theme ul.nav_pos li.Right path#Path_6
{
	display:none;
}
.right_theme ul.nav_pos  li.Left path#Path_6
{
	display:none;
}
.left_theme ul.nav_pos li.Left path#Path_6
{
	display:block;
}


.right_theme ul.nav_pos  li.Right path#Path_5
{
	fill: #3bb54a;
	stroke: #3bb54a;
}
.left_theme ul.nav_pos li.Right path#Path_5
{
	fill: transparent;
}
.right_theme ul.nav_pos  li.left path#Path_5
{
	fill: transparent;

}
.left_theme ul.nav_pos li.Left path#Path_5
{
	fill: #3bb54a;
	stroke: #3bb54a;
}
.dark_theme .pop_buy_tip_nw {
    
    background: #1e222d;
    box-shadow: 0px 0px 6px #05070c;
    
}
.dark_theme .pop_buy_tip_nw:after {
    border-color: #1e222d transparent transparent transparent;
}

.dhx_sub_row .objbox, .dhx_sub_row {
    overflow: visible !important;
    background: transparent !important;
	margin:0px;
}
.dhx_sub_row .objbox tr:last-child{
	    border-bottom: 1px solid #e6e6e6 !important;
}

.menu-box .dhx_sub_row .objbox tbody tr {
    border: none;
}

.menu-box .dhx_sub_row .objbox tbody tr span.cntx_menu {
    border: none;
}

.menu-box .dhx_sub_row .objbox tbody tr td:first-child {
    text-align: left !important;
}
.dhx_sub_row .objbox tbody tr td
{
	padding: 0px 10px !important;
}
.menu-box  div.gridbox_dhx_terrace.gridbox  .dhx_sub_row table.obj tr td
{
	padding: 0px 10px !important;

}
#tab_window > div > div > div.dhx_cell_cont_layout.dhx_cell_cont_no_borders > div > div > div > div:nth-child(3) > div > div > div > div > div.dhxtabbar_tabs.dhxtabbar_tabs_top
{
	 border: 1px solid #e6e6e6 !important;
}

.dark_theme  #tab_window > div > div > div.dhx_cell_cont_layout.dhx_cell_cont_no_borders > div > div > div > div:nth-child(3) > div > div > div > div > div.dhxtabbar_tabs.dhxtabbar_tabs_top
{
	 border: 1px solid #363c4e !important;
}
.dark_theme  div#tab_window div.gridbox_dhx_terrace.gridbox table.hdr td div.hdrcell {
    color: #fff;
    
}
.dark_theme div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td img {
    filter: invert(1);
}
.holdings_tabs div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td img {
    margin-top: 10px;
}
.holdings_tabs .gridbox.gridbox_dhx_terrace div.dhx_sub_row .objbox table tr th:nth-child(1) {
    width: 217px;
}
.dark_theme .menu-box div.gridbox_dhx_terrace.gridbox .xhdr {
    border-bottom: 0px solid #363c4e;
    border-left: 1px solid #363c4e;
    border-right: 1px solid #363c4e;
}
.dark_theme .dhx_sub_row .objbox tr:last-child {
    border-bottom: 1px solid #363c4e !important;
}

.dark_theme .dhxwin_active tbody tr {
    background: #131722 !important;
}
.dark_theme span.ttr_alert_msg {
    color: #fff;
 
}
div.gridbox_dhx_terrace.gridbox table.obj.row20px tr.rowselected td {
    background-color: #fff3a100;
    color: black;
}

.dhx_sub_row .xhdr {
    height: 41px !important;
	margin-top:-2px;
}
.dark_theme .exp-switch-label-off {
    color: #fff;
}
.dhxcombolist_dhx_terrace {
    z-index: 9999 !important;
}


@media screen and (max-width: 1400px) {
.side-codes ul li {
    font-size: 14px;
}
.order_tabs .selec_flt .dhxcombo_dhx_terrace {
    width: 150px !important;
}
    .step1_ind > div:nth-child(5) {
    display: none;
}
h2#proname_det {
    font-size: 26px;
}
.chart-box h3 {
    font-size: 18px;
}
.head_line11 div {
    left: 500px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}
}

@media screen and (min-width: 64em) and (max-width: 1300px) {
	
	
.right_theme .analysis_widget.act, .right_theme .idea_stream_widget.act, .right_theme div#ladder_box.act {
    left: 380px;
    right: auto;
}
.left_theme .analysis_widget.act, .left_theme .idea_stream_widget.act, .left_theme div#ladder_box.act
 {
    right: 380px;
    left: auto;
}
h2#proname_det {
    font-size: 22px;
}

div#currency_widget, #heatmap_widget, #screener_widget, div#result_cal_widget, div#banlist_widget {
    width: calc(100vw - 449px) !important;
}
	
.selec_flt .dhxcombo_dhx_terrace {
    width: 120px !important;
}

.search_table input {
    width: 120px !important;
}
.download_pdf {
    left: unset !important;
    right: 184px;
}
.download_excel {
    left: unset !important;
    right: 65px;
}
.refresh_btn {
    right: 246px;
}
.right_theme div#update_strike {
    right: unset !important;
    left: 380px !important;
}
div#update_strike.act {
    right: 380px;
}
div#main_tabs .medium-12.large-3.small-12.column, div#main_tabs .medium-12.large-9.small-12.column {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 100%;
    max-width: 100%;
}
nav.hor_nav ul {
    width: calc(100vw - 440px);
}   
    .market_info {
    width: 33%;
    height: 200px;
}

.market_info_new {
    width: 33%;
    height: 200px;
    margin-top: 0;
    margin-bottom: 10px;
}
div#main_tabs .medium-12.large-3.small-12.column {
    display: flex;
}
.market_info_new:last-child {
    margin-right: 0;
}
.download_excel .dhxform_btn, .download_pdf .dhxform_btn{
    width: 50px !important;
    font-size: 0px !important;
}
.download_excel, .download_pdf {
    width: 50px !important;
}
.download_excel > div {
   right: 60px !important;
}

.Last_update.trade_update_time, .Last_update.netposition_update_time, .Last_update.stock_update_time, .Last_update.activity_update_time {
    right: 280px !important;
}
.refresh_btn.funds_refresh, .refresh_btn.margin_refresh {
    right: 130px;
}
.Last_update.funds_update_time, .Last_update.margin_update_time {
    right: 165px !important;
}
.close_order {
    right: 282px !important;
}
.Last_update.order_update_time {
    right: 379px !important;
}
span.m-item {
    padding-left: 5px;
}
nav.hor_nav ul li img {
    width: 17px;
    height: 25px;
    object-fit: contain;
}
.side-bar {
    max-width: 380px;
}
.side-bar .tab-inner.grid_view li .s_btns {
    width: 360px !important;
 
}
.side-bar .tab-inner.grid_view li:nth-child(3n+2) .s_btns, .side-bar .tab-inner.grid_view li:nth-child(3n+2) .mw-dropdown {
    left: -125px;
}
span.symbols {
    min-width: 130px;
}
.side-codes ul li {
    font-size: 14px;
}
.new_options a {
    padding: 2px 9px;
    font-size: 12px;
}
nav.hor_nav {
    width: calc(100% - 440px);
}
.menu-box.hor-menu.act {
    width: calc(100vw - 438px);
}
div#tab_window {
    width: 100% !important;
}
}


@media screen and (max-width: 1200px) {
.tradingview-widget-container {
    width: 100% !important;
}
.ans_News ul li {
    font-size: 12px;
}
.foot_links a, .pop_head1 span {
    padding: 0px 9px;
    font-size: 11px;
}
.ans_technical {
    padding: 10px 10px 0px 10px;
}
.ans_technical tbody td span {
    padding: 5px 5px;
    font-size: 11px !important;
}
.analysis_widget {
    min-width: 500px !important;
    max-width: calc(100vw - 449px) !important;
}
.pop_head1 {
    font-weight: 400;
    font-size: 16px;
}
span.news_sys {
    min-width: 200px;
    font-weight: 400;
}
.ans_News ul li .down_arw:before {
    border: 5px solid;
	border-color: #e84352 transparent transparent transparent;
 
}
span.up_arw:before {
    border: 5px solid;
    border-color: transparent transparent #49b07c transparent;
}

.ans_News ul li .mdl_arw:before
{
	 border: 5px solid;
	 border-color: #9d9b9b transparent transparent transparent;
}
 .ans_News ul li .mdl_arw:after
{
	 border: 5px solid;
	 border-color: transparent transparent #9d9b9b transparent;
}
.ops_cont .tab {
    top: 75px;
}
.ops_grk_head {
    top: 112px;
}
.update_strike_head h2 {
    font-size: 14px;
    font-weight: 500;
}	
.sym_edit {
    margin-left: 0px;
    cursor: pointer;
}
.chart-box h3 {
    font-size: 18px;
}
.nifty_st {
    margin-right: 30px !important;
    font-size: 0.7rem;
}
.nifty_st span {
    font-size: 0.7rem !important;
}
.nifty_st:nth-child(5) {
    display:none;
}   
.menu-box .tabs-title>a {
    padding: 12px 8px 12px;
}
aside.left_nav div.dataTables_filter input {
    height: 24px !important;
    width: 108px;
    font-size: 12px;
    margin: 0px;
}
.dt-buttons {
    right: 230px;
}
.menu-box.ui-resizable.act {
    position: absolute;
    min-width: 550px;
    min-height: 200px;
}
.market_info_top h2 {
    font-size: 18px;
}
.market_info_bottom p {
    font-size: 10px;
}
.market_info_new_bottom p {
    font-size: 10px;
}

aside.left_nav div.dataTables_filter label {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    align-items: center;
}
aside.left_nav div.dataTables_filter {
    top: 5px;
    right: 25px;
}
}


@media (min-width: 900px) and (max-width: 1199.98px) {

.trades_tabs_new .selec_flt .dhxcombo_dhx_terrace {
    width: 100px !important;
    left: 15px !important;
}
.list li.act .mw-dropdown {
    padding-left: 0px !important;
}
.list li.act .mw-dropdown span {
    font-size: 11px;
}
div#currency_widget, #heatmap_widget {
    width: calc(100vw - 449px) !important;
}	
.download_pdf .dhxform_btn_txt, .download_excel .dhxform_btn_txt {
    background-size: 15px !important;
 
}
.chart-box h3 {
    font-size: 18px;
}
h2#proname_det {
    font-size: 18px;
}
.edit_pop a {
    font-size: 12px !important;
}
nav.hor_nav span.m-item, .market_info_top p, .holding_val p {
    font-size: 10px;
}
.mr_name {
    font-size: 14px;
}
.market_info_new_top .mr_name {
    font-size: 14px;
}
.mr_name img {
    width: 15px !important;
    height: unset;
}
.market_info_bottom p, .market_info_new_bottom p {
    font-size: 10px !important;
}
.overview > div > p {
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 12px;
}
.overview > div {
    flex-direction: column;
	padding: 2px 10px;
}
.overview span {
    font-size: 18px;
}
.tab_head div {
    font-size: 16px !important;
	
}
.search_table input {
    width: 96px !important;
}
.download_excel {
    left: unset !important;
    right: 40px;
}
.refresh_btn {
    right: 212px;
}
.close_order {
    right: 215px !important;
    font-size: 10px;
}
.close_order .dhxform_btn_txt {
    margin: 0px 5px !important;
}
.download_pdf {
    left: unset !important;
    right: 154px;
}
.Last_update.trade_update_time, .Last_update.netposition_update_time, .Last_update.stock_update_time, .Last_update.activity_update_time {
    right: 250px !important;
}
.close_order .dhxform_btn {
    width: 55px;
    height: 26px !important;
    
}
.dhxform_item_absolute.selec_flt > div {
    left: 61px !important;
}
.dhxform_item_absolute.Last_update.order_update_time {
    display: none;
}
.dhxform_item_absolute.tab_head > div {
    width: 66px !important;
}
.pop-chart-left {
    display: none;
}


span.chart_ctrl {
    display: none;
}
.right_theme div#update_strike {
    right: unset !important;
    left: 380px !important;
}
div#update_strike {
    width: 480px;
}
.grk_cell, .grk_cell_b {
    font-size: 11px;
	
}
.ops_ltp_item div {
    font-size: 11px !important;
}
.ops_bs_head, .ops_ltp_head {
    font-size: 11px;
   
}
}


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

span.support_brow
{
    display:none;
}
label.ntool-tip-show
{
    display:none !important;
}
.side-codes
{
padding: 10px 0px; 
}
.side-bar {
    max-width: 320px;
    width: 320px;
    position: absolute;
    height: 100%;
    background: #fff;
    z-index: 999;
    right: -400px;
}
.chart-box .row {
    max-width: 100%;
    margin: 0px;
}
aside.left_nav.active li .menu-box.act {
    width: calc(100vw - 100px);
}

}

@media screen and (max-height: 650px) {
ul.theme_color li svg, ul.nav_pos li img {
    width: 30px;
    height: 30px;
}
.colors h3 {
    padding: 0;
}
.colors ul {
    justify-content: start;
}
svg#check_1_ {
    width: unset;
    height: unset;
}

.dark_theme aside.left_nav li span.icon img {
    filter: invert(1);
}
aside.left_nav.active.open a.open-aside {
    background: transparent !important;
}
.span.support_brow
    {
        display:none;
    }
.login_pop img {
    height: 60px;
}
.form-box {
    margin-bottom: 15px;
}
.login_pop {
    margin-bottom: 15px;
}
.foot_note {
    font-size: 11px;
    width:calc(100% - 50px);
}

aside.left_nav li a {
    padding: 5px 5px;
}
aside.left_nav li span.icon img {
    width: 23px;
    height: 23px;
}

span.version {
    right: -25px;
}   

}
@media screen and (max-width: 39.9375em) {
.foot_links a, .pop_head1 span {
    padding: 0px 10px !important;
    font-size: 10px;
    height: 20px;
    line-height: 20px;
}

.pop_head1 {
    font-size: 16px;
}
.foot_links a, .pop_head1 span {
    padding: 0px 10px !important;
    font-size: 10px !important;
    height: 20px !important;
    line-height: 20px !important;
}

.pop_head1 {
    font-size: 16px !important;
}
.analysis_box {
    flex-direction: column;
}
span.l_close {
    position: absolute;
    right: 0;
    top: 0;
    background: #000;
    width: 25px;
    height: 25px;
    z-index: 999;
    color: #fff;
    text-align: center;
    line-height: 22px;
    display: block;
}

div#ladder_box {
    padding-top: 30px;
}
.ans_box_one {
    flex-direction: column;
}

.ans_fundamental {
    width: 100% !important;
}

.ans_technical {
    width: 100% !important;
}    
div#idea_stream {
    height: calc(100% - 40px);
}

div#idea_stream iframe {
    width: 100% !important;
}

div#idea_stream iframe {
    height: 100% !important;
}
div#global_trade_widget, #future_widget {
    width: 100%;
    height: calc(100vh - 85px) !important;
    top: 50px !important;
}
div#currency_widget, div#heatmap_widget, div#update_strike,div#screener_widget, div#economic_calender_widget, div#ladder_box, div.analysis_widget, div.idea_stream_widget {
    width: 100% !important;
    right: 0px !important;
    height: calc(100vh - 85px) !important;
    top: 50px !important;
}
span.support_brow
{
    display: none !important;
}
select#position_filter_sel {
    display: none;
}
select#order_filter_sel {
    display: none !important;
}
.dt-buttons {display: none !important;}
.menu-box .tabs li.tabs-title {
    display: none;
}
.menu-box .tabs li.tabs-title.is-active {
    display: block !Important;
}
.orders tr th, .orders tr td, .orders tr {
    display: block;
    position:relative;
}
.orders tr td {
    padding: 2px 15px !important;
    text-align: right;
}

.orders tr td:before{
    position:absolute;
    left:15px
}
.orders thead
{
    display:none;
}
.orders tr td:nth-child(1):before {content: "Time : ";}
.orders tr td:nth-child(2):before {content: "Symbol : ";}
.orders tr td:nth-child(3):before {content: "Exch : ";}
.orders tr td:nth-child(4):before {content: "B/S : ";}
.orders tr td:nth-child(5):before {content: "Trade / Total : ";}
.orders tr td:nth-child(6):before {content: "Price : ";}
.orders tr td:nth-child(7):before {content: "D Qty : ";}
.orders tr td:nth-child(8):before {content: "Product : ";}
.orders tr td:nth-child(9):before {content: "Value : ";}
.orders tr td:nth-child(10):before {content: "Ex Order No : ";}
.orders tr td:nth-child(11):before {content: "Edit : ";}
.orders tr td:nth-child(12):before {content: "Cancel : ";}





.orders tfoot tr td:nth-child(1):before {content: "Time : "; display:none;}
.orders tfoot tr td:nth-child(2):before {content: "Symbol : ";display:none;}
.orders tfoot tr td:nth-child(3):before {content: "Exch : "; display:none;  }
.orders tfoot tr td:nth-child(4):before {content: "B/S : ";display:none;}
.orders tfoot tr td:nth-child(5):before {content: "Trade / Total : ";}
.orders tfoot tr td:nth-child(6):before {content: "Price : ";display:none;}
.orders tfoot tr td:nth-child(7):before {content: "D Qty : ";display:none;}
.orders tfoot tr td:nth-child(8):before {content: "Product : ";display:none;}
.orders tfoot tr td:nth-child(9):before {content: "Total Value : ";}
.orders tfoot tr td:nth-child(10):before {content: "Ex Order No : ";display:none;}
.orders tfoot tr td:nth-child(11):before {content: "Edit : ";display:none;}
.orders tfoot tr td:nth-child(12):before {content: "";display:none ;}

.orders thead
{
    display:none;
}
.orders tfoot td{
    padding: 2px 15px !important;
}



table#margin_details tr {
    display: block !important;
}

table#margin_details tr th, table#margin_details tr td {
    display: block;
}
.margin_details tr td:before{
    position:absolute;
    left:15px
}
#margin_details tr td:nth-child(1):before {content: "Exch : ";}
#margin_details tr td:nth-child(2):before {content: "Symbol : ";}
#margin_details tr td:nth-child(3):before {content: "Buy Ord Qty : ";}
#margin_details tr td:nth-child(4):before {content: "Buy Ord Val : ";}
#margin_details tr td:nth-child(5):before {content: "Sell Ord Qty : ";}
#margin_details tr td:nth-child(6):before {content: "Sell Ord Val : ";}
#margin_details tr td:nth-child(7):before {content: "Intra/CNC : ";}
#margin_details tr td:nth-child(8):before {content: "Net Traded Qty : ";}
#margin_details tr td:nth-child(9):before {content: "Net Traded Val : ";}
#margin_details tr td:nth-child(10):before {content: "Total Turnover : ";}
#margin_details tr td:nth-child(11):before {content: "Deposit Used : ";}

.table_market_overview .dt-buttons {
    position: relative;
    right: 0;
    text-align: right;
}
#margin_details tr td{text-align:right;}
#margin_details thead{display:none;}




#journal tr td:before{
    position:absolute;
    left:10px
}
#journal tr th, #journal tr td, #journal tr {
    display: block;
    position:relative;
    padding:2px 10px;
}
#journal tr td:nth-child(1):before {content: "Time : ";}
#journal tr td:nth-child(2):before {content: "Source : ";}
#journal tr td:nth-child(3):before {content: "Message : ";}
#journal tr td{text-align:right !important;}
#journal thead{display:none;}



.trade tr th, .trade tr td, .trade tr {
    display: block;
    position:relative;
}
.trade tr td {
    padding: 2px 15px !important;
    text-align: right;
}

.trade tr td:before{
    position:absolute;
    left:15px
}
.trade  thead
{
    display:none;
}
.trade tfoot tr td:nth-child(4)
{
    display:block !important;
}
.trade tfoot td
{
    display:none;
}

.trade tr td:nth-child(1):before {content: "Time : ";}
.trade tr td:nth-child(2):before {content: "Symbol : ";}
.trade tr td:nth-child(3):before {content: "B/S : ";}
.trade tr td:nth-child(4):before {content: "Qty : ";}
.trade tr td:nth-child(5):before {content: "Price : ";}
.trade tr td:nth-child(6):before {content: "Product : ";}
.trade tr td:nth-child(7):before {content: "Trade ID : ";}
.trade tr td:nth-child(8):before {content: "Traded Date : ";}
.trade tr td:nth-child(9):before {content: "Exch No. : ";}






#netposition tr th, #netposition tr td, #netposition tr {
    display: block;
    position:relative;
}
#netposition tr td {
    padding: 2px 15px !important;
    text-align: right;
}

#netposition tr td:before{
    position:absolute;
    left:15px
}

#netposition thead
{
    display:none;
}


#netposition tr td:nth-child(1):before {content: "Product : ";}
#netposition tr td:nth-child(2):before {content: "Symbol : ";}
#netposition tr td:nth-child(3):before {content: "Segment : ";}
#netposition tr td:nth-child(4):before {content: "Exch : ";}
#netposition tr td:nth-child(5):before {content: "Net Qty : ";}
#netposition tr td:nth-child(6):before {content: "Av B. Pr : ";}
#netposition tr td:nth-child(7):before {content: "Av S. Pr : ";}
#netposition tr td:nth-child(8):before {content: "LTP : ";}
#netposition tr td:nth-child(9):before {content: "M2M : ";}
#netposition tr td:nth-child(10):before {content: "B. Qty : ";}
#netposition tr td:nth-child(11):before {content: "S. Qty : ";}
#netposition tr td:nth-child(12):before {content: "B. Val : ";}
#netposition tr td:nth-child(13):before {content: "S. Val : ";}
#netposition tr td:nth-child(14):before {content: "Realised M2M : ";}
#netposition tr td:nth-child(15):before {content: "UnRealised M2M : ";}
#netposition tr td:nth-child(16):before {content: "Convert : ";}
#netposition tr td:nth-child(17):before {content: "SQ Off : ";}



.holding  tr th, .holding  tr td, .holding  tr {
    display: block;
    position:relative;
}
.holding tr td {
    padding: 2px 15px !important;
    text-align: right;
}

.holding tr td:before{
    position:absolute;
    left:15px
}

.holding thead
{
    display:none;
}


.holding tr td:nth-child(1):before {content: "Stock Name : ";}
.holding tr td:nth-child(2):before {content: "DP/Pool : ";}
.holding tr td:nth-child(3):before {content: "StockType : ";}
.holding tr td:nth-child(4):before {content: "Today Sell : ";}
.holding tr td:nth-child(5):before {content: "Net Available : ";}
.holding tr td:nth-child(6):before {content: "CMP : ";}
.holding tr td:nth-child(7):before {content: "CURR. VALUE : ";}
.holding tr td:nth-child(8):before {content: "Add : ";}
.holding tr td:nth-child(9):before {content: "Sell : ";}



#margin tr th, #margin tr td, #margin tr {
    display: block;
    position:relative;
}
#margin tr td {
    padding: 2px 15px !important;
    text-align: right;
}

#margin tr td:before{
    position:absolute;
    left:15px
}

#margin thead
{
    display:none;
}


#margin tr td:nth-child(1):before {content: "Exchange : ";}
#margin tr td:nth-child(2):before {content: "Symbol : ";}
#margin tr td:nth-child(3):before {content: "Buy Ord Qty : ";}
#margin tr td:nth-child(4):before {content: "Buy Ord Val : ";}
#margin tr td:nth-child(5):before {content: "Sell Ord Qty : ";}
#margin tr td:nth-child(6):before {content: "Sell Ord Val : ";}
#margin tr td:nth-child(7):before {content: "Intra/CNC : ";}
#margin tr td:nth-child(8):before {content: "Net Traded Qty : ";}
#margin tr td:nth-child(9):before {content: "Net Traded Val : ";}
#margin tr td:nth-child(10):before {content: "Total Turnover : ";}
#margin tr td:nth-child(11):before {content: "Deposit Used : ";}
#margin tr td:nth-child(17):before {content: "SQ Off : ";}




#funds tr th, #funds tr td, #funds tr {
    display: block;
    position:relative;
}
#funds tr td {
    padding: 2px 15px !important;
    text-align: right;
}

#funds tr td:before{
    position:absolute;
    left:15px
}

#funds thead
{
    display:none;
}


#funds tr td:nth-child(1):before {content: "User : ";}
#funds tr td:nth-child(2):before {content: "Ledger Deposit : ";}
#funds tr td:nth-child(3):before {content: "Payin/Payout : ";}
#funds tr td:nth-child(4):before {content: "P/L_Margin : ";}
#funds tr td:nth-child(5):before {content: "MTM_Margin : ";}
#funds tr td:nth-child(6):before {content: "Used Margin : ";}
#funds tr td:nth-child(7):before {content: "Dep. Remaining : ";}
#funds tr td:nth-child(8):before {content: "Deposit : ";}
#funds tr td:nth-child(9):before {content: "Withdraw : ";}
#funds tr td:nth-child(17):before {content: "SQ Off : ";}


select#position_filter_sel {
    display: none;
}

.wdrw_box_inner {
    padding: 0px 10px;
}   
    
.menu-box {
    top: 0px;
}
    
div#tabs-1, div#tabs-2 {
    padding: 0px 10px !important;
    height: calc(100vh - 90px) !important;
    overflow-x: scroll !important;
}
.chart-box h3 {
    font-size: 16px;
}
.chart-box-inner .ui-tabs .ui-tabs-panel, .dark_theme .ui-tabs .ui-tabs-panel
{
height:calc(100vh - 85px) !important;
}
.chart-box-inner {
    height: calc(100vh - 85px) !important;
}
div#profile_det {
    height: 130px;
    margin-bottom: 10px;
}
div#tabs-2 .column, div#tabs-2 .columns {
    padding: 0;
}
.mobi_logo {
    display: block;
    padding: 5px 15px;
}
.mobi_logo img {
    height: 40px;
}
input#project-id {
    border-radius: 3px;
    border-color:#e6e6e6;
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.market_info_new
{
    margin-right:0px;
}
.banner_slider {
    height: auto !important;
    min-height: auto !important;
    margin-top: 10px;
}
.banner_slider .owl-carousel .owl-item img {
    height: auto;
}
.main_inner {
    height: calc(100vh - 90px);
    
}
.side-codes {
    height: calc(100vh - 90px);
}
.pop_head {
    font-size: 18px;
    padding: 5px 15px;
}


.pop_form_item input {
    height: 35px;
    font-size: 14px;
}

.pop_form_item1 input[type="button"] {
    padding: 5px;
}
.wdrw_box_inner {
    flex-wrap: wrap;
}

.wdrw_box_left {
    width: 100%;
}
.mobi_tab_manu ul {
    align-content: center;
    display: flex;
    margin: 0px;
    text-align: center;
    justify-content: space-evenly;
    list-style: none;
    font-size: 14px;
}
.mobi_tab_manu ul li {
    width: 33.33%;
}
.mobi_tab_manu {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99999;
    background: #fff;
    width: 100%;
    box-shadow: 0px -1px 10px 0px #ccc;
}
.dark_theme .mobi_tab_manu {
    box-shadow: 0px -1px 10px 0px #000;
    background: #242a34;
}
.dark_theme .mobi_tab_manu ul a.act {
    background: #1e222d;
    color: #fff;
}
.dark_theme .mobi_tab_manu ul a {
    color: #fff;
}
.mobi_tab_manu ul a {
    color: #000;
    font-size: 10px;
    line-height: 1;
    display: block;
    padding: 5px;
}
.mobi_tab_manu ul a.act {
    background: #999999;
    color: #fff;
}
.mobi_tab_manu ul a i {
    font-size: 17px;
    line-height: 1;
}
.chart-box .ui-tabs .ui-tabs-nav li:nth-child(1), .chart-box .ui-tabs .ui-tabs-nav li:nth-child(2), .chart-box .ui-tabs .ui-tabs-nav li {
    display: none;
}
aside.left_nav.active.open ul.mobi_nav_tabs {
    display: block !important;
}
aside.left_nav li a {
    position: relative;
}
.mobi .menu-box.hor-menu.act {
   z-index:9999 !important;
   padding:0px 10px !important;
   left: unset!important;
    right: 0px!important;
}
.mobi .refresh_btn {
    right: 125px;
}
.mobi .menu-box.hor-menu {
    width: 100vw !Important;
    left: 0 !Important;
    top: 53px !Important;
    height: calc(100vh - 90px) !Important;
    
    margin: 0px;
}
.selec_flt div {
    width: 80px !important;
}
.selec_flt > div {
    left: 65px !important;
}

.dhxform_item_absolute.selec_flt div.dhxcombo_select_button {
    width: 16px !important;
}
.dhxform_item_absolute.search_table div {
    width: 120px !important;
}

.dhxform_item_absolute.search_table input {
    width: 120px !important;
}
.mobi div#tab_window {
    width: calc(100vw - 20px) !important;
}
div#pop_buy {
    top: 0px !important;
    overflow-y: scroll !Important;
}
.pop-cont-top {
    margin-bottom: 10px;
}
div#pop_buy.act {
     width: 100% !important;
}
a.open-aside {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgb(255 255 255 / 47%) !Important;
    z-index: -9 !important;
}
aside.left_nav.active.open a.open-aside
{
    display:block;
    background: transparent !important;
}
.download_excel .dhxform_btn, .download_pdf .dhxform_btn{
    width: 50px !important;
    font-size: 0px !important;
}
.download_excel, .download_pdf {
    width: 50px !important;
}
.mobi .download_excel > div {
   right: 60px !important;
}
.download_excel div.dhxform_btn div.dhxform_btn_filler, .download_pdf div.dhxform_btn div.dhxform_btn_filler
{
    height:100% !Important;
}
a.open-aside:after {
    display: none;
}
div#future_option_chain {
    width: 320px;
    margin: 0px auto;
}

div#future_option_chain .grid li {
    width: 100%;
}   

.sort_btn {
    justify-content: inherit;
}   
aside.left_nav.active li .menu-box.act  {
    top: 120px !Important;
    height: calc(100vh - 96px);
    box-shadow: 0px 0px 5px 0px #ccc;
}
body.mobi .menu-box.act .tab-inner {
    height: calc(100vh - 150px);
}
.pin
{
    display:none;
}
body.mobi .theme_set:nth-child(2) {
    display: none;
}




.mobi_nav {
    width: 20px;
    height: 30px;
    position: fixed;
    right: 10px;
    top: 10px;
}

.mobi_nav span {
    height: 3px;
    width: 100%;
    background: #222 !important;
    display: block;
    position: relative;
    top: 15px;
    transition: 0.3s ease;
}

.mobi_nav span:after {
    content: '';
    height: 2px;
    width: 100%;
    background: #222;
    position: absolute;
    top: -6px;
    transition: 0.3s ease;
}
.mobi_nav span:before {
    content: '';
    height: 2px;
    width: 100%;
    background: #222;
    position: absolute;
    bottom: -6px;
    transition: 0.3s ease;
}
span.sys_sts, span.symbols
{
    max-width:100%;
}
.mobi_nav.act span {
    background: transparent !important;
}

.mobi_nav.act span:before {
    transform: rotate(45deg);
    bottom: 0;
}
.mobi_nav.act span:after {
    transform: rotate(-45deg);
    top: 0;
}
.login-outer, .login-secur, .login-forget, .change-pwd, .login_loader, .login-otp {
    background: #fff;
    justify-content: center;
}
.login {
    width: 100%;
    box-shadow: none;
}

aside.left_nav.active {
    width: 200px;
    left: -250px;
    transition: 0.3s ease-in-out;
    z-index: 99999;
    background:#fff;
}
aside.left_nav.open {
    left: 0px;
    overflow-y: scroll;
}
aside.left_nav.open ul.tabs {
    display: block !important;
    border: none;
}

aside.left_nav.open ul.tabs li {
    width: 100%;
}

aside.left_nav.open ul.tabs li span.m-item {
    z-index: 1;
}
aside.left_nav.open .logo-s {
    bottom: unset;
}
main.active nav.hor_nav {
    display: none;
}
main.active {
    margin-left: 0!important;
    margin-right: 0px!important;
}
.right_theme main.active {
    margin-left: 0!important;
    margin-right: 0px!important;
}   
.mobi aside.left_nav.active {
    width: 200px!important;
    right: 0!important;
}
.mobi .active a.open-aside {
    border:none;
    right: 00px!important;
    
}
.side-codes ul li
{
    font-size:12px;
}
.chart-box {
    display: none;
}
span.symbols {
    min-width: 130px;
}
.tab-inner li span {
    margin: 0px 5px;
}
div#market_overview_widget {
    display: none;
}
.side-bar {
    max-width: 100%;
    box-shadow: none !important;
    right:0px !important; 
    width:100% !important;
}

.header-left {
    display: none;
}
.side-codes {
    padding: 10px 10px;
    width: 100%;
}
.side-codes ul.tabs
{
    position:relative;
    border-radius: 3px;
}
aside.left_nav.active span.m-item {
    
    z-index: -1;
    font-size: 14px;
    position:relative;
}
.drop-down li li {
    padding: 0px 5px;
}
.drop-down li a {
    font-size: 10px;
}
.colors h3 {
    font-size: 12px;
    padding: 5px 0px;
}
.colors li {
    min-width: 25px;
    min-height: 25px;
    line-height: 20px;
    font-size: 12px;
    max-width: 25px;
    max-height: 25px;
}
.drop-down li h5 {
    font-size: 12px;
    padding: 5px 5px;
}
header {
    height: 50px;
}
.drop-down {
    min-width: 200px;
}
.active_statue span {
    font-size: 0px;
    padding: 0px;
    line-height: 15px;
    height: 20px;
    width: 20px;
    display: block;
        top: 0;
}

.active_statue span:before {
    left: 4px;
    top: 4px;
}   
.menu_icon {
    position: fixed;
    top: 10px;
    right: 10px;
    background: #208ecd;
    width: 35px;
    height: 30px;
    padding: 5px;
}

.menu_icon span {
    position: absolute;
    height: 4px;
    width: 27px;
    background: #fefefe;
    top: 13px;
    left: 4px;
    transition: 0.3s ease;
}

.menu_icon span:before {content: '';position: absolute;top: -8px;height: 4px;width: 100%;background: #fefefe;/* left: 3px; */}
.menu_icon span:after    {content: '';position: absolute;bottom: -8px;height: 4px;width: 100%;background: #fefefe;}
.header-right {
    position: absolute;
    right: 40px;
    top: 6px;
}
.menu_icon span.act:before {
    transform: rotate(45deg);
    top: -1px;
}

.menu_icon span.act:after {
    transform: rotate(-45deg);
    top: -1px;
}

.menu_icon span.act {
    background: transparent;
}
.notify {
    width: 40px;
}
.user-profile
{
	padding-right:0px;
}
aside.left_nav.active.act {
    left: 0px;
    background: #fff;
}
a.open-aside {
    display: none;
}
.left_nav .logo {
    transform: rotate(90deg) !important;
        left: 62px;
}
aside.left_nav div.dataTables_filter
{
    display:none;
}
aside.left_nav.active li .menu-box.act {
    width: 100%;
    left: 0px;
    position: fixed !important;
    z-index: 999999;
    min-width: 0;
}
aside.left_nav.active:after
{
    content:'';
    position:fixed;
    top:0px;
    left:0px;
    background:#fff;
}
.pop-chart-outer {
    display: block;
}

.pop-chart {
    width: 100% !important;
    display: block;
    
    padding-right: 0px;
}

.pop-chart-left {
    width: 100%;
}

canvas#myCanvas {
    max-width: 100%;
    transform: scale(1);
    margin: 0px;
}

.pop-chart-right {
    margin: 0px auto 10px;
    width: 100%;
    
}
span.chart_ctrl {
    display: none;
}

.pop-chart-left {
    display: none;
}
.pop-chart-cont {
    width: 100%;
        min-height: 420px;
}
.pop-chart-outer
{
    box-shadow: 0px 0px 5px 0px #ccc;
    padding: 10px;
}
.radio-box2 {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    float: none;
}

.radio-box1 {
    width: 100%;
    float: none;
}

.radio-box-flex {
    display: block;
}

.tag-box-outer {flex-wrap: wrap;    margin-top: 5px;}

.pop-chart-bottom {width: calc(100% - 20px);left: 0px;bottom: 0px;}   

.side-codes-details {
    width: calc(100% - 00px);
    margin: 0px 0px;
    right: 0px;
    height: calc(100vh - 50px);
    overflow-y: scroll;
    top:0px;
}
.pop_buy_tip {
    display: none !important;
}
.chart-box {
    display: block;
    position: absolute;
    z-index: 99;
    width: 100%;
   
}

.market_info, .market_overview {
    cursor: pointer;
    margin: 10px 0px;
    height: fit-content;
    
}
.chart-box-inner .ui-tabs .ui-tabs-panel {
    overflow-y: scroll;
   
}
.theme_set {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
    justify-content: space-between;
}
.list li.act .mw-dropdown {
    padding-left: 0px !important;
}
.new_options a {
    padding: 2px 5px !Important;
}
div#global_trade_widget, #future_widget
{
	left:0px !important;
}
.idea_stream_widget
{
	right:unset !Important;
	left:0px;
}

}


@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.chart-box h3 {
    font-size: 20px;
}	
h2#proname_det {
    font-size: 24px;
}
.pop_head {
    font-size: 16px;
}
.pop_form_item input[type="password"] {
    font-size: 14px;
}
.main_inner {
    height: calc(100vh - 50px);
 
}	
nav.hor_nav ul {
    width: calc(100vw - 60px) !important;
    
}
div#tab_window {
    width: calc(100% - 0px) !important;
}   
.menu-box.hor-menu.act {
    width: calc(100vw - 60px) !important;
}
.market_watch_btn
{
    display:block;
}

.side-bar {
    right: -500px !important;
    position: absolute;
    transition: 0.3s ease;
    box-shadow: 0px 0px 9px 0px #ccc;
    width: 420px;
    height: 100%;
     z-index: 99999;
    background: #fff;
    top: 36px;
}
.side-bar.open {
    right: 0px !important;
    display:block !important;
   
}
.tab-inner li span {
    margin: 0px 0px 0px 8px;
}
body{
    width:100%;
    overflow:hidden;    
}
.step1_ind .nifty_st:nth-child(4), .step1_ind .nifty_st:nth-child(5),.step1_ind .nifty_st:nth-child(3) {
    display: none;
}
.chart-box {
    width: 100%;
}

.market_watch_btn {
    position: absolute;
    right: 12px;
    top: 46px;
    z-index: 99999 !important;
    background: #f7f7f7;
    padding: 0px 12px;
    color: #000;
    cursor: pointer;
    border: 1px solid #ccc;

}
.pop-chart-left {
    display: block;
}

.dark_theme  .market_watch_btn {
    background: #1e222d;
    color: #fff;
    border: 1px solid #363c4e;
}
.right_theme .market_watch_btn
{
	right: 60px;
}
nav.hor_nav {
    
    width: calc(100% - 60px); 
    
}
.chart-box .row {
    max-width: 100% !important;
    margin: 0px;
}
div#main_tabs .medium-12.large-3.small-12.column {
    display: flex;
}

.market_info {
    width: 33%;
}

.market_info_new {
    width: 33%;
    margin-top: 0;
    margin-bottom: 10px;
}
.side-codes {
    height: calc(100vh - 75px) !important;
    width: 100%;

}
.side-codes-details {
    top: 20px !important;
}
aside.left_nav.active li .menu-box.act {
    width: calc(100vw - 60px);
}
select#position_filter_sel, select#order_filter_sel {
    width: 150px;
}   
.market_info_new:last-child {
    margin-right: 0;
}
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    nav.hor_nav ul {
        width: calc(100vw - 60px) !important;
        
    }
    div#tab_window {
        width: calc(100% - 40px) !important;
    }
    
    .menu-box.hor-menu {
        width: calc(100vw - 60px) !important;
    }
}
@media screen and (min-width: 1500px)
{
.position_note > div {
    width: 377px !important;
    top:10px !important;
}

}







.dark_theme .ops_ltp_item div {
    border: 1px solid #363c4e;
    color: #fff !important;
}
.dark_theme .ops_ltp_item.act_left {
    background: #808080;
    background: linear-gradient(to right, #808080 30%, rgb(254 238 150 / 0%) 30%, rgb(254 238 150 / 0%) 100%);
}

.dark_theme .ops_ltp_item.act_right {
    background: #808080;
    background: linear-gradient(to left, #808080 30%, rgb(254 238 150 / 0%) 30%, rgb(254 238 150 / 0%) 100%);
}
.dark_theme span.ltp_up {
    color: #00ee79;
}
.dark_theme .ops_bs_item.act_right.act_left, .dark_theme .ops_ltp_item.act_right.act_left {
    background: #808080 !important;
}
.dark_theme .ops_ltp_head .cl_ltp, .dark_theme .ops_ltp_head .put_ltp {
    color: #ffffff;
}
.dark_theme .ops_grk_item .grk_cell, .dark_theme .ops_grk_item .grk_cell_b {
    color: #ffffff;
}

.dark_theme .side-codes ul li.search_add_li.noflicker:hover {
    background: #131722 !important;
}
.side-codes ul li.search_add_li.noflicker:hover {
    background: #fff !important;
}
.dark_theme .chosen-container {
    background: #242a34;
}

.dark_theme .chosen-container-multi .chosen-choices {
    background: #131722;
    border: 1px solid #464f66 !important;
}

.dark_theme .dhxform_obj_dhx_terrace .search_ban input.dhxform_textarea {
    background: url(../images/search1.svg) no-repeat top 0px right 10px;
}

.dark_theme button.sort.asc {
    border-color: #3197ee;
    background: #3197ee;
    color: #fff;
}
.dark_theme .chosen-container-active .chosen-choices li.search-field input[type=text] {
    color: #fff !important;
}


tr.s1_no {
    position: relative;
	border: none !important;
}

tr.s1_no tr:not:first-child {
display:none !important;
}

tr.s1_no td:not(:first-child) {
    display: none;
}

tr.s1_no td:first-child {
    
    display: block;
    position: relative !important;
	border: none !important;
}

span.s_no {
    display: block;
    position: relative;
	font-size: 14px;
	text-align: left;
}

body tr.rowselected td, body tr.rowselected {
    background-color: transparent !important;
}
.trades_details_window div.gridbox_dhx_terrace.gridbox table.hdr td div.hdrcell {
    text-align: center !important;
	padding:0px 10px !important; 
}
.dark_theme .holdings_tabs div.gridbox_dhx_terrace.gridbox table.obj tr td:nth-child(2), .dark_theme .holdings_tabs div.gridbox_dhx_terrace.gridbox .xhdr td:nth-child(2) div.hdrcell {
    border-right: 1px solid #363c4e;
}

.trades_details_window div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2) div.hdrcell, .trades_details_window div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td:nth-child(2), .trades_tabs_new div.gridbox_dhx_terrace.gridbox table.hdr td:nth-child(2) div.hdrcell, .trades_tabs_new div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td:nth-child(2) {
    text-align: left !important;
	padding:0px 10px !important; 
}
.trades_tabs_new div.gridbox_dhx_terrace.gridbox .dhx_sub_row table.obj.row20px tr td:nth-child(2), .trades_tabs_new div.gridbox_dhx_terrace.gridbox .dhx_sub_row table.hdr td:nth-child(2) div.hdrcell {
    text-align: center !important;
}
.dhxwin_active.ord_history .dhx_cell_cont_wins.no_border div.gridbox_dhx_terrace.gridbox table.hdr td div {
    color: #000;
    text-align: center;
    padding-left: unset;
}
.dark_theme  .dhxwin_active.ord_history .dhx_cell_cont_wins.no_border div.gridbox_dhx_terrace.gridbox table.hdr td div {
    color: #fff;
    
}
.dhxwin_active.ord_history div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td, .dhxwin_active.ord_history div.gridbox_dhx_terrace.gridbox table.obj.row20px tr
{
	background-color: transparent !important;
}
.dhxwin_active.ord_history div.gridbox_dhx_terrace.gridbox table.obj.row20px tr
{
	border-top:1px solid #ccc;
}
.dark_theme  .dhxwin_active.ord_history div.gridbox_dhx_terrace.gridbox table.obj.row20px tr
{
	border-top:1px solid #363c4e;
}
.dark_theme ul#notimsg li.read_st {
    background: #1e222d;
}

.dark_theme ul#notimsg li {
    background: #000000;
}
.holdings_tabs span.cntx_menu {
    border-right: none !important;
}
.dark_theme .tab-inner li.short_act .s_btns  {
   
    background: #242a34;
    border-bottom: 1px solid #242a34;
    border-right: 1px solid #242a34;
}



button.price_alert img {
    width: 22px;
}

button.price_alert {
    cursor: pointer;
    position: relative;
}

.code_dtl {
    width: 100%;
    justify-content: space-between;
}

button.price_alert span {
    position: absolute;
    background: #000;
    right: 30px;
    width: max-content;
    color: #fff;
    font-size: 12px;
    padding: 7px 13px;
    display: none;
}
button.price_alert:hover span {
    display: block;
}
button.price_alert span:after {
    width: 15px;
    height: 15px;
    content: '';
    top: 6px;
    border: 7px solid;
    right: -15px;
    border-color: transparent  transparent transparent black;
    position: absolute;
}




.tools-widget-container{
    height: 100% !important; 
    z-index: 999999;
    position: relative;
}
.tools-widget-container iframe
{
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
    box-shadow: none;
    border: none;
}

button.btn-bskt.add_basket {
    background: #43227d;
    border-color: #43227d;
    padding: 7px 10px !important;
    color: #fff;
    font-size: 14px;
	cursor: pointer;
}



body .dhxwin_active.basket_list_windows tr.rowselected td.cellselected {
    background-color: #2880b2 !important;
}
.dhxwin_active.basket_list_windows .dhxwin_btns {
    position: absolute;
    bottom: 10px !important;
    top: unset !important;
}

.dhxwin_active.basket_list_windows .dhxwin_hdr {
    position: static !important;
}


.dhxwin_active.basket_list_windows .dhxwin_btns {
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
    background: #1e222d;
    height: 32px !important;
    right: 0px !important;
}

.dhxwin_active.basket_list_windows .dhxwin_button.dhxwin_button_close {
    width: calc(100% - 30px) !important;
    text-align: center;
    padding: 5px !important;
    height: 100% !important;
    cursor: pointer;
    background-image: none !important;
}
/**
.dhxwin_active.basket_list_windows .dhxform_btn {
    width: 290px !important;
    left: 0px !important;
}
.dhxwin_active.basket_list_windows .dhx_cell_layout:nth-child(2){
    height: 45px !important;
    top: 330px !important;
}
.dhxwin_active.basket_list_windows .dhx_cell_layout:nth-child(2) .dhx_cell_cont_layout{
    height: 45px !important;
    
}**/
.dhxwin_active.basket_list_windows .dhx_cell_layout:nth-child(1), .dhxwin_active.basket_list_windows .dhx_cell_layout:nth-child(1) .dhx_cell_cont_layout{
    height: 330px !important;
}
.dhxwin_active.basket_list_windows .dhx_cell_layout:nth-child(1) .dhx_cell_cont_layout .objbox{
    height: 300px !important;
}
.dhxwin_active.basket_list_windows .dhxlayout_sep.dhxlayout_sep_resize_h {
    display: none;
}
.dhxwin_active.basket_list_windows .dhx_cell_hdr.dhx_cell_hdr_hidden {
    border-color: #1e222d !important;
}
.dhxwin_active.basket_list_windows div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td {
    text-align: left;
    background: #1e222d;
}
.dhxwin_active.basket_list_windows div.gridbox .objbox {
    background-color: #1e222d;
    color: #fff;
}
.dhxwin_active.basket_list_windows div.gridbox .objbox  .b_act {
    background:#242a34 !important;
    cursor:pointer;
}
.dhxwin_active.basket_list_windows tbody, .dhxwin_active.basket_list_windows tfoot, .dhxwin_active.basket_list_windows thead {
    border: 1px solid #1e222d;
}
.dhxwin_active.basket_list_windows .dhxform_btn * {
    background: #131722 !important;
    border-color: #131722 !important;
    cursor: pointer;
}
.dhxwin_active.basket_list_windows .dhxlayout_base_dhx_terrace div.dhx_cell_layout {
    background-color: #1e222d;
}
.dhxwin_active.basket_list_windows .add_basket_f .dhxform_btn *, .dhxwin_active.basket_list_windows .add_basket_f .dhxform_btn {
    background: #43227d !important;
}
.dhxwin_active.basket_list_windows .dhxform_btn {
    border-color: #131722 !important;
    border-radius: 0 !important;
    background: #131722 !important;
    color: #fff !important;
}
.new_basket input {
    height: 30px !important;
}
.bskt_sec_box {
    padding: 10px;
    background: #131722;
}
.bskt_sec_box  .dhxtabbar_tabs.dhxtabbar_tabs_top {
    display: none !important;
}

.bskt_sec_box .dhxtabbar_cont {
    margin-top: 0px;
}
.bskt_sec_box  div.dhx_cell_cont_tabbar {
    
    border-left: 1px solid #131722 !Important;
    border-right: 1px solid #131722 !Important;
    border-bottom: 1px solid #131722 !Important;
}


.bskt_sec_box .dhxlayout_sep.dhxlayout_sep_resize_h, .bskt_sec_box .dhxlayout_sep.dhxlayout_sep_resize_v {
    display: none;
}
.bskt_sec_box tr.odd_dhx_terrace, .bskt_sec_box tr.ev_dhx_terrace {
    margin: 0px 0px !important;
    border-top: 1px solid #353b4d!important;
	border-bottom: 1px solid #353b4d!important;
    background: #131722 !important;
}
.bskt_sec_box div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td:last-child {
    border-right: 1px solid #353b4d;
}
.bskt_sec_box div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td:first-child {
    border-left: 1px solid #353b4d;
}
.bskt_sec_box .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_cont_layout {
    border-left: 1px solid #131722;
    border-right: 1px solid #131722;
    border-bottom: 1px solid #131722;
}
.bskt_sec_box .dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr {
    border: 1px solid #131722;
    background-color: #131722;
    color: #fff;
}
.tb_btn1.act .dhxform_btn, .tb_btn2.act .dhxform_btn, .tb_btn3.act .dhxform_btn {
    background: #242a34 !important;
    color: #fff !important;
    border-color: #242a34 !important;
}
.tb_btn1 .dhxform_btn, .tb_btn2 .dhxform_btn, .tb_btn3 .dhxform_btn {
    background: #131722 !important;
    color: #fff !important;
    border-color: #131722 !important;
}
.bskt_sec_box button.place_bkst_ord {
    background: #208ECD;
    color: #fff;
    padding: 7px 30px;
    font-size: 13px;
    border-radius: 30px;
}
.bskt_sec_box div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td
{
	text-align:unset;
	line-height:1.2;
}
span.bskt_count {
    display: block;
}

span.bskt_ord_list {
    display: flex !important;
    flex-wrap: wrap;
    border-left: 1px solid #353b4d;
    padding-left: 10px;
}

span.bskt_ord_list span {
    margin: 3px;
    background: #242a34;
    padding: 3px 6px;
    font-size: 12px !important;
}
.frm_add_bskt .dhxform_btn {
    background: #208ecd !important;
    border-color: #208ecd !important;
    color: #fff !important;
    border-radius: 50px !important;
}

.dhxwin_active.basket_list_windows {
    z-index: 99999 !important;
}
span.loggin {
    display: block;
    text-align: center;
    margin-top: 20px;
}
button.idea_btn.md_btn1{
    display: none !important;
}