body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
a{
    text-decoration: none !important;
}
.bg-body-footer-top
{
    background-color: #eee;
}
.bd-navbar .navbar-brand:hover{
    transform: none !important;
}.dropdown-menu[data-bs-popper] {
    z-index: 10000 !important;
}
.float-result{
    float:right;
}
@media (max-width: 991.98px){
.bd-navbar .bd-navbar-toggle {
    width: auto !important;
}

.float-result{
    float:left;
}
}

.bg-pink {
    color:#fff;
    background-color: #e83e8c!important;
}

.bg-pink:hover, .bg-pink.btn.active, .bg-pink.btn:active, .bg-pink.btn:not(:disabled):not(.disabled).active, .bg-pink.btn:not(:disabled):not(.disabled):active {
    background-color: #d91a72!important;
    border-color: #ce196c;
    color: #fff;
}

.navbar-brand{
    text-align: center;
}

.profile-photo{
    width:40px !important;
    border: 1.5px solid #737373;
}

@media (max-width: 991px){
    .profile-photo{
        width:40px !important;
    }
}

@media (max-width: 400px){
    .navbar-brand  {
        width: 75% !important;
    }
    .navbar-brand img {
        width: 80% !important;
    }
    .bd-gutter {
         --bs-gutter-x: 1.5rem !important;
    }
}
@media (max-width: 343px){
    .navbar-brand  {
        text-align: left;
        width: 70% !important;
    }
    .navbar-brand img {
        width: 80% !important;
    }
    .bd-gutter {
         --bs-gutter-x: 0.5rem !important;
    }
}




.bd-navbar::after {
    background-image: none !important;
    background-color: #fff !important;
}

.bd-navbar .navbar-toggler, .bd-navbar .nav-link {
    color: #000 !important;
}

.bd-navbar .offcanvas-lg {
    background-color: #fff !important;
}

.bd-navbar-top{
    background-color: #4c0bce !important;
}

.dropdown-toggle::after {
    color: #fff;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #4b0bcc;
}
.nav-menu-item >.nav-link.active {
    color: #fff !important;
    background: #4c0bce !important;
}
.nav-menu-item >.nav-link:hover {
    color: #fff !important;
    background: #3b08a3 !important;
}
.bg-body-footer{
    background:#000 !important;
}

.minContainer{
    min-height:900px;
    }

@media (max-width: 991px){
    .minContainer{
        min-height:500px;
        }
        .dropdown-toggle::after {
            color: #000;
        }
}


.card{
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;
    border-radius: 0px !important;
}

.bd-navbar {
    box-shadow: 0 0.1rem 1rem rgba(0,0,0,0.15), inset 0 -1px 0 rgba(255,255,255,0.15) !important
}

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    --bs-offcanvas-width: 270px !important;
} 

.owl-carousel .owl-stage-outer{
    height:50px !important
  }

  .form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-form-control-bg);
    border-color: #673ab7;
    outline: 0;
    box-shadow: 0 0 0 0.05rem rgb(103 58 183 / 25%);
  }
  .form-check-input:checked {
    background-color: #673ab7;
    border-color: #673ab7;
  }
  .form-check-input:focus {
    border-color: #673ab7;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(103 58 183 / 25%);
  }
  .input-group-text {
    font-size: 1.5rem;
    padding: 0rem 0.75rem;
    min-height: 38px;
    line-height: 1.5rem;
}
label{
    font-weight:bold;
    margin-bottom: 5px;
}


.btn-success {
    color: #fff;
    background-color: #8BC34A;
    border-color: #8BC34A;
    box-shadow: none;
}
.btn-success:hover {
    color: #fff;
    background-color: #689F38;
    border-color: #689F38;
}

.btn-pink {
    color: #fff;
    background-color: #E91E63;
    border-color: #C2185B;
    box-shadow: none;
}
.btn-pink:hover {
    color: #fff;
    background-color: #C2185B;
    border-color: #C2185B;
}

.card-success.card-outline {
    border-top: 3px solid #8BC34A;
}
.card-success:not(.card-outline)>.card-header {
    background-color: #8BC34A;
    border-radius: 0px;
}

.card-pink.card-outline {
    border-top: 3px solid #E91E63;
}
.card-pink:not(.card-outline)>.card-header {
    background-color: #E91E63;
    border-radius: 0px;
}


.card-warning.card-outline {
    border-top: 3px solid #ffc107;
}
.card-warning:not(.card-outline)>.card-header {
    background-color: #ffc107;
    border-radius: 0px;
}

.card-danger.card-outline {
    border-top: 3px solid #ff5722;
}
.card-danger:not(.card-outline)>.card-header {
    background-color: #ff5722;
    border-radius: 0px;
}

.card-info.card-outline {
    border-top: 3px solid #03a9f4;
}
.card-info:not(.card-outline)>.card-header {
    background-color: #03a9f4;
    border-radius: 0px;
}

.card-primary.card-outline {
    border-top: 3px solid #3f51b5;
}
.card-primary:not(.card-outline)>.card-header {
    background-color: #3f51b5;
    border-radius: 0px;
}


.loginTitle,.registerTitle{
    font-size:28px;
    color:#fff;
}

