.symbol-name{
margin-top:0;
margin-bottom:0;	
}
.symbol-name > p {
    color: #1b3564;
    font-size: 12px;
}
.symbol-name > p > span {
    color: #3f9dd1;
    display: block;
    font-size: 12px;
    font-weight: normal;
    margin-top: 5px;
}

.symbol-name > p{
margin-bottom:0;	
}

.order-list-details h5{
   border-bottom: 1px solid #cdcccc;
    color: #3e9dd6;
    font-size: 14px;
    margin-top: 0;
    padding: 0 0 5px;	
}
.symbol-info ul > li > span {
   width: 55%;
display:inline-block;
color:#666;
font-size:12px;
}
.symbol-info ul > li > span:last-child{
color:#003366;
text-align:right;
width: 43%;	
}
.symbol-info ul > li.even{
background:#f0f0f0;	
}
.symbol-info ul > li{
padding:2px 0 2px 10px;	
}
.order-filteration{
float:right;

}
.order-filteration > i{
font-size:23px;
}

.Orders .tab-pane{
padding-top:20px;	
}
.tab-pane .symbol-info{
margin-top:10px;	
}
.nano-content .Orders .tab-pane{
padding-top:0;	
}
.order-list-details .panel-body {
	padding:5px;
}
.order-list-details .panel{
margin-bottom:10px;	
}
.symbol-info ul{
margin-bottom:0;	
}
.panel-col-4 .panel:last-child{
margin-bottom:0;
}
.nano-tab-OrderDetails-400 .tab-pane .symbol-info{
margin-top:0;	
}
.order-list-details ul.list-unstyled.list-inline {
margin-bottom:0;
}
.order-action a{
display:inline-block;
}
.order-action .btn.btn-default {
    padding: 3px 6px;
}
.order-action .btn.btn-default > i{
margin-right:0;
color:#0088cc;	
}

.order-action a.btn.btn-default.ng-scope.active > i.fa.fa-retweet{
color:#E74C3C;	
}

.pull-right.order-action {
    margin-top: 5px;
}
.nano-tab-OrderDetails-400 .tab-content{
margin-top:0;	
}
.list-inline .symbol-name > p {
    margin-top: 0;
}
@media (max-width: 767px) {
.symbol-name > p:last-child{
margin-top:5px;
text-align:left;	
}
}
@media (min-width: 768px) {
.WidgetsContainer .col-md-12 .Widget .symbol-info ul > li,
.WidgetsContainer .col-md-6 .Widget .symbol-info ul > li,
.WidgetsContainer .col-md-4 .Widget .symbol-info ul > li {
    display: inline-block;
    float: left;
    padding: 0 0 5px 5px;
    width: 50%;
	overflow:hidden;
}
.WidgetsContainer .col-md-12 .Widget .symbol-info ul > li > span,
.WidgetsContainer .col-md-6 .Widget .symbol-info ul > li > span,
.WidgetsContainer .col-md-4 .Widget .symbol-info ul > li > span {
float:left;
overflow:hidden;
display:table-cell;
vertical-align:top;
}
.WidgetsContainer .col-md-12 .Widget .symbol-info ul > li.even,
.WidgetsContainer .col-md-6 .Widget .symbol-info ul > li.even,
.WidgetsContainer .col-md-4 .Widget .symbol-info ul > li.even {
    background: none repeat scroll 0 0 #fff;
}		
}
@media (min-width: 992px) {
.WidgetsContainer .col-md-12 .Widget .symbol-info ul > li, .WidgetsContainer .col-md-6 .Widget .symbol-info ul > li {
	overflow:visible;
    padding: 2px 0 2px 5px;
    width: 100%;

}
.WidgetsContainer .col-md-12 .Widget .symbol-info ul > li > span,
.WidgetsContainer .col-md-6 .Widget .symbol-info ul > li > span {
overflow:visible;
display:block;

}
.WidgetsContainer .col-md-12 .Widget .symbol-info ul > li.even,
.WidgetsContainer .col-md-6 .Widget .symbol-info ul > li.even {
   background:#f0f0f0;	
}	


.WidgetsContainer .col-md-4 .Widget .symbol-info ul > li {
    display: block;
    float: none;
    padding: 2px 0 2px 5px;
    width: auto;
	overflow:visible;
}

.WidgetsContainer .col-md-4 .Widget .symbol-info ul > li > span {
float:none;
overflow:visible;
display:inline-table;

}

.WidgetsContainer .col-md-4 .Widget .symbol-info ul > li.even {
   background:#f0f0f0;	
}


	
}
@media (min-width: 1200px) {
.WidgetsContainer .col-md-12 .Widget .symbol-info ul > li, .WidgetsContainer .col-md-6 .Widget .symbol-info ul > li {
    display: inline-block;
    float: left;
    padding: 0 0 5px 5px;
    width: 50%;
	overflow:hidden;
}
.WidgetsContainer .col-md-12 .Widget .symbol-info ul > li > span,
.WidgetsContainer .col-md-6 .Widget .symbol-info ul > li > span {
float:left;
overflow:hidden;
display:table-cell;
vertical-align:top;
}
.WidgetsContainer .col-md-12 .Widget .symbol-info ul > li.even,
.WidgetsContainer .col-md-6 .Widget .symbol-info ul > li.even {
    background: none repeat scroll 0 0 #fff;
}	
	}

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

}


/* CSS Document */
.alert-div .Right-number.Number{
font-size:12px;
line-height:20px;	
}
.alert-div .Right-number.Percentage {
    color: #999;
    font-size: 11px;
}
.alert-div li.IndicesRow > .actions-menu {
    margin-top: -5px;
 
}
.alert-div .IndicesList .nav-tabs li.pull-right a.add-alert i{
margin:0;
padding-right:0;
}
.alert-div .modal-footer{
padding-bottom:0;	
}
.carousel-inner.alert-div {
    min-height: 265px;
}

.ex-date .form-control::-moz-placeholder {
 color: #555;
}
.ex-date .form-control:-ms-input-placeholder {
 color: #555;
}
.ex-date .form-control::-webkit-input-placeholder {
 color: #555;
}

.new-alert .add-alert {
    border-left: 1px solid #ddd;
    color: #0088cc;
    padding-left: 9px;
    position: absolute;
    right: 0;
    z-index: 1;
	 bottom: -23px;
}
.new-alert {
    position: relative;
}
.alert-div > .TopTabs > .nav.nav-tabs{
padding-right:30px;	
}
.alert-div .IndicesList .tab-content > .tab-pane > ul{
height:300px;
overflow-y:auto;	
}
.popover.popover-content{
	
}
.alert-div .note{
  text-align: center;
  margin-top: 10px;
  position: relative;
  top: 125px;
}


/* CSS Document */

.ClientInfo .client-id > span,
.client-info > ul > li > span,
.client-info > div > div > span{
   background: none repeat scroll 0 0 #f0f0f0;
    border: 1px solid #ececec;
    border-radius: 4px;
    color: #1b3564;
    display: inline-block;
    font-size: 11px;
    padding: 1px 10px;
}
.ClientInfo .client-id > span{
text-align:center;	
padding:4px;
}
.ClientInfo .client-name > h3{
  color: #1b3564;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin: 5px 0 0;
	 text-align: right;
}
.ClientInfo .client-name > h3 > span{
  display: block;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
}
.client-info > .list-inline {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}
.client-info > div > div, .client-info > ul > li {
    color: #3f9dd1;
    font-size: 12px;
    font-weight: normal;
}
.client-info > div > div p,
.client-info > ul > li p{
margin-bottom:0;
display:inline-block;
}
.ClientInfo .tab-content .panel{
    border: 0 none;
    border-radius: 0;
    margin-bottom: 0;
}
.ClientInfo .tab-content .panel-default > .panel-heading {
    background-color: transparent;
    border-color: #ddd;
    color: #666;
}
.ClientInfo .tab-content .panel-title{
font-size:13px;	
}
.ClientInfo .tab-content .panel-title > a:hover{
text-decoration:none;	
}
.ClientInfo .tab-content .panel-title > a > span {
    color: #49a0e1;
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 0;
    margin-top: 3px;
}
.ClientInfo .tab-content .panel-title > a{
background:url(../img/Widgets/news/arrow-left.png) right -2px no-repeat transparent;
display:block;	
}
.ClientInfo .tab-content .panel.active .panel-title > a{
background:url(../img/Widgets/news/arrow-down.png) right -2px no-repeat transparent;	
}
.ClientInfo .tab-content .panel-body{
background:#f8f8f8;
border-bottom:1px solid #ddd;	
}
.panel-body.TableWrapper table{
margin-bottom:20px;	
}
.panel-body.TableWrapper{
padding-bottom:0;	
}

.client-info.search-info > div > div > span{
min-height:30px;	
}


.select-main > li > .bootstrap-select{

 margin-top:20px;

}
.select-main > li > a > span{
font-weight:normal;
color:#666;
font-size:13px;	
}
.select-main > li > a > i{
    float: right;
    margin: 10px 0 0 10px;	
	 border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid;
	color:#CCC

}
.select-main > li > .dropdown-menu{
left:15px;
margin-top:-2px;
border-radius:0;
}
.select-main > li:last-child > .dropdown-menu{
left:0;
}
.select-main > li > .dropdown-menu form > .radio{
border-bottom:1px solid #ddd;
color:#666;
padding:7px 5px;
}
.select-main > li > .dropdown-menu form > .radio:first-child{
margin-top:0;	
}
.select-main > li > .dropdown-menu form abel{
font-size:12px;
}
.select-main > li > .dropdown-menu:before{
position:absolute;
top:-7px;
left:6px;
display:inline-block;
border-right:7px solid transparent;
border-bottom:7px solid #fff;
border-left:7px solid transparent;
border-bottom-color:rgba(0, 0, 0, 0.2);
content:''
}
.select-main > li > .dropdown-menu:after{
position:absolute;
top:-6px;
left:7px;
display:inline-block;
border-right:6px solid transparent;
border-bottom:6px solid #fff;
border-left:6px solid transparent;
content:'';
}
.client-info.main-info > .list-inline{
border-bottom-width:0;
margin-bottom:0;
}
.ClientInfo > .TopTabs {
margin-top:10px;
}
.client-info > div > div > span,
.client-info > div > div p{
display:table-cell;	
vertical-align:top;
}
.client-info > div > div,
.client-info > div > div > span{
overflow:hidden;	
}
.client-info > div > div p {
    min-width: 75px;
}
.client-info > div > div{
margin-bottom:10px;	
}
.client-info > div > div > span{
width:100%;	
}
.ClientInfo .panel{
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
}
.ClientInfo .panel-body{
padding:5px;	
}
.search-info > form {
    border-bottom: 1px solid #ddd;
    margin: 10px 0;
}
.ClientInfo .bootstrap-select.btn-group .btn .filter-option,
.ClientInfo .bootstrap-select.btn-group .dropdown-menu li a{
font-size:12px;	
}
.ClientInfo .bootstrap-select > .btn {
    padding: 5px 25px 5px 10px;
}
.ClientInfo .form-dropdown label{
margin-top:6px;	
}
.main-info{
   border-bottom: 2px solid #ededed;
    margin-bottom: 20px;
    padding-bottom: 10px;	
}
.panel-body .dataTables_wrapper:first-child{
margin-bottom:10px	
}
.TopTabs .nav-tabs > li > a.edit-info{
padding-right:0;
   color: #0088cc;	
}
.edit-info i{
margin-right:0;	
}

@media (max-width: 767px){

.select-main > li:last-child > .dropdown-menu{
left:15px;
}	
}
@media screen and (max-width: 500px) {
.ClientInfo .client-id > span{
padding:5px 10px;
}
.ClientInfo .client-name > h3{
font-size:15px;
letter-spacing:0;
text-align:left;	
}

.Widget > .ClientInfo .client-name > h3 > span{
    font-size: 15px;
    line-height: 15px;	
}
.Widget > .ClientInfo .client-info > ul > li{
display:block;	
}
.ClientInfo .TopTabs .nav-tabs > li > a {
    font-size: 14px;
    letter-spacing: 0;
    padding: 0 5px;
}
.select-main > li > .dropdown-menu > form {
    min-width: 235px;
}
}
@media (min-width: 768px) {

.select-main > li:last-child > .dropdown-menu{
left:0;
}
.ClientInfo .client-name > h3{
text-align:right;	
}
}

