hr {
  border-top: 1px solid rgba(17, 172, 194, 0.45)
}
.sub-col {
  padding-left: 0px;
  padding-right: 0px;
}
.themeColor {
  background-color: #51A57B;
  /* Other Menu color   */
}
.themeColorFooter {
  color: #A5A1A1;
  background-color: #ECECEC;
  border-radius: 0px;
  border: 0px solid #181818;
  border-bottom: 10px solid #4DA4D1;
  /* Main Content header color   */
  border-top: 1px solid #ECECEC;
}

/*---------nav bar------------------*/

.navLink {}
.navbar-inverse-transparent {
  background-color: #659C05;
  /* navbar color  transparent */
  border-color: #105AA3;
  -webkit-filter: blur(8px);
  -moz-filter: blur(15px);
  -o-filter: blur(15px);
  -ms-filter: blur(15px);
  filter: blur(15px);
  opacity: 0.7;
  min-height: 50px;
}

/*---------- main Nav bar  height -------*/

.navbar-inverse {
  background-color: transparent;
  border-color: transparent;
  height: 36px;
}
.navbar-inverse-backgroundColor {
  background-color: #DDDDDD;
  /* navbar color   */
  border-color: transparent;
  opacity: 0.8;
  box-shadow: 0px 1px 1px rgba(160, 162, 163, 0.5);
}
.navbar {
  border-radius: 0px;
  margin-bottom: 0px;
  min-height: 33px;
  /*----------Nav bar background color height -------*/
}
.navbar-btn {
  margin-bottom: 0px;
  margin-top: 5px;
  padding-bottom: 0px;
}
.navbar-link {
  border-left: 1px solid #9DD044;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
  color: #FFF;
  /* navbar font hover color   */
  background-color: #11ACC2;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
  background-color: #272727;
  /* navbar link clicked color   */
  color: #FFFFFF;
}
.navbar-inverse .navbar-nav>li>a {
  color: white;
  /* navbar font color   */
  width: 150px;
  font-size: 14px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
}
@-webkit-keyframes connectionBlinker {
  from {
    opacity: 1.0;
  }
  to {
    opacity: 0.0;
  }
}
.connection-blink {
  -webkit-animation-name: connectionBlinker;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(1.0, 0, 0, 1.0);
  -webkit-animation-duration: 3s;
}
.navbar-header .navbar-menu {
  background-color: inherit;
  color: rgb(54, 86, 131);
  left: 0px;
  position: absolute;
  font-size: 12px;
}
.navbar-header .set-index {
  position: absolute;
  top: 0px;
  left: 35px;
  font-size: 13px;
  font-weight: bold;
  color: rgb(63, 63, 63);
  height: 34px;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: inherit;
}

.navbar-header .set-index .current {
	margin-left:5px;
}

.navbar-header .set-index .current .currentChange {
	margin-left:5px;
	padding-right:5px
}

.navbar-header .domain-mm {
  position: absolute;
  width: 97.0%;
  text-align: right;
  top: 25px;
  font-size: 8px;
  z-index: -1;
}

.navbar-header .last-login {
	position: absolute;
		width: 100%;
		text-align: center;
		top: 23px;
		font-size: 10px;
		z-index: -1;
}

.navbar-header .connection-mode {
	position: absolute;
	top: 0px;
	right: 0px;
	width:70px;
	font-size: 13px;
	font-weight: bold;
	color: rgb(63, 63, 63);
	height: 34px;
	padding-top: 9px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: inherit;
}

.navbar-header .connection-mode .push,.pull,.none {
 margin-left:5px;
}

/*------------end nav bar---------------*/


/* -------------for left menu -----------------*/

