/* body { font-family: "Lato", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 2em; margin: 0; color: #333; position: relative; font-weight: 300; padding: 0 !important;} */

body, h1, h2, h3, h4, h5 { font-family: "Lato", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 2em; margin: 0; color: #333; position: relative; padding: 0 !important; }

body, p { font-size: 11px; }
h2, .h2 { font-size: 26px; }
h4, .h4 { font-size: 16px; }
h5, .h5 { font-size: 14.4px; }

@media screen and (max-width: 1400px) {
  body, p {
    font-size: 10px;
  }
}

@media screen and (max-width: 1280px) {
  body, p {
    font-size: 9.5px;
  }
}

.darkBlue { color: #21425e; }
.red, small.red { color: #d80000 !important; }
.mediumRed { color: #861919; }
.mediumGreen { color: #19711d; }
.green { color: #00ae08; }

body, p, h2 small, h4, h5 { font-weight: 400; }
h1, h1 small, h2, h3, .jumbotron p { font-weight: 300; }

body {background-color: #ddd;overflow: hidden;}

.container-fluid { padding-right: 45px; padding-left: 45px; }
.content { padding-top: 138px }

.nav { font-size: 1.2em; }
.navbar { margin-bottom: 45px; box-shadow: 2px 2px 20px rgba(0,0,0,0.15); }
.navbar-default { background-color: #fff; border: none; }
.navbar-brand { float: left; height: 50px; padding: 30px 15px; }
.navbar-brand img { height: 40px; }
.navbar-nav>li>a { padding: 35px 25px 35px 25px; margin-left: 20px; border-bottom: 3px solid #fff; }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #333; background-color: #f8f8f8; border-bottom: 3px solid #ccc; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #333; background-color: #fff;  border-bottom: 3px solid #aaa; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { color: #333; background-color: #fff;  border-bottom: 3px solid #aaa; }

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { border-color: #fff; }
.nav-tabs>li>a { color: #777; }

.box { background-color: #fff; margin-bottom: 45px; }
.box h5 { border-bottom: 2px solid #ddd; font-weight: 800; padding: 3px 0 !important; margin:2px 0 10px 0; }
#companies, .box { min-width: 1100px; }
#companies>*>*>* { vertical-align: baseline; position: relative; }
#companies>*:first-child>*:first-child>* { padding-top: 25px; }
#companies>*:last-child>*:last-child>* { padding-bottom: 25px; }
#companies>*>*:not(#infoBlock)>*:last-child { padding-right: 25px; }
#companies>*>*:not(#infoBlock)>*:first-child { padding-left: 25px; }
#companies>tbody>*:nth-child(1):not(#infoBlock)>*:not(:nth-child(11)) { font-size: 1.4em; }
#companies>tbody>*:nth-child(2):not(#infoBlock)>*:not(:nth-child(11)) { font-size: 1.3em; }
#companies>tbody>*:nth-child(3):not(#infoBlock)>*:not(:nth-child(11)) { font-size: 1.2em; }
#companies>tbody>*:nth-child(4):not(#infoBlock)>*:not(:nth-child(11)) { font-size: 1.1em; }
#companies>*>*:not(#infoBlock)>*:nth-child(2), #companies>*>*:not(#infoBlock)>*:nth-child(3) { font-weight: 800; font-size: 1.2em; }
#companies>*>*>*:nth-child(3) { font-size: 1.4em; padding-right: 40px; }
#companies>*>*:not(#infoBlock)>*:nth-child(1):not(.fullSpan) { text-align: right; }
#companies>*>*>*:nth-child(n+3) { text-align: right; }
#companies>tbody>tr>td:nth-child(11) { width: 100px; }
#companies>tbody>tr>td:nth-child(11) .label { font-size: 100%; }
#companies>*>tr>*:nth-child(10) { width: 300px; padding: 0 20px; }
#companies>tbody>tr>td:nth-child(9) { max-width: 85px; }
#companies th>.label { font-size: 1em; }
#companies th>.label.scoreLabel, #companies th>.label.companyLabel { color: inherit; padding: 0; font-weight: inherit; }
#companies th>.label:hover { cursor: pointer; opacity: 0.7; }
#companies th>.label:not(.sort0) .DESClabel { display: none; }
#companies th>.label:not(.sort1) .ASClabel { display: none; }
.label-1 { background-color: #769cb7; }
.label-2 { background-color: #de962e; }
.label-3 { background-color: #96ac82; }
.label-4 { background-color: #aa80b2; }
.label-5 { background-color: #666; }
.label-6 { background-color: #999; }

@media screen and (max-width: 1280px) {
  #companies>*>tr>*:nth-child(10) { width: 200px; padding: 0 15px; }
}

#companies>tbody>tr:not(#infoBlock):hover, #companies tbody tr.active { background-color: #eee; cursor: pointer; }
#companies>tbody>tr.active>td { background-color: transparent; }
#companies>tbody tr.active:hover { background-color: #ddd; }
#companies>tbody>tr>td:nth-child(1) { width: 20px; }
#companies>tbody>tr>td:nth-child(2) { width: 200px; text-transform: capitalize; }
#companies>*>tr>td:nth-child(3) { width: 100px; }
#companies>*>tr>*:nth-child(4) { background: linear-gradient(to right, rgba(0,0,0,0.08), rgba(0,0,0,0)); }

@media screen and (max-width: 1280px) {
   #companies>tbody>tr>td:nth-child(2) { width: 150px; }
}

#infoBlock { background-color: #333; color: #ccc;  }
#infoBlock>td { text-align: left; font-size: 14.4px; font-weight: 300; padding: 0 65px; }
#infoBlock>td p { font-size: 14.4px; }
#infoBlock>td>div { padding: 25px 0; }
#infoBlock h1, #infoBlock h2 { color: #fff; text-transform: capitalize; }
#infoBlock h4 { color: #ccc; }
#infoBlock h1 small { color: #aaa; font-weight: 500; }
#infoBlock h1 small:nth-child(1) { margin-left: 20px; font-size: 0.85em; }
#infoBlock h1 small:nth-child(2) { font-weight: 300; }
#infoBlock .caret { border-top: 10px solid; border-right: 6px solid transparent; border-left: 6px solid transparent; margin-bottom: 3px; }
#infoBlock small .caret { margin: 0 2px 2px 10px; }
#infoBlock small.stockSmall .caret { margin-left: 0; }
#infoBlock .dropup .caret { border-top: 0; border-bottom: 10px solid; }
#infoBlock .details { padding: 25px 15px 15px 15px; background-color: #ddd; color: #555; box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.35); line-height: 1.3em; }
#infoBlock .details span:not(.label) { font-size: 20px; }
#infoBlock .details span:first-child { font-size: 32px; }
#infoBlock .details span.label { display: inline-block; margin-bottom: 14px; }
#infoBlock .details span.label:last-child { margin: 0; }
#infoBlock .details span.lastAudit { font-size: 18px; }
#infoBlock .bar_chart { width: 100%; max-width: none; }
.label-default { background-color: #bbb; }
#infoBlock .form-control { color: #ccc; background-color: #555; border: 1px solid #777; }
#infoBlock .btn-default { color: #ccc; background-color: #555; border-color: #777; }
#infoBlock .btn { margin-top: 10px; }
#infoBlock .btn-default:hover { color: #fff; background-color: #777; border-color: #999; }
#infoBlock>td>div { position: relative; }
#infoBlock .close { color: #999; font-size: 50px; font-weight: 200; z-index: 2; position: absolute; top: 35px; right: 0; opacity: 1; text-shadow: none; }
#infoBlock .close:hover { color: #fff; cursor: pointer; }


@media screen and (max-width: 1400px) {
   #infoBlock h2 { font-size: 24px; }
}

@media screen and (max-width: 1280px) {
   #infoBlock>td { font-size: 12px; font-weight: 300; padding: 0 25px; }
   #infoBlock>td p { font-size: 12px; }
   #infoBlock>td>div { padding: 20px 0; }
   #infoBlock .details span:not(.label) { font-size: 17px; }
   #infoBlock .details span:first-child { font-size: 28px; }
   #infoBlock .details span.lastAudit { font-size: 15px; }
   #infoBlock h2 { font-size: 20px; }
}

.news-block a { display: block; color: inherit; padding: 15px; margin-bottom: 20px; }
.news-block a:hover { text-decoration: none; }
.news-block h4 { margin-bottom: 0; line-height: 1.2em; }
.news-block p { margin: 0; }

.news-block { background-color: #444; }
.news-block:hover { box-shadow: inset 0 0 100px rgba(255, 255, 255, 0.1); }
.news-block h4 { color: #ddd; }
.news-block p { color: #aaa; }
.news-block span.time { color: #769cb7; font-size: .8em; }
.news-block .label-default { background-color: #666; color: #333; }

.chart span { color: #555; }
.chart div { font-size: 10px; background-color: #48769d; text-align: right; padding: 5px 10px; margin: 0 0 5px 0; color: #fff; }

.bar_chart { width: 300px; border-radius: 50px; overflow: hidden; }
.bar_chart .pie { height: 15px; float: left; box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.25); opacity: 0.65; }
.bar_chart .pie:hover { opacity: 1; }

@media screen and (max-width: 1280px) {
  .bar_chart { width: 200px; border-radius: 50px; overflow: hidden; }
}

.highcharts-button rect {fill:#777 !important; }
.highcharts-button:hover rect {fill:#999 !important; }
.highcharts-button text { fill:#ccc !important; color: #ccc !important; }
.highcharts-button:hover text {fill:#fff !important; color: #fff !important; }
.highcharts-axis-labels text { fill:#999 !important; color: #999 !important; }

.highcharts-input-group { visibility: hidden !important; }