@font-face {
  font-family: "ARBERKLEY";
  src: url(../fonts/ARBERKLEY.ttf) format("truetype");
}

a {
    color: #2160bd;
}

body.undernavigation {
    padding-top: 120px;
}

#barra-brasil .brasil-flag {
    height: auto !important;
}

.navbar-brand {
    font-family: "ARBERKLEY";
    font-size: 2.7em;
    color: #fff !important;
}

.navbar {
    border-radius: 0 !important;
}

.navbar-inverse, #footer {
    background-color: #2160bd;
    background-image: -moz-radial-gradient(center,ellipse cover,#3a72bc 1%,#2160bd 100%);
    background-image: -webkit-gradient(radial,center center,0,center center,100%,color-stop(1%,#3a72bc),color-stop(100%,#2160bd));
    background-image: -webkit-radial-gradient(center,ellipse cover,#3a72bc 1%,#2160bd 100%);
    background-image: -o-radial-gradient(center,ellipse cover,#3a72bc 1%,#2160bd 100%);
    background-image: -ms-radial-gradient(center,ellipse cover,#3a72bc 1%,#2160bd 100%);
    background-image: radial-gradient(ellipse at center,#3a72bc 1%,#2160bd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#366bb0, endColorstr=#2160bd, GradientType=1);
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    text-transform: uppercase;
}

.navbar-admin .navbar-nav > li > a {
    text-transform: none;
}

.navbar-inverse .navbar-nav > .active > a {
    background-color: transparent !important;
    font-weight: bold;
}

.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:hover, 
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #0041b2 !important;
}

.navbar-language {
    float: right;
}

.navbar-language > li > a {
    padding: 0 !important;
    padding-bottom: 2px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    margin-top: 14px !important;
    margin-left: 3px !important;
}

@media (min-width: 768px) {
    .navbar .navbar-items {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }

    .navbar-nav > li > .dropdown-menu a {
        text-align: left;
    }
}

.navbar-inverse .navbar-toggle {
    border-color: #eee;
}

@media (min-width: 768px) and (max-width: 992px) {
    .container {
        max-width: 970px;
    }

    .navbar-collapse .navbar-nav.navbar-right:last-child {
        margin-right: -13px;
    }
}

@media (max-width: 860px) {
    .navbar-brand {
        font-size: 2em;
    }

    .navbar-inverse .navbar-nav > li > a {
        font-size: 0.95em;
    }
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
}

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

#content {
    min-height: 650px;
}

#footer {
    border: 0 !important;
    margin-bottom: 0 !important;
}

#footer .container {
    padding-bottom: 8px;
    border: 0;
}

#footer #img-text {
    position: absolute;
    width: 100%;
    font-size: 9px;
    color: #fff;
    padding-left: 3px;
    margin-bottom: 0;
}

.img-footer-cetem {
    width: 137px; 
    height: 48px;
}

.img-footer-acesso-a-informacao {
    width: 107px; 
    height: 48px;
    margin-top: 6px;
}

.img-footer-brasil {
    width: 265px; 
    height: 48px;
    margin-top: 4px;
}


html,
body {
    height: 100%;
/* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
    min-height: calc(100% - 63px);
    height: auto !important;
    height: calc(100% - 63px);
    /* Negative indent footer by it's height */
    margin: 0 auto -63px;
}

/* Set the fixed height of the footer here */
#push, #footer {
    height: 63px;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
    #wrap {
        margin: 0 auto -45px;
    }

    #footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
        height: 45px;
    }

    #footer .container {
        padding-bottom: 0;
    }

    #footer #img-text {
        font-size: 0.5em;
        padding-left: 0;
        /*left: 7px;*/
    }

    .img-footer-cetem {
        width: 96px; 
        height: 34px;
    }

    .img-footer-brasil {
        width: 186px; 
        height: 34px;
    }
}

.outer {
    display: table;
    position: absolute;
    height: 80%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto; 
}


