/* body */
body {
   background-color: #fff;}


/* sidebar */
@media (min-width: 992px) {
#sidebar {
   background-color: #f3f5f9;
   z-index: 101;
   top: 0;}
}
@media (max-width: 991px) {
#sidebar {
   left: -300px;
   padding-top: 60px;}
}

/* sidebar-menu  */
.sidebar-menu {
   width: 300px;
   padding-bottom: 30px;
   padding-left: 20px;}

/* sidebar-header */
.sidebar-menu .sidebar-header {
   padding-left: 0;}

/* accordion */
.sidebar-menu .accordion-button,
.sidebar-menu .accordion-item .accordion-body a {
   font-size: 14px;
   text-decoration: none;
   color: #2e2e2e;}
.sidebar-menu .accordion-button:hover,
.sidebar-menu .accordion-item .accordion-body a:hover {
   color: #0069ff;}
/* accordion-button */
.sidebar-menu .accordion-button {
   background-color: transparent;
   box-shadow: none;
   padding: 0;
   padding-right: 10px;
   cursor: pointer;
   border: none;}
.sidebar-menu .accordion-button::after {
   margin-top: -8px;}
/* accordion-item */
.sidebar-menu .accordion-item {
   background-color: transparent;
   padding-top: 10px;
   padding-bottom: 30px;
   padding-right: 5px;
   border: none;}
.sidebar-menu .accordion-item:not(:first-of-type) {
   border-top: 1px solid #ddd;
   padding-top: 30px;}
/* accordion-body */
.sidebar-menu .accordion-item .accordion-body {
   padding: 20px 15px 0 15px;}
.sidebar-menu .accordion-item .accordion-body a {
   display: block;}
.sidebar-menu .accordion-item .accordion-body a:not(:last-of-type) {
   padding-bottom: 10px;}

/* sidebar-toggle */
@media (max-width: 991px) {
.sidebar-menu .sidebar-toggle {
  right: 20px;
  top: 15px;}
}




/* swipe-area-btn */
@media (max-width: 991px) {
.swipe-area-btn {
   top: 0;}
}



/* header */
.header {
   box-shadow: 0 -4px 15px #d5d1cb;
   opacity: 1;
   transition: height 0ms 0ms, opacity 600ms 0ms;}
 body.specific_scroll:not(.up_scroll) header {
   height: 0;
   z-index: 0;
   opacity: 0;
   transition: height 0ms 400ms, opacity 400ms 0ms;}
@media (min-width: 992px) {
.header {
   height: 70px;
   padding-left: 335px;}
}

/* header left */
@media (max-width: 991px) {
.header .left .a-logo {
    left: 60px;}
}





/* autocomplete */
.autocomplete {
  max-width: 650px;
  width: 100%;
  position: relative;
  margin-top: 15px;}
@media (max-width: 991px) {
.autocomplete {
  margin-top: 7px;}
}
/* autocomplete-input */
.autocomplete .autocomplete-input {
  position: relative;
  height: 40px;
  border: 1px solid #c2c2c3;
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 1px;}
.autocomplete .autocomplete-input button {
  position: absolute;
  left: 12px;
  top: 4px;
  background-color: transparent;
  border: none;}
.autocomplete .autocomplete-input button img {
  height: 24px;}
.autocomplete .autocomplete-input input {
  height: 39px;
  font-size: 14px;
  border-radius: 10px;
  background-color: transparent;
  border: none;
  padding-left: 55px;}
@media (max-width: 991px) {
.autocomplete .autocomplete-input {
  height: 35px;}
.autocomplete .autocomplete-input input {
 font-size: 13px;
 padding-left: 45px;
 height: 34px;}
.autocomplete .autocomplete-input button {
  top: 1px;}
.autocomplete .autocomplete-input button img {
  height: 22px;}
}

/* auto-complete-results */
.autocomplete .auto-complete-results {
  background-color: #fff;
  box-shadow: 5px 5px 19px #0000003b;
  border-radius: 0 0 10px 10px;
  position: absolute;
  z-index: 50;
  max-height: 400px;
  width: 100%;
  overflow-y: auto;}
.autocomplete .auto-complete-results .auto-complete-result-item {
  display: inline-block;
  width: 100%;}
.autocomplete .auto-complete-results .auto-complete-result-item:not(:last-of-type) {
  border-bottom: 1px solid #ddd;}
.autocomplete .auto-complete-results .auto-complete-result-item:hover {
  cursor: pointer;
  border-color: #a1a1a1;}
.autocomplete .auto-complete-results .auto-complete-result-item .content {
  padding: 15px;}
.autocomplete .auto-complete-results .auto-complete-result-item .content .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #444;
  font-size: 16px;}
.autocomplete .auto-complete-results .auto-complete-result-item:hover .content .title {
  color: #232323;}
.autocomplete .auto-complete-results .auto-complete-result-item .content .dec {
  height: 20px;
  overflow: hidden;
  font-size: 13px;
  color: #6e6e6e;}
.autocomplete .auto-complete-results .auto-complete-result-item .content .dec p {
  margin-bottom: 0;}
@media (max-width: 767px) {
.autocomplete .auto-complete-results .auto-complete-result-item .content .title {
  font-size: 14px;}
.autocomplete .auto-complete-results .auto-complete-result-item .content .dec {
  font-size: 12px;}
}

/* breadcrumb */
.autocomplete .breadcrumb .breadcrumb-item a {
   padding-left: 5px;
   padding-right: 5px;} 
.autocomplete .breadcrumb .breadcrumb-item:first-of-type a {
   padding-left: 0;} 
.autocomplete .breadcrumb .breadcrumb-item:first-of-type+.breadcrumb-item:before {
   height: 15px;
   left: 3px;}



/* open-sidebar */
@media (min-width: 992px) {
.open-sidebar #ascrail2000 {
   left: 300px !important;}
}
@media (min-width: 992px) {
.open-sidebar .main-wrapper {
    padding-left: 315px;}
}



/* main-wrapper */
@media (min-width: 992px) {
.main-wrapper {
   padding-top: 90px;}
}




/* doc-body */
.doc-body .section:not(:last-of-type) {
   padding-bottom: 60px;}
.doc-body .section h1 {
   color: #232323;
   font-size: 22px;}
.doc-body .section h2 {
   color: #232323;
   font-size: 18px;}
.doc-body .section h3 {
   color: #6e6e6e;
   font-size: 18px;}
.doc-body .section p {
   color: #6e6e6e;
   font-size: 14px;}
.doc-body .section .btn-download {
   border: 1px solid #898989;
   border-radius: 0;
   color: #232323;}
.doc-body .section .btn-download:hover {
   border-color: #232323;
   color: #2e2e2e;}