.main {
  position: relative; }

.sidebar {
  position: fixed;
  top: 0px;
  left: 0;
  bottom: 0;
  width: 340px;
  z-index: 996;
  transition: left 0.3s ease;
  padding: 00px;
  scrollbar-width: thin;
  scrollbar-color: #aab7cf transparent;
  box-shadow: 0px 0px 20px rgba(1, 41, 112, 0.1);
  background-color: #fff;
  display: flex;
  flex-direction: column; }
  .sidebar .top_menu {
    flex-grow: 1; }
    .sidebar .top_menu .logo_box {
      padding: 1.5rem 1.5rem; }
      .sidebar .top_menu .logo_box a {
        height: 2.25rem; }
        .sidebar .top_menu .logo_box a img {
          height: 100%;
          width: auto; }
    .sidebar .top_menu .sidebar-nav {
      padding: 0;
      margin: 0;
      list-style: none; }
      .sidebar .top_menu .sidebar-nav li {
        margin-bottom: 0.25rem; }
        .sidebar .top_menu .sidebar-nav li a {
          display: flex;
          align-items: center;
          font-size: 0.9rem;
          font-weight: 400;
          color: #777777;
          padding: 0.75rem 2rem;
          border-radius: 0.25rem;
          text-transform: uppercase;
          transition: 0.3s;
          /* &:hover {
               background: #f6f9ff;
           }*/
          /*&.active {
              background: #f6f9ff;
          }*/ }
          .sidebar .top_menu .sidebar-nav li a i {
            transition: all 0.3s ease; }
  .sidebar .bottom_det {
    /* position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff; */ }
    .sidebar .bottom_det ul {
      margin: 0;
      padding: 1.25rem 1rem;
      list-style: none; }
      .sidebar .bottom_det ul li {
        margin-bottom: 0rem; }
        .sidebar .bottom_det ul li a {
          display: flex;
          align-items: center;
          font-size: 0.9rem;
          font-weight: 400;
          color: #777777;
          padding: 0.25rem 0.9rem;
          border-radius: 0.25rem; }
          .sidebar .bottom_det ul li a:hover {
            color: #193E6F; }
          .sidebar .bottom_det ul li a i {
            font-size: 1rem;
            margin-right: 0.75rem;
            color: #777777; }
    .sidebar .bottom_det .social_icons {
      background: #ededed;
      padding: 1.5rem 1.5rem !important; }
      .sidebar .bottom_det .social_icons p {
        margin-bottom: 0;
        font-size: 0.875rem; }
      .sidebar .bottom_det .social_icons ul {
        padding: 0;
        margin: 0;
        list-style: none; }
        .sidebar .bottom_det .social_icons ul li {
          margin-bottom: 0.25rem; }
          .sidebar .bottom_det .social_icons ul li a {
            background: transparent;
            padding-left: 0;
            padding-top: 0;
            padding-bottom: 0; }
            .sidebar .bottom_det .social_icons ul li a i {
              font-size: 1.2rem; }
              .sidebar .bottom_det .social_icons ul li a i:hover {
                color: #193E6F; }

.sidebar::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #fff; }

.sidebar::-webkit-scrollbar-thumb {
  background-color: #aab7cf; }

.sidebar-nav .nav-content {
  padding: 100px 0 0 0;
  margin: 0;
  list-style: none;
  position: absolute;
  /*right: -100%;*/
  width: 0;
  height: 100%;
  top: 0;
  left: 350px;
  opacity: 0;
  background: #fff;
  transition: all .3s ease-in-out;
  border-left: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5; }
  .sidebar-nav .nav-content.show {
    width: 100%;
    opacity: 1; }
  .sidebar-nav .nav-content h6 {
    padding: 1rem 2rem; }
  .sidebar-nav .nav-content li a {
    text-decoration: none;
    text-transform: capitalize !important;
    border-radius: 0 !important; }
    .sidebar-nav .nav-content li a.active {
      background: #032D5D !important;
      color: #fff; }
    .sidebar-nav .nav-content li a:hover {
      background: #032D5D !important;
      color: #fff !important; }

.top_menu .sidebar-nav li a .icon {
  margin-left: auto !important;
  margin-right: 0.65rem !important; }
  .top_menu .sidebar-nav li a .icon::after {
    font-family: FontAwesome;
    content: '\f105';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 1rem; }

@media (min-width: 1281px) {
  .sidebar {
    width: 350px; }

  #main {
    margin-left: 350px; }

  /*input.form-control {
      height: 40px;
  }*/
  .mobileHeader {
    display: none; } }
@media (min-width: 1025px) and (max-width: 1280px) {
  .sidebar {
    width: 350px; }

  #main {
    margin-left: 350px; }

  /*input.form-control {
      height: 40px;
  }*/
  .mobileHeader {
    display: none; }

  .top_menu .sidebar-nav li a {
    font-size: 1.1vw !important;
    padding: 0.25rem 2rem !important; }

  .bottom_det ul li a {
    font-size: 1.0vw !important; }

  .bottom_det .social_icons ul li a i {
    font-size: 1.5vw !important; } }
@media (min-width: 768px) and (max-width: 1024px) {
  .sidebar {
    width: 350px; }

  header {
    padding: 1em; }

  .toggle_menu i {
    font-size: 30px;
    color: #000000; }

  .mobile_toggle {
    position: absolute;
    top: 0;
    right: 8px; }

  .toggle-sidebar .sidebar {
    left: 0;
    overflow-y: scroll; }

  	/* .bottom_det {
          position: relative;
      } */
  .sidebar-nav .nav-content {
    position: relative;
    left: 5px;
    padding: 10px 0 0 0;
    border: none; }

  .top_menu .sidebar-nav li a {
    font-size: calc(0.5rem + 1vw) !important;
    padding: 0.25rem 2rem !important; }

  .bottom_det ul li a {
    font-size: calc(0.5rem + 1vw) !important; }

  .bottom_det .social_icons ul li a i {
    font-size: calc(0.65rem + 1vw) !important; }

  .types_main ul {
    display: flex; }

  .copy_right {
    text-align: center; }

  .back-to-top {
    bottom: 130px; } }
@media (max-width: 767px) {
  .sidebar {
    width: 350px; }
    .sidebar .top_menu {
      /* max-height: 55vh;
      overflow-y: auto; */
      overflow-x: hidden;
      flex-grow: 1; }
      .sidebar .top_menu .sidebar-nav li a {
        font-size: calc(0.5rem + 1vw);
        padding: 0.25rem 2rem; }
    .sidebar .bottom_det ul li a {
      font-size: calc(0.65rem + 1vw); }

  header {
    padding: 1em; }

  .toggle_menu i {
    font-size: 30px;
    color: #000000; }

  .mobile_toggle {
    position: absolute;
    top: 1rem;
    right: 2rem; }

  .toggle-sidebar .sidebar {
    left: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column; }

  	/* .bottom_det {
          position: relative !important;
      } */
  .sidebar-nav .nav-content {
    position: relative;
    left: 5px;
    padding: 10px 0 0 0;
    border: none; }

  .top_menu .sidebar-nav li a {
    font-size: 3.75vw; }

  .types_main ul {
    display: flex; }

  .copy_right {
    text-align: center; }

  .back-to-top {
    bottom: 130px; } }
@media (max-width: 1024px) {
  .sidebar {
    left: -350px; } }

/*# sourceMappingURL=sidebar.css.map */