@media (min-width: 992px) {
.WidgetsContainer > .col-md-4 .Widget > .ClientInfo .client-id > span{
padding:5px 10px;
}
.WidgetsContainer > .col-md-4 .Widget > .ClientInfo .client-name > h3{
font-size:15px;
letter-spacing:0;
text-align:left;	
}
.WidgetsContainer > .col-md-6 .Widget > .ClientInfo .client-name > h3{
text-align:left;	
}
.WidgetsContainer > .col-md-4 .Widget > .ClientInfo .client-name > h3 > span{
    font-size: 15px;
    line-height: 15px;	
}
.WidgetsContainer > .col-md-4 .Widget > .ClientInfo .client-info > ul > li{
display:block;	
}

.WidgetsContainer > .col-md-4 .Widget > .ClientInfo .TopTabs .select-main > li:last-child > .dropdown-menu{
left:15px;
}
.ClientInfo .client-name > h3{
text-align:right;	
}
}

@media (min-width: 1200px) {

.WidgetsContainer > .col-md-6 .Widget > .ClientInfo .client-name > h3{
text-align:right;	
}
.WidgetsContainer > .col-md-4 .Widget > .ClientInfo .client-name > h3 > span{
    font-size: 22px;
    line-height:30px;	
}

}

@charset "utf-8";

/* CSS Document */

.orderentry input::-ms-clear {
	display: none;
}
.orderentry {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 15px;
}
.orderentry hr {
	margin: 5px 0 10px;
	border-style: dashed none none;
	border-color: #CCC;
}
.orderentry .FloatButtons {
	float: right;
}
.orderentry .main .btn {
	width: 100%;
}
.orderentry ul.dropdown-menu {
	max-height: 260px;
	overflow-x: hidden;
	width: 96%;
}
.orderentry ul {
	margin-bottom: 0;
	margin-top: 0;
}
.orderentry .form-control[readonly] {
	background-color: #FFF;
	opacity: 1;
}
.orderentry .form-group {
	margin-bottom: 8px;
}
.orderentry label {
	color: #666;
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 0;
	margin-top: 5px;
}
.orderentry .popover.popover-content.Quantity {
	margin-left: -9px;
	margin-top: 6px;
	left: 40px !important;
}
.orderentry .popover.popover-content.Quantity:before {
	position: absolute;
	top: -7px;
	left: 199px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #fff;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: ''
}
.orderentry .popover.popover-content.Quantity:after {
	position: absolute;
	top: -6px;
	left: 200px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
	content: '';
}
.MyPopOver ul.MoneyList {
	padding: 0px;
	margin: 0px;
	list-style: none;
	padding: 5px;
	width: 225px;
	top: 26px;
}
.MyPopOver ul.MoneyList > li {
	background-color: #FAFAFA;
	border-radius: 5px;
	float: left;
	font-size: 11px;
	margin-left: 5px;
	margin-right: 3px;
	padding: 1px;
	text-align: center;
	width: 45px;
}
.MyPopOver ul.MoneyList > li a {
	padding: 0px;
	color: #337ab7;
	text-decoration: none;
}
}
.MyPopOver ul.MoneyList li a,
.MyPopOver ul.MoneyList li a:hover,
.DetailedRow ul.MoneyList > li a,
.DetailedRow ul.MoneyList > li a:hover,
{
	color: #FFF;
	text-decoration: none;
}
.collapse.in .well {
	padding: 5px 5px 5px 10px;
	margin-bottom: 0;
}
.orderentry .AddQuantity,
.orderentry .plusIcon,
.orderentry .MinusIcon,
.orderentry .Flag {
	position: absolute;
	right: 10px;
	top: 5px;
	height: 25px;
	width: 25px;
	border: 0;
	background-color: inherit;
	padding: 0px;
}
.orderentry .Flag.Red {
	background-image: url(../img/red-flag.png);
	background-repeat: none;
}
.orderentry .Flag.Yellow {
	background-image: url(../img/yellow-flag.png);
	background-repeat: none;
}
.orderentry .Flag.Orange {
	background-image: url(../img/orange-flag.png);
	background-repeat: none;
}
.orderentry .Flag.default {
	background-image: url(../img/default-flag.png);
	background-repeat: none;
}
.orderentry .MinusIcon {
	left: 10px;
	right: auto;
}
.orderentry .MoneyList a {
	color: #fff;
}
.avalibale-shares {
	background: #e6e6e6;
}
.block-info {
	background: none repeat scroll 0 0 #FAFAFA;
	border: 1px dashed #CCC;
	border-radius: 5px;
	margin: 5px 0 10px !important;
}
.block-info > li > div > span {
	border-radius: 4px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 1px 10px;
	margin-top: 5px;
}
.block-info > li > div {
	color: #666;
	padding: 5px;
	text-align: center;
}
.block-info > li > div.active {
	cursor: pointer;
}
.block-info > li > div.active > span {
	color: #3f9dd1;
}
.orderentry-footer {
	background: none repeat scroll 0 0 #fafafa;
	border: 1px dashed #ccc;
	border-radius: 0 0 5px 5px;
	;
	margin: 10px 0 0 0 !important;
}
.o-8 .orderentry-footer {
	background: none repeat scroll 0 0 #fafafa;
	border: 1px dashed #ccc;
	border-radius: 0 0 5px 5px;
	;
	margin: 0 0 0 0 !important;
}
.orderentry-footer > li > span {
	background: none repeat scroll 0 0 #d8d8d8;
	border: 1px solid #ebebeb;
	border-radius: 4px;
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 1px 10px;
}
.orderentry-footer > li > .form-group {
	margin-bottom: 0;
}
.orderentry-footer > li {
	color: #3f9dd1;
	padding-left: 20px;
}
.order-pad {
	padding-bottom: 0;
}
.orderentry-footer > li {
	padding-top: 5px;
}
.orderentry-footer > li.form {
	padding-top: 0;
}
.orderentry-footer > li.calculate {
	text-align: right;
}
.orderentry-footer > li.calculate i {
	margin-right: 0;
}
.orderentry-btn {
	text-align: right;
}
.block-info > li > div > span > strong {
	font-weight: normal;
	font-size: 12px;
}
@media (min-width: 768px) {
	.orderentry-footer > li {
		margin-bottom: 5px;
		margin-top: 5px;
	}
}
@media (max-width: 767px) {
	.block-info > li > div > span {
		font-size: 12px;
		font-weight: normal;
		letter-spacing: 0;
		padding: 1px 5px;
	}
}
@media (max-width: 1400px) {
	.orderentry label {
		font-size: 11px;
	}
}
@media (max-width: 1300px) {
	.block-info > li > div > span,
	.o-6 .block-info > li > div > span {
		font-size: 13px;
	}
}
@media (max-width: 979px) {}@media (max-width: 767px) {
	.orderentry .FloatButtons {
		float:none;
	}
	.orderentry .FloatButtons .btn {
		margin-bottom: 10px;
	}
}
@media (max-width: 477px) {}@media (max-width: 320px) {}


/* CSS Document */

.DetailsPage  h3{
color:#3F9CD0;
font-size:22px;
border-bottom:1px solid #CCCCCB;
padding-bottom: 10px;
}
.DetailsPage .GainersLosers .section{
margin-bottom:30px;	
}
.DetailsPage .section:last-child{
margin-bottom:0;	
}

/*.DetailsPage .tab-content{
padding-top:15px;
}*/



/* CSS Document */

a:hover{
text-decoration:none;	
}
a:focus {
    outline:none;
}
.IndexSummary{
font-family:Helvetica,Arial,sans-serif;
font-weight:bold;
}

.MainLastChange > div.bg-green{
background:#eaf7ef;
}
.MainLastChange > div.bg-blue{
background:#eaf5f7;
}
.MainLastChange > div.bg-red{
background:#f7eaec;
}
.MainLastChange > div{

padding:10px;

}

.MainLastChange  div p.Number{
color:#003366;
float: left;
font-size:17px;
display:inline-block;
margin:0;	
font-family:Helvetica,Arial,sans-serif;

	text-align: center;
	width: 100%
}
.MainLastChange  div p.Number span.new-red-arrow-md ,
.MainLastChange  div p.Number span.new-green-arrow-md,
.MainLastChange  div p.Number span.new-blue-arrow-md
{
display: inline-block;
    position: relative;
    top: 7px;
}


.MainLastChange > div > p.LongName{

float: left;
font-size:15px;

display:inline-block;
margin:0;	

}
.MainLastChange > div > i{
margin-left:10px;
top:5px;
	float: left;
}
.MainLastChange > div > i.blue-arrow-lg{
	top:-5px;
}


.ChangeDetails > ul > li{

}
 


.ChangeDetails > ul > li > p{
font-size:14px;
color:#282828;
margin:5px 0 0;
}

.ChangeDetails  ul li.SmallValues  p{
font-size:14px;
color:#282828;
margin:5px 0 0;
border-right: 1px dashed #CCC;
}
.ChangeDetails  ul li.SmallValues  p i.GreenArrow {
width: 12px;
	height: 12px;
	background-image: url(../img/Widgets/market-summery/green-sm.png);
	display: inline-block;
	margin-right: 3px;
}

.ChangeDetails  ul li.SmallValues  p i.RedArrow {
width: 12px;
	height: 12px;
	background-image: url(../img/Widgets/market-summery/red-sm.png);
	display: inline-block;
	margin-right: 3px;
}

.ChangeDetails  ul  li.SmallValues  p:last-child {
border-right-width: 0;
	
}
.ChangeDetails > ul > li > p > span{
display:block;
font-size:13px;
color:#3f9dd1;
max-width:100%;
overflow:hidden;
	text-align: center;
}
.ChangeDetails > ul > li > p > span:last-child {

text-align:center;
font-weight: normal;
color:#003366;
border-radius:4px;
padding:2px;

margin-top:2px;
}
.ChangeDetails > ul > li.col-md-6 > p.TOver{
padding-left:0;	
}
.ChangeDetails > ul > li.col-md-6 > p.TValue{
padding-left:0;    
}

.ChangeDetails > ul > li > p.TOver > span:first-child,
.ChangeDetails > ul > li > p.TValue > span:first-child{
    margin-top:3px;
}

.list-unstyled.ChangeDetails > ul {
    margin-top: 7px;
}
.WidgetsContainer > .col-sm-12 > .Widget .IndexSummary .MainLastChange.col-md-4{
border-right-width:0;	
}

.col-lg-12.MainLastChange > span{
 display: inline-block;
    position: relative;
    top: -5px;	 

}

@media screen and (max-width: 767px) {
.WidgetsContainer > .col-sm-12 > .Widget .IndexSummary .MainLastChange.col-md-4,
.WidgetsContainer > .col-md-8 > .Widget .IndexSummary .MainLastChange.col-md-4{
padding-right:15px;
padding-left:15px;	
}
.ChangeDetails > ul > li.col-md-6 > p.TOver{
padding-left:15px;	
}
.ChangeDetails > ul > li.col-md-6 > p.TValue{
padding-left:15px;    
}
.ChangeDetails > ul > li > p.TOver > span:last-child, .ChangeDetails > ul > li > p.TValue > span:last-child{
padding:2px;
}
}

@media (min-width: 768px) {
.WidgetsContainer > .col-sm-12 > .Widget .IndexSummary .MainLastChange.col-md-4,
.WidgetsContainer > .col-md-8 > .Widget .IndexSummary .MainLastChange.col-md-4{
padding-right:15px;
padding-left:15px;	
}
.ChangeDetails > ul > li > p.TOver > span:last-child, .ChangeDetails > ul > li > p.TValue > span:last-child{
padding:2px;
}
}
@media (min-width: 992px) {
.MainLastChange > span{
  display: inline-block;
  position: relative;
  top: -6px;
}


.MainLastChange{
border-right-width:0;	
}
.WidgetsContainer > .col-sm-12 > .Widget .IndexSummary .MainLastChange.col-md-4,
.WidgetsContainer > .col-md-8 > .Widget .IndexSummary .MainLastChange.col-md-4{
padding-right:0;
padding-left:30px;	
}
.ChangeDetails > ul > li > p.TOver > span:last-child, .ChangeDetails > ul > li > p.TValue > span:last-child{
padding:10px 2px;
}
}
@media (min-width: 1200px) {
.MainLastChange > span{
  display: block;
    top: 0;
}

.MainLastChange{
border-right-width:1px;	
}	
}
@media screen and (max-width: 600px) {

}
@media screen and (max-width: 400px) {
.MainLastChange > div > p{
font-size:22px;	
}
.MainLastChange > div > i{
margin-left:5px;	
}
}
@media (max-width: 1200px) {
.MainLastChange  div p.Number{

font-size:17px;

}
	.MainLastChange > div {
    padding: 10px 0;
}
}