.leftMenu {
  margin-top: 50%;
  width: 100px;
}
.side-list-leftmenu {
  background-color: rgba(39, 39, 39, 0.86);
  margin-bottom: 0px;
}
.slidemenu .panel-heading a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.slidemenu ul {
  background-color: rgba(14, 14, 14, 0.9);
  /*side menu background color*/
}
.slidemenu ul li {
  display: block;
  padding: 3px 1px;
  padding-left: 5px;
}
.slidemenu ul li:hover {
  background-color: rgba(69, 69, 69, 1);
  /* side menu hover color */
  padding: 3px 1px;
  padding-left: 5px;
  color: #FFFFFF;
}
.slidemenu-active {
  background-color: rgba(69, 69, 69, 1);
  /* side menu active color */
  padding: 3px 1px;
  padding-left: 5px;
  color: #FFFFFF;
}
.slidemenu ul li a {
  text-decoration: none;
  color: #E4E5E5;
  padding: 3px 1px;
  padding-left: 10px;
  display: block;
  font-size: 15px;
}
.slidemenu ul li a:hover {
  text-decoration: none;
  color: white;
  /* side menu font hover color */
  padding: 3px 1px;
  padding-left: 10px;
  display: block;
}
.slidemenu ul li a .more-menu {
  margin-top: 7%;
  margin-bottom: 7%;
}
.slidemenu ul li div {
  top: 10px;
  cursor: pointer;
}
.slidemenu .panel-group {
  color: #FFFFFF;
  font-family: inherit;
  margin-bottom: 0px
}
.sidemenu-icon {
  padding-bottom: 10%;
}
.sidemenu-hr {
  border-bottom: 2px solid rgba(39, 39, 39, 1);
  border-top: 1px solid rgba(20, 19, 42, 1);
}

/*screen-xs*/

@media only screen and (max-width: 768px) {
  .collapsing ul li a, .in ul li a {
    color: white!important;
  }
  .collapsing ul li a:hover, .in ul li a:hover {
    color: #f1f1f1!important;
  }
  .modal {
    background-color: transparent;
  }
  .leftMenu {
    margin-top: 0%;
    width: 70px;
  }
  .slidemenu ul li a {
    text-decoration: none;
    color: #E4E5E5;
    padding: 3px 1px;
    padding-left: 9px;
    display: block;
    font-size: 11px;
  }
}

/*screen-sm*/

@media (min-width: 768px) and (max-width: 992px) {
  .leftMenu {
    margin-top: 0%;
  }
}

/*screen-md*/

@media (min-width: 992px) and (max-width: 1200px) {
  .leftMenu {
    margin-top: 0%;
  }
}
#smallHeader {
  background-color: #42589C;
  /* Heder menu color for small device   */
}
.slidemenu {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  -o-user-select: none;
  user-select: none;
}
.slidemenu .panel .panel-heading {
  background-color: #242424;
  /* side menu Header color */
  font-weight: bold;
  padding: 3px 15px;
  cursor: pointer;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom: 2px solid #10A9BE;
}
.slidemenu .panel-heading a {
  display: block;
  text-align: left;
  width: 100%;
  color: #FFFFFF;
}
.slidemenu .divider {
  margin: 1px;
}
.slidemenu .panel-group .panel {
  margin-top: 0;
  border-radius: 0px
}

/* -----------------End left menu -----------------*/


/*-------------------For sub menu -------------*/


/* submenu standard */

.submenu-link {
  background-color: #ECECEC;
  border-bottom: 4px solid #4DA4D1;
}
.inner-submenu-link-active {
  background-color: #AFE9FD;
}
.inner-submenu-link {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 8.5px;
  padding-bottom: 8.5px;
}
.inner-submenu-link h5.h5Label {
  margin-top: 0px;
  margin-bottom: 0px;
}

/* end submenu standard */


/*--------------- submenu buysell  --------------    */

.submenu-link-buysell {
  background-color: #DFDFDF;
}
.submenu-link-buysell-position {
  background-color: rgba(231, 231, 231, 0.49);
}
.inner-submenu-link-buysell-buy-active {
  background-color: #7892BB;
  color: white;
}
.inner-submenu-link-buysell-sell-active {
  background-color: #B17BB7;
  color: white;
}
.inner-submenu-link-buysell-position-active {
  background-color: rgba(0, 0, 0, 0.12);
  color: white;
}
.inner-submenu-link-buysell-position-disable {
  background-color: rgba(230, 229, 229, 0.12);
  color: #a0a0a0;
}
.inner-submenu-link-buysell {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 8.5px;
  padding-bottom: 8.5px;
}
.inner-submenu-link-buysell h5.h5Label {
  margin-top: 0px;
  margin-bottom: 0px;
}

