/*---------------Disable Scrolling Y ------------*/

.disable-overflow-y-onXSandSMScreen {
  //nothing
}

/*screen-xs sm*/

@media only screen and (max-width: 768px) {
  .disable-overflow-y-onXSandSMScreen {
    position: fixed;
    width: 101%;
    height: 100%;
  }
}

/*-------------realtime-index-label--------------*/

.realtime-index-label {
  border: 2px solid #ECECEC;
  padding: 0px;
}
.realtime-floating-label {
  position: fixed;
  bottom: 10%;
  left: calc(50% - 100px);
  left: -webkit-calc(50% - 100px);
}
.realtime-index-Setlabel {
  border: 2px solid #CCCCCC;
}

/*screen-xs*/

@media only screen and (max-width: 768px) {
  .realtime-index-label {
    margin-top: 0px;
    border: 0px solid #CCCCCC;
  }
}

/*screen-sm*/

@media (min-width: 768px) and (max-width: 992px) {
  .realtime-index-label {
    margin-top: 10px;
  }
}

/*screen-md*/

@media (min-width: 992px) and (max-width: 1200px) {
  .realtime-index-label {
    margin-top: 10px;
  }
}

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

@media (min-width: 1200px) {
  .realtime-index-label {
    margin-top: 15px;
  }
}

/*-------------End realtime-index-label--------------*/


/*--------------Panel--------------*/

.panel {
  background-color: #EEEEEE;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.panel-body-fixed-bottom {
  padding-top: 0px;
  width: 101%;
}
.panel-body-fixed-bottom-detail {
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  bottom: 100%;
  width: 100%;
  left: 0px;
}
.panel-title {
  font-weight: bold;
  font-size: 15px;
}
.responsive-padding {
  padding: 1%;
}

/*screen-xs-sm : mobile device*/

@media only screen and (max-width: 992px) {
  .responsive-padding {
    padding-left: 10px;
    padding-top: 2px;
    padding-right: 10px;
  }
  .panel-body-fixed-bottom-detail {
    width: 98%;
  }
}

/*screen- md lg : tablet or PC*/

@media (min-width: 992px) and (max-width: 1200px) {
  .responsive-padding {
    padding: 1%;
  }
}
.panel-realtime {
  padding: 0px;
  padding-bottom: 0px;
}
.panel-floating {
  position: relative;
  background-color: #DEDEDE;
  color: #000000;
  padding: 3px;
  box-shadow: 0px 2px 1px #888888;
  border-radius: 5px !important;
}
.panel-default>.panel-heading {
  color: white;
  background-color: #242424;
  border-radius: 0px;
  border: 0px solid #D7D7D7;
  border-bottom: 2px solid #11ACC2;
}

/*-------------End Panel--------------*/


/*-------------- categorymenu standard -------------*/

