html {
    min-height: 100%;
    position: relative;
    overflow-x: auto !important;
    overflow-y: hidden !important;
}
.overflow {
    overflow-x: auto !important;
}
.userReset {
	background: linear-gradient(#fff, #B3A9B2);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FE902F', endColorstr='#fff') !important;/*For IE7-8-9*/
}

.userHov:hover,
.userReset:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FE902F', endColorstr='#fff') !important;/*For IE7-8-9*/
	
	background: -webkit-linear-gradient(#FE902F 50%, #fff) !important;
	background: linear-gradient(#FE902F 50%, #fff) !important;
	color: black;
	border: 1px solid #FE902F !important;
	border-radius: 2px;
	background: aliceblue;
}

.navbar .navbar-inner .navbar-jcontainer {
	padding-left: 0px;
}

.navbar .h-menu small img.jimg {
	margin-top: 0px;
	width: auto;
	height: 36px;
}

.navbar .navv-jPadd {
	padding: 0;
}

.page-sidebar .sidebar-menu li a .menu-expand {
	right: 0;
}

.page-sidebar .sidebar-menu li ul.submenu a .menu-expand {
	right: 12px;
	top: 10px;
}

.page-sidebar .sidebar-menu ul.submenu a .menu-icon {
	display: none;
}

p.ukfId {
	color: #fff;
	line-height: 3;
	padding: 0em 15px;
	font-size: 12px;
	margin-bottom: 0;
}

span.numbers {
	float: right !important;
	width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.h-menu.page-sidebar.menu-compact .sidebar-menu li ul.submenu li a.menu-dropdown .menu-text {
	min-width: 115px !important;
	width: auto !important;
	padding: 0 1em 0 0;
}

.h-menu.page-sidebar .sidebar-menu li ul.submenu li a {
	height: auto;
	line-height: 1.5;
	padding: .5em 0 !important;
}

.page-sidebar .sidebar-menu>li>.submenu>li.active:last-child a {
	box-shadow: none;
}

.page-sidebar .sidebar-menu {
	margin-left: 0;
}

.h-menu#sidebar .sidebar-menu {
	background: -webkit-linear-gradient(#fff, #bbb);
	background: linear-gradient(#fff, #bbb);
	z-index: 1111;
	position: relative;
	 overflow: visible !important;
    min-width: 1366px !important;
}
.h-menu#sidebar-collapse{display:none !important}


/*horizontal-menu*/

.h-menu.page-sidebar {
	width: 100% !important;
}
.h-menu.page-sidebar:before {
	width: 100% !important;
	left:0px !important;
}
.h-menu.page-sidebar .sidebar-menu li {
	/* display: inline-block !important; */
}
.h-menu.page-sidebar .sidebar-header-wrapper {
	display: none !important;
}
.h-menu.page-sidebar.sidebar-fixed {
	height: 39px !important;
	border-bottom:1px solid #000;
}
.h-menu.page-sidebar.sidebar-fixed:before {
	height: 38px !important;
	background-color: #F1F8E9;
}
.h-menu.page-body {
	margin-top: 107px !important;
}
.h-menu.page-content {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.h-menu.page-sidebar.menu-compact .sidebar-menu {
	width: 100% !important;
}
.h-menu.page-sidebar.menu-compact .sidebar-menu>li>.submenu {
	left: -1px !important;
	top: 30px !important;
}
.h-menu.page-sidebar .sidebar-menu .submenu li.active {
    border-bottom: 0px solid #03b3b2 !important;
}
.h-menu.page-sidebar.menu-compact .sidebar-menu>li>a .menu-text {
	display: inline-block !important;
	 position: relative !important; 
	margin-top: 0px !important;
	left: 0px !important;
	padding-left:5px !important;
	background-color: transparent !important;
	float:left;
}


.h-menu.page-sidebar.menu-compact .sidebar-menu>li>a .menu-text {
    line-height: 27px;
}
.h-menu.page-sidebar.menu-compact .sidebar-menu>li>.submenu li {
	display: inline-block !important;
}
.h-menu.page-sidebar .sidebar-menu li.active {
	border-bottom: 2px solid red ;
}
.h-menu.page-sidebar .sidebar-menu .submenu li.active {
	border-bottom: 0 !important;
}
.h-menu.page-sidebar .sidebar-menu a {
	padding: 0 !important;
	padding-left: 0px !important;
	border-right: 1px solid #ccc !important;
}
.h-menu.page-sidebar .sidebar-menu li:before {
	/* left: 0 !important; */
}
.h-menu.page-sidebar.menu-compact .sidebar-menu>li>.submenu li>a{
	padding-left:10px !important;
} 
.h-menu.page-header.page-header-fixed {
	top: 83px !important;
}

.h-menu.page-sidebar.sidebar-fixed:before {
    top: 45px !important;
}
.h-menu.page-sidebar.sidebar-fixed {
    top: 45px !important;
}
.h-menu.page-sidebar.menu-compact .sidebar-menu>li>.submenu{
	padding-top:0px !important;
}
.h-menu.page-sidebar.menu-compact .sidebar-menu>li>a.menu-dropdown>.menu-text{
	min-width: 115px !important;
	width:auto !important;
}
.h-menu#sidebar-collapse{
	display:none;
}
.h-menu.navbar-brand{
	
	margin-left:0px !important;
}
.h-menu.main-Search #container-main {
    top: 125px !important;
}
.h-menu.drawer-nav {
 top: 114px !important;
}
.h-menu.footer {
    width: 100%!important;
    left: 0!important;
	right: 0!important;

}
.h-menu.page-sidebar .sidebar-menu li:before{
width:0px !important;
}

.h-menu#sidebar .slimScrollDiv {
    overflow: visible !important;
}

.h-menu#sidebar .sidebar-menu {
    overflow: visible !important;
}
.h-menu#sidebar .slimScrollBar{
	opacity:0 !important;
}

.h-menu#sidebar .sidebar-menu{
	height:39px !important;
}
.h-menu .drawer-nav {
    top: 115px !important;
}



/*horizontal-menu*/

.h-menu#sidebar.page-sidebar.menu-compact .sidebar-menu>li>.submenu {
    left: -1px !important;
    top: 30px !important;
	padding-top: 0px !important;
}


.page-sidebar .sidebar-menu a .menu-icon{ display:none;}
.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area .avatar {
	margin-top: -5px;
}

.navbar .navbar-inner,
.navbar {
	min-height: 36px;
	min-width:820px !important;
}

.navbar .navbar-brand,
.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area,
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li,
.navbar {
	height: 36px;
}

.h-menu.page-sidebar.sidebar-fixed:before,
.h-menu.page-sidebar.sidebar-fixed {
	top: 36px !important;
}

.page-body {
	padding: 10px 0px 24px;
}

