/*-----------------------------
GENERAL CLASSES
------------------------------*/
body {
  background-color: #F9F9F9;
  font-family: 'Montserrat', "Helvetica", Arial, sans-serif;
}
a {
    color: #34495e;
    text-decoration: none;
}
a, a:hover, a:active, a:focus {
   outline: 0;
}
.page-header {
  margin: 0px;
  border-bottom: none; 
}
.actionBts p {
	margin: 0px;
}
.help-block {
    font-size: small;
    font-style: italic;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.clear {
  clear: both;
}
.nopadding {
    padding-right: 0;
    padding-left: 0;
}
.pr-2 {
  padding-right: 2px;
}
.pl-2 {
  padding-left: 2px;
}
.bold {
  font-weight: bolder;;
}
/*-----------------------------
COLORS
------------------------------*/
.danger-bg {
    background: #ce2d2d;
}
.client-bg {
    background: #34495e;
}
.success-bg {
    background: #1abc9c;
}
.info-bg {
    background: #3498db;
}

/*-----------------------------
BUTTONS
------------------------------*/
.btn-client {
    background: #007bff;
    border-color: #007bff;
    color: #FFF;
}
.btn-success {
    background: #2ab573;
    border-color: #16a085;
}
.btn-danger {
    background: #e74c3c;
    border-color: #c0392b;
}
.btn-warning {
    background: #fece06;
    border-color: #f39c12;
}
.btn-primary {
    background: #3498db;
    border-color: #2980b9;
}
.btn-info {
    background: #44b5e8;
    border-color: #2980b9;
}

/*-----------------------------
LABEL SERVIÇOS
------------------------------*/
.label-reboque {
  background-color: #2ab573;
}
.label-coordenado {
  background-color: #f05a28;
}
.label-taxi {
  background-color: #fece06;
}
.label-lar {
  background-color: #44b5e8;
}
.label-medical {
  background-color: #ce2d2d;
}
.label-RebTax {
  background-color: #2ab573;
}
.label-ambulancia {
  background-color: #ce2d2d;
}
.label-juridico {
  background-color: #852876;
}
.label-RentCar {
  background-color: #1b75bb;
}
.label-correspondente {
  background-color: #7a9faf;
}
.label-tecnico {
  background-color: #44b5e8;
}
.label-historico {
  background-color: #D8D8D8;
}

.label-all {
  background-color: #53b6c0;
}

.label-oficina {
  background-color: #526372;
}

.label-co {
  background-color: #586171;
}

.label-rent {
  background-color: #75A4D7;
}


/*HOVER STATE*/
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #16a085;
    border-color: #16a085;
}

/*-----------------------------
ALERTS
------------------------------*/
.alert-success {
    background-color: #2ecc71;
    color: #FFF;
}
.alert-danger {
    background-color: #e74c3c;
    color: #FFF;
}
.alert-warning {
    background-color: #f1c40f;
    color: #FFF;
}
.alert-info {
    background-color: #3498db;
    color: #FFF;
}

/*-----------------------------
LOGIN
------------------------------*/
.login-panel .panel-heading {
  padding: 20px 20px;
}
.login-panel {
    margin-top: 60%;
}
.login-panel > .panel-heading {
    background-color: #FFFFFF !important;
}
.btn-login {
  background-color: #324661;
  border: none;
}
.btn-login:hover {
  background-color: #003453;
}

/*-----------------------------
HEADER BAR/LOGO/MENU
------------------------------*/
.page-header-image {
  position: absolute;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.1;
}
.navbar {
  margin-bottom: 0px;
}
.navbar-nav {
  margin-bottom: 0px;
}
.navbar-brand {
  padding: 0px 0px 50px 0px;
}
.navbar-default {
	border: none;
  border-radius: 0px;
}
/*.navbar-client {
	background-color: #333333;
	border-bottom: 1px solid #5aa8af;
  width: 100%;
  float: none;
  text-align: center;
}*/
.navbar-client {
  background-color: #FFF;
  width: 100%;
  float: none;
  text-align: center;
  box-shadow: 0 6px 10px -4px rgba(0, 0, 0, 0.15);
}
.navbar-default .navbar-brand {
  color: #34495e;
}

/*.navbar-default .navbar-nav > li > a {
  color: #FFF;
}*/
.navbar-default .navbar-nav > li > a {
  color: #FFF;
  line-height: 1.6;
  padding: 31px 25px;
  opacity: .8;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  color: #66615B;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #007bff;
  background-color: transparent;
}
.navbar-nav > li > a {
  padding-top: 32px;
  padding-bottom: 32px;
  font-size: 16px;
}

