/*
  Padrão bootstrap
*/
.col-offset-0 {
  padding-left: 0;
  padding-right: 0;
}

.campo-obrigatorio {
  border: 1px solid #a94442;
}

.cursor-pointer {
  cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.form-control[disabled].input-vencimento {
  cursor: pointer;
}

/*
  Padrão
*/
.ajuste {
  float: left;
  width: 100%;
  height: 1px;
}

.breadcrumb-padrao {
  margin-bottom: 10px;
}

.input-group-filtro {
  background: #f5f5f5;
  font-size: 13px;
}

.icone-recebido-manualmente {
  color: #AAC159;
}

.icone-conciliado-manualmente {
  color: #56829A;
}

.h2-detalhamento {
  float: left;
  font-family: 'Open Sans Condensed', sans-serif;
  color: #696969;
  margin: 0;
  padding: 0;
  line-height: normal;
  font-size: 25px;
}

.h3-detalhamento {
  float: left;
  font-family: 'Open Sans Condensed', sans-serif;
  color: #696969;
  margin: 0;
  padding: 0;
  line-height: normal;
  font-size: 20px;
}

.cor-icone-padrao {
  color: #A2A3A4;
}

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

.text-right {
  text-align: right;
}

.vl-divergente {
  color: #ad2d2a;
  font-weight: bold;
}

.vl-divergente-tolerado {
  color: #a76809;
}

.check-divergente {
  margin-left: 15px;
}

.labels {
  margin-top: 15px;
  font-weight: normal;
}

.btn-padrao {
  background-color: #004A93;
}

.digito {
  margin-left: 5px;
}

input[type="text"].input-right {
    text-align: right;
}

.btn-config {
  float: right;
  margin: 10px;
  color: #004A93;
}

/*
 Gráficos
*/
.panel-default> .panel-heading {
  float: left;
  width: 100%;
  background-color: #f3f5f8;
  min-height: 50px;
}

.p-painel-heading {
  float: left;
  max-width: 455px;
  color: #000000;
  font-size: 15px;
  margin: 3px 0 0 0;
}

.box-graficos {
  margin-top: 20px;
}


.transicaoGrafico {
  -webkit-transition: width 500ms ease-out;
  -moz-transition: width 500ms ease-out;
  -ms-transition: width 500ms ease-out;
  -o-transition: width 500ms ease-out;
  transition: width 500ms ease-out;
}

.opcao-botao-download {
  padding: 5px;
  cursor: pointer;
  border-radius: 6px;
  text-align: center;
}

.popover-content {
  padding: 0;
}

.opcao-botao-download:hover {
  background-color: #004A93;
  color: white;
}

/*
 Forms
*/
.btn {
  font-size: 13px;
}

.form-control {
  height: 32px;
  font-size: 13px;
}

.form-control.input-buscar {
    padding-right: 25px;
}

.icone-buscar {
  float: right;
  margin-top: -25px;
  margin-right: 10px;
  color: #A2A3A4;
}

.span-filtro {
  float: left;
  margin-right: 15px;
  margin-top: 7px;
}

/*
  Paginação
*/
.pagination>li>a, .pagination>li>span {
    color:#004A93;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #004A93;
    border-color: #004A93;
}

/*
 Cards
*/
.panels-dashboard {
  margin-top: 5px;
}

.card-dashboard {
  margin-bottom: 20px;
  border: 0;
}

.card-dashboard:hover {
  cursor: pointer;
  box-shadow: 0px 0px 16px 0px rgba(200, 200, 200, 0.98);
}

.card-dashboard.panel, .card-dashboard .panel {
  overflow: hidden;
}

.ajusta-padding-card-dashboard {
  padding-top: 13px;
  padding-bottom: 13px;
}

.numero-card {
  font-size: 21px;
  /*margin-top: 4px;*/
}

.icon-dashboard {
  padding-top: 15px;
  padding-left: 15px;
  padding-bottom: 12px;
}

.link-texto-card {
  font-size: 85%;
  color: #ffffff;
}

/*
 Cores das caixas
*/
.bg-caixa-valor-recebido {
  background-color: #6AB39F;
  color: #ffffff;
}
.bg-caixa-valor-recebido-escuro {
  background-color: #378B74;
  color: #ffffff;
}
.bg-caixa-valor-pendente {
  background-color: #D26455;
  color: #ffffff;
}
.bg-caixa-valor-pendente-escuro {
  background-color: #9F4C40;
  color: #ffffff;
}
.bg-caixa-valor-marcado {
  background-color: #7280cd;
  color: #ffffff;
}
.bg-caixa-valor-marcado-escuro {
  background-color: #56609a;
  color: #ffffff;
}
.bg-caixa-valor-total {
  background-color: #aac159;
  color: #ffffff;
}
.bg-caixa-valor-total-escuro {
  background-color: #7d8e41;
  color: #ffffff;
}
.bg-caixa-valor-conciliado {
  background-color: #72ADCD;
  color: #ffffff;
}
.bg-caixa-valor-conciliado-escuro {
  background-color: #56829A;
  color: #ffffff;
}

.icone-atencao {
  color: yellow;
}

/*
 Select empresas
*/
.select2-container-disabled {
  border-radius: 4px;
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.select2-container .select2-choice {
  height: 33px;
  font-size: 13px;
  line-height: 33px;
  background: none;
  border: 1px solid #ccc;
  margin-top: 10px;
  width: 500px;
}

.select2-drop {
  -webkit-box-shadow: -2px 4px 5px rgba(0, 0, 0, .15);
  box-shadow: -2px 4px 5px rgba(0, 0, 0, .15);
  font-size: 13px;
  padding-top: 5px;
  border-top: 1px solid #ccc;
}

.select2-container .select2-choice .select2-arrow {
  padding-left: 5px;
  padding-right: 5px;
  width: 27px;
  border-left: 1px solid #ccc;
  background-image: none;
  background-color: #ffffff;
  cursor: pointer;
}

.select2-chosen {
  height: 33px;
}

.select2-default {
  color: #555!important;
}

.icone-envelope {
  color: #1A709C;
  margin: 2px 5px 0 0;
}

/*
 Directive Visao Cenario
*/
.inputs-cenarios {
  display: flex;
  flex-direction: row;
  width: fit-content;
  padding: 0 0 0 15px;
  margin: 0 0 5px 0;
}

input[type=radio].radio-button-cenario {
  margin: 0 0 0 5px;
  vertical-align: middle;
}

/*
 Media's
*/

/* xs */
@media screen and (max-width: 768px) {
  .select2-container .select2-choice {
    max-width: 350px;
  }

  .col-offset-0-xs {
    padding-left: 0;
    padding-right: 0;
  }
}

/* sm */
@media screen and (max-width: 992px) {
  .margin-top-15-sm {
    margin-top: 15px;
  }

  .container-fluid.conteudo-geral {
    padding-left: 0;
    padding-right: 0;
  }

}

/* md */
@media screen and (min-width: 992px) {
  .fl-right-md {
    float: right;
  }
}

.text-filtrar {
  display: none;
}

@media screen and (max-width: 480px) {
  .btn-filtrar {
    margin-top: 15px;
  }

  .text-filtrar {
    float: right;
    display: block;
    margin-left: 5px;
  }

  .margin-top-15-xs {
    margin-top: 15px;
  }
}

@media screen and (max-width: 100px) {
    .select2-container .select2-choice {
      width: 300px;
    }
}

/* Icones painel de análise de empresa */
.icone-periodo-bom {
  background-color: #43a047;
  color: #ffffff;
}

.icone-periodo-medio {
  background-color: #fdd835;
  color: #ffffff;
}

.icone-periodo-ruim {
  background-color: #e53935;
  color: #ffffff;
}

/* Opções de textos */

.limitar-50-caracteres {
    max-width: 50ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}