.page-sidebar .sidebar-menu a:hover,
.page-sidebar .sidebar-menu .submenu>li.open>a,
.h-menu.page-sidebar.menu-compact .sidebar-menu>li>.submenu li,
.page-sidebar.menu-compact .sidebar-menu>li>.submenu,
.page-sidebar .sidebar-menu .submenu li.active>a:hover {
	color: #fff;
	/* background-color: #0b62a2; */
	background-image: -webkit-linear-gradient(#333366, #000066);
	background-image: linear-gradient(#333366, #000066);
}
.page-sidebar.menu-compact .sidebar-menu>li>a.menu-dropdown>.menu-text{border-bottom:0;}
.jsgrid-table  .select2-container .select2-choice{ border: 1px solid #9c9595;}
.page-sidebar .sidebar-menu a:hover {
    background-image: -webkit-linear-gradient(#ccc, #fff);
    background-image: linear-gradient(#ccc, #fff);
    color: #000;
}
.page-sidebar .sidebar-menu .submenu a:hover {
    background-image: -webkit-linear-gradient(#333366, #000066);
    background-image: linear-gradient(#333366, #000066);
    color: #000;
}

.h-menu.page-sidebar .sidebar-menu li {
    display: inline-block !important;
	min-width: 138px;
}
.h-menu.page-sidebar .sidebar-menu a .menu-icon{display:none !important}

.h-menu.page-sidebar.menu-compact .sidebar-menu>li>.submenu li {
	/* background: linear-gradient(#0b62a2, #69a2cc); */
	background: linear-gradient(#333366, #000066);
}

.page-sidebar .sidebar-menu .submenu li.active>a {
	background-color: transparent;
}

.h-menu.page-sidebar.menu-compact .sidebar-menu>li>.submenu li .submenu li {
	/* background: #04375d; */
	background: #000033;
	color: #fff;
}

.page-sidebar .sidebar-menu>li>.submenu li .submenu li a {
	color: #fff !important;
}

.page-sidebar .sidebar-menu>li>.submenu li a .menu-expand,
.page-sidebar .sidebar-menu li.open>a {
	color: #fff !important;
}

.page-sidebar .sidebar-menu>li>.submenu li a {
	color: orange !important;
}

.page-sidebar .sidebar-menu>li>.submenu li .submenu li a:hover {
	color: #fff !important
}

.page-sidebar .sidebar-menu>li>.submenu li .submenu li.active a {
	color: #fff !important;
	font-weight: bold;
}

.page-sidebar .sidebar-menu>li>.submenu li .submenu li.active a:hover {
	color: #fff !important;
}

.page-sidebar.menu-compact .sidebar-menu>li>.submenu li .submenu {
	display: block !important;
}

li.twoCol {
	width: 50%;
	float: left;
}

.h-menu#sidebar .sidebar-menu,
.h-menu.page-sidebar.sidebar-fixed,
.page-sidebar .sidebar-menu a,
.page-sidebar.menu-compact .sidebar-menu>li>a .menu-text,
.h-menu.page-sidebar.sidebar-fixed:before {
	height: 29px !important;
}

.page-sidebar.menu-compact .sidebar-menu>li>a .menu-text {
	line-height: 27px;
}

.h-menu.page-sidebar.menu-compact .sidebar-menu>li>.submenu {
	top: 30px !important;
}

.h-menu.page-header.page-header-fixed {
	top: 69px !important;
}

.page-sidebar .sidebar-menu a .menu-expand {
	top: 10px !important;
}

.h-menu.page-sidebar.menu-compact .sidebar-menu>li>a.menu-dropdown>.menu-text {
	text-align: center;
	width: 130px !important;
}

/* .h-menu.page-sidebar.sidebar-fixed {
	width: 1400px !important;
} */

.logbtn {
	margin: 5px 12px 0;
	border-radius: 0px !important;
	color: white;
	font-weight: bold;
	background: -webkit-linear-gradient(#ff8533, #ffb266, #ff8533, #ff8533) !important;
	background: linear-gradient(#ff8533, #ffb266, #ff8533, #ff8533);
	border-color: #e68a00;
	line-height: 1.12857143;
	min-width:65px;
}

.logbtn:hover {
	background: -webkit-linear-gradient(#ff8533, #ffab73, #ffb266, #ffb266);
	color: white;
}

.loading-container {
	z-index: 30000;
	background:#474544;
}

.loadingPopup-container {
	z-index: 30000;
	background:#474544;
}
.h-menu.page-header.page-header-fixed {
	top: 65px !important;
}

.h-menu.page-body {
	margin-top: 66px !important;
	position: relative;
}

.h-menu.elog-center {
	width: 50%;
	margin: auto !important;
	text-align: center;
	font-size: 12px;
}

.userSave {
	background: -webkit-linear-gradient(#fff, #B0CBFC) !important;
	background: linear-gradient(#fff, #B0CBFC) !important;
	border: 1px solid #B0CBFC !important;
	
}

.useOff {
	height: 25px;
	width: 110px !important;
	 float: none;
	text-align: center;
	padding: 0px;
	margin: 20px 0px 0px 0px;
}

.userfooterBtns {
	min-width: 90px;
    margin: 0 0.5em!important;
    float: right;
    cursor: pointer transition:;
    margin-right: 0px !important;
	cursor: pointer;
}

.cal-btn {
	min-width: 90px;
    float: left;
    cursor: pointer transition:;
    margin-right: 0px !important;
	cursor: pointer;
}

.elog-center .userfooterBtns {
	height: 25px;
	width: 110px !important;
	float: none;
	text-align: center;
	padding: 0px;
}

.elog-center {
	text-align: center;
}

.elog-center p {
	color: #ff0000 !important;
}

.elog-center h4 {
	text-decoration: underline;
}

.log p {
	margin: 50px 0px 0px 0px;
	font-size: 15px;
	color: #000000;
}

.breadcrumb {
	padding-top: 2px;
}


/**********hgg*********/
.secc-layer >p{
	line-height:60px;
}
.oList-frow {
	width: 100%;
	float: left;
	margin-bottom: 5px;
}

.adSearch-btn {
	    background-color: #d8e6f3;
    border: none;
    color: #020202;
    padding: 0px 8px;
    /* font-size: 12px; */
    cursor: pointer;
    height: 19px;
    float: left;
    margin-right: .5em;
}

/* Darker background on mouse-over */

.adSearch-btn:hover {
	background-color: #c0c8de;
}

.list-select {
	
	float: left;
	margin-right: .5em;
}

.list-select .form-group {
	margin-bottom: 0;
	color: #000;
}

.list-select .form-group select {
	color: #000;
	height: 2.1em;
}

/* .adTable {
	width: 920px;
	float: left;
} */

.advanceFilter {
	display: none;
}
.advanc-Heading{
	width: 138px;
	float: left;
	border: 1px solid #808080;
	background: #030548;
}
.advanc-Heading p {
	margin-bottom: 0;
	color: #fff;
	background: #030548;
	padding: 2px 0em;
	text-align: center;
}
.KFradiobtn .radio-inline input[type=radio]{
	margin-left: 0px;
}
.advanceFilter{
	width: 1020px;
	float: left;
	position: relative;
}
.margin-top20{
	margin-top:20px
}
.adTable {
    background: #fff;
	width: 920px;
}
.advRefer{
	position: absolute;
    bottom: 0;
    right: 0;
}
.adController {
	width: 782px;
	float: left;
	border: 1px solid #808080;
}
.first-layer{
	height:30px;
}
.secc-layer{
	height: 80px;
	padding:4px 0;
	border: 0px solid;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}
.Category-border{
	border-top: 0px ;
    
	
}
.advanceFilter .second-sele .select2-container{
	width: 125px;
	margin: 25px 0 0 !important;
}
p.selectBtn {
    padding: 20px 10px;
	line-height:30px;
}
.checkLay {
	margin-bottom: 0;
	padding-bottom: 0 !important;
	padding-top: 2px !important;
}

.adController span {
	color: #fff;
	margin-left: 6px !important;
	line-height: 2.5em !important;
}

.adController .second-sele, .adController .sort{
	width: 100px;
	float: left;
	margin-bottom: 0;
	margin-left: .5em;
	margin-right: .5em;
}

/* .adController .second-sele select {
	color: #000;
	height: 2.1em;
} */

.adController .form-multiple {
	width: 175px;
	float: left;
	border-radius: 5px;
	height:70px;
}

.adController .form-selectOption {
	width: 320px;
	float: left;
	border-radius: 5px;
	height:70px;
}

.adController p {
	color: #fff;
	width: 10%;
	float: left;
	margin: 0;
}

.adController .adPlusBtn {
	min-width: 35px;
	/* font-size: 1.5em; */
	padding: 0px;
	font-weight: bold;
	/* line-height: 1.5em; */
	margin: 0;
	padding-bottom: 0.14em;
	float: left;
	min-height:28px;
}

.buttonAdd {
	width: 10%;
	float: left;
	margin-top: .5em;
}

.buttonAdd p.arrText {
	line-height: 2.2em;
	/* font-size: 14px; */
	width: 50%;
}

.adController .input-group-xs>.input-group-addon {
	background-color: transparent;
	color: #fff;
	border: none;
	height: auto;
}

.adController .input-group .input-group-addon {
	background-image: inherit;
}

.adController .sort {
	width: 200px;
	height:30px;
}

.criticalPadd {
	padding: .49em 0;
}

.critTextLeng p {
	line-height: 6.94em;
	height:79px;
}

.adController .checkLay {
	padding-top: 0 !important;
	height:27px;
}

.sort select {
	margin-top: 4px;
}

.criticalPadd .selectValue {
	margin-top: 2em;
}

.criticalPadd p.selectBtn {
	margin-top: 2.2em;
	padding: 0 1em;
	white-space: nowrap; 
    width: 85px; 
    overflow: hidden;
    text-overflow: ellipsis; 
}

.selectBtnPla {
	float: left;
    width: 100%;
    right: 39px;
    position: relative;
    margin-top: 3px;
}

.selectBtnPla p {
	text-align: right;
}

.sortList p {
	line-height: 2.4em;
}
.sort .sortingList{
	width:60px;
	float:left;
	margin-left: 0 !important;
}
.sort .listOrder {
	width: 120px;
}
.adBtnRefresh {
	/* width: 263px; */
	float: left;
	margin-top: 115px;
}

.domstic .marginValue p span {
	padding: 0 .2em;
	float:left;
}

a.collapse {
	text-decoration: none;
}

.container {
	min-width: 1360px; 
	padding: 0;
	padding-right:0px !important;
	position: relative;
	top: 65px;
}

.panel-default>.panel-heading {
	
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0d�0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(top,#fff,#cccccc);
    background-image: -moz-linear-gradient(top,#fff,#cccccc);
    background-image: -o-linear-gradient(top,#fff,#cccccc);
    background-image: linear-gradient(to bottom,#fff,#cccccc);
	border:1px solid #ccc;
	border-left: 2px solid #003366;
	padding: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.panel-default>.panel-heading a {
    display: block;
    padding: 7px 15px;
    cursor: pointer;
    color: #081c7b ;
    font-weight: 800;
    font-size: 14px;
	height:29px;
}

.panel-default>.panel-heading {
	
	height:30px;
    background-image: -webkit-linear-gradient(top,#fff,#cccccc);
    background-image: -moz-linear-gradient(top,#fff,#cccccc);
    background-image: -o-linear-gradient(top,#fff,#cccccc);
    background-image: linear-gradient(to bottom,#fff,#cccccc);
	border:1px solid #ccc;
	border-left: 2px solid #081c7b ;
	padding: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.panel-default>.panel-heading a[aria-expanded="true"] {
	background: linear-gradient(#fff,#cccccc);
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li {
	border-bottom: 1px solid transparent;
}

.accordion-option {
	width: 100%;
	float: left;
	clear: both;
	margin: 15px 0;
}

.accordion-option .title {
	font-size: 20px;
	font-weight: bold;
	float: left;
	padding: 0;
	margin: 0;
}

.hidePanal {
	display: none !important;
}

.pervious {
	min-width: 90px;
    padding: 3px;
	color: #fff;
	min-height:25px;
	height:25px;
}
.btn-widthAdv{
	min-width: 90px;
    padding: 3px;
	color: #fff;
	min-height: 25px;
    height: 25px;
    line-height: 15px;
}
.btnSession p {
	float: right;
}

.fRight {
	float: right;
}

.pClor,
.pClor:focus,
.pClor:focus {
	background-image: -webkit-linear-gradient(#7b7979 50%, #000 50%);
	background-image: linear-gradient(#7b7979 50%, #000 50%);
	border-color: #525252;
	color: #fff;
}

.pClor:hover {
	background-image: -webkit-linear-gradient(#000 50%, #7b7979 50%);
	background-image: linear-gradient(#000 50%, #7b7979 50%);
	color: #fff;
}

.rColor {
	background-image: -webkit-linear-gradient(#F9986D 50%, #F56D2A 50%);
	background-image: linear-gradient(#F9986D 50%, #F56D2A 50%);
	border-color: #F56D2A !important;
}
.greenClr{
	background-image: -webkit-linear-gradient(#1F983D 50%, #1D7307 50%);
	background-image: linear-gradient(#1F983D 50%, #1D7307 50%);
	border-color: #0E4312 !important;
}

.bluColor{
	background-image: -webkit-linear-gradient(#779ff2 50%, #1f63ea 50%);
	background-image: linear-gradient(#779ff2 50%, #1f63ea 50%);
	border-color: #8aadf4;
	color:#fff;
}

.bluColor:hover{
	background-image: -webkit-linear-gradient(#1f63ea 50%, #779ff2 50%);
	background-image: linear-gradient(#1f63ea 50%, #779ff2 50%);
	border-color: #8aadf4;
}
.greenClr:hover{
	background-image: -webkit-linear-gradient(#1D7307 50%, #1F983D 50%);
	background-image:linear-gradient(#1D7307 50%, #1F983D 50%);
	border-color: #0E4312 !important;
}
.rColor:hover {
	background-image: -webkit-linear-gradient(#F56D2A 50%, #F9986D 50%);
	background-image: linear-gradient(#F56D2A 50%, #F9986D 50%);
	color: #fff;
}

.tabs-marginPage .nav {
	float: left;
}

.nav-tabs {
	box-shadow: inherit;
}

.radioMarPage {
	width: 25%;
	float: left;
	margin: 0;
}

.radioMarPage label {
	float: right;
	width: 40%;
}

.nav li {
	position: relative;
}

.tabs-marginPage .nav li:before {
	content: "";
	display: block;
	position: absolute;
	top: 7px;
	left: 7px;
	width: 0;
	height: 0;
	border-left: 5px solid #e8e8e8;
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	clear: both;
	z-index: 11;
}

.tabs-marginPage .nav li.active:before {
	content: "";
	display: block;
	position: absolute;
	top: 11px;
	left: 7px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
	clear: both;
	z-index: 11;
}

.tabs-marginPage .nav-tabs li {
	min-width: 100px;
}

.tabs-marginPage .nav-tabs li a {
	text-align: left;
	border: 1px solid #000;
	margin-bottom: 3px;
	padding: 4px 0;
	height:25px;
	min-height:25px;
	padding-left:25px;
	padding-right: 10px;
}

.btnSession {
	padding-bottom: 1em;
	width: 998px;
}

.radioMarPage span {
	color: #fff;
}

/* .nav-tabs>li>a:hover {
	border-color: transparent;
} */

.nav-tabs>li>a{border-radius:0 !important;     font-weight: bold !important; line-height: 12px !important; font-size: 13px !important;}
.nav-tabs>li>a.l-font{font-size: 13px !important;} 

.nav-tabs>li>a:hover {
	border-top: 1px solid #000;
}

.tabHead {
	width: 332px;
	float: left;
	background: #030548;
	color: #fff;
	text-align: center;
	padding: 0;
}

.tabs-marginPage .tab-content {
	padding: 0;
	background: transparent;
	box-shadow: inherit;
}

.tabTitle {
	width: 50%;
    float: left;
    display: table-cell;
    background: #1f2021;
    vertical-align: middle;
	border: 1px solid #868686;
}
.sort span{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tabHead h1 {
	font-size: 12px;
	margin: 0;
	line-height: 1.8em;
	border:1px solid #868686
}


.marginValue p {
	margin: 0;
	
	line-height: 2.1em;
}

p.titleHead {
	margin: 0;
	line-height: 2em;
	overflow: hidden;
    text-overflow: ellipsis;
}
.titleHead {
    background: #1f2021;
    height: 23px;
    padding-left:5px;
    margin: 0;
    line-height: 2em;
}

.marginValue {
	background: #000;
}

.marCol p.titleHead {
	height:auto;
	line-height: 4.4em;
}

.marCol .marginValue p {
	line-height: 4.4em;
}

.domstic .marginValue p {
	line-height: 2.1em;
	text-align: right;
	
}

.domstic .marCol .marginValue p {
	line-height: 4.3em;
	height:48px;
}

.nav-tabs>li.active>a {
	border: 1px solid #374046;
}

.nav-tabs>li.active>a:focus {
	border: 1px solid #374046;
}

p.dateTime {
	color: #fff;
	margin: 0;
	line-height: 2.4;
	padding-right: .5em;
}

p.dateTime span {
	padding: 0 .3em;
}

.perBtn {
	width: 11%;
}

.userHov {
	background:-webkit-linear-gradient(#fff, #B0CBFC) !important;
	background: linear-gradient(#fff, #B0CBFC);
	color: #000 !important;
	border: 1px solid #B0CBFC !important;
	background: aliceblue;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FE902F', endColorstr='#fff') !important;/*For IE7-8-9*/
}

.userReset {
	background: -webkit-linear-gradient(#fff, #B3A9B2) !important;
	background: linear-gradient(#fff, #B3A9B2);
	border-color: #B3A9B2 !important;
}

#divFormTitle {
	position: relative;
	margin: 0 auto;
	left: 0;
	right: 0;
	width: 100%;
}

.page-sidebar .sidebar-menu>li>a {
	font-size: 12.5px;
	color: #2f2f2f;
}

.page-header.page-header-fixed {
	background: -webkit-linear-gradient(#fff, #ccc) !important;
	background: linear-gradient(#fff, #ccc) !important;
}

.page-header {
	padding-left: 0;
	min-height: 29px;
	height: 29px;
}

.userSaveBtn {
	padding-bottom: 1em;
	min-height:50px;	
	
}
.marginGrid{
	min-height:30px;
}
.userSaveBtn .btn {
	float: right;
	/* margin: 7px .5em; */
	/* width: 10em; */
	
	min-width:90px;
}

ul.submenu li{
	float:left;
	width:100%;
}



.jsgrid-row>.jsgrid-cell {
    background: #ffffff !important;
	color: #000 !important;
}
.jsgrid-alt-row>.jsgrid-cell{
	background: #d9d9d9 !important;
}
.text-center{
	cursor: default;
	text-align: center !important;
}
.redtxt{
	color:#F00;
	
	
}
.jslabel{
	padding:0 8px;
}
.Div-content .Labelcntl-addon{
   vertical-align: middle;
	background-color: #0E1E7D !important;
   padding-left: 5px !important;
   color: #fff;
   }
   .labelDiv{
	background: #0E1E7D;
   padding: 5px;
   color: #fff;
   margin-bottom: 5px;
   float: left;
   width: 100%;
   height:25px;
   }
   .width50 {
   width: 50% !important;
   float: left;
   }
   .width100 {
   width: 100% !important;
   float: left;
   }
   .width49{
   width: 49% !important;
   }
   label.width50 {
   padding: 5px;
   height:25px;
   }
   .select2-drop{
   z-index: 9999;
   }
   .navbar-inner{
   z-index: 10000 !important;
   }
   .navbar.navbar-fixed-top{
   z-index: 10003 !important;
   }
   .palette{
   z-index: 10001;
   }
.page-body{
   overflow: auto !important;
   }
   .Div-content .form-group{
   width: 100%;
   }
   .Div-content {
   width: 100%;
   float: left;
   overflow: hidden;
   background: #fff;
	margin-bottom:1em;
	border:0 !important;
   }
   .modal{
   z-index: 11111111;
   }
   .popup-header{
   text-align:left;
   }

.full-screen .page-body{
	height:600px !important;
}
.checkLay {
	margin-bottom: 0;
   	padding-bottom: 0 !important;
   	padding-top: 2px !important;
	padding-left:5px;
}	
.SectiontitleBg
{
background-color:#070F3E;
    }
.userSectionclr{
color:#fff !important;
}

.Userpreferencefooter{
    overflow: hidden;
    padding: 0;
	margin: 0 5px;
}
.userfooterBtns {
     min-width: 90px;
    margin: 0 0.5em!important;
    float: right;
    cursor: pointer transition:;
    margin-right: 0px !important;
	cursor:pointer;
	height:29px;
}
.userheaderBtns
{
    width: 60px;
    height: 30px;
    margin: 5px 5px;
	
}
.h-menu.page-sidebar .sidebar-menu li.active{
	border-bottom: none;
}
.userSave
{
	background:-webkit-linear-gradient(#fff, #B0CBFC);
background: linear-gradient(#fff, #B0CBFC);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fff', endColorstr='#B0CBFC') !important;/*For IE7-8-9*/
}
.red {
    color: #f00 !important;
}
.yellow {
	color: #FFFF00 !important;
}

.navbar-header img{
	height: 36px;
}
.search-select{
	margin-top:0px;
}
.colum {
    display: table;
    width: 100%;
}
/* .navbar .navbar-inner{
	width:1366px;
}  */
.panel-default{
	border: none;
}
.search-select ul.select{
	z-index:-1;
}
.search-select input:checked + .select{
	z-index:1;
}

.tabs-marginPage{
	width:100%;
	float:left;
}
.editable>.jsgrid-header-cell{
background-color:#070f3e !important;
    border-right: 1px solid #43475f;
    border-left: none;
	border-bottom:1px solid #43475f;
}
.editable .jsgrid-row>.jsgrid-cell{
	background: #000000 ;
	color: #fff;
}


.updatable>.jsgrid-header-cell{
	background-color:#d4d0c8 !important;
    border-right: 1px solid #808080;
    border-left: none;
	border-bottom:1px solid #808080;
	color:#000000;
}
/* .updatable .jsgrid-row>.jsgrid-cell{
	background: #000000 !important;
	color: #fff;
}
.updatable .jsgrid-header-row>.jsgrid-header-cell{
	border: .5px solid #e3e6e3;
} */

.updatable  .jsgrid-cell{
	border: .5px solid #43475f;
	border-width: 0px 1px 1px 0px;
}
.updatable>.jsgrid-header-cell{
	height:20px;
    padding: 0;
}

.tradeBtn{
	width:50px;
	height:17px;
	font-size:9px;
	border-radius: 5px;
	border: 1px solid;
	
}
.nosEntry{
	width:auto;
	text-align:right;
	color: #000;
}
.jsgrid-grid-body{
	border-left:none;
}
.jsgrid-table tr.highlight td{
background: #969595 !important;
color:#fff !important;
}
.divinvocation {
 	margin: 7px 5px 0; 
	padding: 0px 9px; 
	font-size: 13px;   
	font-weight: bold !important;
	background-color: transparent;
	border-radius: 0px !important;  
	border: 0px solid;
    outline-style: double;
    outline-color: #7f7d7d;
}
.divinvocation:not(.red):hover { 
	background-color: #353535;
} 
.divinvocation:active{
	outline-offset: 1px; 
	outline: 1px solid #7F7C7C !important;
}  
.disabled  {
	border: 1px solid #373737;
	outline: 1px solid #373737; 
}  

.editable  .jsgrid-cell{
	border: .5px solid #43475f;
	border-width: 0px 1px 1px 0px;
}

.updatable>.jsgrid-header-cell{
	background-color:#d4d0c8 !important;
    border-right: 1px solid #808080;
    border-left: none;
	border-bottom:1px solid #808080;
	color:#000000;
}
/* .updatable .jsgrid-row>.jsgrid-cell{
	background: #000000 !important;
	color: #fff;
}
.updatable .jsgrid-header-row>.jsgrid-header-cell{
	border: .5px solid #e3e6e3;
} */

.updatable  .jsgrid-cell{
	border: .5px solid #43475f;
	border-width: 0px 1px 1px 0px;
}
.updatable>.jsgrid-header-cell{
	height:20px;
    padding: 0;
}
.jsgrid-grid-header{
	border:0 !important;
}
.page-sidebar .sidebar-menu>li:last-child>a{border-bottom: 0;}
.tradeBtn{
	color: #fff;
    height: 17px;
    font-size: 9px;
    border-radius: 5px;
    border: 1px solid;
    width: 60px;
}
.tradeBtnSimpage, .simNewPosBtnTex{width: 100%; height:100%;line-height: 22px;}
#DeletegridSimuPositionDetail .tradeBtn, #DeletegridSPANPositionList .tradeBtn{width: 100%; height:100%;line-height: 22px;}
.jsgrid-grid-body{
	border-left:none;
}
.jsgrid-table tr.highlight td{
	background: #969595 !important;
	color:#fff !important;
}
.listPage{
	background: #070f3e;
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #fff;
    line-height: 2em;
    font-size: 14px;
}
.editable .select2-container .select2-choice>.select2-chosen{
	margin-right: 10px;
}
.editable .select2-choice:before{
	right: 3px;
}
.input-group-btn .btn{
	margin:0;
}


.container{
    padding: 10px;
	margin-left:0px;
	overflow-x:auto;
	padding-bottom:0;
}
.panel-group {
    margin-bottom: 0px;
}
.page-sidebar.menu-compact~.page-content .page-header-fixed{
    border: 1px solid #000;
}
.listPage{
	background: #070f3e;
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #fff;
    line-height: 2em;
    font-size: 14px;
}
.editable .select2-container .select2-choice>.select2-chosen{
	margin-right: 10px;
}
.editable .select2-choice:before{
	right: 3px;
}
.input-group-btn .btn{
	margin:0;
}

.alertBox{
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.50);
    z-index: 999999;
}
.alert-body{
	background: #fff;
	text-align: center;
	padding:20px 5px;
	width:auto;
}
.alertBox  footer{
	background: #f2f2f2;
	padding:14px 0;
}
.alertBox .Alert{
	margin: auto auto;
	display: block;
}
.alert-body p{
	margin-bottom:0;
	font-size:14px
}
.modal-body p{
	margin-bottom: 0;
    font-size: 14px;
}

.titleHead .Entries{color:#00ffff;padding-left: 20px;}

.KFradiobtn{
    position: relative;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0px 0px;
}
input[type=radio] {
opacity: 1;
}
.KFradiobtn input[type=checkbox]{
    opacity: 0;
}
.titleHead span{
	padding-left:1em;
	color: #87f7f7;
}
.title-header-main{
    padding: 5px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0d�0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(top,#fff,#cccccc);
    background-image: -moz-linear-gradient(top,#fff,#cccccc);
    background-image: -o-linear-gradient(top,#fff,#cccccc);
    background-image: linear-gradient(to bottom,#fff,#cccccc);
    color: #070F3E;
    font-weight: bold;
    font-size: 15px;
    padding-left: 10px;
    border-left: 2px solid #070F3E !important;
    border: 1px solid #ccc;
	height:30px;
}

.dialog-ovelay footer{
	overflow: hidden;
    border-top: 1px solid #e5e5e5;
    padding: 14px 40px;
	background-color: #F2F2F2;
	text-align:center
  }
.modal-dialog{
	position: relative;
    background: #fff;
    min-width: 238px;
	border:5px solid #d4d0c8;
    top: 20%;
    display: inline-block;
    width:auto !important;
    
}
.modal-body{
	text-align :center
}
.popupbtn {
    border-radius: 3px;
    width: 72px;
	border:1px solid #929292;
	height: 22px;
	background: linear-gradient(#eaeaea 40%, #D6DAD9 50%);
	background:-webkit-linear-gradient(#eaeaea 40%, #D6DAD9 50%);			
	cursor: default;
	color: black;
	float: left;
}
.cancelAction {
    float: right;
}
.popupbtn:hover{
	background: linear-gradient(#E1F2F9 50%, #ACDEF9 50%);
	background:-webkit-linear-gradient(#E1F2F9 50%, #ACDEF9 50%);	
	color:black;
	border-color:#48d8fb;
}
.popupbtn:active{
	border:1px solid #78c6f1;
	background: linear-gradient(#E1F2F9 50%, #ACDEF9 50%);
    background: -webkit-linear-gradient(#E1F2F9 50%, #ACDEF9 50%);
    color: black;
    border-color: #48d8fb;
	}
	.popupbtn:focus{
		color:black;
		border:1px solid #78c6f1;
	}
	
	.titleHead .Entries{color:#00ffff;padding-left: 20px;}
.KFcheckbox {
    position: relative;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 0px;
}
.advRadio{
	margin-bottom:0;
	margin-top:0px !important;
	
}
.KFcheckbox>label{
	display: -webkit-box;
}
.KFradiobtn> label input[type=radio], input[type=checkbox] {
    opacity: 0;
}

.h4label {
	vertical-align: baseline;
}
label{margin-bottom:0px !important}
.width-addon{
min-width: 250px !important;
padding: 3px 0 !important;
}
.input-group-addon, .input-group-btn{
white-space: inherit;
}

.width20{
width:20%;
}
.width20 input[type="radio"]{
top: 2px;
margin-left: 0;
}
.width20 label{
margin-bottom:0;
cursor: pointer;
}
.orderRadio{
margin-top:0;
margin-bottom:0;
}


#divSubGridcnt {
width: 100%;
margin:1em 0;
}
#divSubGridPageBody{
width:100%;
float:left;
margin-top:1em;
}
.msg-content{
padding-top: 5px;color:#000;
}
.tablewidth52 {
    width: 700px;
}
.calexecution {
    width: 160px;
    display: inline-block;
    margin-bottom: -4px;
}
.margin-left-n5 {
    margin-left: -5px !important;
}
.table-head {
    background-color: #474544;
    color: white !important;
    text-align: center !important;
}
.Passworddivmain{width: 460px; position: relative;margin: 0 auto;}
.Passworddivmain .input-group-addon {
		background: #0b62a2 !important;
		color: #fff;
		text-align: center !important;
		width: 50%;
		line-height: 28px;
		}
		
/* ligin */
.buttonMargin{
	margin-top:1em;
}
.panel{
	background-color:transparent;
    border: 1px solid transparent;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;

}
.KFradiobtn input[type=radio] {
    opacity: 0;
}
.panel-body{
	padding:15px 0;
	padding-bottom:0px;
}
#collapsePanalNewPositionTab  .panel{
	margin-bottom: 0px;
}
 #collapsetOrderList .oList-frow{
	margin-bottom: 5px;
 }
#collapsePanalNewPositionTab .panel-body{
	padding-bottom:0;
}
#collapsePanalNewPositionTab .row{
	margin:0;
}

.criticalPadd, .critTextLeng p{
	height: 82px;
}
p {
    line-height: 23px;
}
.input-group-xs>.input-group-addon{
	padding: 1px 6px 2px 7px;
}
#collapsenPosOrder .panel-body {
    padding: 0px 0;
}
#collapsenPosOrder .padding-5 {
	/* padding-top: 0 !important; */
    padding-bottom: 0 !important;
    padding-right: 0 !important;
	
}
.editable .highlight, .editable .jsgrid-table tr.highlight td{
	background-color: #fff;
}
.editable .jsgrid-table tr.highlight td{
	color:#000 !important;
}

li.twoCol.close, li.close{
	opacity:1;
}
li.twoCol.close ul{
	opacity:0;
}
li.close ul{
	float: initial;
	display:none;
}
.close{
	float: initial;
}
.page-sidebar.menu-compact .sidebar-menu>li>.submenu li.close .submenu{
display:none !important;
}
.page-sidebar.menu-compact .sidebar-menu>li>.submenu li.twoCol{
	width: 50% !important;
}
.page-sidebar.menu-compact .sidebar-menu>li>.submenu li.close {
	opacity:1;
	width:100%;
}
.spinbox span.input-group-btn {
    display: block;
    float: left;
    width:0;
}
.spinbox .spinbox-down i, .spinbox .spinbox-up i {
    font-size: 12px;
    position: absolute;
}
.spinbox .spinbox-up i {
    top: -1px;
    margin-right: 0;
    right: 3px;
}
.spinbox .spinbox-up {
	padding-bottom: 7px !important;
}
.spinbox .spinbox-down i {
    top: 0px;
    margin-right: 0;
    right: 3px;
}
.spinbox .btn>.fa{
	top: -2px !important;
}
.spinbox span.input-group-btn .spinbox-up {
    right: -1px;
}
.spinbox  .input-group-xs>.input-group-btn>.btn {
    height: 10px;
	max-width: 15px;
}
.spinbox span.input-group-btn .spinbox-down {
    top: 11px;
}
.spinbox .spinbox-input{
    width: 72%;
}
.UserBoxAreaDiv .spinbox .spinbox-input{
    width: 40px;
}
.UserBoxAreaDiv .spinbox span.input-group-btn .spinbox-up {
    right: 21px;
}
.UserBoxAreaDiv .spinbox span.input-group-btn{
	width: 22px;
}

.drop-downSelect select{
	width: 150px;
	margin-bottom: 1em;
}
.drop-downSelect{
	padding-left:0;
	margin-bottom:10px;
}
.bottomDiv{
	bottom:0;
	position:relative;
	right: 0;
}
.noPaddLeft{
	padding-left: 0px;
}

/* .radio-inline{
	padding-left: 10px;
} */
.radioAlign .radio-inline{
	text-align:left;
	margin-left: 5px;
}
.radioAlign input[type="radio"]{
	top:0;
}
.radioAlign  .radioText{
	top: -3px;
    position: relative;
	float:left;
}
.radioAlign {
    padding-right: 10px;
}
.alertHeaser {
    font-size: 14px;
    padding: 0px 10px;
	background:linear-gradient(to right, #132e72, #6888bb, #a5c9ef);
	 background:-webkit-gradient(linear, left top, right top, from(#132e72), to(#a5c9ef));
	color:#fff;
	overflow: hidden;
}
.alertHeaser p{
	margin-bottom:0;
	min-width: 100px;
    width: 150px;
    float: left;
    text-align:left
}
.dialog-ovelay footer .controls{
	width: 160px;
    margin: 0 auto;
}
a.closeArrow {
    float: right;
    color: #fff;
    cursor: pointer;
}
a.closeArrow:hover{
	text-shadow: 0px 0px 3px #000000;
}
 .alertDiv {
    min-width: 280px;
    margin: 0 auto;
    margin-top: 12%;
    border: 5px solid #d4d0c8;
    display: table;
    max-width: 600px;
}

.Alert{
	border-radius: 3px;
    width: 72px;
	color: black;
	border: 1px solid #929292;
    height: 22px;
    background: linear-gradient(#eaeaea 40%, #D6DAD9 50%);
    background: -webkit-linear-gradient(#eaeaea 40%, #D6DAD9 50%);
}
.Alert:hover {
    background: linear-gradient(#E1F2F9 50%, #ACDEF9 50%);
    background: -webkit-linear-gradient(#E1F2F9 50%, #ACDEF9 50%);
    color: black;
    border-color: #48d8fb;
}

.UserBoxAreaDiv .select2-container .select2-choice{
	/* height:auto; */
	/* padding: 2px 0 3px 5px; */
	line-height:20px;
}
.UserBoxAreaDiv .input-group-xs>.form-control, .UserBoxAreaDiv .input-group-xs>.input-group-addon{
	height:auto;
}

.UserBoxAreaDiv input[type="checkbox"] ~ .text::before, input[type="radio"] ~ .text::before{
	min-width: 15px;
	line-height: 11px !important;
}
.openPostionText .leftText{
	width: 800px;
    float: left;
	min-width:800px
}
.openPostionText .rightText{
	float: right;
    padding-right: 10px;
}
.openPostionHeader{
	background:#070f3e;
	text-align:center;
	color:#fff;
	width: 100%;
	float:left;
	padding: 5px;
    font-size: 14px;
}
.openPostionGrid .editable>.jsgrid-header-cell{
	background-color: #0e1e7d !important;
	border: .5px solid #cccccc !important;
    border-width: 1px 1px 1px 0px !important;
}

.openPostionBtn .btn{
	display: block;
    margin: auto;
    min-width: 110px;

}
.displaySettRadio .radio-inline {
    padding-left: 20px;
}
.advanceFilter .select2-container{
	width:120px;
	margin-top: 4px;
}
.advanceFilter .criticalPadd .select2-container{
	width:100px;
	margin-top: 25px;
}
.advanceFilter .select2-container span{
	line-height: 20px !important;
}
.displaySettRadio button{
	margin-top:-5px;
}
.displaySettRadio .adSearch-btn{
	margin-top:0px;
}
.list-select .select2-container, .drop-downSelect .select2-container{
	width: 150px;
}
.calexecution .datetimepicker-input, .calexecution .btn-secondary{
	height: 29px !important;
}
.calexecution + .gap{
	position:relative;
	top:-5px;
}
.exectiveRadioAlgment{
   display: inline-block;
   top: -4px;
   position: relative;
}
.calexecution +.pervious {
	top: -5px;
}
.advHeadtitle{
	line-height:1.6;
}
.gridText{
	width:100%;
	float:left;
}
.postBtn{
	margin-top:143px;
}
.loading-container .loader{
	margin: 20% auto;
}

.loadingPopup-container .loaderPopup{
	margin: 20% auto;
}
 input[type=checkbox]:focus +span, input[type=radio]:focus +span {
outline: -webkit-focus-ring-color auto 5px;
    outline-style: solid;
    outline-width: thin;
}

.advanceSearchFilter{
	float:left;
}
.calSearch{
	float: left;
    width: 325px;
}
.calSearch .calcu{
	width: 150px;
    float: left;
}
span.gap {
    float: left;
    padding: 1px;
}
.advance-text, .adTable{
float:left;
}
.advance-text .radio-inline:last-of-type{
	padding-right:5px;
}
.advance-text .radio-inline{
	margin-left: 5px;
}
.calSearch .cal-Font{
	position: relative;
   right: 0;
}
.select2-container{
	width:100px;
	text-align:left;
}
.select2-container .select2-choice>.select2-chosen{
	margin-right:0;
}
.advanceSearchFilter .btn-widthAdv{
	height:21px;
	min-height: 21px;
	line-height:2px;
}
/* end */

/* .jsgrid-header-scrollbar::-webkit-scrollbar-track {
    background: #474544;
	webkit-background-color: #474544;
  -moz-background-color: #474544;
  -o-background-color: #474544;
  background-color: #474544;
	border: 1px solid #ccc;
    border-left: 0px;
    border-right: 0px;
} */
.jsgrid-edit-row>.jsgrid-cell, .jsgrid-filter-row>.jsgrid-cell, .jsgrid-grid-body, .jsgrid-grid-header, .jsgrid-header-row>.jsgrid-header-cell, .jsgrid-insert-row>.jsgrid-cell, .jsgrid-in-row>.jsgrid-cell {
    border: 1px solid #333333;
}

/* .jsgrid-grid-body::-webkit-scrollbar              {  background: #ccc; color:#fff}
.jsgrid-grid-body::-webkit-scrollbar-button       {  background: #333333;color:#fff}
.jsgrid-grid-body::-webkit-scrollbar-track        {  width: 12px;}
.jsgrid-grid-body::-webkit-scrollbar-track-piece  {  background: #333333; }
.jsgrid-grid-body::-webkit-scrollbar-thumb        {  background: #666666; }
.jsgrid-grid-body::-webkit-scrollbar-corner       {  background: #333333;}
.jsgrid-grid-body::-webkit-resizer                {  background: #333333; } */
/* .jsgrid-grid-header{
	
	width: -moz-calc(100% - 18px) !important;
    width: -webkit-calc(100% - 18px)!important;
    width: -o-calc(100% - 18px)!important;
    width: calc(100% - 18px)!important;
	
} */
.UserBoxAreaDiv {
    min-height: auto;
    padding: 5px 5px 0 5px;
    position: relative;
	border:1px solid #ccc ;
}
.sm-popupheader{
	text-align: left;
    background: #76c5ff;
    padding: 5px;
}

.sm-close{
    color: red;
    opacity: 1;
    padding: 0;
    text-shadow: none;
    width: 20px;
    float: right;
	margin-top: -2px;
}
.button-Margin-10px{
	margin:10px 0;
}
.select2-choice:before{
	right:3px;
}
.noPadding{
	padding:0 !important;
}
/*widthset-px*/
.width95px{
width: 95px;float:left
}
.width65px{
width: 65px;float:left
}
.width100px{
width: 100px;float:left
}
.width120px{
width: 120px;float:left
}
.width150px{
width: 150px;
float:left;
}
.width140px{
width: 140px;
float:left;
}
.width200px{
width: 200px;
float:left;
}
.width245px{
width: 245px;
/* float:left; */
}
.width250px{
width: 250px;
float:left;
}
.width280px{
width: 280px;
float:left;
}
.width400px{
width:400px;float:left
}
.width300px{
width:300px;float:left
}
.width330px{
width:330px;float:left
}
.width350px{
width:350px;float:left
}
.width360px{
width:360px;float:left
}
.width445px{
width:445px;float:left
}
.width540px{
width:540px;float:left
}
.width524px{
width:524px;float:left
}
.width528px{
width:528px;float:left
}
.width565px{
width:565px;float:left
}
.width800px{
width:800px !important;float:left
}
.width850px{
width:850px;float:left
}
.width680px{
width:680px;float:left
}
.width840px{
width:840px;float:left
}
.width995px{
width:995px;float:left
}
.width340px{
width:340px;float:left
}
.width900px{
width:900px;float:left
}
.width450px{
width:450px;float:left
}
.width1366px{
width:1366px;float:left
}
.width1130px{
width:1130px;float:left
}
.width1330px{
width:1330px;float:left
}
.width1346px{
width:1346px;float:left
}
.width1050px{
width:1050px;float:left
}
.width1310px{
width:1310px;float:left
}
.width1060px{
width:1060px;float:left
}
.width925px{
width:925px;float:left
}
.width915px{
width:915px;float:left
}
.width495px{
width: 495px;
float:left;
display: inline-block;
}
.width600px{
width: 600px;
display: inline-block;
}
.width700px{
width: 700px;
float: left;
}
.width670px{
width: 670px;
display: inline-block;
}
.width790px{
	width:790px;
	float:left
}
.width650px{
	width:650px;
	float:left
}

.width750px{
width: 750px;
display: inline-block;
}
.width714px{
width: 714px;
float: left;
}
.width780px{
width: 780px;
float: left;
}
.width725px{
width: 725px;
float: left;
}
.width1349px{
	width: 1349px;
	}
	.width1235px{
	width: 1235px;
	    float: left
	}
.width665px{
width: 665px;
float:left;	
		
}
.width550px {
    /* width: 550px; */
    float: left;
}
.width560px {
    width: 560px;
    float: left;
}
.width570px {
    width: 570px;
    float: left;
}
.width580px {
    width: 580px;
    float: left;
}
.width590px {
	    width: 590px;
    float: left;
}
.width500px {
    width: 500px;
    float: left;
}
.width710px{
	width: 710px;
    float: left;
}
.width720px{
	width: 720px;
    float: left;
}
.width735px{
	width: 735px;
    float: left;
}
.width1130px{
	width: 1130px;
    float: left;
}
.width1160px{
	width: 1160px;
    float: left;
}
.width1170px{
	width: 1170px;
    float: left;
}
.width260px{
	width: 260px;
    float: left;
}
.min-width1100px{
	min-width:1100px !important;
}
.min-width700px{
	min-width:700px !important;
}
.min-width1330px{
	min-width:1330px !important;
}
.min-width600px{
	min-width:600px !important;
}

.padd-rig-10{
	padding-right:10px;
}
.padd-lef-5{
	padding-left:5px
}
.margin-Top10 {
  margin-top: 10px !important;
}
.no-Liststyle{
	list-style-type : none;
}
.font12{
	font-size:12px;
}
.font14{
	font-size:14px;
}
.fontBold {
    font-weight: bold;
}
.colorRed{
	color:red;
}
.divCenter{
    margin: auto auto;
    display: block;
    float: none;
}
.Div-content.width600px{
	width: 600px !important;
}
.position-relative {
  position: relative;
}
.table-titleHead {
    background: #e0e1e2;
    margin: 0;
    line-height: 2em;
    color: #075ac3;
}
.title-Entries{
	color: #000;
	padding-left:20px;
}
.margintop-10{margin-top:10px}
input[type=checkbox]~.text:before, input[type=radio]~.text:before {
    font-family: fontAwesome;
    font-weight: bold;
    font-size: 11px;
    color: #333;
    content: " ";
    background-color: #fafafa;
    border: 1px solid #c8c8c8;
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
    border-radius: 0;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 12px;
    line-height: 11px;
    min-width: 12px;
    margin-right: 5px;
    margin-bottom: 2px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
input[type=radio]~.text:before {
	border-radius: 100%;
}

input[type=radio]:checked~.text:before {
	content: "";
	background-color: #333333;
	box-shadow: inset 0 0 0 2px #f4f4f4;
}
.Summary-table{
	width:1300px
}
   .marT-1{
   margin-top: 1em !important;
   }
   .BorderZero{
	   border:0 !important;
   }
   .border-Top-0{
	   border-top:0 !important ;
   }
   .BackgroundWhite{
	   
	   background-color:#fff !important;
   }
   .marginZero{
	   margin:0 !important; 
   }
   
   /* login page style starts*/ 
   .bground-white {
    	background-color: #242D7C !important;
	}
	.LogContainDiv .loginbox .loginbox-title{
	    border-bottom: 1.5px solid #171f65 ;
		width: 90% !important;
		color:#fff !important;
		margin: 0px auto;
	}
	
	.LogContainDiv .loginbox .loginbox-textbox {
	  padding: 2px 10px; 
	}
	.LogContainDiv .loginbox { 
	    max-width: 190px !important;
	    height: 185px !important;
	    padding-top: 0px; 
	    border-radius: 0%; 
	}  
	.logintext {
	    color: #000;
	    height: 17px;
		font-size: 12px !important;
	    box-sizing: content-box;
		-moz-box-sizing: content-box;
		-webkit-box-sizing:content-box;
	} 
	.LogContainDiv .loginbox .loginbox-textbox .form-control {
		webkit-border-radius: 0px !important;
	    -moz-border-radius: 0px !important; 
	    border-radius: 0px !important; 
	}
	.LogContainDiv label {
	   color:#fff;
	}
	.loginbox-textbox .logintext {
	    background-color: #fff !important;
	}
	.LgnBtn { 
		background:-webkit-linear-gradient(#ffb266 50%, #ff8533 50%, #ff8533);
	    background: linear-gradient(#ffb266 50%, #ff8533 50%, #ff8533);
	    border-color: #e68a00;
	    width: 88px !important;
	    padding:0%;
	    height: 24px;
		float:right !important;
		border-radius: 3px !important;
		font-weight: bold !important;
	}
	.LgnBtn:hover,.LgnBtn:active {
		background: -webkit-linear-gradient(#ff8533 30%, #ffb266 50%);
		background: linear-gradient(#ff8533 30%, #ffb266 50%);
		border-color: #fd7e01; 
	}
	.padding-top-15 {
	    padding-top: 15px !important;
	}
	.logdiv .loginbox .loginbox-forgot {
	    padding: 8px 10px !important;
	    position: relative;
	    top: 10% !important; 
	}
	.logintext {
		padding: 0;
		padding-bottom:1px; 
	}
	.divloginicon > input {
		padding-left:0% !important;
		padding-right:0% !important;
	    font-size: 13px !important;
	} 
	.LogContainDiv {
	margin: 16% auto 0;
	width: 190px;
	}
   /* login page style ends*/ 
   
.Main {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}
.jsgrid-grid-body{
min-height: 0px !important;
border: 0 !important;
padding-bottom:1px;
}
.fixed-size .jsgrid-table  {
/* width: intrinsic !important; 
width: -moz-min-content !important;   
width: -webkit-min-content !important; 
max-width:100% !important; */
    width: 1px;
}
.fixed-size{
    width:auto !important;
   max-width: 100%;
}
.fixed-size .jsgrid-grid-header {
overflow-y: auto !important;
}

.fixed-size .jsgrid-grid-body {
overflow-y: auto !important;
}
.fitcontenttbl .jsgrid-table  {
    width: 1px;
}
.fitcontenttbl{
    width:auto !important;
    max-width: 100%;
}
/* .fitcontenttbl .jsgrid-grid-header,.fitcontenttbl .jsgrid-grid-body  {
overflow-y: auto !important;
} */

.jsgrid-header-cell {
padding: 0.3em !important;
}
.spnSuccessMsg{color:red;font-size:14px;font-weight:bold;padding:0px;display:none; text-align:left; width:50%; padding-top:10px}
.btn-maindiv{min-height: 37px; padding-top: 6px;  width:100%;min-width: 600px;text-align:right;}
.select2-container .select2-choice>.select2-chosen {
    
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: clip;
    -o-text-overflow: clip;
    text-overflow: clip;
    line-height: 1.8;
    min-width: 85%;
	max-width: 50px; 
   }
.panel{
	margin-bottom:0px !important;
	margin-top:10px;
}
.panel:nth-of-type(1){
	
	margin-top:0;
}
.Tblbluehdr{
	background: #070f3e;
	color: #fff;
	height:30px;
	border-bottom: 1px solid #fff;
}
.select2-choice:before{
	    right: 6px;
		bottom: -1px;
	
}
.paddding_LR_05em{
	padding-left:0.5em !important;
	padding-right:0.5em !important;
	
}
/* .jsgrid-nodata-row {
    display: block;

} */
.jsgrid-nodata-row{opacity:0}
.jsgrid-nodata-row .jsgrid-cell{border:none}
.rdioTxtClr .text{
	color:#000;
}
.vertical-align-top{
	
	vertical-align:top !important;
}
.select2-drop.select2-drop-above.select2-drop-active {
    border-top-width: 3px;
    /* width: auto !important; */
}
.jsgrid-header-cell {
	vertical-align:middle !important;
}
.center-div{
margin:0 auto;
float: none !important;
overflow:hidden;
text-align: center;
}
/* s_order */
.s_orderHeading, .div-s_order, .full_widthDiv{
	width:100%;
	float:left;
}
.s_orderHeading:after{
	background:#969ecb;
	width:100%;
	height:2px;
	content:"";
	display:block;
}
.s_orderHeading span.s-heading{
	color:#131c68;
	font-weight:bold;
}
.div-s_order{
	border:1px solid #cccccc;
	padding:20px;
	line-height: 25px;
}
.stra_break{
	background:#f2f5fc;
	background:-webkit-linear-gradient(#f2f5fc,#fafbfe );
	background: linear-gradient(#f2f5fc,#fafbfe );
	height: 10px;
    float: left;
    width: 100%;
    margin:2px 0 0;
}
.blueligHeader{
	background:#e3ebf5;
	border: 1px solid #ccc;
    border-width: 0px 1px;
}
.redligHeader{
	background: #fbe5ec;
    border: 1px solid #ccc;
    border-width: 0px 1px;
}
.str_heading{
	padding:5px 0;
	color:#162076;
}
.str-red_heading{
	padding:5px 0;
	color:#d90000;
}
span.list_st ol.lists{
	padding-left:10px;
	line-height:25px;
}
 .LogContainDiv {
    margin: 16% auto 0;
     width: 190px;
}
.redbtn{
	background: -webkit-linear-gradient(#FFF , #FF9EA8 50%) !important;
	background: linear-gradient(#fff , #FF9EA8 50%) !important;
	color: black;
	border: 1px solid #FF9EA8 !important;
	border-radius: 2px;	
	
}
.rightarrow{
	    font-size: 20px;
    vertical-align: middle;
    padding-left: 6px;
}
.Divcontents .confPwd{
	background: #0072c6 !important;
}
.greyblack {
	color: #555555; 
}
.greyblack p {
	font-size:10px !important;
}
.sett-show-layer{
	display:none;
}
.gridDivPac{
	position:relative;
	width:100%;
	overflow:hidden;
}
.gridEnteText{
    position: absolute;
    right: 0;
    bottom: 75px;
}
.mar_top_11{
margin-top:-11px !important;
}
.calSearch .form-control[disabled], .calSearch .form-control[readonly], .calSearch fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee !important;
    border: 1px solid #ccc !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.calSearch .form-control[disabled]:hover, .calSearch .form-control[readonly]:hover, .calSearch fieldset[disabled] .form-control:hover {
    background-color: #eee !important;
    border: 1px solid #ccc !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.calSearch .form-control[disabled]:focus, .calSearch .form-control[readonly]:focus, .calSearch fieldset[disabled] .form-control:focus {
    background-color: #eee !important;
    border: 1px solid #ccc !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.float_none{
	float:none !important;
}
ul.submenu{
	border-bottom:1px solid;
}
.detailOpList{
    width: 100%;
    /* float: left; */
    background: #d4d0c8;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    display: inline-block;
}
.topContain {
	border:1px solid #CCCCCC;
	padding:0 0 5px;
}
.divContain {
	background-color:#d63737; 
	color:white;
	padding:5px;
}
.hr-border {
	border:1px solid #A0A0A0 !important;
	margin: 7px 0px;
}
.txtArea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	min-height: 100px;
}
.Balancelink {
	font-size: 14px !important;
	color: #005AA5;
}
.redtext{
	color:#F00 !important; 
}
.ToOsalgin{
	padding: 4px 0px;
}
.select2-container.select2-container-disabled .select2-choice{
	    background-color:#dedede !important;
    background-image: none;
    border: 0px;
    cursor: not-allowed;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
	
	
}
.warningColor{
   background: linear-gradient(#fff, #aedef5);
   background: -webkit-linear-gradient(#FFF , #aedef5) ;
}
.fullwidthdiv{
	width:100%;
	float:left;
}
.jsgrid-row, .jsgrid-alt-row{
	border: 1px solid #9c9595;
	border-top: 0px !important;
}
.jsgrid-cell{
	 border: 1px solid #9c9595;
}

.jsgrid-selected-row>.jsgrid-cell{background:#d1e1f1;border-color:#9c9595}
.modfi-bottomBtn{
	position: relative;
	display: block;
	bottom:0px; 
	width:100%;
}


/* .jsgrid-grid-header {
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
	width: -moz-calc(100% - 18px);
    width: -webkit-calc(100% - 18px);
    width: -o-calc(100% - 18px);
    width: calc(100% - 18px);
   }
 .fixed-size .jsgrid-grid-header {
   	width: 100%!important;
    }
 .fixed-size .jsgrid-grid-header:after {
    display:none !important;
} 

 .jsgrid-grid-header:after .editable {
    display:none !important;
} */
/* .jsgrid-grid-body{z-index: 25;position: relative;padding-bottom:1px;overflow-y:auto !important; /*height: auto !important; max-height:60vh; */} */
/* .jsgrid-header-row>.jsgrid-header-cell {
    
    border-bottom: 1px !important;
} */
/* .jsgrid-grid-header:after {
    width: 19px;
    min-height: 39px;
    content: "";
    z-index: 23;
    position: absolute;
    top: 0;
    right: 0;
} */
.jsgrid-table input[type=checkbox]{
	position:static;
}
/* .jsgrid-header-row{height:39px;} */
/* SettlementStrategyOrder,  NewStrategyOrder, StrategyOrderList, AccountInquiry, CancelChangeOrder  height set*/
/* #gridSettlmentStrOrder  .jsgrid-grid-body{height: auto !important;}
#gridStrategyNewOrder  .jsgrid-grid-body{height: auto !important;}
#gridStrategicOrderList  .jsgrid-grid-body{height: auto !important;}
#gridCollateralDetails  .jsgrid-grid-body{height: auto !important;}
#gridTOCOMCMOrderStatus  .jsgrid-grid-body{height: auto !important;}
#gridTOCOMCancelModifyOrder  .jsgrid-grid-body{height: auto !important;}
 */

 .loading-container .loader {
	
border: 5px solid #f3f3f3;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 50px;
    height: 50px;	
	 
}
.loadingPopup-container .loaderPopup {
	
	border: 5px solid #f3f3f3;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 50px;
    height: 50px;	
	 
}
@keyframes spin {
     0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* jsgridset height */
.hightauto .jsgrid-grid-body{height: auto !important; max-height:inherit !important;/* overflow: auto !important; */}
.hightauto .jsgrid-grid-header {overflow: hidden;}

.fixed-size .jsgrid-grid-body{height: auto !important;overflow: auto !important;}
.fixed-size .jsgrid-grid-header {overflow: hidden;}

.jsgrid-header-row{height:32px !important;}
.padding-top-0 {
  padding-top: 0 !important;
}

.padding-bottom-0 {
  padding-bottom: 0 !important;
}
 .gridCheckBox{
	position:static !important;
	left:0px !important;
}

 .jsgrid-header-row>.jsgrid-header-cell.last-hidden-border{border-right: 1px solid #9c9595 !important;}
 .highlight .jsgrid-cell{ border-right: 1px solid #636161 !important;}
 /* .highlight{border: 1px solid #636161 !important;} */
 .form-control[readonly], .form-control[readonly]:hover, .spinbox .spinbox-down, .spinbox .spinbox-up, .spinbox-input, .select2-container .select2-choice{border:1px solid #cccccc !important;}
 .spinbox .spinbox-down, .spinbox .spinbox-up{border-left:0 !important;}
  .form-control[readonly]{
  color:#dadada !important;
  }
 .navbar .navbar-inner .navbar-header .navbar-account .account-area {top: 0 !important;}
 
 /* .jsgrid { border-top: 1px solid #fff;} */
 .icon{ cursor: initial !important;}
 /* Commission List  */
.table-head {
background-color: #070f3e !important;
color: white !important;
text-align: center !important;
}

.td-dark {
background-color: #0e1e7d;
color:white; 
text-align:"center";
}

.td-white {
background-color: white;
color: black;
text-align:center; 
}

.divRefresh {
padding-bottom: 1em;
width: 100%;
}
.nav-tabs > li > a{box-shadow:none}  
/* Commission List  */  
.HeaderScrollhdn{
	border:0 !important;
	height: 58px !important;
	margin-top: -13px !important;
	padding-top: 12px !important;
	margin-bottom: -13px !important;
}

 /* Market feed */
 .header-Filter{ height: 100%;
    background: black;
    float: left;
    width: 100%;}
 .advanceFilterList{ background:#030548; min-height:20px; padding: 10px 4px 10px; display:none}
 .advanceFilterList .select2-container{width: inherit !important;}
 .advFilter-btn {
    background-color: #d8e6f3;
    border: none;
    color: #020202;
    padding: 2px 5px;
    font-size: 12px;
    cursor: pointer;
    height: 19px;
    float: left;
    }
	.icon-btn{
	padding: 3px;
    color: #000;
    min-height: 25px;
    height: 25px;
    line-height: 15px;
	}
	.margin-right-0{margin-right:0px !important}
	.margin-left-0{margin-left:0px !important}
	.Lbl-addon-bg{background:transparent !important;border: 0px; color: #ffF !important;padding:6px !important; margin-right:10px !important;}
	.form-list-control{ width: 185px; float:left; display: inline-block; }
	.form-list-control1{ width: 190px; float:left; display: inline-block; }
	.MarketPopupfilter .form-list-control{padding:2px 0 0}
	.update-header{width:100%;float: left;color:#fff; font-size:14px;padding:5px; border-bottom:1px solid #262626 !important}
	.form-list-control .Lbl-addon-bg {
    padding: 2px 9px !important;
   }
	
	/* market feed table */

	.markettable {
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	overflow-x: auto;
	/*white-space: nowrap;*/
	border-collapse: collapse;
	border-spacing: 0;
	color:#fff;
	font-size: 12px;
	}

	.markettable,
	.markettable--flip tbody {
	-webkit-overflow-scrolling: touch;
	background: radial-gradient(left, ellipse, rgba(0,0,0, .2) 0%, rgba(0,0,0, 0) 75%) 0 center,
	radial-gradient(right, ellipse, rgba(0,0,0, .2) 0%, rgba(0,0,0, 0) 75%) 100% center;
	background-size: 10px 100%, 10px 100%;
	background-attachment: scroll, scroll;
	background-repeat: no-repeat;
	}

	// change these gradients from white to your background colour if it differs
	// gradient on the first cells to hide the left shadow
	.markettable td:first-child,.markettable--flip tbody tr:first-child {
	background-image: linear-gradient(to right, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
	background-repeat: no-repeat;
	background-size: 20px 100%;
	}

	// gradient on the last cells to hide the right shadow
	.markettable td:last-child,.markettable--flip tbody tr:last-child {
	background-image: linear-gradient(to left, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-size: 20px 100%;
	}

	.markettable th {
	/* font-size: 12px; */
	text-align: left;
	/* color: cyan; */
	min-height:24px;
	min-width:68px;

	}

	.markettable th,
	.markettable td {
	padding: 2px 6px;

	}

	.markettable--flip {
	overflow: hidden;
	background: none;
	display: -webkit-box; 
display: -ms-flexbox;
display: -webkit-flex; 
display: flex; 
	}

	.markettable--flip thead {
	display: flex;
	flex-shrink: 0;
	min-width: min-content;
	display: -webkit-box; 
display: -ms-flexbox;
display: -webkit-flex; 
	}

	.markettable--flip tbody {
	display: flex;
	position: relative;
	overflow-x: auto;
	overflow-y: hidden;
	text-align:right;
	}

	.markettable--flip tr {
	display: flex;
	flex-direction: column;
	min-width: min-content;
	flex-shrink: 0;
	border: 1px solid #262626;
	cursor:pointer;
	min-width: 85px;
	}

	.markettable--flip td,
	.markettable--flip th {
	display: block;
	  border-bottom: 1px solid #262626;
	}

	.markettable--flip td {
	background-image: none !important;
	// border-collapse is no longer active
	border-left: 0;
	min-height:24px;
	}

	// border-collapse is no longer active
	.markettable--flip th:not(:last-child),
	.markettable--flip td:not(:last-child) {
	border-bottom: 0;
	}
	.markettable.table-striped>tbody>tr:nth-of-type(odd){
	background-color:transparent !important;
	}

	.markettable.table-hover>tbody>tr:hover {
	background-color: transparent !important;
	}

	.markettable tbody>tr:hover{
	border-color:red;
	}
	.markettable>table {
	border-collapse: collapse;
	}
	.markettable tbody>tr:hover:first-child{
	margin-left: 0px !important;
	}
	.time-span{
	display:none;
	/* margin:0 5px; */
	}
	.padding-left-set {
	/* padding-right: 5px; */
	}
	.icon-updown{
	/* float: right; */
    /* text-align: left; */
/*     margin-top: 4px;
    padding-left: 5px; */
		
	}
	.updown-value{ padding-left:15px;}
	.MPBodytabs .nav-tabs li {
	min-width: 50px;
	}
	.MPBodytabs .nav-tabs li a {
	text-align: left;
	border: 1px solid #716e6e;
	margin-bottom: 2px;
	padding: 2px 8px;
	height: 20px;
	min-height: 20px;

	}
.MPBodytabs .nav-tabs>li.active>a, .MPBodytabs .nav-tabs>li.active>a:hover, .MPBodytabs .nav-tabs>li.active>a:focus {
    background-color: #000000;
    color: #f1d33b;
    border: 1px solid #716e6e;
}
.MPBodytabs .nav-tabs>li>a:hover {
    background-color: #000000;
    color: #fff;
}
.MPBodytabs .tab-content{background:transparent;}

.MPBodytabs .Lbl-addon-bg {
    min-width: 100px;
    text-align: left;
}
.MPBodytabs .form-list-control{ margin-bottom:3px;}
.tab-controldiv{margin-top:3px;}
.MarketPopup{
    width: 460px;
    position: fixed;
    top: 65px;
    left: 33%;
    display: none;
    background: #000000;
    border: 4px solid #6a6e73;
    z-index: 100;
}
.MarketPopup .btn-widthAdv {
    min-width: 66px;
    padding: 3px;
    color: #fff;
    min-height: 19px;
    height: 19px;
    line-height: 10px;
}

.MPtable{color:#fff}
.MPtable .table th:hover {
     background-color: none !important;   
}
.MPtable .table tbody tr:hover th {
  background-color: transparent;
}

.MPtable.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #000000;
}
.MPtable.table-hover>tbody>tr:hover {
    background-color: #000000;
}
.MPtable tr {
    height: 21px;
}
.MPtable tr td {
    padding-bottom: 8px;
}
#rdbNewContractCond {
    padding-top: 4px;
}

.MarketPopup-header{
	height:22px;
	width:100%;
	background: linear-gradient(#2f2e2e 50%, #000 50%) !important;
	background: -webkit-linear-gradient(#2f2e2e 50%, #000 50%) !important;
	color: #fff !important;
}
.closeMarketPopup {
    height: 15px;
    width: 17px;
    border: 1px solid #4c4b4b;
    box-shadow: 1px 1px 10px #1d1c1c;
    padding: 1px 3px;
    color: #ccc;
    cursor: pointer;
    margin: 3px 3px;
}
.closeMarketPopup:hover{
	color:white
}
.MarketPopup-title{
	float: left;
    padding: 1px 9px;
    font-size: 14px;
    color: #fff;
}
.MarketPopupBody{
	width: 99%;
	float: left;
	border: 1px solid #37383a;
	background: #000000;
	margin: 2px;
	min-height: 400px;
}
.MarketPopupfilter {
    width: 100%;
    float: left;
    min-height: 25px;
	padding: 0px;
	margin-bottom:4px;
	display:flex;
	flex-wrap: wrap;
	
}

.MPBodyleft{width: 190px;height:auto;float: left;padding-left: 5px;padding-right: 5px;}
.MPBodyright{width: 255px;height: auto;float: left;}
.Price-icon{float:left;margin-right:5px;}
.MPtable .select2-container {width: 120px;}
.table-Set-Color{height:5px; width:100%; border-radius:5px;margin-bottom: 3px;}
.MPBodytabs .tab-content{max-height:450px !important; overflow:hidden !important;}
.MP-footerbtns{/* position: absolute;bottom: 4px; */position: relative;}
.MPtable .spinbox .form-control[disabled]:hover, .form-control[disabled], fieldset[disabled], form-control[readonly] {
background-color: #ccc !important;
border-color: transparent !important;
border: 0px !important;
-webkit-box-shadow: none;
box-shadow: none;
}
.MPtableDetails .table tbody tr:hover th,.MPtableDetails.table-striped>tbody>tr:nth-of-type(odd),.MPtableDetails.table-hover>tbody>tr:hover{background-color: transparent;}
.offer-td:hover{border:0.5px solid blue !important;}
.price-td:hover{border:1px solid green !important;cursor:pointer}
.bid-td:hover{border:0.5px solid red !important;}
.MPtableDetails tr{border:1px solid #505050 !important}
.MPtableDetails tr td th{ border-collapse:collapse; border-spacing:0;}
.hideDetails{display:none;}
.cyan{color: cyan !important;}
.MPtableDetails td, th { padding: 0px 3px;}
.MPtableDetails{ width:100%;margin-top: 5px;margin-bottom:5px;float: left;text-align: center;color: #fff;line-height: 1 !important;}
.MPtableDetails th{color: #fff;background-color:#063fad; height:18px;cursor:default}
.MPtableDetails tbody td{height:18px;width:33%}
.MPtableDetails tbody td.order{height:15px;}
.MPtableDetails tbody td.details{width:18.8%}
.MPtableDetails td {border-left: 1px solid #505050;}
.MPtableDetails th {border: 1px inset #505050;text-align: center;}
.td-bg-blue{background:#063fad}
.td-border-red{border: 1px solid red !important;}
.td-border-blue{border: 1px solid blue !important;}
.MarketPopupgrid{width: 100%; height:150px; float: left; border: 1px solid #6a6e73; margin-bottom: 3px; border-left: 0px;border-right: 0px;}
#price0OrderBook:hover{cursor:pointer; border: 1px solid #505050;}
.SettingPopup{
    width: 437px;
    position: fixed;
    top: 100px;
    left: 33%;
    display: none;
    background: #000000;
    border: 4px solid #6a6e73;
    z-index: 9999;
}
.SettingPopuptab .nav-tabs li {min-width: 150px;}
.SettingPopuptab .nav-tabs li a {
text-align: left;
border: 1px solid #716e6e;
margin-bottom: 2px;
padding: 4px 8px;
height: 25px;
min-height: 25px;

}
.MP-td-value{display:block}
/* market feed table */

/*OptionPricingCalculate*/
.optPrice{background:transparent;border: 1px solid #404040;}
.fixedsizeTable{display:block !important; border:0}
.table-hover .bgLess:hover , .table-striped .bgLess:nth-of-type(odd) { background-color: transparent;}
.table-hover .bgLess td{border:0; line-height:1.5;padding: 5px 5px;}
.textControl{height:auto; width:100px;float:left;margin-right:5px;}
.no-clear{clear: none !important;}

.borderAsh{border:1px solid #404040 !important}
.tableColorBlue{background:#070f3e}
.tableColorDraBl{background:#2f2f2f}
.optPertagPday{
    position: absolute;
    right: -40px;
	top: 5px;
}
.optPertagP{
    position: absolute;
    right: -30px;
	top: 5px;
}
.dialog-ovelay{position:fixed;text-align:center}
.OdrBkDivcontent{
    color: #959595;
    position: absolute;
    top: 45%;
    left: 35%;
}

/*OptionPricingCalculate*/
.td-bgColor{background:#0E1E7D; color:#fff}
.header-td-bgColor{background:#070F3E ; color:#fff}
.tableRoCHei  tr{min-height:40px;height: 40px;}
.tableRoCHei td{line-height:2 !important;}
.tableRoCHei  td{min-width:50px;width: 50px;}
.cyan{color:#00ffff !important}
.green1{color:#00ff00 !important}
.royalBluebg{background-color:#173899 !important}
.shadeBlackbg{background-color:#3a3a3a !important}
.textRight{text-align:right}
.textLeft{text-align:left}
.whiteAshbg{background-color:#e4e7ea !important}
.whitebg{background-color:#ffffff !important}
.whiteAshbg1{background-color:#f4f6f7 !important}
.settingPopBlin{border:1px solid #a2adb8 !important; border-radius:2px;padding:1px;background-color:#f4f6f7 !important;width: 460px;position: fixed; top: 100px;left: 33%; z-index: 9999;}
.blackTcol{color:#000000}
.nav-tabs>li>a, .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{margin-top: 0px;}
.lineH-15{line-height:1.5}
.lineH-2{line-height:2 !important;}
.settingPopBlin .nav-tabs li{min-width: 90px;}
.settingPopBlin .nav-tabs li a, .settingPopBlin .nav-tabs>li{margin-bottom: 0px;text-align: center;}
.settingPopBlin .nav-tabs{margin-left:4px;}
.settingPopBlin .nav-tabs>li.active>a, .settingPopBlin .nav-tabs>li.active>a:hover, .settingPopBlin .nav-tabs>li.active>a:focus{background-color: #ffffff; color:#000000;border-bottom:none;line-height:15px}
.settingPopBlin .nav-tabs>li>a{background-color: #d7dadc; color:#000000;border-bottom:none;line-height:15px; border-top-right-radius: 5px !important; border-top-left-radius: 5px !important}
.border1pxso{border:1px solid}
.prInfTable tr td:first-child, .prInfTable tr th:first-child{ border-right:1px solid #c9caca}
.prInfTable tr td, .prInfTable tr th{height:30px}
.prInmarginPad{margin-left:4px; }
.prInfTable thead{background: linear-gradient(#f9fafa 40%, #dee2e5 50%); background: -webkit-linear-gradient(#f9fafa 40%, #dee2e5 50%);}
.prInfTable tbody td{padding:0 4px;}
.colorSetingWidth{width:25px;height:25px;display:block;margin:auto auto;border-radius: 2px;}
.bgImgNone{background-image:none !important}
.no-border{border:0 !important}
.min-widt70px{min-width:70px}
.postiMB{position: absolute;top: 3px;right: -16px;}
.colorSetBtnwhit{background: linear-gradient(#f9fafa 40%, #cfd5da 50%); background: -webkit-linear-gradient(#f9fafa 40%, #cfd5da 50%); color:#000000;border-color:#6e8193;}
.colorSetBtnwhit:hover, .colorSetBtnwhit:focus, .colorSetBtnwhit:active{background: linear-gradient(#f9fafa 40%, #afcee8 50%); background: -webkit-linear-gradient(#f9fafa 40%, #afcee8 50%); color:#000000;border-color:#6e8193;}
.textmidle .table>tbody>tr>td, .textmidle .table>tbody>tr>th, .textmidle .table>tfoot>tr>td, .textmidle .table>tfoot>tr>th, .textmidle .table>thead>tr>td, .textmidle .table>thead>tr>th{vertical-align: middle;}
.marginInhert{margin: inherit !important;}
.textmidle td{padding-top:3px !important; padding-bottom:3px !important;}
.select2-drop-mask{z-index: 1002;}

.SettingColorPopup{
width: 100%;
    float: left;
    background:rgba(0, 0, 0, 0.50);
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 111;
	display:none;
	}

#colorPick * {
	-webkit-transition: all linear .2s;
	-moz-transition: all linear .2s;
	-ms-transition: all linear .2s;
	-o-transition: all linear .2s;
	transition: all linear .2s;
}

#colorPick {
	
	position: fixed;
	overflow: hidden;
	box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
	background:#eceff1;
	/* margin: auto auto;
    display: block; */
	width: 450px;
	top: 20%;
	left:33%;
}
#colorPick{z-index:111111111}
#colorPick span {
	
	display: block;
	clear: both;
}

.customColorHash {
	border-radius: 5px;
	height: 23px;
	width: 122px;
	margin: 1px 4px ;
	padding: 0 4px;
	border: 1px solid #babbba;	
	outline: none;
}
.customColorHash.error {
	border-color: #ff424c;
	color: #ff424c;
}

.colorPickButton, .colorCurent {
	float:left;
	width: 20px;
	height: 20px;
	margin: 0px 0px;
	cursor: pointer;
	display:block;
	border: thin solid #fff;
}
.colorCurent{width: 60px;height:40px;float:none;margin: auto;}
.colorPickButton:hover {
	transform: scale(1.1);
}
.colorSlectDiv span{padding: 15px 0 5px;text-align:center}
.colorPickDummy {
	background: #fff;
	border: 1px dashed #bbb;
}
.colorPickbg{width: 100%;
    height: 100%;
    background:rgba(0, 0, 0, 0.50);
    float: left;
    top: 0;
    position: fixed;
    z-index: 11111;}
.coloTable{width:338px;float: left;padding: 10px;}
.colorSlectDiv{margin:auto;display:block}
.colorPickSelector {
  border-radius: 5px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  -webkit-transition: all linear .2s;
  -moz-transition: all linear .2s;
  -ms-transition: all linear .2s;
  -o-transition: all linear .2s;
  transition: all linear .2s;
}
.select2-results{max-height: 220px}
.totalDivdesign{width: 84px;border-right: 1px solid #262626;}
.totalDivdesign:hover{border-color:#262626 !important}
.colorPickSelector:hover { transform: scale(1.1); }
.text_nowrap{white-space: nowrap;}
.optPrice td{vertical-align: middle !important;}
.l-font .titleHead, .l-font .domstic .marginValue p{height:28px}
.l-font .select2-choice{height: 24px;}
.l-font .spinbox .input-group-xs>.input-group-btn>.btn{height: 13px;}
.spinbox .btn>.l-font{top: -4px !important;}

.advanceFilter .select2-container .select2-choice>.l-font{line-height: 1.4 !important;}


.l-font .marCol p.titleHead, .l-font .domstic .marCol .marginValue p{line-height: auto; height:58px}
.UserBoxAreaDiv .spinbox .btn>.l-font {
    top: -3px !important;
}
.UserBoxAreaDiv .spinbox .input-group-xs>.input-group-btn>.btn{height:11px}
.l-font .UserBoxAreaDiv .spinbox .input-group-xs>.input-group-btn>.btn{height:13px}
.UserBoxAreaDiv .spinbox .btn>.fa{top: -1px !important;}

.l-font .adController span{line-height: 2em !important;}
.l-font .advanceFilter .select2-container{margin-top:2px}
.l-font .select2-container .select2-choice>.select2-chosen{ line-height:2 !important}
.l-font .buttonAdd{margin-top:5px}
.input-group-addon{font-size:11px;}
.l-font .spinbox .btn>.fa{top: 0px !important;}
.input-group-xs .spinbox-input.l-font{height:24px}
.l-font .closeMarketPopup{height: 15px;width: 17px;}
.l-font .panel-body{padding: 6px 0 0;}
.orangeBG{background-color:#FF7A27;}
.border_1px_cc{border:1px solid #ccc}
.widthDrawDiv td, .widthDrawDiv th{min-width:200px; height: 30px; border:1px solid #656565}
.widthDrawDiv{margin-top:30px}
.widthDrawDiv th{background-color:#070f3e !important;color:#fff !important;text-align:center}
.ui-menu-item{background-color:#f5f5f5;padding:3px;z-index:111;position:relative}
.ui-all{cursor:pointer;  color:#000}
.rightborder{border-left:1px solid #e2e3e3; padding:2px 5px}
.rightclick_width{min-width:20px; color:#000}
.DepositTable tr td{border:1px solid #ccc;background:#F9F9F9;color:#000}
.subDiv{
background:#fff;
padding:5px;
margin-left:-20px;
padding-left:20px;

}

.sup-containerBlock{
	background:#fff;
	min-height: 500px;
	min-width:1200px;
	
}

.ui-menu-item tr{border:1px solid #f1f1f1}
.ui-menu-item tr:hover{background:#e7f1f7; border:1px solid #addef3}
.dropdown-li:hover{cursor:pointer;text-decoration: none;}

/* scrollbar */


/*******************  SCROLLBAR *******************/

/* */.jsgrid .scrollbar-vista > .scroll-content.scroll-scrolly_visible { left: 0px; margin-left: 0px; }
.scrollbar-vista > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
/* .scrollbar-vista > .scroll-content.scroll-scrollx_visible { top:  -17px; margin-top:  17px; }   */


.scrollbar-vista > .scroll-element {
background-color: #474747;
}

.scrollbar-vista > .scroll-element,
.scrollbar-vista > .scroll-element div
{
border: none;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
z-index: 10;
}

.scrollbar-vista > .scroll-element .scroll-element_outer,
.scrollbar-vista > .scroll-element .scroll-element_size,
.scrollbar-vista > .scroll-element .scroll-element_inner-wrapper,
.scrollbar-vista > .scroll-element .scroll-element_inner,
.scrollbar-vista > .scroll-element .scroll-bar,
.scrollbar-vista > .scroll-element .scroll-bar div
{
height: 100%;
left: 0;
top: 0;
width: 100%;
}

.scrollbar-vista > .scroll-element .scroll-element_outer,
.scrollbar-vista > .scroll-element .scroll-element_size,
.scrollbar-vista > .scroll-element .scroll-element_inner-wrapper,
.scrollbar-vista > .scroll-element .scroll-bar_body
{
background: none !important;
}


.scrollbar-vista > .scroll-element.scroll-x {
border-top: 0;
bottom: 0;
height: 16px;
left: 0;
min-width: 100%;
width: 100%;
}

.scrollbar-vista > .scroll-element.scroll-y {
border-left: 0;
height: 100%;
min-height: 100%;
right: 0;
top: 0;
width: 16px;
}

.scrollbar-vista > .scroll-element.scroll-x div {
/* background-image: url('../images/vista-x.png');
background-repeat: repeat-x; */
background: #474747;
} 

.scrollbar-vista > .scroll-element.scroll-y div {
/*   background-image: url('../images/vista-y.png');
background-repeat: repeat-y; */
background: #474747;
}

.scrollbar-vista > .scroll-element.scroll-x .scroll-arrow {}

.scrollbar-vista > .scroll-element.scroll-x .scroll-bar { 
min-width: 16px;
background-position: 0px -34px;
background-repeat: no-repeat;
border: 1px solid #8c8989;
height: 14px;
border-radius:4px;
}

.scrollbar-vista > .scroll-element.scroll-x .scroll-bar_body { cursor:pointer }
.scrollbar-vista > .scroll-element.scroll-x .scroll-bar_body-inner { 
background-position: 0px -17px; 
background: #474747;

}
.scrollbar-vista > .scroll-element.scroll-x .scroll-bar_body-inner:hover { 
background-position: 0px -17px; 
background: #8D8D8D;
}
.scrollbar-vista > .scroll-element.scroll-x .scroll-bar_body-inner:active { 
background: #a9a9a9;
}
.scrollbar-vista > .scroll-element.scroll-x .scroll-bar:active {
	border-color:#00add4
}
.scrollbar-vista > .scroll-element.scroll-x .scroll-bar_center { width: 0; }
.scrollbar-vista > .scroll-element.scroll-x .scroll-bar_bottom { left: auto; right: 0; width: 0;  }


.scrollbar-vista > .scroll-element.scroll-y .scroll-bar { 
min-height: 16px; 
background-position: -34px 0px;
background-repeat: no-repeat;
border: 1px solid #8c8989;
height: 14px;
width: 14px;
border-radius:4px
}
.scrollbar-vista > .scroll-element.scroll-y .scroll-bar_body { cursor:pointer; }
.scrollbar-vista > .scroll-element.scroll-y .scroll-bar_body-inner { 
background-position: -17px 0px;
background: #474747;
width: 14px;
}
.scrollbar-vista > .scroll-element.scroll-y .scroll-bar_body-inner:hover {
background: #8D8D8D;
}
.scrollbar-vista > .scroll-element.scroll-y .scroll-bar_body-inner:active {
background: #a9a9a9;
}
.scrollbar-vista > .scroll-element.scroll-y .scroll-bar:active{
		border-color:#00add4
}
.scrollbar-vista > .scroll-element.scroll-y .scroll-bar_center {  height: 0;}
.scrollbar-vista > .scroll-element.scroll-y .scroll-bar_bottom { top: auto; bottom: 0; height: 0; }



/* SCROLL ARROWS */

.scrollbar-vista > .scroll-element .scroll-arrow { display: none; }
.scrollbar-vista > .scroll-element.scroll-element_arrows_visible .scroll-arrow { display: block; z-index: 12; }


.scrollbar-vista > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-arrow_less {
height: 100%;
width: 17px;
/* background-position: 0px -51px;
background-image: url(../images/vista-x.png); */
cursor:pointer;
}
.scrollbar-vista > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-arrow_more {
height: 100%;
left: auto;
right: 0;
width: 17px;
/* background-position: 17px -51px;
background-image: url(../images/vista-x.png); */
cursor:pointer;
}

.scrollbar-vista > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-element_outer { left: 17px; }
.scrollbar-vista > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-element_inner { left: -34px; }
.scrollbar-vista > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-element_size { left: -34px; }


.scrollbar-vista > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_less { width: 100%; height: 17px;cursor: pointer; /* background-position: -51px 0px; background-image: url(../images/vista-y.png); */}
.scrollbar-vista > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_more { width: 100%; top: auto; bottom: 0; height: 17px;cursor: pointer; /* background-position: -51px 17px;background-image: url(../images/vista-y.png); */}

.scrollbar-vista > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_outer { top: 17px; }
.scrollbar-vista > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_inner { top: -34px; }
.scrollbar-vista > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_size { top: -34px; }


/* PROCEED OFFSET IF ANOTHER SCROLL VISIBLE */

.scrollbar-vista > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -17px; }
.scrollbar-vista > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -17px; }

.scrollbar-vista > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_inner { left: -17px; }
.scrollbar-vista > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_inner { top: -17px; }


/* PROCEED OFFSET IF ARROWS & ANOTHER SCROLL */

.scrollbar-vista > .scroll-element.scroll-x.scroll-element_arrows_visible.scroll-scrolly_visible .scroll-arrow_more { right: 17px;}
.scrollbar-vista > .scroll-element.scroll-x.scroll-element_arrows_visible.scroll-scrolly_visible .scroll-element_inner { left: -51px;}
.scrollbar-vista > .scroll-element.scroll-x.scroll-element_arrows_visible.scroll-scrolly_visible .scroll-element_size { left: -51px;}


.scrollbar-vista > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-arrow_more { bottom: 17px;}
.scrollbar-vista > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-element_inner { top: -51px;}
.scrollbar-vista > .scroll-element.scroll-y.scroll-element_arrows_visible.scroll-scrollx_visible .scroll-element_size { top: -51px;}

.scrollbar-vista > .scroll-element.scroll-y .scroll-bar_body-inner:before {
content: "\f0c9";
height: 0px;
color: #c7c7c7;
position: absolute;
top: 50%;
left: 14%;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
margin-top:-5px;
}
.scrollbar-vista > .scroll-element.scroll-x .scroll-bar_body-inner:before {
content: "\f0c9";
height: 0px;
color: #c7c7c7;
position: absolute;
top: 53%;
left: 50%;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
transform: rotate(90deg);
}

.scrollbar-vista > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_less:before {
content: "\f0d8";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #8c918f;
font-size: 13px;
position: absolute;
left: 23%;
}
.scrollbar-vista > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_more:before {
content: "\f0d7";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #8c918f;
font-size: 13px;
position: absolute;
left: 23%;
}
.scrollbar-vista > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-arrow_less:before {
content: "\f0d9";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #8c918f;
font-size: 13px;
position: absolute;
left: 33%;
}
.scrollbar-vista > .scroll-element.scroll-x.scroll-element_arrows_visible .scroll-arrow_more:before {
content: "\f0da";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #8c918f;
font-size: 13px;
position: absolute;
left: 33%;
}

.jsgrid-grid-header{
	/* border: 1px solid #ccc !important; */
    border-left: 0px !important;
    overflow-y: hidden !important;
    border-right: 0px !important;
}
.scrollbar-vista.jsgrid-grid-header{/* height:31px !important; */}
 .jsgrid-grid-header .scroll-element.scroll-x.scroll-scrollx_visible {
    display: none;
   }
.jsgrid-grid-header.jsgrid-header-scrollbar.scrollbar-vista.scroll-content.scroll-scrollx_visible {
    top: 0;
    margin-top: 0px;
} 
/* .scroll-header:after {
    content: "";
    width: 18px;
    height: 34px;
    background: #050f42;
    position: absolute;
    right: 0;
    top: 0px;
    border-top: 1px;
    border-left: 0px !important;
    border: 1px solid #ccc;
    /* margin-top: 1px; */
    margin-right: 0px;
}
.row-last-padding-right{
	
	padding-right:18px !important;
} */
.jsgrid-header-row>.jsgrid-header-cell {
    border-top: 0 !important;
    border-bottom: 0px !important;
}
 .set-width-scroll-right{
	margin-right: 17px;
 }
 .jsgrid-grid-body {
    overflow-x: auto !important;
    overflow-y: auto !important;
    
}
.tab-content {
    height: inherit !important;
	overflow-y: initial !important;
}
.l-font .fontsizeBtn, .l-font .headingTage {font-size: 13px !important;}

.OdrBook{ color: #959595;
    margin: 14% auto;
    width: 100%;
    text-align: center;}
.MPBodyOrderBook{width: 190px;height:auto;float: left;}
.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu li a.l-font{line-height:13px}
.l-font a.dropdown-li{ font-size:13px !important}
.dropdown-li{color:#000}

.marCol p.titleHead .l-font{line-height: 4;
    height: 56px;}
.titleHead.l-font, .domstic .marginValue p.l-font {height:28px}
.marCol p.titleHead.l-font{line-height: 4; height: 58px;}
.domstic .marCol .marginValue p.l-font{height: 58px;}
.l-font .tabs-marginPage .nav li:before{top: 8px;}
.l-font .tabs-marginPage .nav li.active:before{top:11px}
.l-font .UserBoxAreaDiv  .select2-container .select2-choice>.select2-chosen {
    line-height: 1.5 !important;
}
.select2-result-label{display:inline-block !important}
.select2-results, .select-minwidth{background-color:#fff;margin: 0;border: 1px solid #fff;padding: 0 4px 4px;white-space: nowrap;}
.select2-drop-active{border:0}
.vertical_middle{vertical-align:middle !important;}
.postion_fixedHeader{position:fixed; background:#fff;z-index:11; padding:10px 0 0 10px;}
.border_ashLig{border:1px solid #d8d8d8 !important;}
.reverse_table.table input[type=checkbox]~.text, .reverse_table.table input[type=radio]~.text{margin-right: 0;}
.spinbox .reverseNo{width: 93%;}
.display_inline{display:inline-block}
.span_yenpostion{
    vertical-align: top;
    line-height: 2;
}

.spreadCol .panel, .orderbkbg .panel{border:none}
.noBorder {	border-width:0px 1px 0px 1px !important;}
.tableheaderbg{
	background:#070F3E !important;
}
.rightdivSeperter{background:#d3d3d3;height:2px;}
.MarketPopup .jsgrid-header-row>.jsgrid-header-cell {
    background-color: #050F42 !important;
	color:#fff !important;
}
.MarketPopup .jsgrid-table .jsgrid-row>.jsgrid-cell{    background: #272727 !important; color:#fff !important;}
.MarketPopup .jsgrid-table .jsgrid-alt-row>.jsgrid-cell{ background: #000000 !important; color:#fff !important;}

/* .panel-body{padding-bottom:15px !important} */
.dropdown-menu {
z-index:999 !important	
}
.l-font label{font-size:13px !important}
.MarketPopup .jsgrid-table .highlight .jsgrid-cell{background-color: #e5e6ea !important; color:#000 !important}
.td-bgBlue {
    background-color: #0E1E7D;
    color: white;
}
.advanceFilterList .btn-widthAdv {
   min-height: 21px;
    height: 21px;
    line-height: 12px;
}
.advanceFilterList .btn-widthAdv.l-font, .advanceFilterList .calcu.l-font .btn-secondary, .advanceFilterList .datetimepicker-input.l-font, .advanceFilterList .icon-btn.l-font{height: 24px;}
.advanceFilterList .icon-btn {
  min-height: 21px;
    height: 21px;
}
.spread_tablwidt{width:100px !important}
@media only screen and (max-width: 1330px) {
.container{
	min-width:100% !important;
}
.panel{
	min-width:1330px ;
}
.panel-group.pull-left .panel,.panel.panel-group.pull-left{
	min-width:720px !important
}
.panel.panel-default.hdr{
	min-width:100% !important;
	min-height:100% !important
}
.sub-container{min-width:800px !important}
}
.fulldivheight{
min-height:100%;
height:auto;
min-width: 100%;
}

.quickDpsit{
	border:1px solid #ccc;
	margin-top:15px
}
.quickDpsit p{
	color:red;
	margin-bottom:0px;
	padding-left:5px
}
/* #collapsePanalMultipleSettlementTab .multiorder{
	width:84%
} */
.orderfloat{
	float: right;
}
.asppage-body{
                background:#fff !important;
}
                
.thead-bgBlue{
                background-color: #0b62a2 !important;
                color: white !important; 
                text-align:center; 
}
.text_date{float:left;text-align: right;margin: 0;}
.reverse_noLabel{width:50px;display:block;margin:0}
.ordertext{	
	text-align: right !important;
	padding-right: 10px !important;
}
.jsgrid-align-right{
	padding-right:10px !important;
}
.fixed-size .jsgrid-align-right{
	padding-right: 5px;
} 
.hightauto .jsgrid-align-right{
	padding-right: 5px;
}
.Contigentbtns{
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
    text-align: right;
}
.ContigentI{
    font-size: 40px;
    color: #162076;
    margin-top: 25px;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
    font-weight: bolder;
}
.Contigentgrid{
    width: 50%;
    margin: 0px auto;
}
.Editabletable th{
	background:#070F3E !important;
	color:#fff;
	height:40px; 
	text-align:center;
	border-bottom:0px solid !important;
	border-right:0px solid !important
}

.Editabletable{
	border-collapse: separate;
	border: 0px solid;
	border-right:1px solid #ccc;
}
.Editabletable td{
	text-align:center;
	height: 40px;
	padding:5px;
	border-right:0px solid !important
}
.Editabletable  th tr{
	text-align:center;
	height: 40px;
}
.height30px{
	height:30px !important;	
}
.numberfield80{
	width:80% !important;
	margin-left:5px;
	float:right
}
.SymblineHeig{
	float:left;
	line-height:23px
}
.divcontentctr{
	float: left;
    width: 100%;
    text-align: center
}
.FooterBtns{
	float:right;
	margin-top:10px;
	padding-top:5px
}
.gridbg{
	background:#050f42;
	border:1px solid #ccc;
}
.Greentblhdr th{
	background:#009A9C !important
}
.redtblhdr th{
	background:#CE3031 !important
}
.BoxOdrArrow{
font-size: 35px;
font-weight:bold; 
margin-top: 15px;
margin-bottom: 15px;
}
/* /* .Editabletable{
 width: max-content;

} */
.screen_btnPostion{
    position: absolute;
    z-index: 11;
    left: 500px;
	display:inline-block;
	width:500px;
}
.screen_btnPostion p{width:100px;float:left;}
.screen_btnPostion label{float:left}
.ScrBtnDesign{border-color:#ccc}
.ScrBtnDesign.active{border-color:#7fc1d2}
/* .width100_nofloat{width:200px !important} */
.jsgrid-header-row>.jsgrid-header-cell{text-indent:0;}
.simlationTable .tr_width td{width:200px;vertical-align: middle;text-align: center;}
.marginSR table.table{ clear:none}
.marginSRTableH{height: 55px;vertical-align: middle !important;}
.marginSRSymPlac{
    margin: 5px;
    position: relative;
    top: 25px;
}
.marginSRBG{background-color:#d4d0c8; color:#000;border-color:#808080 !important;text-align:center}
.jimg,a{
	  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
.AccountTabheight .panel-body{padding-bottom:15px !important}
.MultipleSettlement .panel-body{padding-bottom:15px !important}
.bgtransparent,.F1OdrTh th{
	background:transparent!important
}
.panel-container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    border: 1px solid silver;
    overflow: hidden;
    xtouch-action: none;
}
.splitter {
	-webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -o-flex: 0 0 auto;
    flex: 0 0 auto;
  width: 5px;  
  background: #444444;
  cursor: e-resize; 
z-index:11;  
margin-left:2px;
margin-right:2px;
}
.splitter:active,.splitter-horizontal:active{
	border:1px solid aqua
}

.panel-right {
	-webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -o-flex: 1 1 auto;
    flex: 1 1 auto;
  /* resizable */
	z-index: 11;
  /* overflow:auto; */
}

.panel-top {
	-webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -o-flex: 0 0 auto;
    flex: 0 0 auto;
 /* overflow:auto; */
}

.splitter-horizontal {
	-webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -o-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 5px;
  background: #444444;;
    cursor: n-resize;
    z-index: 11;
}

.panel-bottom {
	-webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -o-flex: 1 1 auto;
    flex: 1 1 auto;
  z-index: 11;
  overflow:auto
}
.panel-left {
	-webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -o-flex: 0 0 auto;
    flex: 0 0 auto;
  /* only manually resize */
  
}
/* vertical panel */

.panel-container-vertical {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  border: 1px solid silver;
  overflow: hidden;
  height:100%
}
.KFScrollBar{
	overflow:auto;
	height:100%
}
.FOdrBtnHdr{
    background: #030548;
	padding: 5px;
	height:35px;
	width:100%;
	float:left;
	position:relative;
}

.CAUTIONdiv{
    background: yellow;
    text-align: center;
    width: 100%;
    margin: auto;
    margin-bottom: 5px;
    margin-top: 5px;
	padding: 5px;
}
.CAUTIONdiv p,.ptagmar0 p{
	line-height:15px !important;
	margin:0 !important
}
.btnoutline button{
    min-width: 120px;
	height:auto;
	max-height: 36px;
}
.btnoutline{
	float:left
}
.F1LotsDiv{
    padding: 10px;
    width: 100%;
	text-align:center
}
.border-red{
    border: 5px solid red;
    padding: 5px;
    margin-bottom: 5px;
}
.blueBr{
	border-color:blue;
}
/* .datepicker:after,.datepicker:before{
	left:113px !important
} */
/* .divHideFor {margin:20px 0px !important} */
.Divscroll{
  overflow: auto;
}
/* Content menu */
.cm_container{
  position: fixed;
  opacity: 0;
  transform: scale(0);
  transition: transform 0.1s;
  transform-origin: top left;
  padding: 0;
}

.cm_container.display{
  opacity: 1 !important;
  transform: scale(1);
  z-index: 2147483647;
}

.cm_container, .cm_container *{
  box-sizing: border-box;
}

.cm_container *{
  position: relative;
}

.cm_container ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
  background-color: #f9f9f9;
  box-shadow: 0 0 5px #333;
}

.cm_container li{
  padding: 5px 10px;
  padding-right: 1.7em;
  cursor: pointer;
  white-space: nowrap;
  border: 1px solid #f9f9f9;
}

.cm_container li:hover{
  background-color: #c5f3ff;
    border: 1px solid #75d3ea;
}

.cm_container li .cm_icon_span{
  width: 1.5em;
  height: 1.2em;
  vertical-align: bottom;
  display: inline-block;
  border-right: 1px solid #aaa;
  margin-right: 5px;
  padding-right: 5px;
  text-align: center;
  display:none;
}
.cm_text {
font-size: 12px;
}
.cm_container li .cm_sub_span{
  width: 1em;
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 50%;
  right: 0.5em;
  transform: translateY(-50%);
}

.cm_container li > ul{
  position: absolute;
  top: 0;
  left: 100%;
  opacity: 0;
  transition: opacity 0.2s;
  visibility: hidden;
  min-width: 180px; 
}

.cm_container li:hover > ul{
  opacity: 1;
  visibility: visible;
}

.cm_container li.cm_divider{
  border-bottom: 1px solid #aaa;
  margin: 5px;
  padding: 0;
  cursor: default;
}

.cm_container li.cm_divider:hover{
  background-color: inherit;
}

.cm_container.cm_border_right > ul ul{
  left: -61%;
}
.cm_container.cm_border_right > ul ul ul{
  left: -100%;
  
}

.cm_container.cm_border_bottom > ul ul{
  top: unset;
  bottom: 0;
}
.cm_container.cm_border_right > ul li ul {
    left: -180px;
	 min-width: 180px; 
}
.cm_container.cm_border_right > ul li ul li ul {
    left: -180px;
    min-width: 180px;
}

.cm_container li[disabled=""]{
  color: #777;
  cursor: default;
}

.cm_container li[disabled=""]:hover{
  background-color: inherit;
}
/* Content menu */
.simlatBtnClor,
.simlatBtnClor:focus {
	background-image: -webkit-linear-gradient(#e6e6e6 50%, #929292 50%);
	background-image: linear-gradient(#e6e6e6 50%, #929292 50%);
	border-color: #585858;
	color: #000;
	width: 100%;
	line-height: 22px;
    height: 100%;
}

.simlatBtnClor:hover {
	background-image: -webkit-linear-gradient(#929292 50%, #e6e6e6 50%);
	background-image: linear-gradient(#929292 50%, #e6e6e6 50%);
	color: #000;
	}
.spSimTrodd{
    background: #272727;
    color: #fff;
}
.spSimTreven{
    background: #000;
    color: #fff;
}
.simScreen3{
float: right;
overflow: hidden;
width: 750px;
}
.listDisc{
list-style-type:disc;
}
.simNewPosBtnTex{
	white-space: nowrap;
	color:#fff;
}

.frameOrderPOPup{top:0;left:0}
.simAcccPhead{height:46px}
.marCol p.simAcccPhead{line-height: 94px;}
.l-font .marCol p.simAcccPhead{line-height: inherit;}
.l-font .simAcccPhead{height: 54px; padding: 5px 0;}
.l-font p.simAcccPhead{line-height: normal;}
p.simAcccPhead{line-height: 4em;}
.l-font .marCol p.simAcccPhead{height: 110px;padding-top: 35px;}
.simAccDesig .marginValue p{line-height:2; padding: 2px 0;}
.marCol.simAccDesig  .marginValue p{line-height:4; padding: 6px 0;}
.FodrFooterSec{
	/* display:inline-block; */
	display:block;
	max-width:100%;
	/* height: calc(100% - 35px); */
	/* margin-top: 5px; */
	/* min-width:1330px; */
}
.Fodrtbl{
	float:left;
    padding: 5px 0px 10px 10px;
	width:400px;
}
.F2TopSections{
	float:left;
	width:50%;
	height:250px
}
.ScrBtnDesign{
background: -webkit-linear-gradient(#fff 30%, #D2D8DD 60%) !important;
background: linear-gradient(#fff 30%, #D2D8DD 60%);
}
.ScrBtnDesign:hover{
background: -webkit-linear-gradient(#fff 20%, #AECEE8 60%) !important;
background: linear-gradient(#fff 20%,#AECEE8 60%);
}
.ScrBtnDesign:active{
	background: -webkit-linear-gradient(#fff 20%, #AECEE8 60%) !important;
	background: linear-gradient(#fff 20%,#AECEE8 60%);
	border-color:#7fc1d2
}
.fodrscrbtn.active{
	background: -webkit-linear-gradient(#D2D8DD 20%,#fff  60%) !important;
	background: linear-gradient(#D2D8DD 20%,#fff  60%) !important;
	border-color:#ccc !important
}
.SimulationBtn{
border-radius:4px; 
min-height:24px;
}
.removPadd{
	padding-left:0px !important;
}
#btnTcmPDF, #btnOsePDF{ min-width:60px !important; }
.simRigBtnCli{width:20px;height:20px;float:left;min-width:20px;position:relative;z-index:1}
.Arbitable{background:transparent}
.Arbitable.table input[type=radio]~.text{margin-right:0}
.drakblackBg, .Arbitable.table-hover .bgLess:hover{background:#272727}
.Arbitable.table-striped .bgLess:nth-of-type(odd){background:#000000}
.blackbg{background:#000000}
.Arbitable .border_ashLig {border: 1px solid #343434 }
.whiteClor{color:#fff}
.Arbitable.l-font .select2-container .select2-choice>.select2-chosen{line-height:2 !important}
.orderText{
    position: absolute;
    text-align: center;
    width: 1150px;
	color:#ff0000;
	font-weight: bold;
	line-height: 2;
}
.ArbitPricTag{width:10px;float:left}
.grid_lastcellPadd{padding-right:20px !important}
.OLRev{
	padding: 14px !important;
    margin: 0 !important;
}
.fodrtitle{
    padding-top: 3px !important;
    margin-left: 2px !important;
}
.FPageBtnBot{ padding-top:5px}
.orderListBTns{padding-bottom:3px}
.TblBorderTop0{
    border-width: 0px 1px 1px 1px !important;
}
input[type=checkbox]:disabled {
    opacity: 0.5 !important;
}
/* .buyNew,.sellNew{
	margin: 0 auto;
} */


.jsgrid .form-group{
z-index: 1;
position: relative;
}
.inline-block{
	max-width:100%;
}
.StraBtnDiv{
 min-height: 37px;
  padding-top: 6px;
  text-align:right
}
.dayORight,.dayOLeft{height:95%}
#resizableDiv.ui-widget-content{background:transparent !important; border:0 !important}
#resizableDiv .ui-resizable-e, #resizableDiv .ui-resizable-se{display:none !important}
#gridStrategyNewOrder .select2-container {margin-top: 5px;}
.spinbox .spinbox-up i {COLOR: #2b2b2b !important;}
#collapsenPosOrder.newPosClicDiv {width:100% !important}
.l-font  .spinbox .spinbox-input {height: 24px !important;}
.spanSimHegOne { height: 118px; padding: 8px 0 !important;}
.simScreen2{padding-top:5px}
/* #gridSettlementConfirm .jsgrid-grid-body{top:0 !important; margin-top:0 !important} */
.widthSize{padding:0 3px}
.jsgrid-row .grid_lastcellPadd, .jsgrid-alt-row .grid_lastcellPadd{padding-right:10px !important}
.grid_lastcellPadd label.labell{padding-right:9px !important}
.ptagmar0{padding-bottom:10px; width:100%; overflow:hidden}
.FPageBtnTop{padding-bottom:5px}
.plctext{
    width: 270px;
    float: left;
	color:#fff;
	padding: 3px 20px;
}
/* .dateMOS.l-font{padding-right:37px !important} */
.form-list-control .dateMOS {min-width:57px}
.form-list-control .dataToMOs{padding-right:12px !important}
.btnMOSt{margin-left:51px !important}
.btnMOSt.l-font{margin-left:57px !important}
.colorChat.l-font{padding-bottom: 3px;}
.chatWidth{min-width:85px}
.comWidth{min-width:50px;}
#divMarketTable th, #divMarketTableFlip th{min-width: 100px;}
.monTWidth{min-width:60px;}
.min_w50{min-width:50px;}
.advanceFilter{width:1050px}
.adController{width:810px}
.adTable{width: 960px;}
.advanceFilter .sort{margin:0}
.MarketPopupfilter .select2-container .select2-choice>.select2-chosen{min-width: 87%;}
.advanceFilter .sort .sortingList{width:45px; padding:1px 0}
.advanceFilter .sort .select2-container{ width: 154px;}
.adController .second-sele{width: 130px;}
#gridSimuPositionList, #gridSimuPositionDetail{width:100% !important}
#SimLiqgridSPANPositionList, #NewPositiongridSPANPositionList, #DeletegridSPANPositionList, #SimLiquidationgridSimuPositionDetail, #NewPositiongridSimuPositionDetail, #DeletegridSimuPositionDetail{/* border-color:transparent !important; */ border-bottom-color:#fff !important; padding:0 1px !important}
#DeletegridSPANPositionList, #DeletegridSimuPositionDetail{padding-right:17px !important}
.left_aligment{text-align:left}
.jsgrid-table .jsgrid-row>.jsgrid-cell.green_bg{background-color:#196f65 !important}
.jsgrid-table .jsgrid-alt-row>.jsgrid-cell.green_bg{background-color:#196f65 !important}
#NewPositiongridSimuPositionDetail, #DeletegridSimuPositionDetail, #NewPositiongridSPANPositionList, #DeletegridSPANPositionList{border-left-width:0 !important; border-right-width:0 !important;}
#SimLiquidationgridSimuPositionDetail{border-right-width:0 !important;}
#DeletegridSimuPositionDetail.grid_lastcellPadd{padding-right: 17px !important;}
#DeletegridSimuPositionDetail{border-right-width: 1px !important;
    border-right-color: #fff !important;}
.greenClr.tradeBtn{width:75px !important}
#NewPositiongridSPANPositionList .bluColor.tradeBtn{width: 100%;
    height: 100%;
    line-height: 22px;}
td.blueborderhover:hover{
	border: 1px solid blue !important;
}
.MPtableDetails td.blueborderhover:hover{
	border-left-color: blue !important;
}
.MPtableDetails td:hover.blueborderhover{
	border-left-color: blue !important;
}
.jsgrid-nodata-row.highlight{
 border:none !important;
}
/* .JCLRLastGrip{
	left:auto !important;
} */
.jsgrid-grid-body .JCLRgrips{
	width:auto !important;
	display:none;
}
.hideInv, .hideInvoc{
	cursor:default;
}
.advanceFilterList {
	border-bottom: #ffffff 1px solid;
}
/* To set grid body row height*/
.jsgrid-cell{padding:2px !important;}
.OrderCss{height:250px !important; overflow:auto;}
.container.withOutHeaderifram.removescroll{min-width:auto !important; height:100% !important; width:100% !important; max-height:100% !important; overflow:auto !important; overflow-y:scroll !important
    }
body{height:100%}
html{height:0}
.MypageContainer{overflow-y:scroll !important}
.container.withOutHeaderifram.removescroll.heightOverflow{overflow-y:auto !important}
.MypageContainer.heightOverflow{overflow-y:auto !important}
.mypageDiv{width:100%; float:left;}
.MypageContainer{width:100% !important}