/*.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #FFF;
  background-color: #56b5c0;
}*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #DDD;
  background-color: transparent;
  line-height: 1.6;
  padding: 31px 25px;
  opacity: .8;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  color: #007bff;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #66615B;
  background-color: #DDD;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: #007bff;
}
.navbar-default .navbar-nav > .dropdown > a .caret, .navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: #66615B;
  border-bottom-color: #66615B;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #007bff;
  border-bottom-color: #007bff;
}

.navbar-default .navbar-nav > .logOut > a {
  color: #66615B;
  background-color: #DDD;
}
.navbar-default .navbar-nav > .logOut > a:hover {
  color: #007bff;
  background-color: #DDD;
}

/*-----------------------------
PANELS / CARDS
------------------------------*/
.panel-default {
  border-radius: 12px;
  box-shadow: 0 6px 10px -4px rgba(0, 0, 0, 0.15);
  background-color: #FFFFFF;
  color: #333333;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
  border: 0 none;
  -webkit-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
  -moz-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
  -o-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
  -ms-transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
  transition: transform 300ms cubic-bezier(0.34, 2, 0.6, 1), box-shadow 200ms ease;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  background-color: #007bff;
  border-color: #007bff;
}
.pagination>li>a, .pagination>li>span {
  color: #007bff;
  background-color: #fff;
  border: 1px solid #ddd;
}

/*-----------------------------
BARRA 2 DE PROGRESSO FORMULARIO
------------------------------*/
ul.steps {
  width: 100%;
  height: 32px;
  padding: 0px;
  display: table;
  margin-bottom: 30px;
}
ul.steps li {
  position: relative;
  list-style-type: none;
  width: 33.33%;
  height: 60px;
  background-color: #DEDEDE;
  color: #999;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;  
  float: left;
}
ul.steps li .step {
    border-radius: 30px;
    height: 30px;
    width: 30px;
}
ul.steps li a {
  padding: 10px 20px;
  display: block;
}
ul.steps li a:hover {
  text-decoration: none;
}
/*ul.steps li:first-child a {
  padding: 2px 10px;
}*/
ul.steps li a h5, ul.steps li a h4, ul.steps li a h3 {
  margin: 0px;
}
ul.steps li a span {
  font-size: 14px;
}
ul.steps li span.arrowDrt, ul.steps li span.arrowEsq {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 0px; 
  height: 0px; 
  border-bottom: 30px solid transparent;  /* left arrow slant */
  border-top: 30px solid transparent; /* right arrow slant */
  border-left: 10px solid #DEDEDE; /* bottom, add background color here */
  font-size: 0;
  line-height: 0;
  background-color: #f1f1f1;
}
ul.steps li span.arrowEsq {
  left: 0px;
  border-left: 10px solid #f1f1f1; /* bottom, add background color here */
  background-color: transparent;
}
ul.steps li a {
  color: #333;
}
ul.steps li.active a,
ul.steps li.error a {
  color: #FFF;
}
ul.steps li:hover {
  background-color: #ccc;
}
ul.steps li:hover span.arrowDrt {
  border-left: 10px solid #ccc;
}
ul.steps li.active {
  background-color: #1abc9c;
}
ul.steps li.active span.arrowDrt {
  border-left: 10px solid #1abc9c;
}
ul.steps li.active:hover {
  background-color: #16a085;
}
ul.steps li.active:hover span.arrowDrt {
  border-left: 10px solid #16a085;
}
ul.steps li.error {
  background-color: #e74c3c;
}
ul.steps li.error span.arrowDrt {
  border-left: 10px solid #e74c3c;
}
ul.steps li.error:hover {
  background-color: #d2322d;
}
ul.steps li.error:hover span.arrowDrt {
  border-left: 10px solid #d2322d;
}

/*-----------------------------
WELL'S
------------------------------*/
.well-client {
	background-color: #FFF;
}

/*-----------------------------
LISTS
------------------------------*/
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #3498db;
  border-color: #2980b9;
}

/*-----------------------------
THUMBS/CONTENT
------------------------------*/

.thumbnail {
	margin-bottom: 10px;
}
.thumbnail:last-child {
	margin-bottom: 50px;
}

/*-----------------------------
FOOTER
------------------------------*/
.footer {
  border-top: 1px solid #ccc;
  margin-top: 40px;
  padding-top: 20px;
  padding-bottom: 50px;
  color: #ccc;
  text-align: center;
  background-color: #FFF;
}




