.new-design #accordionSidebar {
  background-color: #0b3f8e !important;
  box-shadow: 8px 0px 15px 10px #16293e82;
  z-index: 22;
  overflow: hidden;
  background-image: none;
  /* transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
      -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
      -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
      -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
      -ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); */
  transition: all 0.5s cubic-bezier(0.18, 0.98, 0.41, 1.05);
  -moz-transition: all 0.5s cubic-bezier(0.18, 0.98, 0.41, 1.05);
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.98, 0.41, 1.05);
  -o-transition: all 0.5s cubic-bezier(0.18, 0.98, 0.41, 1.05);
  -ms-transition: all 0.5s cubic-bezier(0.18, 0.98, 0.41, 1.05);
}
.new-design .col,
.new-design .col-1,
.new-design .col-10,
.new-design .col-11,
.new-design .col-12,
.new-design .col-2,
.new-design .col-3,
.new-design .col-4,
.new-design .col-5,
.new-design .col-6,
.new-design .col-7,
.new-design .col-8,
.new-design .col-9,
.new-design .col-auto,
.new-design .col-lg,
.new-design .col-lg-1,
.new-design .col-lg-10,
.new-design .col-lg-11,
.new-design .col-lg-12,
.new-design .col-lg-2,
.new-design .col-lg-3,
.new-design .col-lg-4,
.new-design .col-lg-5,
.new-design .col-lg-6,
.new-design .col-lg-7,
.new-design .col-lg-8,
.new-design .col-lg-9,
.new-design .col-lg-auto,
.new-design .col-md,
.new-design .col-md-1,
.new-design .col-md-10,
.new-design .col-md-11,
.new-design .col-md-12,
.new-design .col-md-2,
.new-design .col-md-3,
.new-design .col-md-4,
.new-design .col-md-5,
.new-design .col-md-6,
.new-design .col-md-7,
.new-design .col-md-8,
.new-design .col-md-9,
.new-design .col-md-auto,
.new-design .col-sm,
.new-design .col-sm-1,
.new-design .col-sm-10,
.new-design .col-sm-11,
.new-design .col-sm-12,
.new-design .col-sm-2,
.new-design .col-sm-3,
.new-design .col-sm-4,
.new-design .col-sm-5,
.new-design .col-sm-6,
.new-design .col-sm-7,
.new-design .col-sm-8,
.new-design .col-sm-9,
.new-design .col-sm-auto,
.new-design .col-xl,
.new-design .col-xl-1,
.new-design .col-xl-10,
.new-design .col-xl-11,
.new-design .col-xl-12,
.new-design .col-xl-2,
.new-design .col-xl-3,
.new-design .col-xl-4,
.new-design .col-xl-5,
.new-design .col-xl-6,
.new-design .col-xl-7,
.new-design .col-xl-8,
.new-design .col-xl-9,
.new-design .col-xl-auto {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.new-design .colors-shortcuts .colors-shortcuts .col-xl-3,
.new-design .colors-shortcuts .col-sm-6 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.new-design .quick-action {
  transition: all 0.5s cubic-bezier(0.18, 0.98, 0.41, 1.05);
  -moz-transition: all 0.5s cubic-bezier(0.18, 0.98, 0.41, 1.05);
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.98, 0.41, 1.05);
  -o-transition: all 0.5s cubic-bezier(0.18, 0.98, 0.41, 1.05);
  -ms-transition: all 0.5s cubic-bezier(0.18, 0.98, 0.41, 1.05);
}
.new-design .quick-action:hover {
  text-decoration: none;
  cursor: pointer;
  transform: scale(1.03);
  border:none;
}
.new-design .quick-action.bg-success:hover{
  box-shadow: 0 0.15rem 1.75rem 0 rgba(18, 143, 97, 0.44)!important;
}
.new-design .quick-action.bg-primary:hover{
  box-shadow: 0 0.15rem 1.75rem 0 rgba(11, 61, 153, 0.48)!important;
}
.new-design .quick-action.bg-warning:hover{
  box-shadow: 0 0.15rem 1.75rem 0 rgba(153, 142, 11, 0.48)!important;
}
.new-design .quick-action.bg-danger:hover{
  box-shadow:0 0.15rem 1.75rem 0 rgba(149, 9, 9, 0.48)!important;
}


