html{position:relative;min-height:100%;}
body{-webkit-print-color-adjust: exact !important;}
/* ========== ÚTEIS ========== */
.padding-0{padding:0;}
.padding-2{padding:2px;}
.padding-4{padding:4px;}
.margin-0{margin:0;}
.margin-2{margin:2px;}
.margin-4{margin:4px;}
p{margin:2px;}
hr{margin:6px 0;}
.line-divider {height:1px;margin:6px 0;background-color:#e5e5e5;}
.line-divider-margin-2px {height:1px;margin:2px 0;background-color:#e5e5e5;}
.line-divider-2px {height:1px;margin:2px 0;background-color:#666;}
.line-divider-hidden {height:1px;margin:8px 0;}
.fonte-vermelha{color:#F00 !important;}
.fonte-laranja{color:#f76c02 !important;}
.fonte-azul{color:#00F !important;}
.fonte-verde{color:#00c600 !important;}
.fonte-branca{color:#FFF !important;}
.fonte-erro{color:#F00;font-weight:bold;}
.fonte-0-6{font-size:0.6em !important;}
.fonte-0-7{font-size:0.7em !important;}
.fonte-0-8{font-size:0.8em !important;}
.fonte-0-9{font-size:0.9em !important;}
.fonte-1-0{font-size:1em !important;}
.fonte-1-1{font-size:1.1em !important;}
.fonte-1-2{font-size:1.2em !important;}
.fonte-1-3{font-size:1.3em !important;}
.fonte-1-4{font-size:1.4em !important;}
.fonte-1-5{font-size:1.5em !important;}
.fonte-1-6{font-size:1.6em !important;}
.maiuscula{text-transform:uppercase;}
.minuscula{text-transform:lowercase;}
.largura-10{width:10%;}
.largura-20{width:20%;}
.largura-30{width:30%;}
.largura-40{width:40%;}
.largura-50{width:50%;}
.largura-60{width:60%;}
.largura-70{width:70%;}
.largura-80{width:80%;}
.largura-90{width:90%;}
.largura-100{width:100%;}

.campo-obrigatorio{font-size:1.2em !important;color:#F00;font-weight:bold;}

.campo{border-left:3px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding:3px;font-size:1.02em;}

/* ********************************
** Custom ítens Bootstrap *********
******************************** */
a:link{text-decoration: none;}
.help-block{font-size:.8em;}
.label{font-size:1.02em !important;font-weight:normal !important;letter-spacing:0.04em !important;} /* presonaliza mensagens label */
blockquote{padding:3px;font-size:1.02em;}

/* ********************************
** Custom Font-Awesome icons *********
******************************** */
.fa-trash-o{color:#f00;}
.fa-thumbs-up{color:#2a6496;}
.fa-thumbs-down{color:#f00;}

/* ========== LAYOUT ========= */
.logo{margin:17px 0;}
#google_translate{float:right;margin-right:2px;}
.slogan{margin-top:-34px;color:#e40045;font-size:1.2em;font-weight:bold;float:right;clear:both;}
#content{margin-bottom:5px;}

.bar-title{padding:4px;font-size:1.4em !important;color:#222;}

#footer .navbar{position:absolute;background-color:#e1e1e1;}
#footer .navbar .navegadores{padding:6px 0 10px 0;}
#footer .navbar .copy{margin-top:15px;}
#footer .navbar p{font-size:10px;color:#666;}

/* ========== CUSTOM MENU passei a usar >>> http://www.smartmenus.org/ ========== */
/*.navbar-default{background:url(../images/bg-menu.png) repeat-x top;}*/
/***ul.nav li.dropdown:hover ul.dropdown-menu{display: block;}***/

/* ========== CUSTOM DATATABLE PADRÃO FONTE MENOR ========== */
table{font-size:.8em;}
thead{font-size:1.3em;background-color:#ECECEC;}
tfoot{font-size:1.3em;background-color:#ECECEC;}

/* ==========  ========== */
.modal-header{padding:12px 10px 0 12px;}
.modal-body{padding:0 12px;}
.modal-footer{padding:7px 10px;}

/* ========== CUSTOM BOX's MÓDULOS ========= */
.boxs{padding:8px;border:8px solid #DDD;background:#FFF;-webkit-box-shadow:0 0 8px #888;-moz-box-shadow:0 0 8px #888;-ms-box-shadow:0 0 8px #888;-o-box-shadow:0 0 8px #888;box-shadow:0 0 8px #888;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px}
.boxs:hover{-webkit-box-shadow:0 0 14px #000;-moz-box-shadow:0 0 14px #000;-ms-box-shadow:0 0 14px #000;-o-box-shadow:0 0 14px #000;box-shadow:0 0 14px #000}

.box-basico{display:inline-block;padding:3px;margin-bottom:4px;border:2px solid #DDD;background:#F8F8F8;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}

/* alterna ver mais / ver menos */
.vermais:after{content:" menos"}
.vermais.collapsed:after{content:" mais"}

/* Styles Logistica de Pessoal */
table.BordasPadding{border-collapse:collapse}
table.BordasPadding tr td{border:1px solid #b5b5b5;padding:3px;text-align:center;}
.CorSim{background-color:#FFD800 !important}
.CorNao{background-color:#FFEC91 !important}
.CorAtiva{background-color:#FF0000 !important}

/* CSSs do AdminLTE */
/*
    Component: Small boxes
*/
.small-box {
  position: relative;
  display: block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 15px;
}
.small-box > .inner {
  padding: 10px;
}
.small-box > .small-box-footer {
  position: relative;
  text-align: center;
  padding: 3px 0;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  z-index: 10;
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
.small-box > .small-box-footer:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.15);
}
.small-box h3 {
  font-size: 38px;
  font-weight: bold;
  color: #fff !important;
  margin: 0 0 10px 0;
  white-space: nowrap;
  padding: 0;
}
.small-box p {
  font-size: 15px;
}
.small-box p > small {
  display: block;
  color: #f9f9f9;
  font-size: 13px;
  margin-top: 5px;
}
.small-box h3,
.small-box p {
  z-index: 5px;
}
.small-box .icon {
  position: absolute;
  top: auto;
  bottom: 5px;
  right: 5px;
  z-index: 0;
  font-size: 90px;
  color: rgba(0, 0, 0, 0.15);
}
.small-box:hover {
  text-decoration: none;
  color: #f9f9f9;
}
.small-box:hover .icon {
  animation-name: tansformAnimation;
  animation-duration: .5s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-name: tansformAnimation;
  -webkit-animation-duration: .5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: tansformAnimation;
  -moz-animation-duration: .5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
}
/* Background colors com fonte branca*/
.bg-red,
.bg-red-dark,
.bg-red-clear,
.bg-red-more-clear,
.bg-navy,
.bg-blue,
.bg-aqua,
.bg-light-blue,
.bg-teal,
.bg-light-blue-two,
.bg-green,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-yellow,
.bg-black,
.bg-red-dark {
  color: #f9f9f9 !important;
}
.bg-red {
  background-color: #f56954 !important;
}
.bg-red-dark {
  background-color: #f9442c  !important;
}
.bg-red-clear {
  background-color: #f49c90 !important;
}
.bg-red-more-clear {
  background-color: #f4c0ba !important;
}
.bg-navy {
  background-color: #001f3f !important;
}
.bg-blue {
  background-color: #0073b7 !important;
}
.bg-aqua {
  background-color: #00c0ef !important;
}
.bg-light-blue {
  background-color: #3c8dbc !important;
}
.bg-teal {
  background-color: #39cccc !important;
}
.bg-light-blue-two {
  background-color: #93b7bf !important;
}
.bg-green {
  background-color: #00a65a !important;
}
.bg-olive {
  background-color: #3d9970 !important;
}
.bg-lime {
  background-color: #01ff70 !important;
}
.bg-orange {
  background-color: #ff851b !important;
}
.bg-fuchsia {
  background-color: #f012be !important;
}
.bg-purple {
  background-color: #932ab6 !important;
}
.bg-maroon {
  background-color: #85144b !important;
}
.bg-yellow {
  background-color: #f4dc41 !important;
}
.bg-black {
  background-color: #222222 !important;
}
.bg-red-dark {
  background-color: #8B0000 !important;
}


/* Background colors com fonte escura*/
.bg-gray,
.bg-grey,
.bg-darkcream-ft-black,
.bg-lightcream-ft-black,
.bg-lightgreen-ft-black,
.bg-darkblue-ft-black,
.bg-lightblue-ft-black,
.bg-yellow-ft-black,
.bg-blue-clear-ft-black {
  color: #222222 !important;
}
.bg-gray {
  background-color: #eaeaec !important;
}
.bg-grey {
  background-color: #ececec !important;
}
.bg-darkcream-ft-black {
  background-color: #fffac1 !important;
}
.bg-lightcream-ft-black {
  background-color: #fffddf !important;
}
.bg-lightgreen-ft-black {
  background-color: #c6e9b8 !important;
}
.bg-mediumgreen-ft-black {
  background-color: #9cd385 !important;
}
.bg-darkblue-ft-black {
  background-color: #c9e8ff !important;
}
.bg-lightblue-ft-black {
  background-color: #dff1ff !important;
}
.bg-yellow-ft-black {
  background-color: #f4dc41 !important;
}
.bg-blue-clear-ft-black {
  background-color: #b7e5e5 !important;
}

/* medias prints */
@media print {
  .hidden-border-right {
    border-right:none !important;
    color: #F00 !important;
  }
}
@media print {
  .hidden-border-left {
    border-left:none !important;
  }
}







.bodytimeline {  
  background-color: #ececec;
  font-family: 'Verdana'; 
  font-weight: 300;
}
h2 {
  margin-bottom: 30px;
  color: #4679bd;
  font-weight: 400;
  text-align: center;
}
p.footer {
  margin-bottom: 20px;
  color: #999999;
  font-size: 14px;
  text-align: center;
}
/* -----------------------------------------------
 * Timeline
 * --------------------------------------------- */
 .timeline {
  list-style: none;
  padding: 10px 10px;
  position: relative;
  font-weight: 300;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content:" ";
  width: 2px;
  background: #ffffff;
  left: 50%;
  margin-left: -1.5px;
}
.timeline > li {
  margin-bottom: 20px;
  position: relative;
  width: 50%;
  float: left;
  clear: left;
}
.timeline > li:before, .timeline > li:after {
  content:" ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before, .timeline > li:after {
  content:" ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  width: calc(100% - 25px);
  width: -moz-calc(100% - 25px);
  width: -webkit-calc(100% - 25px);
  float: left;
  border: 1px solid #dcdcdc;
  background: #ffffff;
  position: relative;
}
.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #dcdcdc;
  border-right: 0 solid #dcdcdc;
  border-bottom: 15px solid transparent;
  content:" ";
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #ffffff;
  border-right: 0 solid #ffffff;
  border-bottom: 14px solid transparent;
  content:" ";
}
.timeline > li > .timeline-badge {
  color: #ffffff;
  width: 24px;
  height: 24px;
  line-height: 50px;
  text-align: center;
  position: absolute;
  top: 16px;
  right: -12px;
  z-index: 100;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline-badge > a {
  color: #ffffff !important;
}
.timeline-badge a:hover {
  color: #dcdcdc !important;
}
.timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline-heading h4 {
  font-weight: 400;
  padding: 0 15px;
  color: #4679bd;
  font-size: .9em;
}
.timeline-body > p, .timeline-body > ul {
  padding: 10px 15px;
  margin-bottom: 0;
  font-size: .8em;
}
.timeline-footer {
  padding: 5px 15px;
  background-color:#f4f4f4;
  font-size: .8em;
}
.timeline-footer p { margin-bottom: 0; }
.timeline-footer > a {
  cursor: pointer;
  text-decoration: none;
}
.timeline > li.timeline-inverted {
  float: right;
  clear: right;
}
.timeline > li:nth-child(2) {
  margin-top: 60px;
}
.timeline > li.timeline-inverted > .timeline-badge {
  left: -12px;
}
.no-float {
  float: none !important;
}
@media (max-width: 767px) {
  ul.timeline:before {
    left: 40px;
  }
  ul.timeline > li {
    margin-bottom: 0px;
    position: relative;
    width:100%;
    float: left;
    clear: left;
  }
  ul.timeline > li > .timeline-panel {
    width: calc(100% - 65px);
    width: -moz-calc(100% - 65px);
    width: -webkit-calc(100% - 65px);
  }
  ul.timeline > li > .timeline-badge {
    left: 28px;
    margin-left: 0;
    top: 16px;
  }
  ul.timeline > li > .timeline-panel {
    float: right;
  }
  ul.timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
  }
  ul.timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
  }
  .timeline > li.timeline-inverted {
    float: left;
    clear: left;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .timeline > li.timeline-inverted > .timeline-badge {
    left: 28px;
  }
}


.barra{width:150px; height:30px; background:#ebebeb; position:relative;}
.stars{position:absolute; left:0; top:0; width:100%;}
.star{
  float:left; 
  width:30px; 
  height:30px;
  text-align:center; 
  position:relative; 
  cursor:pointer;
}
.star.full{background:linear-gradient(to bottom, #fee24f, #f4bb2f)}

.bg{float:left;height:30px; width:30%; background:linear-gradient(to bottom, #fee24f, #f4bb2f);}
.starAbsolute{
  position:absolute; 
  top:0; 
  left:0;
  width:100%; 
  height:100%; 
  background:url(../../images/star.png) top left no-repeat; 
  background-size:cover;
}