.select2-container--default .select2-selection--single{
    padding: 0.375rem 0.75rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 2.5rem;
      height: 2.5rem;
      color: var(--bs-body-color);
      background-color: var(--bs-form-control-bg);
      background-clip: padding-box;
      border: var(--bs-border-width) solid var(--bs-border-color);
  }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    margin-top: -3px;
  }
  .select2-container *:focus {
    outline: none;
    border: 1px solid #673ab7;
  }
  .col-form-label{
    font-size:15px;
  }

  .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #3F51B5;
    color: white;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 4px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3F51B5;
    border: 1px solid #1A237E;
    color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #eee;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #673ab7 1px;
    outline: 0;
}
.select2-container--default .select2-selection--multiple {
    border: 1px solid #dee2e6;
}

.list-group-item:first-child{
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
.list-group-item:last-child {
    border-bottom-right-radius:0px !important;
    border-bottom-left-radius: 0px !important;
}
.list-group-item {
    border: 1px solid #ddd;
}
.list-group-item.active {
    background-color: #3F51B5;
    border-color: #303F9F;
}


.manualPagination .pagination li a{
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
    text-decoration: none !important;
  }
  .manualPagination .pagination li.active a{
    background-color: #007bff !important;
    color: #fff !important;
  }

  .nav-pills .nav-link {
    background-color: #eee;
    margin-right:10px
}

.nav-pills .nav-link.new, .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #8bc34a;
}

.nav-pills .nav-link.visited, .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #ffc107;
}

.nav-pills .nav-link.received, .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #8bc34a;
}

.nav-pills .nav-link.sent, .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #ffc107;
}

.nav-pills .nav-link.favour, .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #8bc34a;
}

.nav-pills .nav-link.unwanted, .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #ff5722;
}
.nav-pills .nav-link.interest_received, .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #E91E63;
}
.nav-pills .nav-link.interest_sent, .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #03a9f4;
}

.bt-green{
    border-top:2px solid #8bc34a !important;
    margin-bottom:10px;
}
.bt-yellow{
    border-top:2px solid #ffc107 !important;
    margin-bottom:10px;
}

.bt-pink{
    border-top:2px solid #E91E63 !important;
    margin-bottom:10px;
}
.bt-blue{
    border-top:2px solid #03a9f4 !important;
    margin-bottom:10px;
}


.maxNameHeight{
    max-height: 25px;
      overflow: hidden;
  }
  
  [class*=icheck-] {
    margin-top:10px !important;
    margin-bottom:10px !important;
}


.list-mobile-menu {
    flex-direction: row;
    overflow-x:auto;
}
.list-mobile-sub-menu{
    flex-direction: row;
    overflow-x:auto;
    display: flex;
    flex-wrap: inherit;
}
.list-group{
    border-radius: 0px !important;
}

.list-mobile-sub-menu > .nav-item > .nav-link{
    text-align: center;
    min-width: 112px !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #03A9F4 !important;
}

.list-mobile-menu {
    scrollbar-width: thin; /* For Firefox */
    scrollbar-color: transparent transparent; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
  }
  
  /* Webkit (Chrome, Safari) */
  .list-mobile-menu::-webkit-scrollbar {
    width: 6px; /* Adjust the width as needed */
    height: 4px;
    background-color: transparent; /* Make the background transparent */
  }
  
  .list-mobile-menu::-webkit-scrollbar-thumb {
    background-color: transparent; /* Make the thumb transparent */
  }
  
  /* Show the scrollbar on hover (optional) */
  .list-mobile-menu:hover {
    scrollbar-width: auto; /* For Firefox */
    scrollbar-color: initial initial; /* For Firefox */
    -ms-overflow-style: auto; /* For Internet Explorer and Edge */
  }
  
  /* Webkit (Chrome, Safari) - Show the scrollbar on hover (optional) */
  .list-mobile-menu:hover::-webkit-scrollbar-thumb {
    background-color: #aaa; /* Customize the thumb color when hovering */
  }
  
.list-mobile-sub-menu {
    scrollbar-width: thin; /* For Firefox */
    scrollbar-color: transparent transparent; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
  }
  
  /* Webkit (Chrome, Safari) */
  .list-mobile-sub-menu::-webkit-scrollbar {
    width: 6px; /* Adjust the width as needed */
    height: 4px;
    background-color: transparent; /* Make the background transparent */
  }
  
  .list-mobile-sub-menu::-webkit-scrollbar-thumb {
    background-color: transparent; /* Make the thumb transparent */
  }
  
  /* Show the scrollbar on hover (optional) */
  .list-mobile-sub-menu:hover {
    scrollbar-width: auto; /* For Firefox */
    scrollbar-color: initial initial; /* For Firefox */
    -ms-overflow-style: auto; /* For Internet Explorer and Edge */
  }
  
  /* Webkit (Chrome, Safari) - Show the scrollbar on hover (optional) */
  .list-mobile-sub-menu:hover::-webkit-scrollbar-thumb {
    background-color: #aaa; /* Customize the thumb color when hovering */
  }

  
.owl-featured .owl-stage-outer{
    height: auto !important;
}
  
  
.owl-side .owl-stage-outer{
    height: auto !important;
}
  
.owl-inter .owl-stage-outer{
    height: auto !important;
}

.form-check-input {
  width: 1.35rem !important;
  height: 1.35rem !important;
  margin-right: 0.75rem !important;
  border: 1px solid #673ab7 !important;
}