@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
@charset "UTF-8";

:root {
  --speedwhay-blue: #02102A;
  --speedwhay-lightblue: #1A7AAD;
  --speedwhay-footerblue: 165,215,247;
}

.bg_speedwhay_blue {
  background-color: var(--speedwhay-blue) !important;
}

.bg_speedwhay_lightblue {
  background-color: var(--speedwhay-lightblue) !important;
}

.bg_speedwhay_footerblue {
  background-color: rgba(var(--speedwhay-footerblue),1) !important;
}





* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}

html {
  font-size: 14px;
  position: relative;
  min-height: 100vh;
  /*height: 100vh; */
  width: 100%;
  padding: 0px;
  margin: 0 auto;
}
body {
  background-color: white;
  height: 100%;
  padding: 0px;
  margin: 0 auto;
  width: 100%;
}
/*header {
  margin: 0 auto;  
  background-color:#02102a;
  height:90px;
}
 */
/*section {
  height: calc(100% - 80px);
  margin: 0 auto;
  width: 100%;
  padding:0px;
}
*/
.footer_start {
  height: 60px;
  background: linear-gradient(180deg, rgba(255,255,255,1) 33%, rgba(var(--speedwhay-footerblue),1) 100%);
}
.footer {
  background-color: rgba(var(--speedwhay-bluefooter), 1) !important;

}
.footer_end {
  height: 60px;
  background: var(--speedwhay-bluefooter);
  background: linear-gradient(0deg, rgba(255,255,255,1) 33%, rgba(var(--speedwhay-footerblue),1) 100%);
}

.dropdown:hover .dropdown-menu {
  display: block;
}


/* GRID JS style Overrides.. */

th.gridjs-th {
  padding: 6px 12px !important;
}

td.gridjs-td {
  padding: 8px 12px !important;
}


/* Navigation Bar Icon Sizing */
span.size-24 {
  font-size: 24px;
  font-variation-settings: 'OPSZ' 24;
  width: 24px !important;
}

span.size-40 {
  font-size: 40px;
  font-variation-settings: 'OPSZ' 40;
  width: 35px !important;
}

.dropdown-toggle::after {
  align-self: center !important;
}

ul.dropdown-menu {
  transform: translate3d(5px, 0px, 0px) !important;
}

.dropdown-menu[data-bs-popper] {
  /*top: 100%;  */
  left: auto !important;
  /*margin-top: var(--bs-dropdown-spacer); */
}



/* Navigation Bar */
.navbar-toggler {
  color: var(--bs-white) !important;
}

.navbar .nav-link {
  color: var(--bs-white) !important;
  padding: 2px 12px 2px 2px !important;
}

.nav-link:hover, .nav-link:focus {
  color: var(--speedwhay-lightblue) !important;
}

.nav-link.selected {
  color: rgba(var(--speedwhay-footerblue),1) !important;
}

.nav.dropdown-menu {
  background-color: var(--speedwhay-lightblue) !important;
  .nav-link:hover, .nav-link:focus {
    color: var(--speedwhay-blue) !important;
  }
}

.breadcrumb-item.active {
  color: var(--bs-white) !important;
}





.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: 500;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}

.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}

.nav-link.disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  --bs-nav-tabs-border-width: 1px;
  --bs-nav-tabs-border-color: #dee2e6;
  --bs-nav-tabs-border-radius: 0.375rem;
  --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
  --bs-nav-tabs-link-active-color: #495057;
  --bs-nav-tabs-link-active-bg: #fff;
  --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}

  .nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    background: none;
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius);
  }

    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
      isolation: isolate;
      border-color: var(--bs-nav-tabs-link-hover-border-color);
    }

    .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
      color: var(--bs-nav-link-disabled-color);
      background-color: transparent;
      border-color: transparent;
    }

    .nav-tabs .nav-link.active,
    .nav-tabs .nav-item.show .nav-link {
      color: var(--bs-nav-tabs-link-active-color);
      background-color: var(--bs-nav-tabs-link-active-bg);
      border-color: var(--bs-nav-tabs-link-active-border-color);
    }

  .nav-tabs .dropdown-menu {
    margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

.nav-pills {
  --bs-nav-pills-border-radius: 0.375rem;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #1e30f3;
}

  .nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: var(--bs-nav-pills-border-radius);
  }

    .nav-pills .nav-link:disabled {
      color: var(--bs-nav-link-disabled-color);
      background-color: transparent;
      border-color: transparent;
    }

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

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

  .nav-fill .nav-item .nav-link,
  .nav-justified .nav-item .nav-link {
    width: 100%;
  }

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}


.input-group-text {
  width: 140px !important;
}