@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap");
body {
  margin: 0px;
  padding: 0px;
  font-family: "Open Sans", sans-serif;
  width: 100%;
  height: 100%;
}

.app-theme-white.app-container {
  background: #fff;
}
.breadcumb {
  margin-top: -40px;
  background: #e2e2e2;
  font-size: 16px;
  color: #000;
  margin-left: -30px;
  margin-right: -30px;
  padding: 10px 15px;
}
.username {
  background: url(../images/username.png) no-repeat 15px center #fff;
  padding-left: 25px;
}
.password {
  background: url(../images/password.png) no-repeat 15px center #fff;
  padding-left: 25px;
}
.login_sec {
  text-align: center;
  margin-top: 50px;
}

.dashboard_card {
  font-size: 18px;
  color: #000;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  transition: 0.5s;
  background: #fff;
  border: solid 1px #c3c3c3;
  box-shadow: 1px 1px 25px #33333320;
  padding: 45px 15px 45px 15px;
  margin-top: 20px;
  width: 100%;
  max-width: 242px;
}

.dashboard_card img {
  width: 50px;
}

.dashboard_card span {
  display: block;
  padding-top: 15px;
  font-weight: 600;
  line-height: 25px;
}

.dashboard_card:hover {
  box-shadow: 1px 1px 25px #33333360;
}

.login_sec_logo {
  margin-bottom: 20px;
      margin-left: 60px;
}

.logout1 {
  color: #000;
  position: absolute;
  right: 20px;
  background: url(../images/logout.png) no-repeat left center;
  padding-left: 30px;
}

.app-sidebar {
  background: url(../images/lft.png) no-repeat left bottom #1467b3 !important;
}

.header__pane {
  margin-right: -60px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  background-color: #000;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #000;
}
.app-header__logo {
  background: #070f62 !important;
  height: 80px;
}

.no-padding {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.no-margin {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

#header {
  background: #fff;
  box-shadow: 1px 3px 25px rgba(0, 0, 0, 0.4);
  padding: 20px;
}

.main_logo {
  margin-left: 12%;
}

.bt_section {
  margin-top: 60px;
}

.lft_logo {
  background: url(../images/sh.png) no-repeat right center;
  padding: 70px 0px;
}

.rgt_bx {
  padding-top: 80px;
}

.link_bx {
  text-align: center;
  padding: 20px 0px;
  background: #fff;
  border: solid 1px #1878c0;
  box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2);
  margin-bottom: 15px;
  color: #3179bc;
  text-transform: uppercase;
  font-weight: 500;
  cursor: pointer;
  margin-left: -10px;
  margin-right: -10px;
  border-radius: 4px;
}

.link_bx img {
  margin-bottom: 8px;
  display: inline-block;
}

.link_bx:hover {
  background: rgb(21, 109, 184);
  background: linear-gradient(
    360deg,
    rgba(21, 109, 184, 1) 0%,
    rgba(0, 212, 255, 1) 100%
  );
  color: #fff;
  margin-top: -5px;
}

.app-header-right {
  align-items: center;
  display: flex;
  margin-left: 0px;
  font-size: 28px;
  font-weight: 500;
}

.sp-logo {
  position: absolute;
  right: 10px;
  top: 2px;
}

.app-theme-white .app-footer .app-footer__inner,
.app-theme-white .app-header {
  background: #fff !important;
}

.fixed-header .app-header {
  height: 80px;
}

.logo-src {
  background: url(../images/tml_wt.png) no-repeat 30% center !important;
  background-size: 168px 36px !important;
  width: 260px !important;
  height: 44px !important;
}

.app-main .app-main__inner {
  padding: 60px 30px 30px 30px;
}

.closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo {
  width: 80px !important;
  background: #fff !important;
}

.app-sidebar .app-sidebar__inner {
  padding: 45px 1.5rem 1.5rem;
  background: rgb(7, 15, 98);
  background: linear-gradient(
    180deg,
    rgba(7, 15, 98, 1) 0%,
    rgba(26, 55, 147, 1) 100%
  );
  height: 100%;
}

.vertical-nav-menu li {
  text-indent: 15px;
  font-weight: 600 !important;
}

.vertical-nav-menu li a {
  color: #fff;
  font-size: 16px;
  font-weight: 600 !important;
  border-radius: 0px;
  margin: 0px 2% 1px 2%;
  text-indent: 10px;
  width: 96%;
  height: 42px !important;
}