@media (max-width: 979px) {}
@media (max-width: 767px) {}
@media (max-width: 477px) {}
@media (max-width: 320px) {}


/* CSS Document */

/*********************************************************************
 * General Css structure in the View Page *
*********************************************************************/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700);



.Indices ul {
	padding: 0px;
	margin: 0px;
}

li.IndicesRow{
	margin-bottom:5px;
	list-style: none;
}
li.IndicesRow:last-child{
margin-bottom:0;	
}

.IndicesRow > p {
	padding: 0px;
	margin: 0px;

}
.IndicesRow > span > p,
.IndicesRow > a > p {
	padding: 0px;
	margin: 0px;

}

.left-name{
	width:40%;
	text-align:left;
	float:left;
	overflow:hidden;
	height:18px
}

.left-name.Name,.left-name.Name a {
color: #003366;

}

.left-name.Desc{
color: #0077B3;
	font-size: 11px;
}

.Right-number{
	width:60%;
	text-align:right;
	float:right;



}

.Right-number.Number{
font-size:13px;
color: #003366;
}
.Right-number.Percentage{
color: #3F9DD1;
font-size:11px;
}
.Right-number.Percentage.Up{
color: #27AE60;
}
.Right-number.Percentage.Down{
color: #E74C3C;
}

.IndicesList .tab-content > .tab-pane > ul{
margin-top:0;
margin-bottom:0;	
}
.IndicesList .IndicesRow{
padding:5px 5px 5px 20px;	
font-size:11px;
}
/************************ The Break Points *********************************/

.ValueVolume .ValueAmount > .Number{
   color: #003366;
    font-family: "Roboto",sans-serif;
}
.ValueVolume .ValueAmount > img{
    position: relative;
    top: -1px;
    width: 13px;
}
.TopTabs .nav-tabs .dropdown-menu:before{
position:absolute;
top:-7px;
right:12px;
display:inline-block;
border-right:7px solid transparent;
border-bottom:7px solid #3f9dd1;
border-left:7px solid transparent;
border-bottom-color:rgba(0, 0, 0, 0.2);
content:''
}
.TopTabs .nav-tabs .dropdown-menu:after{
position:absolute;
top:-6px;
right:13px;
display:inline-block;
border-right:6px solid transparent;
border-bottom:6px solid #3f9dd1;
border-left:6px solid transparent;
content:'';
}