.categorymenu-link {
  background-color: #6A6969;
  border-bottom: 4px solid #4DA4D1;
}
.inner-categorymenu-link-active {
  background-color: #4FC0E7;
}
.inner-categorymenu-link {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 8.5px;
  padding-bottom: 8.5px;
}
.inner-categorymenu-link h5.h5Label {
  margin-top: 0px;
  margin-bottom: 0px;
}
.list-group-item {
  background-color: inherit;
  border: 0px;
  border-bottom: 1px dotted #8B8B8B;
  padding-left: 3px;
  padding-right: 3px;
}
a.list-group-item {
  color: inherit;
}
a.list-group-item:hover, a.list-group-item:focus {
  color: #3F3F3F;
}
.list-group-item-active {
  background-color: #f5f5f5;
  color: #3F3F3F !important;
}
.list-group-item:first-child {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
.list-group-item:last-child {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.list-group-item-header {
  background-color: #757575;
  color: #3f3f3f;
  border: 0;
}
.list-group-item-accInfo {
  padding: 4px;
}

/*------------ end categorymenu  standard ---------*/


/*------------label CSS----------*/

.label-realtime {
  padding: 10px;
  margin-top: 5px;
}
.label-realtime-body {
  margin-top: 15px;
}
.label-green {
  background-color: #C6E4A7;
  color: #3B9A1A;
}
.label-yellow {
  background-color: #F4DEA0;
  color: #E67B00;
}
.label-red {
  background-color: #FFB4B4;
  color: #CB2121;
}
.label-black {
  background-color: #E8E7E6;
  color: #3F3F3F;
}
.label-font-black {
  color: #3F3F3F;
}
.label-font-red {
  color: #cb2121;
}
.label-font-yellow {
  color: #e67b00;
}
.label-font-green {
  color: #3b9a1a;
}

/*-----------Heat Map Css ----------*/

.heatmap {
  padding: 5px;
}
.heatmap-body {
  margin-top: 0%;
}
.heatmap-green {
  background-color: #C6E4A7;
  color: #3B9A1A;
}
.heatmap-yellow {
  background-color: #F4DEA0;
  color: #E67B00;
}
.heatmap-red {
  background-color: #FFB4B4;
  color: #CB2121;
}
.heatmap-font-red {
  color: #cb2121;
}
.heatmap-font-yellow {
  color: #e67b00;
}
.heatmap-font-green {
  color: #3b9a1a;
}

/*----------------------------------*/


/*------------CHART-----------------*/

.chart-label-color {
  color: #9D9D9D;
}
.component-under-chart {
  position: relative;
  top: -25px;
}

/*screen-md to lg*/

@media (min-width: 992px) {
  .component-under-chart {
    position: relative;
    top: 0px;
  }
}

/*------------progress bar----------*/

.progress-bar-buy {
  background-color: #11ACC2;
}
.progress-bar-sell {
  background-color: #BD185E;
}
.progress-bar-none-side {
  background-color: #B4B4B4;
}
.progress-bar-transparent {
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #9D9D9D;
}

/*----------------------------------*/


/*------------Auto Complete----------*/

.ui-widget-content {
  border: 1px solid #727272;
  background: rgba(82, 82, 82, 1);
  color: #FDFDFD;
  height: 55%;
  overflow-y: auto;
}
.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  border-bottom: 1px solid #8B8B8B;
  list-style-image: none;
  background-color: rgba(82, 82, 82, 1);
  padding: 10px 15px;
}
.ui-state-hover, .ui-autocomplete li:hover, .ui-autocomplete li:active {
  color: #555;
  background: #FDFDFD;
  border: inherit;
  font-weight: inherit;
  font-size: inherit;
}

/*----------------Blink When Value Chg-----------------*/

.blink_me {
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 0.25s;
  -webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes blinker {
  0% {
    background-color: #98E7F2;
  }
  99% {
    background-color: #98E7F2;
  }
  100% {
    background-color: inherit;
  }
}

/*----------------Condition in buy sell -----------------*/

.fadeIn_from_none {
  -webkit-animation-name: fadeOpacity;
  -webkit-animation-duration: 0.5s;
}
@-webkit-keyframes fadeOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}
.fadeOut_from_full {
  -webkit-animation-name: fadeOutOpacity;
  -webkit-animation-duration: 6s;
  -webkit-animation-fill-mode: forwards;
  /* Chrome, Safari, Opera */
  animation-duration: 6s;
  animation-name: fadeOutOpacity;
  animation-fill-mode: forwards;
}
@-webkit-keyframes fadeOutOpacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 100;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

/*---------------AccountInfo Background-------------------*/

.background-accountInfo-accountlist {
  color: #FFFFFF;
  background-color: rgba(60, 60, 60, 0.95);
}
.background-accountInfo {
  background-color: #D8D8D8;
}

/*max-screen-sm*/

@media (max-width: 992px) {
  .background-accountInfo {
    box-shadow: 0px 0px 5px #767676;
  }
}

/*------------------ProgressBar----------------------------*/

.progress-bar {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

/*-------------------ScrollBar----------------------------*/


/*::-webkit-scrollbar {
    width: 6px;
}


::-webkit-scrollbar-track {
  	background: inherit;
}


::-webkit-scrollbar-thumb {
	background: #868585;
	border-radius:5px;

}
::-webkit-scrollbar-thumb:window-inactive {
	background: #DFDFDF;
}

* {
  -webkit-tap-highlight-color: rgba(0,0,0,0);

}*/


/*-----------------------Other------------------------------*/

.hide-data-fade {
  opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}
.show-data-fade {
  opacity: 1;
  transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out;
}
@media only screen and (max-width: 992px) {
  .nav-set-index-width {
    width: 100%;
  }
}
.ui-autocomplete {
  z-index: 5000;
}

/*----------------------For IOS Smooth Scroll in long list -------------------*/

.outerContent {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.innerContent {
  height: calc(100% + 1px);
}

/*--------------------------Ticker---------------------------------------------*/

.tickerTable {
  border-top: 1px dotted black;
  border-bottom: 1px dotted black;
}

/*-----------------------------Modal------------------------------------------*/

.modal-content {
  margin-top: 30%
}
.modal-backdrop.in {
  opacity: .9;
}
.modal-footer {
  margin-top: 0px;
}
.modal-header {
  padding: 15px;
  border-bottom: 3px solid #11ACC2;
  min-height: 16.42857143px;
}
.modal-header-danger {
  border-bottom: 3px solid rgba(171, 42, 42, 0.88);
}
.modal-header-warning {
  border-bottom: 3px solid rgb(214, 103, 42)
}
.modal-background-info {
  color: #FFFFFF;
  background-color: rgba(83, 83, 83, 0.89);
}
.modal-content-fixHeight {
  position: relative;
  background-clip: padding-box;
  outline: none;
  margin-top: 0px;
  height: 100%;
  color: white;
}
.modal-dialog-fixHeight {
  width: 90%;
  height: 95%;
  margin: 0px;
  margin-left: 5%;
  margin-top: 5%;
}
.modal-body-fixHeight {
  height: 70%;
  padding-left: 2%;
  padding-right: 2%;
}
.modal-footer-fixHeight {
  padding-top: 5%;
}
.block {
  width: 50%
}
.simulate-modal {
  background-color: black;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 3000;
  width: 101%;
}
.simulate-modal-content {
  height: 100%;
  overflow-y: auto;
}

/*-----------------symbol-selector-------------------------------*/

symbol-selector {
  display: block;
}
symbol-selector > .modal-dialog {
  width: 90%;
  height: 80%;
  margin: 0px;
  margin-left: 5%;
  margin-top: 5%;
}

symbol-selector > .modal-dialog > .content {
	border: none;
}

symbol-selector > .modal-dialog > .content > .modal-body {
	height: 70%;
}

symbol-selector > .modal-dialog > .content > .modal-body .symbol-input {
	text-transform: uppercase;
}

symbol-selector > .modal-dialog > .content > .modal-body .symbol-list {
	height: 100%;
	overflow-y: auto;
}

symbol-selector > .modal-dialog > .content > .modal-footer {
	border-top:0px solid #e5e5e5;
}
/*------------------------------PopOver---------------------------------*/


/*tooltip for price in buy sell */

.popover.bottom>.arrow:after {
  border-bottom-color: rgba(24, 24, 24, 0.78)
}
.popover {
  background-color: rgba(24, 24, 24, 0.78);
  /*width: 200px*/
}
.popover-closeButton {
  position: absolute;
  top: 0px;
  right: 15px;
  font-size: 15px;
}
.popover-content-vol {
  padding: 0px;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 5px;
  width: 250px;
}
.popover-content-price {
  padding: 0px;
  padding-right: 5px;
  padding-left: 3px;
  padding-top: 5px;
  width: 200px;
}

/*--------------------------Auto Adjust Font-------------------------*/
.textContainer-outer{
	width:auto;

}
.textContainer-outer-right{
	  float: right;
	  width:auto;
		white-space: nowrap;
}
.textContainer-outer-center{
	  float: right;
	  width:auto;
}

.table-font-detail-value {
	white-space: nowrap;
}

/*------------------------------Angular Switch------------------------*/

.switch.switch-primary span.switch-left {
  background: #76D456 !important;
  font-weight: 700;
}
.switch span.switch-right {
  background: #F55858 !important;
  font-weight: 700;
  color: white !important;
}

/*--------------------------Font Awesome-----------------------------*/

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear !important;
  animation: fa-spin 1.5s infinite linear !important;
}

/*------------------Customize for Summary Equity -------------------*/

.align-right-in-mobile {}
.showLeftBorder-in-tablet-and-pc {}

/*screen-xs : mobile device*/

@media only screen and (max-width: 768px) {
  .align-right-in-mobile {
    text-align: right;
  }
  .showLeftBorder-in-tablet-and-pc {}
}

/*screen-sm md lg : tablet or PC*/

@media (min-width: 768px) {
  .showLeftBorder-in-tablet-and-pc {
    border-left: 1px solid #666666;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.hide {
  display: none;
}
.matchParent_withZeroOpacity_SelectInput {
  width: 100%;
  position: absolute;
  height: 100%;
  opacity: 0.01;
  z-index: 1;
}
.switch-menu-label {
  margin-top: 5%
}

/*------------------AccountInfo Component--------------------*/

.fixed-at-bottom-on-mobile-and-tabletVertical {}
.total-portfolio-with-postiion-fix-on-mobile-and-tabletVertical {
  width: 100%;
}

/*screen-xs-sm-md : mobile tablet except landscape device*/

@media only screen and (max-width: 992px) {
  .fixed-at-bottom-on-mobile-and-tabletVertical {
    position: fixed;
    bottom: -5px;
    z-index: 100;
    left: -5px;
    width: 105%;
  }
  .total-portfolio-with-postiion-fix-on-mobile-and-tabletVertical {
    position: fixed !important;
    bottom: 60px !important;
    width: 101% !important;
  }
}
.port-footer-label {
  padding-bottom: 3%;
  padding-top: 3%;
}