.vertical-nav-menu li a.mm-active {
  background: #fff;
  color: #070f62;
  font-weight: 600;
  border-radius: 5px;
  margin-right: 15px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  width: 98%;
}

.mm-active:hover {
  background: #fff !important;
  color: #070f62 !important;
  font-weight: 600;
  border-radius: 5px;
  margin-right: 15px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  width: 98%;
}

.vertical-nav-menu li a:hover {
  background: #154a90;
  color: #fff;
  font-weight: 600;
  border-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  width: 98%;
}

.vertical-nav-menu li a {
  padding: 5px 15px;
  text-indent: 25px;
}

.vertical-nav-menu i.metismenu-state-icon,
.vertical-nav-menu i.metismenu-icon {
  opacity: 1 !important;
  margin-right: 30px !important;
  top: 22px;
}
.link-title {
  margin-left: 17px;
}

.app-sidebar .app-sidebar__inner {
  padding: 15px 0px 0px !important;
}

.inner_card {
  background: #fff;
  padding: 6px;
  box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-size: 20px;
  color: #000;
  border-radius: 4px;
  margin-bottom: 18px;
}

.inner_card_icon {
  margin-top: 45px;
  margin-bottom: 22px;
}

.inner_card span {
  display: block;
}

.inner_card img {
  max-width: 100%;
}

.inner_card_count {
  display: block;
  font-size: 45px;
  font-weight: 500;
  margin-bottom: 10px;
}

.login_bg {
  background: url(../images/Photo3.JPG) no-repeat left top;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  background-position: 13%;
      background-size: 100% 170%;
}

.login_main {
  padding: 30px;
  text-align: center !important;
}

.login_logo {
  display: inline-block;
}

.loginBx {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  background: #ffffff90;
  border-radius: 5px;
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center;
  padding: 35px;
  margin-left: 70px;
}

.loginBx .title {
  display: block;
  font-size: 26px;
  font-weight: 600;
  margin: 15px 0px;
  color: #5a22da;
}

.login_lft {
  background: #f4f6f8;
  border-right: solid 1px #b5b5b5;
  text-align: center;
  padding: 70px 0px;
}

.login_lft img {
  width: 50%;
}

.login_rgt {
  text-align: left;
  padding: 60px 45px 22px 30px;
  font-size: 17px;
  color: #646565;
}

.login_rgt_title {
  font-size: 25px;
  color: #1667b3;
  font-weight: 600;
  margin-bottom: 30px;
}

.log_input {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  font-size: 17px;
  height: 44px;
  line-height: 40px;
  text-indent: 20px;
  border: solid 1px #c2c2c2;
  outline: none;

  margin-bottom: 17px;
  border-radius: 50px;
  color: #646565;
}

.user {
  background: url(../images/user.png) no-repeat 7px center;
}

.pass {
  background: url(../images/pass.png) no-repeat 7px center;
}

.f_pass {
  font-size: 15px;
  color: #646565;
  text-decoration: none;
  float: right;
  margin-top: -10px;
}

a:hover {
  text-decoration: none;
}

.l_bt {
  cursor: pointer;
  outline: none;
  border: none;
  color: #fff;
  background: #5a22da;
  line-height: 44px;
  height: 44px;
  border-radius: 50px;
  margin-top: 20px;
  display: inline-block;
  padding: 0px 35px;
  margin-bottom: 35px;
}

.logout {
  width: 80px;
  height: 80px;
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 1500;
}

@media only screen and (max-width: 600px) {
  .t_logo {
    display: none;
  }

  .main_logo {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .bt_section {
    margin-top: 30px;
  }

  .lft_logo {
    background: none;
    padding: 0px;
    margin-bottom: 0px;
    text-align: center;
  }

  .lft_logo img {
    width: 60%;
  }

  .rgt_bx {
    padding-top: 30px;
  }

  .link_bx {
    margin-left: 0px;
    margin-right: 0px;
  }

  .login_lft {
    border-bottom: solid 1px #b5b5b5;
    border-right: none;
  }

  .loginBx {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }

  .app-header .app-header__mobile-menu {
    order: 0;
  }
}

/*Hide Back to Fuel Economy & Logout button on redirection from vehicle performance*/

.vh-hide{
  display: none;
}