/* Use more specific CSS with !important */
body div.dataTables_wrapper div.dataTables_length select {
    width: 80px; /* This should reset any width */
    display: inline-block !important; /* Keep the display property */
}

.navbar-vertical.navbar-vibrant .navbar-collapse {
   background-image: linear-gradient(-45deg, #da251c, #c20001);
}

a{
	color: #c20001;
    text-decoration: none;
}

a:hover {
    color: #e93839bf;
    text-decoration: underline;
}

.page-item.active .page-link {
    z-index: 3;
    color: var(--falcon-pagination-active-color);
    background-color: #da251c;
    border-color: #da251c;
}

.page-item.active .page-link {
    z-index: 3;
    color: var(--falcon-pagination-active-color);
    background-color: #da251c;
    border-color: #da251c;
}

.text-primary {
    --falcon-text-opacity: 1;
    color: rgb(194 0 1) !important;
}

.btn-falcon-primary {
    color: #eda959;
}
.btn-falcon-primary:hover:not(.disabled):not(:disabled){
	 color: #eda959;
}
.btn-falcon-primary:hover,.btn-falcon-primary:focus{
    color: #eda959;
}
.btn-falcon-primary:active{
    color: #eda959;
}

.btn-primary{
    color: #fff;
    background-color: #da251c;
    border-color: #da251c;
}

.btn-primary:active,.btn-primary:focus,.btn-primary:hover{
    color: #fff;
    background-color: #da251c;
    border-color: #da251c;
}
.btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: #fff;
    background-color: #da251c;
    border-color: #da251c;
}


.background-color{
	background-color: #da251c;
}

.home-text .sm-text {
	font-size:28px;
	color: #d01611;
	display: none;
}

.home-text .full-text {
	font-size:24px;
	color: #d01611;
	display: inline;
}

.text-dark {
    color: rgb(218 45 26) !important;
}


@media (max-width: 575.98px) { /* Small view (sm) */
  .home-text .sm-text {
    display: inline;
  }

  .home-text .full-text {
    display: none;
  }
}