/* Buy Sell Background Color */

.background-sell {
  background: -moz-linear-gradient(top, rgba(144, 60, 154, 0.65) 0%, rgba(144, 60, 154, 0.64) 1%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(144, 60, 154, 0.65)), color-stop(1%, rgba(144, 60, 154, 0.64)), color-stop(100%, rgba(0, 0, 0, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(144, 60, 154, 0.65) 0%, rgba(144, 60, 154, 0.64) 1%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(144, 60, 154, 0.65) 0%, rgba(144, 60, 154, 0.64) 1%, rgba(0, 0, 0, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(144, 60, 154, 0.65) 0%, rgba(144, 60, 154, 0.64) 1%, rgba(0, 0, 0, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(144, 60, 154, 0.65) 0%, rgba(144, 60, 154, 0.64) 1%, rgba(0, 0, 0, 0) 100%);
  /* W3C */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6903c9a', endColorstr='#00000000', GradientType=0);
  /* IE6-9 */
}
.background-buy {
  background: -moz-linear-gradient(top, rgba(49, 90, 157, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(49, 90, 157, 0.65)), color-stop(100%, rgba(0, 0, 0, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(49, 90, 157, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(49, 90, 157, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(49, 90, 157, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(49, 90, 157, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6315a9d', endColorstr='#00000000', GradientType=0);
  /* IE6-9 */
}

/*-------------- end submenu buysell -------------------  */


/*-------------------For subpage menu -------------*/

.subpage-link {
  background-color: #DFDFDF;
  border-bottom: 4px solid #11ACC2;
}
.inner-subpage-link-active {
  background-color: #9ADAE3;
}
.inner-subpage-link {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 8.5;
  padding-bottom: 8.5;
}
.inner-subpage-link h5.h5Label {
  margin-top: 0px;
  margin-bottom: 0px;
}

/*------------------Market Status On Realtime Page --------*/

.marketStatus {
  background-color: #ECECEC;
}
.inner-marketStatus-header {
  background-color: #C7C6C6;
}
.inner-marketStatus {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 8.5px;
  padding-bottom: 8.5px;
}
.no-margin {
  margin-top: 0px;
  margin-bottom: 0px;
}
.with-margin-topBottom {
  margin-top: 3%;
  margin-bottom: 3%;
}
.fixed-at-bottom {
  position: fixed;
  bottom: 0px;
  z-index: 100;
  left: 0px;
  width: 100%;
}

/*----------------Fix Head Menu-----------------------------------*/

.fix-to-top {
  top: 35px;
  position: fixed;
  z-index: 1000;
  width: 102.5%;
  background-color: rgba(238, 238, 238, 0.81);
  box-shadow: 1px 3px 3px rgb(181, 181, 181);
}

/*--------------Sub Head Menu ------------*/

.sub-head-menu {
  margin-top: 8.5px;
  margin-bottom: 8.5px;
  border-bottom: 2px solid #4DA4D1;
  padding-left: 0px;
}
.sub-head-menu-inner {
  background-color: #AFE9FD;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}
.sub-head-menu-black-inner {
  background-color: #CFCFCF;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}

/*------------------Template-------------------*/

.no-padding-left {
  padding-left: 0px;
}
.chart-label-color {
  color: #9D9D9D;
}
.no-padding {
  padding: 0px;
}
.padding-left {
  padding: 0px;
  padding-left: 10px;
}
.padding-left-onMD-LG {
  padding-left: 0%;
}
.padding-top {
  padding-top: 3%
}

/*screen-lg corresponds with col-lg*/

@media (min-width: 992px) {
  .padding-left-onMD-LG {
    padding-left: 5%;
  }
}