.text-home {
    font-size: 1.6em;
    font-weight: bold;
    color: #2160bd;
}

.text-title {
    font-size: 1.6em;
    font-weight: bold;
    color: #2160bd;
    /*text-transform: uppercase !important;*/
}

.text-cetem {
    font-size: 1.5em;
    color: #2160bd;
}

.text-mineralis {
    color: #2160bd;
}

.glyphicon-stack {
    position: relative;
    display: inline-block;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.5em;
    vertical-align: middle;
}

.glyphicon-circle{
    position: relative;
    border-radius: 50%;
    width: 100%;
    height: auto;
    padding-top: 100%;
    background: #2160bd;
}

.glyphicon-stack-1x {
    line-height: inherit;
}

.glyphicon-stack-1x, .glyphicon-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.badge {
    background-color: #459D20;
}

.label-default {
    background-color: #459D20;
}

.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #4A9B28;
}

.panel-success>.panel-heading {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#459D20),to(#4A9B28));
    background-image: -webkit-linear-gradient(top,#459D20,0%,#4A9B28,100%);
    background-image: -moz-linear-gradient(top,#459D20 0,#4A9B28 100%);
    background-image: linear-gradient(to bottom,#459D20 0,#4A9B28 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff459D20',endColorstr='#ff4A9B28',GradientType=0);
}

.panel-success>.panel-heading {
    color: #FFFFFF;
    background-color: #459D20;
    border-color: #4A9B28;
}

.panel-success {
    border-color: #4A9B28;
}

.alert-info {
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,0%,#e6e6e6,100%);
    background-image: -moz-linear-gradient(top,#fff 0,#e6e6e6 100%);
    background-image: linear-gradient(to bottom,#fff 0,#e6e6e6 100%);
    background-repeat: repeat-x;
    border-color: #e0e0e0;
    border-color: #ccc;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
}

.alert-info {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.panel-info>.panel-heading {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#3a72bc),to(#2160bd));
    background-image: -webkit-linear-gradient(top,#3a72bc,0%,#2160bd,100%);
    background-image: -moz-linear-gradient(top,#3a72bc 0,#2160bd 100%);
    background-image: linear-gradient(to bottom,#3a72bc 0,#2160bd 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3a72bc',endColorstr='#ff2160bd',GradientType=0);
}

.panel-info>.panel-heading {
    color: #FFFFFF;
    background-color: #3a72bc;
    border-color: #2160bd;
}

.panel-info {
    border-color: #2160bd;
}

.panel-primary>.panel-heading {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#3a72bc),to(#2160bd));
    background-image: -webkit-linear-gradient(top,#3a72bc,0%,#2160bd,100%);
    background-image: -moz-linear-gradient(top,#3a72bc 0,#2160bd 100%);
    background-image: linear-gradient(to bottom,#3a72bc 0,#2160bd 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3a72bc',endColorstr='#ff2160bd',GradientType=0);
}

.panel-primary>.panel-heading {
    color: #FFFFFF;
    background-color: #3a72bc;
    border-color: #2160bd;
}

.panel-heading {
    border-color: #2160bd;
}

.label-search {
    color: #2160bd; 
    font-weight: bold; 
    font-size: 1.2em
}

.input-search {
    height: 33px;
    width: 80%;
    border: solid 1px #428bca;
}

.btn-primary {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#3a72bc),to(#2160bd));
    background-image: -webkit-linear-gradient(top,#3a72bc,0%,#2160bd,100%);
    background-image: -moz-linear-gradient(top,#3a72bc 0,#2160bd 100%);
    background-image: linear-gradient(to bottom,#3a72bc 0,#2160bd 100%);
    background-repeat: repeat-x;
    border-color: #2d6ca2;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3a72bc',endColorstr='#ff2160bd',GradientType=0);
}

.btn-primary:active,
.btn-primary.active {
  background-color: #2160bd;
  border-color: #2d6ca2;
}

.btn-info {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#3a72bc),to(#2160bd));
    background-image: -webkit-linear-gradient(top,#3a72bc,0%,#2160bd,100%);
    background-image: -moz-linear-gradient(top,#3a72bc 0,#2160bd 100%);
    background-image: linear-gradient(to bottom,#3a72bc 0,#2160bd 100%);
    background-repeat: repeat-x;
    border-color: #2d6ca2;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3a72bc',endColorstr='#ff2160bd',GradientType=0);
}

.btn-info:active,
.btn-info.active {
  background-color: #2160bd;
  border-color: #2d6ca2;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #2d6ca2;
    border-color: #2d6ca2;
}

.language-active {
    background-color: #459D20;
}

.panel .table tr td:first-child {
    white-space: nowrap;
}

.col-md-offset-2-5 {
    margin-left: 20.83333333333333%;
}

.panel-browse-collection .panel-body {
    white-space: nowrap;
    padding: 10px 5px;
    text-align: center;
}

.panel-browse-collection input[name=submit_browse] {
    padding: 5px;
}

.text-noresults {
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    color: #459D20;
}

.vertical-center {
  min-height: calc(100% - 185px);  /* Fallback for vh unit */
  min-height: calc(100vh - 185px); /* You might also want to use
                        'height' property instead.
                        
                        Note that for percentage values of
                        'height' or 'min-height' properties,
                        the 'height' of the parent element
                        should be specified explicitly.
  
                        In this case the parent of '.vertical-center'
                        is the <body> element */

  /* Make it a flex container */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  
  /* Align the bootstrap's container vertically */
    -webkit-box-align : center;
  -webkit-align-items : center;
       -moz-box-align : center;
       -ms-flex-align : center;
          align-items : center;
  
  /* In legacy web browsers such as Firefox 9
     we need to specify the width of the flex container */
  width: 100%;
  
  /* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers
     hence the bootstrap's container won't be aligned to the center anymore.
  
     Therefore, we should use the following declarations to get it centered again */
         -webkit-box-pack : center;
            -moz-box-pack : center;
            -ms-flex-pack : center;
  -webkit-justify-content : center;
          justify-content : center;
}

.tbl-search-filters {
    width: 100%;
}

.tbl-search-filters tr td {
    padding-bottom: 3px;
    white-space: nowrap;
}

#barra-cetem {
    height: 32px;
    font-weight: bold;
    font-size: 12px;
    line-height: 32px;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    border-bottom: 1px solid #dfdfdf;
    box-sizing: content-box;
    background: #b1d0de; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#b1d0de, #e9edf1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#b1d0de, #e9edf1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#b1d0de, #e9edf1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#b1d0de, #e9edf1); /* Standard syntax (must be last) */
}

div#wrapper-barra-cetem {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1140px;
    height: 100%;
}

@media screen and (min-width: 960px) {
    #wrapper-barra-cetem {
        width: 960px;
    }
}

#barra-cetem .brasil-flag {
    float: left;
    padding: 3px 0 0px;
    width: 200px;
}

#barra-cetem .brasil-flag {
    height: auto !important;
}

#barra-cetem .brasil-flag .link-barra {
    display: block;
    margin-left: 36px;
    background: url(../../../image/cetem-pequeno.png) 8px center no-repeat;
    line-height: 27px;
}

#barra-cetem .link-barra {
    color: #606060;
}

#barra-cetem a {
    text-decoration: none;
}

/* STATS Addon */
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}




table.graphs div {
  margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

table.graphs div {
  margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

table.graphs {
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  border: dashed 1px #CCC;
}

td.chart table tr td {
  padding: 0px;
}

table.graphs td {
  padding: 10px;
}

table.graphs td.label {
  font-weight: bold;
  text-align: center;
}

table.graphs td.value {
  overflow: hidden;
}

table.graphs ul li a {
  font-size: 12px;
}

div.reportinglist {
  display: inline;
}

div.reporting {
  display: inline;
}

div.reporting a.image {
  margin-left: 10px;
}

/* END STATS Addon */