/* Add here all your CSS customizations */


/* calendario datepicker*/
.ui-datepicker-div{
	z-index: 100000 !important ;}
}
.ui-datepicker{
	z-index: 100000 !important ;}
}

.hover:hover{
	
background-color: #000F;
}

/* alinha os textos a direita */
right {
	text-align:right;
}

/* wizard form cadastro clientes*/
.step-line {
  background: #e0e0e0;
  height: 2px;
  width: 35vw;
  position: absolute;
  top: 30px;
  z-index: 1;
}
.nav-pills.custom li {
  background: transparent;
  margin: 0 30px;
  z-index: 2;
}
.nav-link.active.custom {
  background-color: transparent;
  color: #007bff;
}
.nav-link.custom {
  color: inherit;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 12vw;
}
.nav-link.custom span.icon {
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 50px;
  width: 46px;
  height: 46px;
  margin: 0 auto;
}
.nav-link.custom.active span.icon {
  background-color: #007bff;
  color: #fff;
}
.nav-link.custom i {
  font-size: 28px;
}
.tab-content.custom {
  display: flex;
  justify-content: center;
}
.tab-content.custom .tab-pane {
  width: 50vw;
}
@media screen and (min-width: 840px) {
  .tab-content.custom .tab-pane {
    width: 40vw;
  }
}

/* botoes status cotacoes */

.btn-aguardando-cotacao {
	background-color: #F2BD72;
	border-color: #d2322d #d2322d #a82824;
	color: #999;
}

.btn-aguardando-cotacao:hover, .btn-aguardando-cotacao.hover {
	background-color: #d9514d;
	border-color: #db5b57 #db5b57 #d2322d;
	color: #999;
}

.btn-cotacao-enviada {
	background-color: #93D5E8;
	border-color: #d2322d #d2322d #a82824;
	color: #999;
}

.btn-cotacao-enviada:hover, .btn-cotacao-enviada.hover {
	background-color: #d9514d;
	border-color: #db5b57 #db5b57 #d2322d;
	color: #999;
}

.btn-aprovada {
	background-color: #86C286;
	border-color: #d2322d #d2322d #a82824;
	color: #999;
}

.btn-aprovada:hover, .btn-aprovada.hover {
	background-color: #d9514d;
	border-color: #db5b57 #db5b57 #d2322d;
	color: #999;
}

.btn-aguardando-emissao {
	background-color: #E07875;
	border-color: #d2322d #d2322d #a82824;
	color: #999;
}

.btn-aguardando-emissao:hover, .btn-aguardando-emissao.hover {
	background-color: #d9514d;
	border-color: #db5b57 #db5b57 #d2322d;
	color: #999;
}

.btn-cancelada {
	background-color: #C7C7C7;
	border-color: #d2322d #d2322d #a82824;
	color: #999;
}

.btn-cancelada:hover, .btn-cancelada.hover {
	background-color: #d9514d;
	border-color: #db5b57 #db5b57 #d2322d;
	color: #999;
}

/* acompanhamento cotacoes */
div.kanban-column::-webkit-scrollbar {
  width: 5px;
}

/* Customize the track of the scrollbar */

div.kanban-column::-webkit-scrollbar-track {
  background: #fff;
}

/* Customize the thumb (the draggable part) */

div.kanban-column::-webkit-scrollbar-thumb {
  background-color: #797979;
  border-radius: 6px;
  border: none;
}

/* Customize the thumb when hovered */

div.kanban-column::-webkit-scrollbar-thumb:hover {
  background: magenta;
}

@media (max-width: 767px) {
  div.kanban-column {
    max-height: calc(100vh - 150px);
    overflow-y: auto;
    min-height: calc(100vh - 150px);
  }
}

@media (min-width: 768px) {
  div.kanban-column {
    max-height: calc(100vh - 150px);
    overflow-y: auto;
    min-height: calc(100vh - 150px);
  }
}

div.kanban-card.dragging {
  opacity: .5;
  transform: scale(.8);
}

div.kanban-column.drop {
  background-color: #f0f0f0;
}

#mobile-kanban-menu {
  font-size: 0.9em;
}

@media (min-width: 768px) {
  .nav-tabs {
    display: none;
  }
}

@media (min-width: 768px) {
  .tab-content > .tab-pane {
    display: block;
    opacity: 1;
  }
}

@media (min-width: 768px) {
  .kanban-col > .card {
    background-color: var(--bs-primary-bg-subtle)!important;
  }
}

@media (min-width: 768px) {
  div.kanban-column::-webkit-scrollbar-track {
    background: var(--bs-primary-bg-subtle);
  }
}

@media (max-width: 767px) {
  .kanban-col > .card {
    background-color: #fff;
  }
}

.kanban-card .info {
  font-size: 0.9em;
  color: var(--bs-gray);
}