.IndicesList .list-unstyled li:nth-child(even) {background: #f9f9f9}

@media (max-width: 767px) {
.WidgetHead .text-flag.visible.market-col-8{
display:none;	
}
}
@media (max-width: 979px) {

.WidgetSection .WidgetsContainer .col-md-4{
margin-bottom: 20px;

}

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

.WidgetHead .market-col-4,
.WidgetHead .market-col-6{
display:none;	
}
}
@media (min-width:1200px){
.WidgetHead .market-col-6{
display:inline-block;	
}
}

/* Default styling for jQuery Calendars Picker v2.0.0. */
.calendars {
	background-color: #fff;
	color: #000;
	border: 1px solid #444;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    border-radius: 0.25em;
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 90%;
}
.calendars-rtl {
	direction: rtl;
}
.calendars-popup {
    position: relative;
	z-index: 100000;
}
.calendars-disable {
	position: absolute;
	z-index: 100;
	background-color: white;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.calendars a {
	color: #fff;
	text-decoration: none;
}
.calendars a.calendars-disabled {
	color: #888;
	cursor: auto;
}
.calendars button {
    margin: 0.25em;
    padding: 0.125em 0em;
    background-color: #fcc;
    border: none;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    border-radius: 0.25em;
    font-weight: bold;
}
.calendars-nav, .calendars-ctrl {
	float: left;
	width: 100%;
	background-color: #000;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
}
.calendars-ctrl {
	background-color: #600;
}
.calendars-cmd {
	width: 30%;
}
.calendars-cmd:hover {
	background-color: #777;
}
.calendars-ctrl .calendars-cmd:hover {
	background-color: #f08080;
}
.calendars-cmd-prevJump, .calendars-cmd-nextJump {
	width: 8%;
}
a.calendars-cmd {
	height: 1.5em;
}
button.calendars-cmd {
	text-align: center;
}
.calendars-cmd-prev, .calendars-cmd-prevJump, .calendars-cmd-clear {
	float: left;
	padding-left: 2%;
}
.calendars-cmd-current, .calendars-cmd-today {
	float: left;
	width: 35%;
	text-align: center;
}
.calendars-cmd-next, .calendars-cmd-nextJump, .calendars-cmd-close {
	float: right;
	padding-right: 2%;
	text-align: right;
}
.calendars-rtl .calendars-cmd-prev, .calendars-rtl .calendars-cmd-prevJump,
.calendars-rtl .calendars-cmd-clear {
	float: right;
	padding-left: 0%;
	padding-right: 2%;
	text-align: right;
}
.calendars-rtl .calendars-cmd-current, .calendars-rtl .calendars-cmd-today {
	float: right;
}
.calendars-rtl .calendars-cmd-next, .calendars-rtl .calendars-cmd-nextJump,
.calendars-rtl .calendars-cmd-close {
	float: left;
	padding-left: 2%;
	padding-right: 0%;
	text-align: left;
}
.calendars-month-nav {
	float: left;
	background-color: #777;
	text-align: center;
}
.calendars-month-nav div {
	float: left;
	width: 12.5%;
	margin: 1%;
	padding: 1%;
}
.calendars-month-nav span {
	color: #888;
}
.calendars-month-row {
	clear: left;
}
.calendars-month {
	float: left;
	width: 15em;
	border: 1px solid #444;
	text-align: center;
}
.calendars-month-header, .calendars-month-header select, .calendars-month-header input {
	height: 1.5em;
	background-color: #444;
	color: #fff;
	font-weight: bold;
}
.calendars-month-header select, .calendars-month-header input {
	height: 1.4em;
	border: none;
}
.calendars-month-header input {
	position: absolute;
	display: none;
}
.calendars-month table {
	width: 100%;
	border-collapse: collapse;
}
.calendars-month thead {
	border-bottom: 1px solid #aaa;
}
.calendars-month th, .calendars-month td {
	margin: 0em;
	padding: 0em;
	font-weight: normal;
	text-align: center;
}
.calendars-month th {
	border: 1px solid #777;
}
.calendars-month th, .calendars-month th a {
	background-color: #777;
	color: #fff;
}
.calendars-month td {
	background-color: #eee;
	border: 1px solid #aaa;
}
.calendars-month td.calendars-week {
	border: 1px solid #777;
}
.calendars-month td.calendars-week * {
	background-color: #777;
	color: #fff;
	border: none;
}
.calendars-month a {
	display: block;
	width: 100%;
	padding: 0.125em 0em;
	background-color: #eee;
	color: #000;
	text-decoration: none;
}
.calendars-month span {
	display: block;
	width: 100%;
	padding: 0.125em 0em;
}
.calendars-month td span {
	color: #888;
}
.calendars-month td .calendars-other-month {
	background-color: #fff;
}
.calendars-month td .calendars-weekend {
	background-color: #ddd;
}
.calendars-month td .calendars-today {
	background-color: #f0c0c0;
}
.calendars-month td .calendars-highlight {
	background-color: #f08080;
}
.calendars-month td .calendars-selected {
	background-color: #777;
	color: #fff;
}
.calendars-month th.calendars-week {
	background-color: #777;
	color: #fff;
}
.calendars-status {
	clear: both;
	background-color: #ddd;
	text-align: center;
}
.calendars-clear-fix {
	clear: both;
}



	.LoginWidget{
	box-shadow:0 2px 5px rgba(105, 108, 109, 0.7), 0 0 8px 5px rgba(208, 223, 226, 0.4) inset;
	padding:0px 20px;
	}
	.LoginWidget .WidgetContent {
	margin-top: 0;
	}

  

.LoginWidget p.Hint{
     color: #b3b3b3;
    font-size: 12px;
    font-weight: normal;
    height: 19px;
    margin: 0;
}
.LoginWidget  p.Hint a {
 color: #005D8C;
	font-size: 11px;
}

	.LoginWidget .title h1{
	    font-size: 20px;
    height: 40px;
    line-height: 31px;
    margin-bottom: 1px;
	}

.LoginWidget.Inforced .title h1{

    margin-bottom: 20px;
	margin-top: 20px;
	}

.LoginWidget.Inforced .form-group {
margin-bottom: 15px;
}

.LoginWidget .nano.nano-200  {
height: 200px;
	}

.LoginWidget .nano  {
height: 400px;
	}

.col-centered {
	float: none;
	margin: 0 auto;
}

.LoginWidget .ErrorInputMessage{
  font-size: 13px;
    height: 17px;
    line-height: 16px;
    margin: 0;
	}
	.LoginWidget .title h1::after {
		
	 background: -webkit-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%);
    background: -webkit-gradient(left center , rgba(147, 184, 189, 0) 0%, rgba(147, 184, 189, 0.8) 20%, rgba(147, 184, 189, 1) 53%, rgba(147, 184, 189, 0.8) 79%, rgba(147, 184, 189, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
		
    background: -webkit-linear-gradient(left center , rgba(147, 184, 189, 0) 0%, rgba(147, 184, 189, 0.8) 20%, rgba(147, 184, 189, 1) 53%, rgba(147, 184, 189, 0.8) 79%, rgba(147, 184, 189, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
		
    background: -moz-linear-gradient(left center , rgba(147, 184, 189, 0) 0%, rgba(147, 184, 189, 0.8) 20%, rgba(147, 184, 189, 1) 53%, rgba(147, 184, 189, 0.8) 79%, rgba(147, 184, 189, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: " ";
    display: block;
    height: 2px;
    margin-top: 2px;
		margin-bottom: 0;
    width: 100%;
}

.LoginWidget .form-group {
position:relative;
}
	.Widget .title h1{
	  color: rgb(6, 106, 117);
    font-family: "Arial Narrow",Arial,sans-serif;
    font-size: 23;
    font-weight: bold;
    padding: 2px 0px 2px;
    text-align: center;
	text-shadow: 2px 0px 1px #7f7f7f;
		margin-top: 0px;
	}
	
.Widget .LoginForm .form-control{
	padding-left: 30px;
	}
	
.Widget .form-group .SmallIocn {
	position: absolute;
		left: 10px;
		top: 6px;
		width: 10px;
		height: 10px;
		color: #6A9FAB;
	}
.LoginWidget .btn:hover, .btn:focus, .btn.focus {
    color: #fff;
    text-decoration: none;
}




@media (max-width: 1200px) {}
@media (max-width: 979px) {
	
	.CancelButton {
	margin-top: 0px;
}

}
@media (max-width: 767px) {
.CancelButton {
	margin-top: 0 !important;
	}
}
@media (max-width: 477px) {}
@media (max-width: 320px) {}

.Gain {
    color: red;
}

.Loss {
    color: green;
}

.NoChange {
    color: blue;
}

.UpDirection {
    background: url("../img/Arrows/small-up.png");
    height: 20px;
    width: 20px;
}

.DownDirection {
    background: url("../img/Arrows/small-down.png");
    height: 20px;
    width: 20px;
}

.NoDirection {
    background: url("../img/Arrows/small-down.png");
    height: 20px;
    width: 20px;
}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;

    -moz-animation-name: blinker;
    -moz-animation-duration: 0.7s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;

    animation-name: blinker;
    animation-duration: 0.7s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
}

@-moz-keyframes blinker {
    0% {
        background: #ffff00;
    }
    99% {
        background: #ffff00;
    }
    100% {
        background: inherit;
    }
}

@-webkit-keyframes blinker {
    0% {
        background: #ffff00;
    }
    99% {
        background: #ffff00;
    }
    100% {
        background: inherit;
    }
}

@keyframes blinker {
    0% {
        background: #ffff00;
    }
    99% {
        background: #ffff00;
    }
    100% {
        background: inherit;
    }
}

.register-panel .panel-heading{
	padding: 15px 50px
}
.register-panel .panel-body{
	padding: 15px 50px
}
.register-panel .panel-body .row{
	padding-top: 5px;
	padding-bottom: 5px;
}

.market-container{
    padding: 10px 150px;
}
.market-container .panel .panel-heading{
    padding: 15px 30px;
}
.market-container .panel .panel-body{
    padding: 15px 30px;
}
.market-container .panel .panel-body .row{
    padding: 8px 0;
}
.market-container .panel .panel-body .control-btn .btn{
    min-width: 100px;
    margin-top: 5px;
}

.actions-btns button {
    padding: 5px 10px;
    margin: 10px 5px 10px 0px;
    min-width: 90px;
}
.inactive-section .upload .form-upload {
	margin-bottom: 10px;
}
.inactive-section .upload .form-upload  input {
	border-radius:  5px;
	padding-left: 15px;
	
}

.inactive-section .upload .form-upload button {
	padding: 6px 15px;
    margin: 0px 5px;
   }

.widget-read-only{
    pointer-events: none;

/*       pointer-events: none; */
}
.loader-style {
	display: flex !important;
    justify-content: center !important;
    align-items: center;
    min-height : 50vh;
}
.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

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


.delete-file-link, .download-file-link {
    border: 1px solid #ddd;
    text-align: center;
    border-radius: 5px;
    padding: 4px 1px;
    margin-right: 8px;
}
.delete-file-icon, .download-file-icon {	
    margin: 0;
    text-align: center;
    margin-left: 4px;
}

.header-content{
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.language.form-group {
	margin-bottom: 0;
}
.lang-link {
	color: #fff;
	padding: 0 8px;
}

























@charset "utf-8";
/* CSS Document */
.summary-new.green-border{
border-left:10px solid #27ae61;
}
.summary-new.red-border{
border-left:10px solid #ec6a5c;	
}
.summary-new.gray-border{
border-left:10px solid #e0e0e0;	
}
.summary-new.yellow-border{
border-left:10px solid #EFC164;		
}
.summary-new {
    color: #333;
   
    padding-bottom: 4px;
    padding-top: 3px;
}
.total{
padding-left:15px;	
}
.total > h2 {
    color: #6f7b87;
    font-size: 0.85em;
    margin: 3px 0 0;
    overflow: hidden;
    white-space: nowrap;
}
.total > p {
    font-size: 1.2em;
    line-height: 15px;
    margin-bottom: 0;
    margin-top: 6px;
}
.total > span {
    font-size: 0.85em;
    font-weight: bold;
}
.details-info {
    font-size: 0.75em;
    margin: 2px 0 0;
}
.details-info > li > p {
    line-height: 13px;
    margin-bottom: 2px;
}
.details-info > li > p:last-child{
margin-bottom:0;	
}
.details-info > li > p > span {
    color: #afafaf;
    display: block;
    font-size: 0.9em;
}
.details-info > li > p > span:last-child{
color:#333;
font-size: 1em;	
}
.summary-new .market-status{
position:absolute;	
top:0;
right:0;
z-index:1;
background: #f3f3f3 ;
height:100%;
}
.summary-new .market-status{
opacity:0;
  transition:opacity 0.2s linear;
}
.summary-new:hover .market-status{
opacity:1;	
}
.market-status > ul > li {
    padding:5px;
}
.market-status > ul > li > a{
color:#ccc;	
}
.market-status > ul > li > a > i{
margin:0;	
}
.summary-new .market-status .dropdown-menu{
min-width:0;
padding:0;
left: -5px;	
}
.summary-new .market-status  a{
color:#ccc;	
}
.summary-new .market-status .dropdown-menu a{
  padding: 7px 5px ;	
	}
.summary-new .market-status .dropdown-menu a i{
float:none;
margin:0;
	
}
.summary-new .market-status .dropdown-menu:before{
position:absolute;
top:-7px;
right:4px;
display:inline-block;
border-right:7px solid transparent;
border-bottom:7px solid #fff;
border-left:7px solid transparent;
border-bottom-color:rgba(0, 0, 0, 0.2);
content:''
}
.summary-new .market-status .dropdown-menu:after{
position:absolute;
top:-6px;
right:5px;
display:inline-block;
border-right:6px solid transparent;
border-bottom:6px solid #fff;
border-left:6px solid transparent;
content:'';
}
.total > span.title-bar{
font-size: 0.7em;
    font-weight: normal;
}
.delayed{
cursor:default;	
}
.tooltip{
white-space:nowrap;	
}
.tooltip.left {
    margin-left: -30px !important;
	margin-top:8px;

}
.tooltip.left .tooltip-arrow{
margin-top:-12px;	
}
.tooltip-inner {
max-width: none;
white-space: nowrap;
}
@media screen and (max-width: 767px) {
.index .total > p{
display:inline-block;	
}
}
@media (min-width: 768px) {
.index .total > p{
display:block;	
}
}

@media (min-width: 992px) {
	.total{
padding-left:5px;	
}
.index .total > p{
display:inline-block;	
}
}
@media (min-width:1200px){
	.total{
padding-left:15px;	
}
.index .total > p{
display:block;	
}
}
.summary-new  .makretstatusNameYellow {
    font-size: 0.99em;
    color:#EFC164;
}
.summary-new .makretstatusGreen {
    font-size: 0.99em;
    color:#27ae61;
}
.summary-new .makretstatusNameRed {
    font-size: 0.99em;
    color:#ec6a5c;
}


/* CSS Document */

.WidgetContent{
font-family:Verdana, Geneva, sans-serif;	
}
.market-list .list-container > .market-icon > i{
background:url(../img/Widgets/etrade-plus/TTouch_sprite.png) no-repeat transparent;
display:inline-block;	
}
.market-list .mCSB_container{
overflow:visible;	
}
.market-list .list-container{
padding-left:47px;
position:relative;
min-height:45px;
border-bottom:1px solid #e6e6e6;
background:#fff;	
}
.market-list .list-container > .market-icon{
position:absolute;
top:0;
left:1px;
width:47px;
height:45px;
border-right:1px solid #e6e6e6;
}
.market-list .list-container > .market-icon > i{
background-position:0 0;
display:block;	
width:36px;
height:30px;
margin:5px auto 0;
}
.list-container .dropdown > a{
display:block;
font-family: "Droid Sans", sans-serif;
font-size:19px;
color:#0088cc;

}
.list-container .dropdown > a > span:first-child{
padding:9px 10px;
display:inline-block;
text-shadow: 0 0 1px rgba(0, 136, 204, 0.4);	
}
.list-container .dropdown > a > span > span.arrow-down{
height:45px;
border-left:1px solid #e6e6e6;
width:47px;
text-align:center;	
display:inline-block;
}
.list-container .dropdown > a > span > span.arrow-down .caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid;
    color: #d4d4d4;
	margin-top: 15px;
}
.list-container .dropdown > a > span > span.market-state{
color: #aeadad;
    display: inline-block;
    font-size: 12px;
    padding: 0 7px;
    position: relative;
    top: 5px;
	letter-spacing: 1px;
}
.market-state .clock{

top:2px	;
margin-right:5px;	
}

.list-container .dropdown > .dropdown-menu{
width:100%;
border-radius:0;
border-color:#e9e9e9;
box-shadow:none;
padding:0;
margin:0;	
}
.list-container .dropdown > .dropdown-menu > li {
box-shadow: none;
border-bottom:1px solid #e6e6e6;
}
.list-container .dropdown > .dropdown-menu > li a{
display:block;	
padding:10px 0;
text-shadow:none;
color:#313131;
}
.list-container .dropdown > .dropdown-menu > li > a:hover {
	background-color: #fafafa;
	background-image:none;
	color: #313131 !important;
}

.stock-name{
font-size:16px;
color:#313131;
line-height:22px;	
}
.stock-name > span{
font-size:13px;
color:#6c6d6d;	
}
.stock-change{
text-align:right;	
}
.last-change{
color:#000;
font-family:Arial, Helvetica, sans-serif;	
}
.stock-change .last-change{
font-size:15px;
line-height:22px;
display:inline-block;
margin-bottom:0;	
}
.stock-change .last-change > span{
font-size:13px;	
position:relative;
top:-1px;
}
.stock-change .clock{
top:2px;	
}


/*Markets list in parent col-md-6*/
.WidgetsContainer > .col-md-6 .stock-name > span,
.WidgetsContainer > .col-md-6 .stock-change .last-change > span {
display:block;
}
.WidgetsContainer > .col-md-6 .stock-change .clock {
    top: -20px;
}
.WidgetsContainer > .col-md-6 .list-container .dropdown > a{
   font-size: 17px;
}
.WidgetsContainer > .col-md-6 .list-container .dropdown > a > span:first-child{
padding:9px 7px;
}

@media screen and (max-width: 767px) {
.stock-change {
    margin-top: 10px;
    padding-left: 32px;
    text-align: left;
}
}

@media (min-width: 768px) {
/*Markets list in parent col-md-6*/
.WidgetsContainer > .col-md-6 .stock-name > span,
.WidgetsContainer > .col-md-6 .stock-change .last-change > span {
display:inline-block;
}
.WidgetsContainer > .col-md-6 .stock-change .clock {
    top: 2px;
}
.WidgetsContainer > .col-md-6 .list-container .dropdown > a{
   font-size: 19px;
}
.WidgetsContainer > .col-md-6 .list-container .dropdown > a > span:first-child{
padding:9px 10px;
}
.WidgetsContainer > .col-md-6 .market-state > span{
display:inline-block;	
}
.WidgetsContainer > .col-md-6 .list-container .dropdown > a > span > span.market-state{
padding:0 7px;	
}
.market-state .clock {
    margin-right: 5px;
    top: 2px;
}
}
@media (min-width: 992px) {

/*Markets list in parent col-md-6*/
.WidgetsContainer > .col-md-6 .stock-name > span,
.WidgetsContainer > .col-md-6 .stock-change .last-change > span {
display:block;
}
.WidgetsContainer > .col-md-6 .stock-change .clock {
    top: -20px;
}
.WidgetsContainer > .col-md-6 .list-container .dropdown > a{
   font-size: 17px;
}
.WidgetsContainer > .col-md-6 .list-container .dropdown > a > span:first-child{
padding:9px 7px;
}
.WidgetsContainer > .col-md-6 .market-state > span{
display:none;	
}
.WidgetsContainer > .col-md-6 .list-container .dropdown > a > span > span.market-state{
padding:0;	
}
.market-state .clock {
    margin-right: 5px;
    top: 5px;
}
}
@media (min-width: 1200px) {

/*Markets list in parent col-md-6*/
.WidgetsContainer > .col-md-6 .stock-name > span,
.WidgetsContainer > .col-md-6 .stock-change .last-change > span {
display:inline-block;
}
.WidgetsContainer > .col-md-6 .stock-change .clock {
    top: 2px;
}
.WidgetsContainer > .col-md-6 .list-container .dropdown > a{
   font-size: 19px;
}
.WidgetsContainer > .col-md-6 .list-container .dropdown > a > span:first-child{
padding:9px 10px;
}
.WidgetsContainer > .col-md-6 .market-state > span{
display:inline-block;	
}
.WidgetsContainer > .col-md-6 .list-container .dropdown > a > span > span.market-state{
padding:0 7px;	
}
.market-state .clock {
    margin-right: 5px;
    top: 5px;
}
}
@media screen and (max-width: 400px) {
.stock-change{
padding-left:15px;	
}
.stock-name > span{
display:block;	
}
.market-icon{
display:none;	
}
.market-list .list-container{
padding-left:0;	
}
}


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

.symbol-Quote .MarketSummary{
font-family:Arial, Helvetica, sans-serif;	
font-weight:bold;
}
.symbol-Quote .MainLastChange{
text-align:center;
}
.symbol-Quote .MainLastChange > div.bg-green{
background:#eaf7ef;
}
.symbol-Quote .MainLastChange > div.bg-blue{
background:#eaf5f7;
}
.symbol-Quote .MainLastChange > div.bg-red{
background:#f7eaec;
}
.symbol-Quote .MainLastChange > div{
border-radius:6px;	
padding:10px;

}


.symbol-Quote .MainLastChange > div > i{
margin-left:10px;
top:5px;	
}
.symbol-Quote .MainLastChange > div > i.blue-arrow-lg{
	top:-5px;
}
.symbol-Quote .MainLastChange > div > p > span {
    display: block;
    font-size: 17px;
}
.symbol-Quote .ChangeDetails > ul > li{
margin-bottom:3px;
}
.symbol-Quote .ChangeDetails > ul > li:last-child{
margin-bottom:0;	
}
.symbol-Quote .ChangeDetails > ul > li > p{
font-size:14px;
color:#282828;
margin:5px 0 0;
padding-right:0;
}
.symbol-Quote .ChangeDetails > ul > li > p:first-child{
padding-left:0;	
}
.symbol-Quote .ChangeDetails > ul > li > p > span{
display:inline-block;
font-size:12px;
color:#3F9DD1;
max-width:100%;
overflow:hidden;
font-weight:normal;
}
.symbol-Quote .ChangeDetails > ul > li > p > span:last-child{
text-align:left;
color:#003366 ;
border-radius:4px;
padding:0 5px;
font-size:12px;

}
.symbol-Quote .ChangeDetails > ul > li.col-md-6 > p.TOver{
padding-left:0;	
}
.symbol-Quote .ChangeDetails > ul > li.col-md-6 > p.TValue{
padding-left:0;    
}

.symbol-Quote .ChangeDetails > ul > li > p.TOver > span:first-child,
.symbol-Quote .ChangeDetails > ul > li > p.TValue > span:first-child{
    margin-top:3px;
}

.symbol-Quote .list-unstyled.ChangeDetails > ul {
    margin-top: 7px;
}
.WidgetsContainer > .col-sm-12 > .Widget .MarketSummary .MainLastChange.col-md-4{
border-right-width:0;	
}

.col-lg-12.MainLastChange > span{
 display: inline-block;
    position: relative;
    top: -5px;	 

}
.symbol-Quote .MarketSummary .nano.nano-200 > .nano-content{
padding-left:0;	
}
/****************************Symbol quote */



.symbol-Quote .MainLastChange > div span.Trades{
display:inline-block;
font-size:12px;
font-weight:normal;	
}

.symbol-Quote .MainLastChange > div span.Trades >span{
display:inline-block;
font-size:11px;	
color:#3f9dd1;
}
.symbol-Quote  .ChangeDetails > ul > li.focus > p > span:last-child{
font-size:16px;
}
.symbol-Quote  .ChangeDetails > ul{
margin-bottom:0;	
}
/*Symbol Quote */
.symbol-Quote .MainLastChange > div > p > span{
display:inline-block	
}
.symbol-Quote .MainLastChange > div {
    padding:0px 10px 3px;
}
.symbol-Quote .ChangeDetails > ul > li{
	margin-bottom:0;
	border-left:1px dashed #ddd;
}
.symbol-Quote .ChangeDetails > ul > li:first-child{
border-left-width:0;	
}
.symbol-Quote .ChangeDetails > ul > li.best-num > p > span{
display:inline-block;	
}
.symbol-Quote .ChangeDetails > ul > li.best-num > p{
text-align:center;	
}
.symbol-Quote-new .info-num{
margin-bottom:0;	
}
.symbol-Quote-new .total-num{
margin-bottom:5px;	
}
.symbol-Quote-new .info-num > li{
font-size:11px;
color:#3f9dd1;
border-bottom:1px solid #e8e8ea;
border-left:1px solid #e8e8ea;	
}
.symbol-Quote-new .info-num > li > span{
display:block;
color:#353d62;
font-size:11px;	
}

.symbol-Quote-new .total-num > li{
font-size:14px;
color:#003366;
line-height:16px;
}
.symbol-Quote-new .total-num > li > span{
display:block;
font-size:11px;
color:#3f9dd1;
}
.symbol-Quote-new .total-num > li:first-child > span{
font-weight:bold;
font-size:12px;
}
.symbol-Quote-new .total-num > li:first-child > span:last-child{
font-weight:normal;
font-size:11px;	
}

@media screen and (max-width: 767px) {
.WidgetsContainer > .col-sm-12 > .Widget .MarketSummary .MainLastChange.col-md-4,
.WidgetsContainer > .col-md-8 > .Widget .MarketSummary .MainLastChange.col-md-4{
padding-right:15px;
padding-left:15px;	
}
.symbol-Quote .ChangeDetails > ul > li.col-md-6 > p.TOver{
padding-left:15px;	
}
.symbol-Quote .ChangeDetails > ul > li.col-md-6 > p.TValue{
padding-left:15px;    
}
.symbol-Quote .ChangeDetails > ul > li > p.TOver > span:last-child, .ChangeDetails > ul > li > p.TValue > span:last-child{
padding:2px;
}


.symbol-Quote .ChangeDetails > ul > li > p > span{
display:inline-block;	
}
.symbol-Quote .ChangeDetails > ul > li {
    border-left: 0 dashed #ddd;
}

.symbol-Quote .ChangeDetails > ul > li:last-child > p:last-child{
padding-left:5px;	
}
.symbol-Quote .ChangeDetails > ul > li.best-num > p{
text-align:left;	
}
.symbol-Quote .ChangeDetails > ul > li > p{
margin:0;	
}

.symbol-Quote .ChangeDetails > ul > li.MainLastChange{
margin-bottom:5px;	
}
.symbol-Quote .ChangeDetails > ul > li > p > span:last-child{
font-weight:normal;	
 font-size: 12px;
 float:right;
}
.symbol-Quote-new .total-num > li:first-child > span{
display:inline-block;	
}
.symbol-Quote-new .total-num > li:first-child{
margin-bottom:10px;	
}

.symbol-Quote-new .info-num > li:nth-child(11),
.symbol-Quote-new .info-num > li:nth-child(12){
border-bottom-width:0;
}

.symbol-Quote-new .info-num > li:nth-child(odd){
border-left-width:0;
}
}

@media (min-width: 768px) {
.WidgetsContainer > .col-sm-12 > .Widget .MarketSummary .MainLastChange.col-md-4,
.WidgetsContainer > .col-md-8 > .Widget .MarketSummary .MainLastChange.col-md-4{
padding-right:15px;
padding-left:15px;	
}
.symbol-Quote .ChangeDetails > ul > li > p.TOver > span:last-child, .ChangeDetails > ul > li > p.TValue > span:last-child{
padding:2px;
}
.symbol-Quote .ChangeDetails > ul > li.focus > p > span:last-child {
    font-size: 18px;
    padding: 5px 10px;
}
.symbol-Quote .MainLastChange > div {
    padding: 5px 10px;
}
.symbol-Quote-new .info-num > li:nth-child(9),
.symbol-Quote-new .info-num > li:nth-child(10),
.symbol-Quote-new .info-num > li:nth-child(11),
.symbol-Quote-new .info-num > li:nth-child(12){
border-bottom-width:0;
}
.symbol-Quote-new .info-num > li:nth-child(1),
.symbol-Quote-new .info-num > li:nth-child(5),
.symbol-Quote-new .info-num > li:nth-child(9){
border-left-width:0;
}
}
@media (min-width: 992px) {
.symbol-Quote .MainLastChange > span{
  display: inline-block;
    position: relative;
    top: -6px;
}


.symbol-Quote .MainLastChange{
border-right-width:0;	
}
.WidgetsContainer > .col-sm-12 > .Widget .MarketSummary .MainLastChange.col-md-4,
.WidgetsContainer > .col-md-8 > .Widget .MarketSummary .MainLastChange.col-md-4{
padding-right:0;
padding-left:30px;	
}
.symbol-Quote .ChangeDetails > ul > li > p.TOver > span:last-child, .symbol-Quote .ChangeDetails > ul > li > p.TValue > span:last-child{
padding:10px 2px;
}

.best-offer p {
display:inline-block;
}
.best-offer p > span{
display:inline-block	
}
.symbol-Quote .ChangeDetails > ul > li.focus > p > span:last-child {
    font-size: 16px;
    padding: 2px 5px;
	float:right;
}
.MainLastChange > div {
    padding:1px;
}

.symbol-Quote .ChangeDetails > ul > li > p > span{
display:inline-block;	
}
.symbol-Quote .ChangeDetails > ul > li {
    border-left: 0 dashed #ddd;
}

.symbol-Quote .ChangeDetails > ul:last-child > li:last-child > p{
display:inline-block;
width:50%	;
float:left;
}
.symbol-Quote .ChangeDetails > ul > li:last-child > p:last-child{
padding-left:5px;	
}
.symbol-Quote .ChangeDetails > ul > li.best-num > p{
text-align:left;	
}
.symbol-Quote .ChangeDetails > ul > li > p{
margin:0;	
}

.symbol-Quote .ChangeDetails > ul > li.MainLastChange{
margin-bottom:5px;	
}
.symbol-Quote .ChangeDetails > ul > li > p > span:last-child{
font-weight:normal;	
 font-size: 12px;
}
.symbol-Quote-new .total-num > li:first-child > span{
display:inline-block;	
}
.symbol-Quote-new .total-num > li:first-child{
margin-bottom:10px;	
}
.symbol-Quote-new .info-num > li:nth-child(9){
border-bottom-width:1px;
}

.symbol-Quote-new .info-num > li:nth-child(5),
.symbol-Quote-new .info-num > li:nth-child(9){
border-left-width:1px;
}

.symbol-Quote-new .info-num > li:nth-child(10),
.symbol-Quote-new .info-num > li:nth-child(11),
.symbol-Quote-new .info-num > li:nth-child(12){
border-bottom-width:0;
}
.symbol-Quote-new .info-num > li:nth-child(1),
.symbol-Quote-new .info-num > li:nth-child(4),
.symbol-Quote-new .info-num > li:nth-child(7),
.symbol-Quote-new .info-num > li:nth-child(10){
border-left-width:0;
}
}
@media (min-width: 1200px) {
.MainLastChange > span{
  display: block;
    top: 0;
}

.MainLastChange{
border-right-width:1px;	
}
.symbol-Quote .ChangeDetails > ul > li.best-num > p > span {
    display: inline-block;
}

.symbol-Quote .ChangeDetails > ul > li {
    border-left: 1px dashed #ddd;
}

.symbol-Quote .ChangeDetails > ul > li:last-child > p:last-child{
padding-left:0;	
}
.symbol-Quote .ChangeDetails > ul > li.best-num > p{
text-align:center;	
}

.symbol-Quote .ChangeDetails > ul > li > p{
margin:3px 0 0;	
}
.symbol-Quote .ChangeDetails > ul > li.MainLastChange{
margin-bottom:0;	
}
.symbol-Quote .ChangeDetails > ul > li > p > span:last-child{
font-weight:normal;
 font-size: 13px;	
 float:none;
}

.symbol-Quote-new .total-num > li:first-child > span{
display:block;	
}
.symbol-Quote-new .total-num > li:first-child{
margin-bottom:0;	
}

.symbol-Quote-new .info-num > li:nth-child(4),
.symbol-Quote-new .info-num > li:nth-child(7),
.symbol-Quote-new .info-num > li:nth-child(10){
border-left-width:1px;	
}
.symbol-Quote-new .info-num > li:nth-child(9),
.symbol-Quote-new .info-num > li:nth-child(10),
.symbol-Quote-new .info-num > li:nth-child(11),
.symbol-Quote-new .info-num > li:nth-child(12){
border-bottom-width:0;
}
.symbol-Quote-new .info-num > li:nth-child(1),
.symbol-Quote-new .info-num > li:nth-child(5),
.symbol-Quote-new .info-num > li:nth-child(9){
border-left-width:0;
}
}
@media screen and (max-width: 600px) {

}
@media screen and (max-width: 400px) {
.MainLastChange > div > p{
font-size:22px;	
}
.MainLastChange > div > i{
margin-left:5px;	
}
}

.MainLastChange .makretstatusNameYellow{
    font-size: 12px;
    color:#EFC164;
}
.MainLastChange  .makretstatusGreen{
    font-size: 12px;
    color:#27ae61;
}
.MainLastChange .makretstatusNameRed{
    font-size: 12px;
    color:#ec6a5c;
}



/** initial setup **/

@media (min-width: 992px) {
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {

}

.nano > .nano-content::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
.nano > .nano-pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
}




/* CSS Document */

.NewsSummery{

font-size:12px;	
}
.NewsSummery > ul{
margin-bottom:0;
margin-top: 5px;	
}
.NewsSummery > ul > li{
margin-bottom:10px;
	
}
.NewsSummery > ul > li > a{
  color: #003366;
    display: block;
	line-height: 20px;
	background:url(../img/Widgets/news/news-list-style.png) left 6px no-repeat transparent;
	padding-left:15px;
}

.NewsSummery > ul > li > a:hover{
color:#0088cc;	
}
.NewsSummery .MorNews{
text-align:right;	
}
.NewsSummery .MorNews > a{
width:29px;
height:28px;
background:url(../img/Widgets/news/more-news.png) no-repeat transparent;
display:inline-block;
}
/************************NEWS DETAILS**********************/
.news-details > h3,
.NewsDetails .news-list.nav-tabs > li > a,
.NewsDetails .panel-title > a {
    color: #00336a;
    font-size: 12px;
    line-height: 18px;
	margin:0;

}
.news-details > span.date,
.NewsDetails .news-list.nav-tabs > li > a > span.date,
.NewsDetails .panel-title > a > span.date{
color:#49a0e1;
font-size:11px;
margin-bottom:5px;	
display:block;
word-wrap: break-word;
font-weight:normal;
}
.news-details > p{
    color: #333;
    font-size: 12px;
    line-height: 20px;
	margin-bottom:0;
}
.news-actions{
text-align:right;	
}
.news-actions > li{
display:inline;
}
.news-actions > li > a{
display: inline-block;
background:url(../img/Widgets/news/news-details.png) no-repeat transparent;
width:31px;
height:31px;	
}
.news-actions > li > a.share{
background-position:0 0;	
}
.news-actions > li > a.news-alert{
background-position:-31px 0;	
}
.news-actions > li > a.watchlist{
background-position:-63px 0;	
}
.news-actions > li > a.carousel-control.left {
    background-image: none;
    background-repeat: no-repeat;
	background-color:#3f9dd1;
}
.news-actions > li > a.carousel-control {
  border-radius: 5px;
    color: #fff;
    font-size: 20px;
    opacity: 1;
    text-shadow: -2px 3px 2px rgba(0, 0, 0, 0.3);
}
.news-actions > li > a.carousel-control > i {
    margin-right: 1px;
    opacity: 0.9;
    position: relative;
    top: -2px;
}

.NewsDetails .news-list.nav-tabs {
border:0;
margin-top:5px;
}
.NewsDetails .news-list.nav-tabs > li{
margin:0;
float:none;
}

.NewsDetails .news-list.nav-tabs > li > a {
    border: 1px solid transparent;
    border-radius: 0;
    padding:5px;
	border-width:0;
	border-bottom:1px solid #cccbcb;
	display:block;
	margin:0;
	font-size:13px;
	 
}
.NewsDetails .news-list.nav-tabs > li > a > span.date{
margin-bottom:0;
font-weight:normal;
}
.NewsDetails .news-list.nav-tabs > li.active > a,
.NewsDetails .news-list.nav-tabs > li.active > a:hover,
.NewsDetails .news-list.nav-tabs > li.active > a:focus{
background:#eee;	
}
.NewsDetails .news-actions {
    margin:5px 0 0;
    text-align: right;
}
.news-list-main {
background:url(../img/Widgets/news/shadow-bg.png) right top repeat-y;
}
.news-details-main{
border:1px solid #cccbcb;
padding:0 5px;
overflow:hidden;	
}
.news-list-main{
  padding-bottom: 1000px;
    margin-bottom: -1000px;	
}

.NewsDetails .news-list.nav-tabs > li:last-child > a{
border-bottom:0;	
}
.NewsDetails .alert {
    border-radius: 0;
    font-size: 12px;
    height: 33px;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 0 10px 5px;
}
.NewsDetails .panel-title > a:hover{
text-decoration:none;
}
.NewsDetails .panel-title > a > span.date{
margin-bottom:0;	
}
.NewsDetails .panel-group .panel{
border-radius:0;
margin-bottom:-6px;	
}
.NewsDetails .panel-heading{
padding:0;
}
.NewsDetails .panel-title > a {
    display: block;
    font-size: 12x;
    line-height: 18px;
    margin-bottom: 0;
    padding: 5px 10px;
}
.NewsDetails .panel-body .news-actions {
    margin-bottom: 0;
    margin-top: 0;
    text-align: right;
}
.NewsDetails .panel-body {
    padding: 5px 10px;
}
.news-details a.btn{
    font-size: 12px;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
    padding: 4px 7px;
}
.news-details a.btn > i{
font-size:12px;
margin-right:2px;	
}
.news-container{
padding-right:0;	
}
.news-details{
padding:0 5px;	
}
.news-btn{
margin-bottom:5px;	
}
.news-btn .btn{
   padding: 0;
}
.news-btn .btn.btn-default > a {
    display: block;
    padding: 3px 6px;
}
.news-btn .btn.btn-default .action > a{
	   display: block;
    padding: 3px 13px;
}
.news-actions-row{
background:#f7f5f5;
padding-top:5px;
border-bottom:1px solid #ddd;
margin-bottom:10px;
}
.modal-body.NewsDetails {
    padding: 0;
}
.modal-body.NewsDetails  .panel{
margin-bottom:0	;
padding-bottom:10px;
}

@media (min-width: 768px) {
.NewsSummery > ul > li.col-lg-4 > a{
    height: auto;
    overflow: visible;
	
}
}

@media (min-width: 992px) {
.NewsSummery > ul > li > a{
    height: auto;
    overflow: visible;
}
.NewsSummery > ul > li.col-lg-4 > a{
    height: 45px;
    overflow: hidden;
}
}

@media (min-width: 1200px) {
.NewsSummery > ul > li > a{
    height: 45px;
    overflow: hidden;
}
.WidgetsContainer > .col-md-4 > .Widget  .NewsSummery > ul > li > a{
    height: auto;
    overflow: visible;
}
}

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

}

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

}






/* CSS Document */
.order-basket table.CustomeGride.cell-border.fixed-col thead th:first-child{
padding-left:5px;	
}
.order-basket table.CustomeGride.cell-border tbody tr td:first-child{
text-align:left;	
}
.order-basket table.CustomeGride.cell-border.fixed-col .checkbox {
    margin-bottom:0;
    margin-top:0;
	  line-height: 15px;
	  
}
.order-basket table.CustomeGride.cell-border.fixed-col .checkbox label {
  min-height: 15px; 
}
.middle-text{
position:relative;
top:2px;		
}
 
.order-basket .grid-setting > a {
    left: 42px;
	
}.order-basket table.CustomeGride.cell-border.fixed-col thead th:nth-child(2){
padding-left:27px;	
}
.order-basket table.CustomeGride.cell-border.fixed-col td .checkbox{
 margin-top: 4px;	
}

.order-basket table.CustomeGride.cell-border.fixed-col .checkbox input[type="checkbox"]{
    margin-left: -16px;
}
.order-basket .btn-group{
margin-bottom:5px;
height: 34px;
overflow:hidden;
}
.order-basket .btn-group > .btn{
color:#337ab7;	
}
.order-basket .btn-group > .btn i{
margin:0;	
}
.basket-confirmation .table{
	margin-bottom:0;
}
.basket-confirmation .table-responsive {
    max-height: 800px;
    overflow-y: auto;
}


/* CSS Document */

.orders-list > .panel-body > h3{
 border-bottom: 1px solid #cdcccc;
    color: #3e9dd6;
    font-size: 21px;
    margin-top: 0;
    padding:5px 0 10px;
}
.orders-list > ul{
margin-bottom:0;	
}
.orders-list > ul > li{
position:relative;	
}
.orders-list > ul > li > .dropdown {
    margin-top: -8px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 45%;
    width: 20px;
}
.orders-list > ul > li > a {
    display: block;
    height: 63px;
    margin-right: 20px;
    overflow: hidden;
    padding: 8px 5px 12px 30px;
    position: relative;
    text-decoration: none;
}
.orders-list > ul > li > .dropdown  > a{
color: #ff6c00;	
}
.orders-list > ul > li > a > span.id-num{
	position:absolute;
	top:20px;
	left:-20px;
	letter-spacing:1px;
	background:#1c3664;
	color:#fff;
	padding:2px 6px 4px 5px;
	width:62px;
	height:23px;
	overflow:hidden;
-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);	
-ms-transform: rotate(-90deg); 

display:block;
font-size:12px;
text-align:center;	
}
.orders-list > ul > li > a > span.stock-name,
.orders-list > ul > li > a > span.indices-name{
  color: #003366;
    display: inline-block;
    float: left;
    font-size: 12px;
    overflow: hidden;
    width: 50%;

}
.orders-list > ul > li > a > span.stock-name > span, .orders-list > ul > li > a > span.indices-name > span {
    color: #0077b3;
    display: block;
    font-size: 11px;
    font-weight: normal;
}
.orders-list > ul > li > a > span.indices-name{
width:auto;
float:right;
text-align:right;	
}
.orders-list > ul > li > a span.buy,
.orders-list > ul > li > a > span.sell{
    border-radius: 4px;
    display: inline-block;
    font-size: 12px;
    position: relative;
    top: 8px;
}
.orders-list > ul > li.odd-row{
background:#ebf6fb;
}

.orders-list ul > li.odd-row .id-num{
background:#409dd1;	
}
.tab-pane.orders-list{
margin-top:10px;	
}

	
	.WidgetsContainer > .col-md-4 > .Widget > .IndicesList .TopTabs .nav-tabs > li > a{
	  font-size: 15px;

    padding: 0 4px;	
	}
.orders-list.per-Widget > .panel-body{
padding:0;
}
.orders-list > ul > li > a > .dropdown{
position:absolute;
right:5px;
top:5px;
}

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

.TopTabs .nav-tabs > li > a{
    font-size: 13px;
    padding: 0 5px;	
}
}

@media (max-width: 767px){
.TopTabs .nav-tabs > li > a{
    font-size: 15px;
    padding: 0 10px;
	}	
}
@media (min-width: 768px) {

}

@media (min-width: 992px) {

.WidgetsContainer > .col-md-4 > .Widget > .IndicesList .orders-list > ul > li > a > span.id-num {
    left: -31px;
    width: 85px;
}
.WidgetsContainer > .col-md-4 > .Widget > .IndicesList .orders-list > ul > li > a span.buy, .orders-list > ul > li > a > span.sell {
    margin: 5px 0;
    padding: 0;
    top: 0;
}
.WidgetsContainer > .col-md-4 > .Widget > .IndicesList .TopTabs .nav-tabs > li > a{
    font-size: 13px;
    padding: 0 5px;	
}	
}
@media (min-width: 1200px) {
	
}




/* *******The Portfolio Summery  **********/

.PortfolioWidget {
	font-family: Helvetica,Arial,sans-serif;
}

.PortfolioWidget ul.list-unstyled{
margin: 0;
    padding: 0;
}
.PortfolioWidget .title{
	text-align: center;
	color: #3f9dd1;
	font-size: 13px;
}

.PortfolioWidget .Numb {
	text-align: center;
	color: #003366;
	font-size: 17px;
	font-weight: bold;
	padding: 2px;
}
.PortfolioWidget .Numb.Big {
	font-size: 20px;
}

li.bg-blue{
background:#eaf5f7;
	padding: 5px 0; 
}

.PortfolioWidget ul.list-unstyled li.border {
  border-right: 1px dashed #ccc;
}
.PortfolioWidget .Gray{
text-align:center;
 color: #003366;
    font-size: 17px;
    font-weight: bold;
}
p.Gray {
    color: #3f9dd1;
    font-size: 11px;
    text-align: left;
    margin: 0px;
	font-weight: normal;

}
.PortfolioWidget .Positions P {
	 color: #3f9dd1;
    display: block;
    font-size: 13px;
	float: none;
	width: initial;
	padding: 0;
	text-align: left;
}

.blue {
	font-weight: bold;
}
/* ******* Portfolio accounts  **********/

.PortfolioAccounts .btn {
margin-top: 20px;
}

.PortfolioAccounts .title {
    color: #3f9dd1;
    font-size: 11px;
    text-align: left;
    margin: 0px;
}
.PortfolioAccounts .Numb.Big {
      font-size: 17px;
    background-color: inherit;
    border-width: 0px;
    padding: 0px 0 0 3px;
}
.PortfolioAccounts .Numb {
    color: #003366;
    font-size: 12px;
    margin: 0 0 4px;
}
.TextCenter {
text-align: center !important;
}
.PortfolioAccounts .bg-blue {
background: none repeat scroll 0 0 #eaf5f7;
    padding: 10px 0 0 0 ;
	margin-bottom: 10px;
	border-radius: 5px;

}

.PortfolioAccounts .panel-heading {
background-color: #FFF;
	border-width: 0px;
	padding: 5px ;
	font-size: 13px;
	color: #31708f;
	 border-bottom: 1px solid #ccc !important;
	
}

.PortfolioAccounts .panel {
   border-left-width: 0;
    border-radius: 0;
    border-right-width: 0;
    border-top-width: 0;
	
}

.PortfolioAccounts .panel-body {
padding: 5px 0;
	
}
.PortfolioAccounts .panel-heading .panel-title {

	border-width: 0px;
	padding: 5px ;
	font-size: 13px;
	
}

.panel-title span.FloatRight {
    float: right;
    padding-right: 28px;
}
.PortfolioAccounts .panel-heading .panel-title span.AccountName {
font-weight: bold;
	color:#003366;
}
.PortfolioAccounts .panel.active .panel-title.Multi > a {
    background: url("../img/Widgets/news/arrow-down.png") no-repeat scroll right -2px transparent;
}
.PortfolioAccounts  .panel-title.Multi > a {
    background: url("../img/Widgets/news/arrow-left.png") no-repeat scroll right -2px transparent;
    display: block;
}















.Accounts .CashAccountsWrapper{
	height: 15px;
	overflow-y: auto;
}

.Accounts .CashAccountsWrapper >.Gray{
	    margin-bottom: 5px;
}
.CashAccountsWrapper p.Value {
    color: #003366;
    font-size: 12px;
    margin: 0 0 4px;
}


.CashAccountsWrapper .panel-heading {
    padding: 5px 10px;
}

.panel a:hover, .panel a:focus{
text-decoration: none;
}

.CashAccountsWrapper .panel-heading a , .panel-heading .fa {
   font-size: 12px;
	color: #666666;
}

.panel-heading  > span , .panel-heading > span:hover {
   font-size: 14px;
	color: #666666;
	text-decoration: none;
}
.Positions {
margin-top: 5px;
}
.PortfolioWidget .Positions .BigTitle ,.PortfolioWidget .Accounts .BigTitle  {
	padding: 10px 0;
	font-size: 15px;
	letter-spacing: 1PX;
}


.PortfolioAccounts .Positions p.Value {
	text-align: left;
	border-radius: 4px;
	color: #003366;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: left;
	margin-top: 0px !important;
	margin-bottom: 13px;
}

.PortfolioAccounts .Positions p.Value.big {
background: none repeat scroll 0 0 #f0f0f0;
    font-size: 17px;
    text-align: center;
}



.PortfolioAccounts .Positions P.name {
    font-size: 13px;
}

.PortfolioAccounts .Positions P.name.Big {
    font-size: 13px;
	text-align: center;
	 margin-top: 8px;
}




.PortfolioAccounts > .DashBoard > span {
	background: none repeat scroll 0 0 #f0f0f0;
	border-radius: 4px;
	color: #3f9dd1;
	font-weight: normal;
	margin-top: 5px;
	padding: 2px;
	text-align: center;
}
.DashBoard {
	margin-top: 15px;
}
.DashBoard ul {
	padding: 0px;
	margin: 0px;
	text-align: center;
}
.DashBoard ul li {
	display: inline;
	list-style: none;
	
}
.btn-primary.currency-btn {
    padding: 2px 5px 0px;
    font-size: 12px;
    line-height: 13px;
}
.Position{
text-align:center;	
}
.Position > p{
display:inline-block;	
}
.Position > p.title{
position:relative;
top:-3px;	
}
@media (max-width: 1200px) {}
@media (max-width: 979px) {
	.PortfolioAccounts .btn {
padding: 3px;
}

.PortfolioAccounts .title {
    font-size: 11px;
}
}
@media (max-width: 767px) {
.PortfolioAccounts .title {
    font-size: 12px;
}
}
@media (max-width: 477px) {}
@media (max-width: 320px) {}

p {
	margin: 0 0 8px;
}
.QuickOrder input::-ms-clear {
	display: none;
}
.QuickOrder.dropdown-menu {
	border-radius: 0;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.176);
	position: fixed;
	right: 10px;
	top: 130px !important;
	z-index: 9;
	border-radius: 7px !important;
	padding: 10px !important;
	left: auto;
	border: 3px solid #168039;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+0,dddddd+100 */
	background: rgb(255, 255, 255);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(221, 221, 221, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(221, 221, 221, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(221, 221, 221, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(221, 221, 221, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(221, 221, 221, 1) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(221, 221, 221, 1) 100%);
	/* W3C */
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0);
	/* IE6-9 */
}
.QuickOrder.dropdown-menu.Green {
	border: 3px solid #168039;
}
.QuickOrder.dropdown-menu.Red {
	border: 3px solid #d14435;
}
.DropDownWrapper {
	width: 280px;
	padding: 10px;
}
.popover {
	z-index: 10000000;
}
.QuickOrder input {
	font-weight: normal;
}
.orderRow .Flag {
	position: absolute;
	right: 4px;
	top: 2px;
	height: 25px;
	width: 25px;
	border: 0;
	background-color: inherit;
	padding: 0px;
}
.orderRow .Flag.Red {
	background-image: url(../img/red-flag.png);
	background-repeat: none;
}
.orderRow .Flag.Yellow {
	background-image: url(../img/yellow-flag.png);
	background-repeat: none;
}
.orderRow .Flag.Orange {
	background-image: url(../img/orange-flag.png);
	background-repeat: none;
}
.orderRow .Flag.default {
	background-image: url(../img/default-flag.png);
	background-repeat: none;
}
.QuickOrder .bootstrap-select > .btn {
	height: 29px;
	padding-top: 4px;
}
.QuickOrder input {
	height: 29px;
	border: 1px solid #8493a1;
}

.bootstrap-select > .btn {
	font-size: 13px;
	color: #555;
	border: 1px solid #8493a1;
}
.QuickOrder .form-control {
	padding: 6px 6px;
}
select.form-control.NewSelectPicker {
	font-size: 13px;
	color: #555;
	border: 1px solid #8493a1;
	height: 29px;
}

select.form-control.NewSelectPicker option {
padding: 10px !important;
}
.QuickOrder ul.dropdown-menu {
	max-height: 200px;
	overflow-y: auto;
	width: 98%;
}
.QuickOrder p {
	color: #666666;
	font-weight: normal;
	padding: 0;
	width: initial;
	padding-top: 9px;
	font-size: 13px;
	margin-bottom: 2px;
}
.QuickOrder ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	float: none;
}
.QuickOrder li.orderRow {
	padding: 0px;
	margin: 0px;
	min-height: 38px;
	height: auto;
	float: none;
	width: auto;
}
.QuickOrder li.orderRow:hover {
	background-color: initial;
}
.QuickOrder li.orderRow:last-child {
	border-bottom: 0px;
}
.orderRow .paddingTop {
	padding-top: 4px;
	padding-right: 0px;
	padding-left: 0px;
}
.orderRow .AddQuantity,
.DetailedRow .AddQuantityDetaild {
	position: absolute;
	right: 6px;
	top: 1px;
	border: 0px;
	background-color: #FFF;
	padding: 0px;
	width: 25px;
	height: 25px;
}
#myPopover ul.MoneyList {
	padding: 0px;
	margin: 0px;
	list-style: none;
	padding: 5px;
}
#myPopover ul.MoneyList > li {
	background-color: #FAFAFA;
	border-radius: 5px;
	color: #fff;
	float: left;
	font-size: 11px;
	margin-left: 5px;
	margin-right: 2px;
	padding: 1px;
	text-align: center;
	width: 45px;
}
#myPopover ul.MoneyList > li a {
	padding: 0px;
}
#myPopover ul.MoneyList li a,
#myPopover ul.MoneyList li a:hover,
.DetailedRow ul.MoneyList > li a,
.DetailedRow ul.MoneyList > li a:hover,
{
	color: #FFF;
	text-decoration: none;
}
.QuickOrder .well,
.DetailedRow .well {
	padding: 0 0 6px;
}
.form-group.BidOffer {
	margin: 0 0 6px;
}
.BidOffer .btn-group.pull-right {
	width: 100%;
}
.BidOffer .btn.btn-primary.active {
	width: 50%;
	letter-spacing: 1px;
	background-color: #428bca;
	color: #fff;
}
.BidOffer .btn-primary {
	background-color: #FFF;
	border-color: #357ebd;
	color: Gray;
	font-size: 12px !important;
	padding: 3px;
}
.BidOffer .btn.btn-primary {
	width: 50%;
	letter-spacing: 1px;
}
.orderRow .plusIcon,
.DetailedRow .plusIcon {
	position: absolute;
	right: 10px;
	top: 2px;
	background-color: #FFF;
	border: 0;
	width: 25px;
	padding: 0;
}
.orderRow .MinusIcon,
.DetailedRow .MinusIcon {
	position: absolute;
	left: 10px;
	top: 3px;
	background-color: #FFF;
	border: 0;
	padding: 0px;
	width: 25px;
	height: 25px;
}
.FinalAmount {
	background-color: #f0f0f0;
	border-radius: 5px;
	font-size: 16px !important;
	font-weight: bold !important;
	height: 31px;
	margin-bottom: 6px !important;
	margin-top: 1px;
	padding-top: 6px !important;
}
.textCenter {
	text-align: center;
}
.orderRow .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100%;
}
/***********************************************/

