:root{
    --bs-primary: #3880ff;
    --bs-primary-rgb: 56, 128, 255;
    --bs-blue: #3880ff;
}

.btn-primary{
    --bs-btn-bg: #3880ff;
    --bs-btn-border-color: #3880ff;
    --bs-btn-disabled-bg: #3880ff;
    --bs-btn-disabled-border-color: #3880ff;
}

.btn-outline-primary {
    --bs-btn-color: #3880ff;
    --bs-btn-border-color: #3880ff;
    --bs-btn-hover-bg: #3880ff;
    --bs-btn-hover-border-color: #3880ff;
    --bs-btn-active-bg: #3880ff;
    --bs-btn-active-border-color: #3880ff;
    --bs-btn-disabled-color: #3880ff;
    --bs-btn-disabled-border-color: #3880ff;
  }

footer{
    background-color: #232f3e;
    color: white;
}
footer .nav-link{
    color: white !important;
}
footer #bottom-bar{
    background-color: black;
}

#home-carousel{
    height: 390px;
    background-image: url("/web/assets/images/banner/banner_4.jpg");
    align-items: center;
    display: flex;
    background-size: cover;
    background-position: center; 
    
    color: white;
}

.carousel-indicators{
    margin: 0;
    bottom: -30px;
}

.carousel-indicators [data-bs-target]{
    width: 8px;
    height: 8px;
    border-radius: 100%;
}
.serif {
    font-family: "Times New Roman", "Roboto", "Arial", "sans-serif";
}

.card-index > .card-img-top {
    height: 250px;
    overflow: hidden;
}

.card-index > a> .card-img-top {
    height: 250px;
} 
.card-index {
    width: 330px;
    margin: auto;
}
.card-index > .card-body > .card-title{
    font-size: 18px;
}

.banner_1 {
    height: 260px;
    background-image: url("/web/assets/images/banner/banner_1.jpg");
    align-items: center;
    display: flex;
    background-size: cover;
    background-position: center; 
} 

.banner_2 {
    height: 260px;
    background-image: url("/web/assets/images/banner/banner_2.jpg");
    align-items: center;
    display: flex;
    background-size: cover;
    background-position: center; 
} 
.banner_3 {
    height: 260px;
    background-image: url("/web/assets/images/banner/banner_3.jpg");
    align-items: center;
    display: flex;
    background-size: cover;
    background-position: center; 
} 

.page_banner h1 {
    font-weight: 700;
    color: white;
    font-size: 48px;
    text-shadow: 5px 5px 5px black;
} 

.nav-item {
  padding: 0.5rem 0xp;
}

#conjugation_tabs {
    background-color: #f2f2f2;
}

#conjugation_tabs .nav-item button{
    color: black;
    background-color: white;
    border: 1px solid #d9d9d9;
    height: 50px;
    min-width: 180px;
    font-size: 14px;
}
#conjugation_tabs .nav-item button.active{
    background-color: #3880ff; 
    color: white;
    font-weight: bold;
}

#conjugation_tabs .nav-item button:hover{
    font-weight: bold;
    background-color: #f2f2f2;
}
#conjugation_tabs .nav-item button.active:hover{
    background-color: #4854e0; 
}

.dropdown-menu{
    min-width: 16rem;
}

.dropdown-menu-mega{
    min-width: 40rem;
}

a{
    text-decoration: none;
}
#megamenu_products > * li > a{
    font-size: 14px;
    color: black;
}
#megamenu_services > * li > a{
    font-size: 14px;
    color: black;
}

.filter_section {
    max-height: 150px; 
    overflow-y: auto;
}

#top_button {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #3880ff;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#top_button:hover {
  background-color: #4a0587;
  transition-duration: 0.25s;
}



div.dtsp-verticalContainer{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}
 
div.dtsp-verticalContainer div.dtsp-verticalPanes,
div.dtsp-verticalContainer div.container{
    width: 30%;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 0;
}
 
div.dtsp-verticalContainer div.dtsp-verticalPanes{
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: 20%;
        max-width: 20%;
}
 
div.dtsp-verticalPanes {
    margin-right: 20px;
}
 
div.dtsp-title {
    margin-right: 0px !important;
    margin-top: 13px !important;
}
 
input.dtsp-search {
    min-width: 0px !important;
    padding-left: 0px !important;
    margin: 0px !important;
}
 
div.dtsp-verticalContainer div.dtsp-verticalPanes div.dtsp-searchPanes{
    flex-direction: column;
    flex-basis: 0px;
}
 
div.dtsp-verticalContainer div.dtsp-verticalPanes div.dtsp-searchPanes div.dtsp-searchPane{
    flex-basis: 0px;
}
 
div.dtsp-verticalContainer div.container{
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 60%;
}
 
div.dtsp-panesContainer {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 1em !important;
}
 
div.dtsp-titleRow {
  display: none;
}
 
div.dtsp-titleRow div.dtsp-title {
  margin-top: 0 !important;
  padding-top: 0;
}
 
html.dark div.dtsp-panesContainer {
    border: 1px solid rgba(255, 255, 255, 0.2);
}

div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane{
    margin-top: 0 !important;
    margin-bottom:15px !important;
}
div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow{
    margin-top: 0;
}
table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date{
    text-align: left;
}

.dt-scroll-body{
    height: unset !important;
}