/* CODIGO PERSONAL */

@media (min-width: 768px) {
    .topo_fixo{
        top: 0;
        position: fixed;
        background-color: #ddd;
        width: 100%;
        z-index: 999;
        -webkit-box-shadow: 0 1px 1px 1px #666;
        box-shadow: 0 1px 1px 1px #666;
    }
}
.topbar ul li {
  border-left: 1px solid #e7e7e7;
}
.topbar ul li a {
  color: #0099CC;
}
.topbar ul li a.active {
  background-color: #eeeeee;
}
.topbar ul li a i {
  display: block;
  margin: auto;
}
.topbar ul li .dropdown-menu li i {
  display: inline;
 
}

.navbar{margin-bottom: 5px;}

.navbar-brand {
  padding: 0px;
}
.navbar-brand>img {
  height: 50px;
  padding-left: 10px;
  width: auto;
  display: inline-block;
}
.navbar-header{height: 50px;}

.topnav{
    background: #FEFEFE;
}


a.editable-click {
  color: blue;
  border-color: blue;
  border-bottom-style: solid;
  cursor: pointer;
}

a.editable-click.editable-disabled {
  color: black;  
  border-bottom: none;
}

.navbar-page{
  background: #d7e0e8;
  border: #999 solid 1px;
  margin-bottom: 10px;
  box-shadow: 0.1em 0.1em 0.1em grey;
}
.navbar-page li{
  border-left: 1px solid #eee;
  
}
.navbar-page li:last-child{
  border-right: 1px solid #eee;
  
}

.well-menu{
  background: #d7e0e8;
  border: #999 solid 1px;
  padding: 5px;
  box-shadow: 0.1em 0.1em 0.1em grey;
}

table.dataTable tbody tr td{
  padding: 5px;
}

/* Cores de headers - tabelas */

table.dataTable .tbl-ambar th {
  background: #e4ac03;
  color: #fff;
  font-size: 1em;
}

table.dataTable .tbl-blue1 th {
  background: #18799e;
  color: #fff;
  font-size: 1em;
}

table.dataTable .tbl-blue2 th {
  background: #1688b4;
  color: #fff;
  font-size: 1em;
}

table.dataTable .tbl-blue3 th {
  background: #b5def4;
  color: black;
  font-size: 1em;
}

table.dataTable .tbl-green1 th {
  background: #00aaaa;
  color: #fff;
  font-size: 1em;
}

table.dataTable .tbl-green2 th {
  background: #679203;
  color: #fff;
  font-size: 1em;
}

table.dataTable .tbl-green3 th {
  background: #b5ea9d;
  color: black;
  font-size: 1em;
}

table.dataTable .tbl-orange th{
  background: #fb9626;
  color: black;
  font-size: 1em;
}

table.dataTable .tbl-yellow1 th{
  background: #ffff6f;
  color: black;
  font-size: 1em;
}

table.dataTable .tbl-yellow2 th{
  background: #ffd900;
  color: black;
  font-size: 1em;
}

/* Color panels */

.panel-ambar {
  border-color: #e4ac03;
}
.panel-ambar> .panel-heading {
  border-color: #e4ac03;
  color: white;
  background-color: #e4ac03;
  padding: 8px;
}

.panel-bege {
  border-color: #fbd971;
}
.panel-bege > .panel-heading {
  border-color: #fbd971;
  color: black;
  background-color: #fbd971;
  padding: 5px;
}

.panel-blue1 {
  border-color: #18799e;
}
.panel-blue1 > .panel-heading {
  border-color: #18799e;
  color: white;
  background-color: #18799e;
  padding: 8px;
}

.panel-blue2 {
  border-color: #1688b4;
}
.panel-blue2 > .panel-heading {
  border-color: #1688b4;
  color: white;
  background-color: #1688b4;
  padding: 8px;
}

.panel-blue3 {
  border-color: #b5def4;
}
.panel-blue3 > .panel-heading {
  border-color: #b5def4;
  color: black;
  background-color: #b5def4;
  padding: 8px;
}

.panel-green1 {
  border-color: #00aaaa;
}
.panel-green1 > .panel-heading {
  border-color: #00aaaa;
  color: white;
  background-color: #00aaaa;
  padding: 8px;
}

