/*
Template Name:  Admin
Author: codervent
Email: codervent@gmail.com
File: app.css
*/

/*  
  - Google Font
  - General
  - Sidebar
  - Header
  - Metismenu
  - Extra CSS
  - Invoice Page
  - Chat box
  - Email box
  - Compose Mail
  - Navs and Tabs
  - Background Colors
  - Authentication
  - Buttons 
  - Pricing Table
  - Forms
  - Responsive
*/
.navbar-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: row !important;
}

.top-menu {
  display: flex !important;
  justify-content: end !important;
  margin-right: 45px;
}

.dropdown-menu-end[data-bs-popper] {
  right: -116px;
  left: auto;
}

.navbar-nav .dropdown-menu {
  position: absolute;
  margin-top: 10px;
}




/* media queries------------------------------------------------ */

@media (max-width: 575.98px) {
  .para-text {
    font-size: 12px !important;
    font-weight: 500;
  }
  .top-menu{
    margin-right: 0px;
  }

  .section-authentication-signin {
    height: 100%;
    margin-top: 0px !important;
    margin-bottom: 0px!important;
  }

  .font-weight {
    font-size: 12px;
  }

  .overflow-child {
    padding: 0px !important;
  }

  .remove-padding {
    padding: 10px !important;
  }

  .timeline-container {
    padding: 10px;

  }

  .list-group-item h6 .lni {
    font-size: 17px;
  }

  .list-group-item h6 {
    font-size: 14px;
  }

  .shipment-btn {
    font-size: 13px;
    padding: 5px;
  }
  .section-authentication-signin {
    height: 100%;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
  @media screen and (max-width: 991px) {
    .section-authentication-signin {
      height: 100%;
      margin-top: 0 !important;
      margin-bottom: 0 !important;
    }
  }


@media (max-width: 767.98px) {
  .font-weight {
    font-size: 13px;
  }

  .overflow-child {
    padding: 0px !important;
  }
  .top-menu{
    margin-right: 0px;
  }
  .remove-padding {
    padding: 10px !important;
  }

  .timeline-container {
    padding: 10px;
  }

  .list-group-item h6 .lni {
    font-size: 17px;
  }

  .list-group-item h6 {
    font-size: 14px;
  }
  .section-authentication-signin {
    height: 100%;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (max-width: 991.98px) {

  .remove-padding {
    padding: 10px !important;
  }

  .timeline-container {
    padding: 10px;

  }
  .section-authentication-signin {
    height: 100%;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }


}

@media (min-width: 991.98px) {}

@media (max-width: 1199.98px) {}

@media (max-width: 1399.98px) {}

@media screen and (max-width: 1024px) {}



@media screen and (max-width: 991px) {
  .section-authentication-signin {
    height: 100%;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
 

}

.font-weight {
  font-size: 15px;
  font-weight: lighter;   
}

.relatives {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.relatives p {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: red;
}

.relatives {
  background-color: white !important;
  position: absolute !important;
  bottom: 0px !important;
  right: 0px !important;
  left: 0px !important;
}

.padding-extra {
  padding: 0px !important;
}

.our-footer {
  position: absolute !important;
  bottom: 0px !important;
  right: 0px !important;
  left: 0px !important;
}

.container,
.container-lg,
.container-md,
.container-sm {
  max-width: 100% !important;
  min-width: 100% !important;
}
.font-weight th{
  font-weight: lighter!important;
  font-size: 14px!important;
}
.height-vh{
  height: 100vh!important;
}
.role-data td{
  font-weight: lighter!important;
  font-size: 14px!important; 
}
.our-btns{
padding: 5px 10px;
font-size: 14px;
}