/*-----------------------------
DASHBOARD
------------------------------*/
.filter-success {
    background-color: #2ab573;
    color: #FFF;
}
.filter-warning {
    background-color: #fece06;
    color: #FFF;
}
.filter-danger {
    background-color: #e74c3c;
    color: #FFF;
}
.filter-info {
    background-color: #44b5e8;
    color: #FFF;
}
.filter-success i, .filter-warning i, .filter-danger i, .filter-info i {
    color: #FFF;
}
.filter-success.active, .filter-warning.active, .filter-danger.active, .filter-info.active {
    color: #333;
}

.icon-success {
    color: #2ab573;
}
.icon-warning {
    color: #fece06;
}
.icon-danger {
    color: #e74c3c;
}
.icon-info {
    color: #44b5e8;
}

.icon-service {
  margin-right: 10px;
}

.card {
    border-radius: 6px;
    box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);
    background-color: #FFFFFF;
    color: #252422;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    padding: 15px;
}
.card .header {
  margin-bottom: 10px;
}
.card .header h4 {
  margin: 0px 0px 10px 0px;
}
.card .category, .card label {
    font-size: 14px;
    font-weight: 400;
    color: #9A9A9A;
    margin-bottom: 0px;
}
.card .content {
    padding: 15px 15px 10px 15px;
}
.card .content .header {
    margin-bottom: 20px;
}
.card .content h4 {
    margin-bottom: 0px;
}
.card .icon-big {
  min-height: 110px;
}
.card .icon-small {
  min-height: 68px;
}
.card .numbers {
  font-size: 50px;
  text-align: right;
  font-weight: 600;
}
.card.small .numbers {
  font-size: 30px;
  text-align: right;
  font-weight: 600;
}
.card .oldNumbers {
  font-size: 30px;
  text-align: right;
  font-weight: 600;
  color: #CCC;
  border-right: 1px solid #CCC;
  padding-right: 15px;
}
.card .numbers p {
    margin: 0;
    font-size: 16px;
    font-weight: 300;
}
.card .oldNumbers p {
    margin: 0;
    font-size: 16px;
    font-weight: 300;
    color: #CCC;
}

.card .footer {
    padding: 0;
    line-height: 30px;
    text-align: left;
    border: none;
    margin-top: 20px;
}
.card .footer hr {
    margin-top: 5px;
    margin-bottom: 5px;
}
.card .stats, .card .stats a {
    color: #a9a9a9;
    font-weight: 300;
}
.card .stats a:hover {
    color: #999;
    font-weight: 300;
}
.card .footer div {
    display: inline-block;
}
.card .stats i {
    margin-right: 2px;
    min-width: 15px;
    display: inline-block;
}
.tableLogs th, .tableLogs td{
  text-align: center;
}

.stats {
  width: 100%;
}
.tableLogs {
  font-size: 12px;
  margin: 0px;
}

.minimap {
  margin-bottom: 3px;
}