.myMenu{
	position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;
	background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;
	-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)
}
.myMenu.pull-right{right:0;left:auto}
.myMenu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.myMenu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}
.myMenu>li>a:focus,.myMenu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}
.myMenu>.active>a,.myMenu>.active>a:focus,.myMenu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}
.myMenu>.disabled>a,.myMenu>.disabled>a:focus,.myMenu>.disabled>a:hover{color:#777}
.myMenu>.disabled>a:focus,.myMenu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}
.open>.myMenu{display:block}.open>a{outline:0}.myMenu-right{right:0;left:auto}.myMenu-left{right:auto;left:0}
.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}
.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.myMenu{right:0;left:auto}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}
.dropup .myMenu,.navbar-fixed-bottom .dropdown .myMenu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .myMenu{right:0;left:auto}
	.navbar-right .myMenu-left{right:auto;left:0}}

.myMenu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}
.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .myMenu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}
.myMenu>li>a{padding:5px 15px 5px 25px}
.myMenu>li>a{line-height:20px}
.myMenu>li>a:focus,.myMenu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}

.myMenu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}
.myMenu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}

/****************** Detaild Order ***********************/

.DetailedRow {
	margin-bottom: 10px;
}
.DetailedRow p {
	float: left;
	margin: 0px;
	padding: 0px;
	padding-top: 8px;
}
.DetailedRow .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100%;
}
@media (max-width: 1200px) {
.QuickOrder .btn.btn-primary , .QuickOrder .btn.btn-danger {
	font-size:12px;
}
}
@media (max-width: 979px) {

}
@media (max-width: 767px) {}
@media (max-width: 477px) {}
@media (max-width: 320px) {}