.new-design .quick-action .h5 {
  line-height: 2.8rem;
  font-family: 'Varela Round', sans-serif;
  font-weight: 400 !important;
}
.new-design .page-heading {
  font-family: 'Varela Round', sans-serif;
}
.new-design .sidebar.toggled {
  overflow: inherit !important;
}
.new-design .sidebar .nav-item .collapse .collapse-inner.bg-yellowish .collapse-item:hover,
.new-design .sidebar .nav-item .collapsing .collapse-inner .bg-yellowish .collapse-item:hover {
  background-color: #eccf27 !important;
}
.new-design .sidebar-brand-icon img {
  width: 2.2rem;
}
.new-design .sidebar-brand-text img {
  width: 6.7rem;
  margin-bottom: 7px;
  margin-right: -1.4rem;
  margin-left: -1rem;
}
.new-design .navbar-logo-text {
  width: 14rem;
  margin-top: -2px;
}
.new-design #sidebar-text-logo {
  display: inline;
  overflow: hidden;
  width: 6.3rem;
  margin: 0 !important;
}
.new-design .sidebar .nav-item .nav-link {
  font-weight: 500;
}
.new-design .sidebar.toggled #sidebar-text-logo {
  width: 0;
}
.new-design .extra {
  font-family: calibri;
  margin-bottom: 27px;
}
.new-design .extra h4 {
  font-size: 1.3rem;
}
.new-design .extra ul {
  list-style: none;
  padding: 0;
  font-size: 0.9rem;
}
.new-design .extra li a {
  color: #757575;
  text-decoration: none;
}
.new-design footer.sticky-footer .copyright {
  font-family: calibri;
}
@media (min-width: 768px) {
  .new-design .sidebar.toggled .nav-item .collapse .collapse-inner {
    box-shadow: 0 0.15rem 1.75rem 0 rgba(47, 51, 86, 0.31);
    min-width: 11.3rem;
  }
  .new-design .sidebar:not(.toggled) .bg-white {
    background-color: #14a1ff38 !important;
  }
  .new-design .sidebar:not(.toggled) .nav-item .collapse .collapse-inner .collapse-item,
  .new-design .sidebar:not(.toggled) .nav-item .collapsing .collapse-inner .collapse-item {
    color: #fafbffd4;
  }
  .new-design .sidebar:not(.toggled) .nav-item .collapse .collapse-inner .collapse-header,
  .new-design .sidebar:not(.toggled) .nav-item .collapsing .collapse-inner .collapse-header {
    color: #ffffffc2;
  }
  .new-design .sidebar:not(.toggled) .nav-item .collapse .collapse-inner .collapse-item:hover,
  .new-design .sidebar:not(.toggled) .nav-item .collapsing .collapse-inner .collapse-item:hover {
    background-color: #cddae88a;
  }
}
@media (min-width: 1200px) {
  .new-design #lastest-docs {
    padding-right: 6rem;
  }
}
@media (max-width: 768px) {
  .new-design .col,
  .new-design .col-1,
  .new-design .col-10,
  .new-design .col-11,
  .new-design .col-12,
  .new-design .col-2,
  .new-design .col-3,
  .new-design .col-4,
  .new-design .col-5,
  .new-design .col-6,
  .new-design .col-7,
  .new-design .col-8,
  .new-design .col-9,
  .new-design .col-auto,
  .new-design .col-lg,
  .new-design .col-lg-1,
  .new-design .col-lg-10,
  .new-design .col-lg-11,
  .new-design .col-lg-12,
  .new-design .col-lg-2,
  .new-design .col-lg-3,
  .new-design .col-lg-4,
  .new-design .col-lg-5,
  .new-design .col-lg-6,
  .new-design .col-lg-7,
  .new-design .col-lg-8,
  .new-design .col-lg-9,
  .new-design .col-lg-auto,
  .new-design .col-md,
  .new-design .col-md-1,
  .new-design .col-md-10,
  .new-design .col-md-11,
  .new-design .col-md-12,
  .new-design .col-md-2,
  .new-design .col-md-3,
  .new-design .col-md-4,
  .new-design .col-md-5,
  .new-design .col-md-6,
  .new-design .col-md-7,
  .new-design .col-md-8,
  .new-design .col-md-9,
  .new-design .col-md-auto,
  .new-design .col-sm,
  .new-design .col-sm-1,
  .new-design .col-sm-10,
  .new-design .col-sm-11,
  .new-design .col-sm-12,
  .new-design .col-sm-2,
  .new-design .col-sm-3,
  .new-design .col-sm-4,
  .new-design .col-sm-5,
  .new-design .col-sm-6,
  .new-design .col-sm-7,
  .new-design .col-sm-8,
  .new-design .col-sm-9,
  .new-design .col-sm-auto,
  .new-design .col-xl,
  .new-design .col-xl-1,
  .new-design .col-xl-10,
  .new-design .col-xl-11,
  .new-design .col-xl-12,
  .new-design .col-xl-2,
  .new-design .col-xl-3,
  .new-design .col-xl-4,
  .new-design .col-xl-5,
  .new-design .col-xl-6,
  .new-design .col-xl-7,
  .new-design .col-xl-8,
  .new-design .col-xl-9,
  .new-design .col-xl-auto {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .new-design .sidebar #sidebar-text-logo {
    width: 0;
  }
  .new-design .sidebar-brand-icon {
    overflow: hidden;
  }
  .new-design .sidebar .sidebar-heading {
    overflow: hidden;
    padding: 0;
  }
  .new-design .sidebar .nav-item {
    overflow: inherit;
  }
  .new-design .sidebar .nav-item .nav-link {
    padding-right: 0;
    padding-left: 0;
    overflow: hidden;
  }
  .new-design #accordionSidebar {
    overflow: inherit;
    transition: all 0.5s cubic-bezier(0.63, -0.21, 0.28, 1.1);
  }
  .new-design .sidebar.toggled {
    box-shadow: none !important;
    overflow: hidden !important;
  }
}