/*Filtros*/
.btn-filtros {
  opacity: 0.4;
  padding: 0px;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.btn-filtros:active, .btn-filtros.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 1;
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}
/*Charts*/
.progress {
  box-shadow: none;
  margin-bottom: 3px;
}
.progress-sm {
  height: 6px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.progress-bar {
  box-shadow: none;
}
.progress-bar-reboque {
  background-color: #2ab573;
}
.progress-bar-coordenado {
  background-color: #f05a28;
}
.progress-bar-taxi {
  background-color: #fece06;
}
.progress-bar-lar {
  background-color: #44b5e8;
}
.progress-bar-medical {
  background-color: #ce2d2d;
}
.progress-bar-RebTax {
  background-color: #2ab573;
}
.progress-bar-ambulancia {
  background-color: #ce2d2d;
}
.progress-bar-juridico {
  background-color: #852876;
}
.progress-bar-RentCar {
  background-color: #1b75bb;
}
.progress-bar-correspondente {
  background-color: #7a9faf;
}
.progress-bar-tecnico {
  background-color: #44b5e8;
}
.progress-bar-historico {
  background-color: #D8D8D8;
}
.progress-bar-all {
  background-color: #53b6c0;
}

.text-reboque {
  color: #2ab573;
}
.text-coordenado {
  color: #f05a28;
}
.text-taxi {
  color: #fece06;
}
.text-lar {
  color: #44b5e8;
}
.text-medical {
  color: #ce2d2d;
}
.text-RebTax {
  color: #2ab573;
}
.text-ambulancia {
  color: #ce2d2d;
}
.text-juridico {
  color: #852876;
}
.text-RentCar {
  color: #1b75bb;
}
.text-correspondente {
  color: #7a9faf;
}
.text-tecnico {
  color: #44b5e8;
}
.text-historico {
  color: #9B9B9B
}
.text-all {
  color: #53b6c0
}

.pie-wrapper .border-reboque {
  border: 0.1em solid #2ab573 !important;
}
.pie-wrapper .border-coordenado {
  border: 0.1em solid #f05a28 !important;
}
.pie-wrapper .border-taxi {
  border: 0.1em solid #fece06 !important;
}
.pie-wrapper .border-lar {
  border: 0.1em solid #44b5e8 !important;
}
.pie-wrapper .border-medical {
  border: 0.1em solid #ce2d2d !important;
}
.pie-wrapper .border-RebTax {
  border: 0.1em solid #2ab573 !important;
}
.pie-wrapper .border-ambulancia {
  border: 0.1em solid #ce2d2d !important;
}
.pie-wrapper .border-juridico {
  border: 0.1em solid #852876 !important;
}
.pie-wrapper .border-RentCar {
  border: 0.1em solid #1b75bb !important;
}
.pie-wrapper .border-correspondente {
  border: 0.1em solid #7a9faf !important;
}
.pie-wrapper .border-tecnico {
  border: 0.1em solid #44b5e8 !important;
}
.pie-wrapper .border-historico {
  border: 0.1em solid #9B9B9B !important;
}
.pie-wrapper .border-all {
  border: 0.1em solid #53b6c0 !important;
}

.anterior {
  text-align: right;
}
.anterior .sublabel {
  font-size: 14px;
  color: #9B9B9B;
  line-height: 28px;
}
.actual .sublabel {
  font-size: 20px;
  color: #333333;
  font-weight: bolder;
  line-height: 28px;
}


.stats-actual {
  margin-top: 40px;
}
.stats-actual .big-data {
  font-size: 50px;
  line-height: 20px;
}
.stats-actual small {
  line-height: 50px;
}
.stats-anterior {
  margin-bottom: 30px;
}
.stats-anterior .big-data {
  font-size: 30px;
  line-height: 10px;
}
.stats-anterior small {
  line-height: 25px;
}


.volumetria .card {
  min-height: 360px;
}

.pie-wrapper .label {
  line-height: 0;
}
.pie-wrapper span.label span.num {
  line-height: 2;
}
.pie-wrapper span.label p {
  font-size: 20px;
  line-height: 0;
}


/*-----------------------------
LISTAS
------------------------------*/
.hiddenRow {
    padding: 0px !important;
    border: none !important;
}
.wrapper {
  padding: 15px;
}
.preview-thumbnail {
  margin-top: 10px;
}
.preview-thumbnail .nav-tabs>li, .nav-tabs>li {
  display: inline-block;
}
.preview-thumbnail .nav-tabs>li>a, .nav-tabs>li>a {
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  width: 90px;
  height: 65px;
  overflow: hidden;
}
.preview-thumbnail .nav>li>a>img, .nav>li>a>img {
  max-height: 100%;
}
.product-topics p label {
  margin-bottom: 2px;
  font-weight: 300;
  color: #999;
  width: 25%;
}
.product-topics p {
  margin: 0px;
}
.hiddenRow .nav-tabs {
  border-bottom: 0px;
}
.hiddenRow .nav-tabs > li.active > a, .hiddenRow .nav-tabs > li.active > a:hover, .hiddenRow .nav-tabs > li.active > a:focus {
  border: 0px;
}
.nav-tabs > li > a:hover {
    border: 0px;
}
.nav > li.active > a, .nav > li.active > a:hover {
    background-color: #eee;
}


/*-----------------------------
ERROR PAGE
------------------------------*/
.errorPage {
  margin: 20% auto;
  text-align: center;
}

.error-code {
  bottom: 60%;
  color: #2d353c;
  font-size: 96px;
  line-height: 100px;
}

.error-desc {
  font-size: 12px;
  color: #647788;
}




/*-----------------------------
HOME
------------------------------*/
html, body {
  height: 100%;
}
.home {
  background: url(../img/indexBCK.jpg) no-repeat top center fixed;
  background-size: cover;
  height: 100%;
  overflow: hidden;
}

/*-----------------------------
RESPONSIVE
------------------------------*/
@media (min-width: 768px) {
	.form-horizontal .control-label {
	    text-align: left;
	}
}
/*-----------------------------
RESPONSIVE
------------------------------*/
@media (min-width: 768px) {
  .container {
    max-width: 90%;
	 width: 100%;
  }
}