/* CSS Document */
.settting-main {

font-size:12px;
}
.settting-main.MarginTopForHeader {
margin-top:200px;	
}
.settting-main.MarginTopForHeader .bs-docs-sidenav{
display:block;
border:1px solid #ddd;
}


.settting-main .setting-sec section{
background:#fff;
border:1px solid #ddd;

margin:0;
padding:0 15px;	
}
.settting-main .setting-sec form section >  h2{
font-size:20px;
color:#003366;
border-bottom:1px solid #ddd;
padding-bottom:10px;
margin:15px -15px 5px;
padding:0 15px 15px;			
}

.settting-main .setting-sec > form > section > h2 label {
    color: #003366;
    font-size: 20px;
}
.settting-main .setting-sec  form > section h3{
font-size:15px;
color:#3f9dd1;
margin:20px 0;	
}
.settting-main .setting-sec  form > section > .row{
border-bottom:1px solid #ddd;
margin:0;	
}
.settting-main .setting-sec  form > section > .row:last-child{
border-bottom-width:0;	
}
.settting-main .setting-sec  form > section .radio input[type="radio"],
.settting-main .setting-sec  form > section .checkbox input[type="checkbox"] {
margin-top: 3px;
}
.settting-main .setting-sec  form > section.checkbox-sec > h2{
border-bottom:0;
padding-bottom:2px;
}
.settting-main .setting-sec  form > section > h2 .checkbox > label {
    font-size: 20px;
    font-weight: 500;
}
.settting-main .setting-sec  form > section.checkbox-sec .checkbox input[type="checkbox"]{
margin-top:5px;
}
.settting-main .setting-sec  form > section .form-control{
margin-top:15px;	
}
.color-box, .color-box2 {
    border: 1px solid white;
    float: left;
    height: 35px;
    margin:11px 5px 5px;
    width: 60px;
}
.colpick_dark {
    background: none repeat scroll 0 0 #fff;
    border-color: #ddd;
    border-radius: 0;
}
.colpick_dark .colpick_field, .colpick_dark .colpick_hex_field {
    background: none repeat scroll 0 0 #f1f1f1;
    border-color: #ddd;
}
.colpick_dark .colpick_field_letter {
    background: none repeat scroll 0 0 #f1f1f1;
    border-color: #ddd;
    border-right-width: 0;
    color: #000;
}

