body {
  background: #ffffff;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #333;
}

.row.no-margin {
  margin: 0;
}

.row.no-margin .col-md-6 {
  padding: 0;
}

@media screen and (min-width: 990px) {
  .border-right-visible-md {
    padding-right: 2px !important;
  }
}

.container-table {
  width: 100%;
  max-width: 800px;
}

.container-table-main {
  width: 100%;
  max-width: 1000px;
}

.table-data-small {
  margin-bottom: 0;
}

.table-data-small td:nth-child(odd) {
  font-weight: bold;
}

@media screen and (max-width: 990px) {
  .table-data-small {
    table-layout: fixed;
  }
  .table-data-small td:nth-child(odd) {
    width: 25%;
  }
}

.standrat-td {
  background-color: white;
  padding: 5px;
}

.inlined-td {
  border: 0 none;
  padding: 0;
}

.blue-header {
  background-color: #161e5f;
  color: white;
  font-weight: normal;
  text-align: center;
}

.table-pattern {
  font-size: 13px;
}

.tableizer-firstrow th {
  background-color: #2392e4;
  color: white;
  border-bottom: 0;
}

.btn-charts-group .btn {
  white-space: normal;
  border-radius: 0;
  color: #2392e4;
  font-weight: bold;
  overflow-x: hidden;
  text-overflow: ellipsis;
  padding: 4px 8px;
}

.btn-charts-group .btn.selected {
  background-color: #161e5f;
  color: white;
}

.menu-nav.chart-editor {
  padding-left: 0;
}

.menu-nav.chart-editor .wrapper-nowrap {
  white-space: nowrap;
}

.menu-nav.chart-editor .wrapper-nowrap .dropdown {
  display: inline-block;
}

.etf-table {
  border: 1px solid #161e5f;
  border-collapse: separate;
}

.etf-table td {
  vertical-align: top;
  border-bottom: 1px solid #dedede;
}

.etf-table td[rowspan="2"] {
  vertical-align: top;
  border-bottom: 1px solid #dedede;
}

@media screen and (min-width: 768px) {
  .etf-table .hidden-desktop {
    display: none !important;
  }
  .etf-table td:first-child {
    width: 80px;
  }
}

@media screen and (max-width: 768px) {
  .etf-table .hidden-mobile {
    display: none !important;
  }
}

@media screen and (max-width: 480px) {
  .etf-table font[size="2"] {
    font-size: 12px !important;
  }
}

@media screen and (max-width: 480px) {
  .etf-table font[size="2"] {
    font-size: 8pt !important;
  }
}

.etf-table .etf-symbol {
  display: block;
  font-weight: bold;
}

.etf-table .etf-name {
  display: block;
  font-weight: bold;
  color: #161e5f;
}

@media screen and (max-width: 440px) {
  .etf-table .etf-name {
    font-size: 8pt !important;
    font-weight: normal;
  }
}


.etf-table tr {
  border-bottom: 1px solid #dedede;
  padding-bottom: 8px;
}
/*
.etf-table tr:nth-child(2n+4) td {
  border-bottom: 1px solid #dedede;
  padding-bottom: 8px;
}

.etf-table tr:nth-child(2n+5) td {
  padding-top: 8px;
}*/

.qf-row td {
  text-align: right;
  padding-top: 0;
}

.qf-row td .qf-items {
  display: block;
  white-space: nowrap;
  margin-right: 5px;
}

.qf-row td .qf-items .qf-legend {
  color: gray;
  display: inline-block;
  margin-right: 15px;
}

.qf-row td .qf-items .qf-legend:before {
  content: 'QUANTFORECAST: ';
}

@media screen and (max-width: 768px) {
  .qf-row td .qf-items .qf-legend:before {
    content: 'QF: ';
  }
}

@media screen and (max-width: 480px) {
  .qf-row td .qf-items .qf-legend {
    font-size: 11px;
    margin-right: 5px;
  }
}

.qf-row td .qf-items i {
  font-style: normal;
  color: gray;
  font-size: 8pt;
  border: 1px #dedede solid;
  border-radius: 5px;
  padding: 3px 5px;
}

.qf-row td .qf-items img {
  margin: 2px 5px;
}

