/*
    BKM bootstrap compatibily script
    from bootstrap 3.* to 5.*
*/

.dropdown-toggle::after{
    display:none
}
.text-light {
  color: #757575!important;
}
li.active .btn{
  background-color:#eee
}

.modal.fade .modal-dialog{
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.modal-backdrop.show {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.dropdown-menu{
    transform:none!important;
    inset: 0 0 auto auto!important
}
.v-select .dropdown-menu{
  inset: auto!important
}
.btn.dropdown-toggle{
    float:right;
}
.modal.fade.show,
.tab-content>.tab-pane.show{
    opacity:1
}
.modal .modal-dialog{
    margin:1.75rem auto;
    transition: transform .3s ease-out;
    transform: translate(0, -50px);
}

.modal .modal-dialog.otp{
	height: auto;
}

@media (min-width: 768px){
  .top-navbar[role=navigation],
  .top-navbar[role=navigation] > .container-fluid{
    padding-top:0;
    padding-bottom:0;
  }
  .top-navbar[role=navigation] .navbar-nav {
    float: left;
    margin: 0;
    flex-direction:row
  }
  .top-navbar[role=navigation] > .container-fluid{
    flex-wrap:nowrap
  }
  .top-navbar[role=navigation] .dropdown-menu{
    position:absolute;
    top:100%!important
  }
}
.v-select > .dropdown-menu {
  top: auto !important
}