header {
  width: 100%;
  display: flex;
  flex-direction: column;
}

body {
  /* Margem a partir da altura da navbar, precisa ser mudado quandoo tamanho da navbar muda */
  margin-top: 85.34px;
}

a {
  text-decoration: none;
  color: inherit;
}

/* Cores */
.text-oxford-blue {
  color: #042E3F;
}
.bg-oxford-blue {
  background-color: #042E3F;
}
.text-ocean-boat-blue {
  color: #027BC6;
}
.bg-ocean-boat-blue {
  background-color: #027BC6;
}
.text-eerie-black {
  color: #1D1E1B;
}
.bg-eerie-black {
  color: #1D1E1B;
}

.text-dark-gray {
  color: #494949;
}

/* Remove o caps lock colocado nos butões pelo MDB */
.btn {
  text-transform: none
}

/* Margem final (direita) customizada */
.me-25 {
  margin-right: 25rem;
}
  
/* -------- BOTÕES GENÉRICOS CPRM -------- */
.btn-cprm-primary,
.btn-cprm-secondary {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.btn-cprm-primary {
  background-color: #027BC6 !important;
  color: white !important;
  border: 2px solid #027BC6 !important; /* importante para ficar do mesmo tamanho que o secondary */
}

.btn-cprm-secondary {
  background-color: white !important;
  color: #027BC6 !important;
  border: 2px solid #027BC6 !important;
}

.btn-cprm-white {
  background-color: white !important;
  color: #1D1E1B !important;
  border: 1px solid #1D1E1B !important;
}

.btn-menu:hover,
.btn-back:hover {
  border-color: white;
}

/* input[type="file"] {
  display: none;
} */

.btn {
  padding: .375rem .75rem;
}

#nav-menu-container {
  width: unset;
}


#nav-menu {
  list-style: none;
  font-style: normal;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 2.5rem;
}

#nav-menu li {
  color: white;
  font-weight: bold;
  list-style: none;
  white-space: nowrap;
}

#nav-menu li[data-bs-toggle='collapse'] {
  cursor: pointer;
}

#nav-sub-menu li a{
  font-weight: normal;
  cursor: pointer;
}
#nav-menu li a:hover{
  color: #FBC45D;
}

#nav-menu hr {
  border-top: 2px solid white;
  opacity: 1;
}
.breadcrumb-item + .breadcrumb-item{
  padding-left: 15px!important;
}
.breadcrumb-item:not(.active){
  color: #027BC6
}
.breadcrumb-item.active {
  text-decoration: underline solid #f1860b 2px;
  text-underline-offset: 0.3em;
  color: #f1860b;
}

.breadcrumb-item:before {
  content: none!important;
}

.form-control.is-invalid {
  margin-bottom: 0px !important;
}

.select2-container.is-invalid  .select2-selection{
  border: 1px solid #dc4c64 !important;
}

.select-outline .select2-container--open.is-invalid {
  border: 1px solid #dc4c64 !important;
}

.select2-container.is-invalid ~ label {
  color: #dc4c64 !important;
}

.select-outline{
	position: relative;
  width: 100%;
  bottom: 0.06rem; /* gambiarra para alinhar com os outros inputs */
}
.select2-selection__rendered{
	padding-top: 4px;
}
.select-outline .select2-container{
	border: 1px solid transparent; /* to not move field when changing border color */
  /* z-index: 1040; */
}

.modal .select-outline .select2-container{
	border: 1px solid transparent; /* to not move field when changing border color */
  z-index: 1070;
}

.select-outline .select2-container--open .select2-selection__arrow b{
	border-color: transparent transparent #3b71ca transparent!important;
}
.select-outline label {
	position: absolute;
	top: 0;
  max-width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  left: .75rem;
  padding-top: .37rem;
	pointer-events: none;
	transform-origin: 0 0;
	transition: 0.2s ease-out all;
	color: #757575;
  margin-bottom: 0;
  padding-left: 5px;
  padding-right: 5px;
  /* z-index: 1040; */
}

.modal .select-outline label {
  z-index: 1070;
}


