body {
  font-family: 'Montserrat', sans-serif;
  color: #868e96;
}
header {
  background: linear-gradient(to bottom, rgba(237, 123, 35, 1) 0%, rgba(237, 123, 35, 1) 8%, rgba(60, 59, 60, 1) 9%, rgba(60, 59, 60, 1) 100%);
}
.bg-orange {
  background-color: #151F31;
}
.bg-card-oscuro {
	background-color: #1E293B;
}
.txt-suave {
  color: #334155;
}
.modal {
  transition: opacity 0.25s ease;
}

.bg-orange-2{
  background-color: #101724;
}
.bg-blue-spp {
	background-color: #121737;
}
.bg-green {
	background: rgb(81, 168, 0);
}
.text-orange2 {
  color: #f33f00;
}
.rounded-5 {
  border-radius:1rem;
}
.bg-gray-oscuro {
  background-color: #3c3b3c;
}
.bg-gray-oscuro-top {
  background: linear-gradient(to bottom, rgba(237, 123, 35, 1) 0%, #3c3b3c 80%, #3c3b3c 100%);
	/*background-color: #3c3b3c;*/
}

.nav-foot {
  background: rgba(60, 59, 60, 0.8);
}
.two-columns {
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
}
@media (max-width: 768px) {
	.two-columns {
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
	}
}
.active {
  color: #ed7b23;
}
.bg-aside {
  background: #1B2638;
}
/* Tooltips */

.tooltip {
  position: relative;
  display: inline-block;
}
.fa:hover {
	color:orange;
}

.tooltip .tiptext {
  visibility: hidden;
  width: 120px;
  background-color: #000;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  padding: 6px 0;
  position: absolute;
  z-index: 1;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

.tooltip .tiptext::after {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
}

.tooltip:hover .tiptext {
  visibility: visible;
}
.tooltip.top .tiptext {
  margin-left: -60px;
  bottom: 100%;
  left: 45%;
}
.tooltip.top .tiptext::after {
  margin-left: -5px;
  top: 100%;
  left: 50%;
  border-color: #2E2E2E transparent transparent transparent;
}
.an {
	animation-duration: 1s;
	animation-delay: 0.5s;
	animation-iteration-count: 1;
}

.modal, .modal2 {
	transition: opacity 0.25s ease;
}

body.modal-active,
body.modal-active2 {
	overflow-x: hidden;
	overflow-y: visible !important;
}

/*pagination*/
.page-item:first-child .page-link {
	margin-left: 0;
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
	z-index: 2;
	color: #fff;
	background-color: #0056b3;
}

.page-item.disabled .page-link {
	color: #868e96;
	pointer-events: none;
	background-color: #fff;
	border-color: #ddd
}

.page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #000;
	background-color: #fff;
	border: 1px solid #ddd
}

.page-link:focus,
.page-link:hover {
	color: #0056b3;
	text-decoration: none;
	background-color: #e9ecef;
	border-color: #ddd
}

.pagination-lg .page-link {
	padding: .75rem 1.5rem;
	font-size: 1.25rem;
	line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
	border-top-left-radius: .3rem;
	border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
	border-top-right-radius: .3rem;
	border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
	padding: .25rem .5rem;
	font-size: .875rem;
	line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
	border-top-left-radius: .2rem;
	border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
	border-top-right-radius: .2rem;
	border-bottom-right-radius: .2rem
}
.pager .pagination>li>a,
.pager .pagination>li>span {
	color: #343a40;
}

.pagination>li.page-item.active>a {
	border: 1px solid #343a40;
	background: #343a40;
	color: #fff;
}
/* para cuando es movil clip-path: polygon(0 1%, 100% 1%, 99% 95%, 50% 100%, 0 95%); */
input:disabled {
    background: #dddddd;
}
.spinner {
  position: relative;
  color: transparent !important;
  pointer-events: none;
}

.spinner::after {
  content: '';
  position: absolute !important;
  top: calc(50% - (1em / 2));
  left: calc(50% - (1em / 2));
  display: block;
  width: 1em;
  height: 1em;
  border: 2px solid currentColor;
  border-radius: 9999px;
  border-right-color: transparent;
  border-top-color: transparent;
  animation: spinAround 500ms infinite linear;
}

@keyframes spinAround {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}