.colpick_dark .colpick_submit,
.colpick_dark .colpick_submit:hover {
    background: none repeat scroll 0 0 #fff;
    border-color: #f1f1f1;
    color: #428bca;
}
.colpick{
height:180px;	
}
.settting-main .setting-sec  form > div:last-child{
margin-top:20px;	
}
.setting-tabs.nav-tabs > li{
float:none;	
border-bottom:1px solid #ddd;

}
.setting-tabs.nav-tabs{
margin-right:-10px;	

	border-top:1px solid #ddd;
}
.setting-tabs.nav-tabs > li > a{
margin-right:-1px;
border-radius:0;
font-size:15px;	
border-left:1px solid #ddd;
}
.setting-tabs.nav-tabs > li > a:hover{
border-left:1px solid #ddd;	
}
.setting-tabs.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover,
.setting-tabs.nav-tabs > li.active > a:focus{
border-bottom-color:#3f9dd1;
border-left:1px solid #3f9dd1	
}
.nav > li > a:hover,
.nav > li > a:focus {
    background-color: transparent;
    border-color:transparent;
}
.setting-tabs.nav-tabs{
	border-bottom-width:0;
}
.tab-content{
margin-top:0;	
}
.settting-main .note{
padding:10px 0;	
}
@media (max-width: 767px) {
.settting-main.MarginTopForHeader {
margin-top:100px;	
}

.setting-tabs.nav-tabs > li{
float:left;	
}
.setting-tabs.nav-tabs{
margin-right:0;	
}
.setting-tabs.nav-tabs > li > a{
margin-right:5px;	
}	
.settting-main .setting-sec  form > section h3 {
    margin: 10px 0 0;
}
.settting-main .setting-sec  form > section .form-control {
    margin-top:5px;
}
}