.panel-green2 {
  border-color: #679203;
}
.panel-green2 > .panel-heading {
  border-color: #679203;
  color: white;
  background-color: #679203;
  padding: 8px;
}

.panel-green3 {
  border-color: #b5ea9d;
}
.panel-green3 > .panel-heading {
  border-color: #b5ea9d;
  color: black;
  background-color: #b5ea9d;
  padding: 8px;
}

.panel-orange {
  border-color: #fb9626;
}
.panel-orange > .panel-heading {
  border-color: #fb9626;
  color: black;
  background-color: #fb9626;
  padding: 8px;
}


.destaque{
    font-weight: bold;
}
.destaque-green{
    font-weight: bold;
    color: #3d8b3d;
}
.destaque-yellow{
    font-weight: bold;
    color: #df8a13;
}
.destaque-red{
    font-weight: bold;
    color: #b52b27;
}
.destaque-blue{
    font-weight: bold;
    color: #006699;
}

.destaque-gray{
    font-weight: bold;
    color: #bbb;
}

.font-lato{
    font-family: 'Lato', sans-serif;
}
.font-amaranth{
    font-family: 'Amaranth', sans-serif;
}

.gray-shadow{
    box-shadow: 0.1em 0.1em 0.1em grey;
}

/* ----------------------------- ICONES ------------------- */

.icn-sup-climsg{
  font-family: fontawesome;
  content: "\f2bd"; /* fa-user-circle */
}

.icn-sup-supmsg{
  font-family: fontawesome;
  content: "\f1cd"; /* fa-life-ring */
}

.icn-sup-analise{
  font-family: fontawesome;
  content: "\f110"; /* fa-spinner */
}

.icn-sup-corrige{
  font-family: fontawesome;
  content: "\f0ad"; /* fa-wrench */
}

.icn-sup-check{
  font-family: fontawesome;
  content: "\f00c"; /* fa-check */
}

.icn-sup-procede{
  font-family: fontawesome;
  content: "\f0fa"; /* fa-medkit */
}

.icn-sup-ok{
  font-family: fontawesome;
  content: "\f14a"; /* fa-check-square */
}

.icn-sup-agenda{
  font-family: fontawesome;
  content: "\f133"; /* fa-calendar-o */
}

.icn-sup-update{
  font-family: fontawesome;
  content: "\f0ed"; /* fa-cloud-download */
}

.icn-sup-cancel{
  font-family: fontawesome;
  content: "\f057"; /* fa-times-circle */
}



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

#TableTickets > thead{
  background: #66b4e1;
  color: #fff;  
}

.wells{
  background: #faf7c9;
 
}

.header-badge2{
  top: -7px;
  left: -11px;
}

.header-badge {
    position: absolute;
    background: #ec0000;
    margin-top: -12px;
    right: 8px;
    border-radius: 10px;
    padding: 4px 5px 2px 5px;
    text-align: center;
    font-weight: normal;
    font-size: 11px;
    line-height: 1;
}

.new_item > a{
  background: #e6e6ff;
  border: solid 1px #CC0000;
}

.dropdown-det{
  font-size: 10px;
}
.erro{
  font-size: 0.7em;
  color: red;
}


.modal-content > .modal-header{
  background: #006699;
  color: white;
  padding: 10px;
}

.modal-header > button{ 
  color: white;
}

.modal-content > .modal-footer{
  background: #eee;
  color: white;
  padding: 10px;
}

.dt-sol{
  font-size: 14px;
}

.dt-sol .label{
  display: block;
  font-size: 12px;
  text-align: left;
  padding: 5px;
  background: #efefef;
  color: #006699;
}

.tit-pq{
  font-size: 11px;
  font-weight: bold;
  color: #666;
}



.panel-small {
  padding:5px;
}

.timeline > article > .panel-heading{
  font-family: 'Lato', sans-serif;
}

.datahora{
  font-size: 11px;
  font-weight: bold;
  margin-right: 10px;
  
  padding: 5px;
  background: #efefef;
  color: #333;
  /*text-decoration: underline;*/

}

.nomehead{
  font-size: 12px;
  font-weight: bold;
  
}