.explain-table { background-color:#EBF5FB;border-collapse:collapse;color:#000;  font-size: 8pt; }
.explain-table th { background-color:#161e5f;color:white;width:50%; }
.explain-table td, .explain-table th { padding:2px;border:0; }
.explain-table td { border-bottom:2px dotted #2392e4;   border-top:2px dotted #2392e4;  }

.symbol-search-result {
    height:0px;
    overflow:visible;
}
.symbol-search-result-hidden {
    display:none;
}
.symbol-search-result TABLE {
    width:90%;
    position:relative;
    z-index:1000;
    background:white;
    margin-right:25px;
    border:1px solid black;
    font-size: 10pt; 
}

.symbol-search-result TABLE TR {
    cursor: pointer;
}

.symbol-search-result TABLE th { background-color:#2392e4;color:white;}

.bench-search-result {
    height:0px;
    overflow:visible;
}
.bench-search-result-hidden {
    display:none;
}
.bench-search-result TABLE {
    width:90%;
    position:relative;
    z-index:1000;
    background:white;
    margin-right:25px;
    border:1px solid black;
    font-size: 10pt; 
}

.bench-search-result TABLE TR {
    cursor: pointer;
}

.bench-search-result TABLE th { background-color:#2392e4;color:white;}



textarea
{
  width:100%;
}
.textwrapper
{
  border:1px solid #999999;
  margin:5px 0;
  padding:3px;
}

#btn-add-criteria,
.btn-delete-criteria {
cursor: pointer;
}
a.termlink {
color: #000;
text-decoration: none;
border-bottom: 2px #2392E4 dotted;
}
a.termlink2 {
color: #FFF;
text-decoration: none;
border-bottom: 2px #2392E4 dotted;
}
a.termlink3 {
color: #FFF;
text-decoration: none;
border-bottom: 2px #161e5f dotted;
}


.hastooltip {
  padding-right: 13px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAQAAABKmM6bAAAAbUlEQVQIHQXBIQrCAAAF0KfY7AaTJxAnK4LdYjCJyUvsGDvCYNg9gNiEVbvNCwyDaZi+7wErjbvKFKAWJ8RgARsRLxcRvTE38QARseQrfraIiD2diCMiomQnOjATgwlcvRUKZ7EGRg6ePlpz+AP5dilAQis10AAAAABJRU5ErkJggg==) no-repeat right 2px;
}



	@-webkit-keyframes down {
	  from { background-color: #F5A9A9; }
	  to { background-color: white; }
	}
	@-moz-keyframes down{
	  from { background-color: #F5A9A9; }
	  to { background-color: white; }
	}
	@-o-keyframes down{
	  from { background-color: #F5A9A9; }
	  to { background-color: white; }
	}
	@keyframes down{
	  from { background-color: #F5A9A9; }
	  to { background-color: white; }
	}
	.down {
	  -webkit-animation: down 1s ; /* Safari 4+ */
	  -moz-animation:    down 1s ; /* Fx 5+ */
	  -o-animation:      down 1s ; /* Opera 12+ */
	  animation:         down 1s ; /* IE 10+ */
	}
	
	@-webkit-keyframes up {
	  from { background-color: #CEF6CE; }
	  to { background-color: white; }
	}
	@-moz-keyframes up {
	  from { background-color: #CEF6CE; }
	  to { background-color: white; }
	}
	@-o-keyframes up {
	  from { background-color: #CEF6CE; }
	  to { background-color: white; }
	}
	@keyframes up {
	  from { background-color: #CEF6CE; }
	  to { background-color: white; }
	}
	.up {```
	  -webkit-animation: up 1s ; /* Safari 4+ */
	  -moz-animation:    up 1s ; /* Fx 5+ */
	  -o-animation:      up 1s ; /* Opera 12+ */
	  animation:         up 1s ; /* IE 10+ */
	}
	
	#dimmer
{
    background:#000;
    opacity:0.5;
    position:fixed; /* important to use fixed, not absolute */
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
    z-index:9999; /* may not be necessary */
}

#message {
    background-color: #c0c0c0;
    position:fixed;
    top:0;
    width:100%;
    z-index:100;
}