/*!
 * Tab drop for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.nav-tabs,
.nav-pills {
  position: relative;
}


/* CSS Document */
.add-list.header {
	background: none repeat scroll 0 0 #0077b3;
	border-radius: 3px;
	height: 19px;
	position: relative;
	text-align: center;
	top: 2px;
	width: 22px;
	display: block;
}
.add-list.header > i {
	color: #fff;
	font-size: 16px;
	left: 0;
	margin: 0 auto;
	position: relative;
	top: 1px;
}
.add-list-img {
	margin: -11px 55px 0 0;
}
.watch-list .tab-content {
	padding-top: 20px;
}
.order-symbols > p {
	color: #ccc;
}
.watch-list .indices-list > li {
	padding: 5px 10px;

	background: #fff;
	cursor: move;
}
.watch-list .indices-list > li:last-child {
	border-bottom-width: 0;
}
.watch-list .indices-list > li.ui-sortable-helper {
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.watch-list .indices-list > li > a.delet-indices {
	color: #e21c41;
	font-size: 16px;
	position: relative;
	top: -7px;
	display: inline-block;
}
.watch-list .indices-list > li > span.name-indices {
	color: #676766;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	border-left: 1px solid #e7e7e6;
	padding-left: 10px;
}
.watch-list .indices-list > li > span.name-indices > span {
	display: block;
	color: #439ed8;
}
.watch-list .indices-list > li > i.fa-bars {
	color: #e7e7e6;
	margin-top: 10px;
	float: right;
}
.indices-list > li:last-child {
	border-bottom-width: 0;
}
.indices-list > li.ui-sortable-helper {
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.indices-list > li > a.delet-indices {
	color: #e21c41;
	font-size: 16px;
	position: relative;
	top: -7px;
	display: inline-block;
}
.indices-list > li > span.name-indices {
	color: #676766;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	border-left: 1px solid #e7e7e6;
	padding-left: 10px;
}
.indices-list > li > span.name-indices > span {
	display: block;
	color: #439ed8;
}
.indices-list > li > i.fa-bars {
	color: #e7e7e6;
	margin-top: 10px;
	float: right;
}
.desc {
	border-top: 1px solid #ddd;
	padding-top: 15px;
}
.watch-list-filter {
	margin-bottom: 0;
}
.watch-list-filter .col-md-9 .radio:first-child {
	margin-top: 0;
}
#showCreated .alert-info {
	padding: 5px;
	font-size: 13px;
	line-height: 20px;
}
.add-watch-list button {
	float: right;
	font-size: 12px;
	padding: 4px 6px;
}
.add-watch-list label {
	margin-top: 5px;
}
.list-actions button.btn {
	padding: 3px 8px;
}
.list-actions button.btn > i {
	margin-right: 0;
	color: #46a4de;
	line-height: 14px;
}
.list-actions button.btn > i.fa-pencil-square-o {
	margin-top: 3px;
}
.list-actions {
	margin-top: 6px;
}
.radio-list .radio input {
	margin-top: 1px;
}
.radio-list.indices-list > li > i.fa-bars {
	float: none;
}
.radio-list.indices-list > li > span.name-indices {
	padding-left: 0;
	border-left: 0;
}
.radio-list.indices-list > li {
	cursor: default;
}
/*.watch-list table.CustomeGride.cell-border tbody tr td {
	border-left: 1px solid #e5e5e5;
}
.watch-list table.CustomeGride.cell-border tbody td {
	border-bottom-color: #e5e5e5;
}
.watch-list table.CustomeGride.cell-border thead th {
	border-left: 1px solid #bdd7e6;
}*/
.order-symbols > ul.indices-list {
	max-height: 200px;
	overflow-y: auto;
}


/* Default styling for jQuery Calendars Picker v2.0.0. */
.calendars {
	background-color: #fff;
	color: #000;
	border: 1px solid #444;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    border-radius: 0.25em;
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 90%;
}
.calendars-rtl {
	direction: rtl;
}
.calendars-popup {
    position: relative;
	z-index: 100000;
}
.calendars-disable {
	position: absolute;
	z-index: 100;
	background-color: white;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.calendars a {
	color: #fff;
	text-decoration: none;
}
.calendars a.calendars-disabled {
	color: #888;
	cursor: auto;
}
.calendars button {
    margin: 0.25em;
    padding: 0.125em 0em;
    background-color: #fcc;
    border: none;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    border-radius: 0.25em;
    font-weight: bold;
}
.calendars-nav, .calendars-ctrl {
	float: left;
	width: 100%;
	background-color: #000;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
}
.calendars-ctrl {
	background-color: #600;
}
.calendars-cmd {
	width: 30%;
}
.calendars-cmd:hover {
	background-color: #777;
}
.calendars-ctrl .calendars-cmd:hover {
	background-color: #f08080;
}
.calendars-cmd-prevJump, .calendars-cmd-nextJump {
	width: 8%;
}
a.calendars-cmd {
	height: 1.5em;
}
button.calendars-cmd {
	text-align: center;
}
.calendars-cmd-prev, .calendars-cmd-prevJump, .calendars-cmd-clear {
	float: left;
	padding-left: 2%;
}
.calendars-cmd-current, .calendars-cmd-today {
	float: left;
	width: 35%;
	text-align: center;
}
.calendars-cmd-next, .calendars-cmd-nextJump, .calendars-cmd-close {
	float: right;
	padding-right: 2%;
	text-align: right;
}
.calendars-rtl .calendars-cmd-prev, .calendars-rtl .calendars-cmd-prevJump,
.calendars-rtl .calendars-cmd-clear {
	float: right;
	padding-left: 0%;
	padding-right: 2%;
	text-align: right;
}
.calendars-rtl .calendars-cmd-current, .calendars-rtl .calendars-cmd-today {
	float: right;
}
.calendars-rtl .calendars-cmd-next, .calendars-rtl .calendars-cmd-nextJump,
.calendars-rtl .calendars-cmd-close {
	float: left;
	padding-left: 2%;
	padding-right: 0%;
	text-align: left;
}
.calendars-month-nav {
	float: left;
	background-color: #777;
	text-align: center;
}
.calendars-month-nav div {
	float: left;
	width: 12.5%;
	margin: 1%;
	padding: 1%;
}
.calendars-month-nav span {
	color: #888;
}
.calendars-month-row {
	clear: left;
}
.calendars-month {
	float: left;
	width: 15em;
	border: 1px solid #444;
	text-align: center;
}
.calendars-month-header, .calendars-month-header select, .calendars-month-header input {
	height: 1.5em;
	background-color: #444;
	color: #fff;
	font-weight: bold;
}
.calendars-month-header select, .calendars-month-header input {
	height: 1.4em;
	border: none;
}
.calendars-month-header input {
	position: absolute;
	display: none;
}
.calendars-month table {
	width: 100%;
	border-collapse: collapse;
}
.calendars-month thead {
	border-bottom: 1px solid #aaa;
}
.calendars-month th, .calendars-month td {
	margin: 0em;
	padding: 0em;
	font-weight: normal;
	text-align: center;
}
.calendars-month th {
	border: 1px solid #777;
}
.calendars-month th, .calendars-month th a {
	background-color: #777;
	color: #fff;
}
.calendars-month td {
	background-color: #eee;
	border: 1px solid #aaa;
}
.calendars-month td.calendars-week {
	border: 1px solid #777;
}
.calendars-month td.calendars-week * {
	background-color: #777;
	color: #fff;
	border: none;
}
.calendars-month a {
	display: block;
	width: 100%;
	padding: 0.125em 0em;
	background-color: #eee;
	color: #000;
	text-decoration: none;
}
.calendars-month span {
	display: block;
	width: 100%;
	padding: 0.125em 0em;
}
.calendars-month td span {
	color: #888;
}
.calendars-month td .calendars-other-month {
	background-color: #fff;
}
.calendars-month td .calendars-weekend {
	background-color: #ddd;
}
.calendars-month td .calendars-today {
	background-color: #f0c0c0;
}
.calendars-month td .calendars-highlight {
	background-color: #f08080;
}
.calendars-month td .calendars-selected {
	background-color: #777;
	color: #fff;
}
.calendars-month th.calendars-week {
	background-color: #777;
	color: #fff;
}
.calendars-status {
	clear: both;
	background-color: #ddd;
	text-align: center;
}
.calendars-clear-fix {
	clear: both;
}