.select-outline .select2-container .select2-selection--single {
  min-height: calc(2.08rem + 0.15rem);
  height: calc(2.08rem + 0.15rem);
  padding-top: .27rem;
  padding-bottom: .27rem;
}
.select2-selection, .select2-selection--single, .input {
  border: 1px solid #cecece !important;
}

.select-outline .select2-container--open ~ label {
	transform: translateY(-1rem) translateY(.1rem) scale(.8);
	background-color: white;
	color: #3b71ca;
	transition: 0.2s ease all;
}


.select-outline .select2-container--open {
	border-top-right-radius: .5rem !important;
	border-top-left-radius: .5rem !important;
	border: 1px solid #3b71ca;
}
/* Para o menu do select ficar acima do modal 
(caso altere a versão do bootstrap talvez tenha que mudar a altura) 
*/
.modal .select2-container--open {
  z-index: 1080;
}

.select-outline .selected:not(.select2-container--open) ~ label {
	transform: translateY(-1rem) translateY(.1rem) scale(.8);
	background-color: white;
	color: #666666;
	transition: 0.2s ease-out all;
} 

/* Remove as setas dos inputs numéricos */
input[type=number]::-webkit-inner-spin-button { 
  -webkit-appearance: none;
  
}
input[type=number] { 
 -moz-appearance: textfield;
 appearance: textfield;

}

/* Se tem o popover de informaçao diminui o tamanho
 do label por conta do botão */
.info-append ~ label {
  max-width: 60%!important;
}
.info-append {
  background-color: transparent!important;
}

.form-outline .form-control:disabled ~ .info-append, 
.form-outline .form-control.disabled ~ .info-append, 
.form-outline .form-control[readonly] ~ .info-append {
  background-color: #e0e0e0 !important;
  border: 1px solid #bdbdbd !important; /* Adicionei 'solid' */
  border-left: none !important; /* Remover borda esquerda para continuidade com o input */
  /* Adicione a borda arredondada apenas nas partes necessárias */
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}


.cprm-table {
  border-bottom: 0 !important;
  width: 100% !important;
}

.cprm-table th {
  color: #828282;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 16px;
}

#armazenamento_table th {
  color: #828282;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 14px;
}

table.dataTable thead .sorting_asc, 
table.dataTable thead .sorting_desc {
  border-bottom: 2px solid #3b71ca;
}

table.dataTable thead .sorting::after {
  content: "";
  
}

.cprm-table td {
  color: #1D1E1B;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 400;
}

.cprm-table ~ .bottom .dataTables_paginate{
  display: inline-block;
  border: 1px solid #027bc6;
  border-radius: 10px;
  padding-top: 0;
}

.cprm-table ~ .bottom .dataTables_paginate .paginate_button {
  color: #027bc6 !important;
  padding: 6px 16px;
  text-decoration: none;
  border: none !important;
  margin-left: 0px !important;
  border-radius: 0px; 
}

.cprm-table ~  .bottom .dataTables_paginate .paginate_button:hover{
  background: #027bc6;
  color: white !important;
  border: 1px solid #027bc6;
}

.cprm-table ~ .bottom .dataTables_paginate .paginate_button.current{
  background: #027bc6;
  color: white !important;
  border: 1px solid #027bc6;
}

.cprm-table ~ .bottom .dataTables_paginate .paginate_button.current:hover{
  background: #027bc6;
  color: white !important;
  border: 1px solid #027bc6;
}

.cprm-table ~ .bottom .dataTables_paginate .paginate_button.previous{
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.cprm-table ~ .bottom .dataTables_paginate .paginate_button.next{
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.cprm-table ~ .bottom .dataTables_paginate .paginate_button.previous:hover .mdi,
.cprm-table ~ .bottom .dataTables_paginate .paginate_button.next:hover .mdi {
  color: white;
}

#search-bar-batch .select2-container {
  height: 100%;
  right: 2px;
}

#search-bar-batch .select2-container--default .select2-selection--single {
  height: 100%;
  display: flex;
  align-items: center;
  border: 0px;
  border-radius: 0.25rem;
}


#search-bar-batch .select2-selection__arrow{
  height: 100%;
  top: 0;
}