@import url('https://fonts.googleapis.com/css2?family=Wix+Madefor+Display:wght@400;500;600;700;800&display=swap');
:root {
  --themeht-primary-color: #FF5E15;
    --themeht-secondary-color: #001659;
    --themeht-text-color: #0E0E0E;
    --themeht-body-color: #5E5E5E;
    --themeht-white-color: #FFFFFF;
    --themeht-bg-dark-color: #0E0E0E;
    --themeht-bg-light-color: #F8F8F8;
    --themeht-border-light-color: #DADADA;
}


/* ------------------------
    General
------------------------*/
body { font-family: 'Wix Madefor Display', sans-serif; overflow-x: hidden; font-size: 16px; line-height: 26px; font-weight: 500; color: var(--themeht-body-color); padding: 0; margin: 0; }
a, a:visited { text-decoration: underline; color: var(--themeht-primary-color); }
a:hover, a:focus { color: var(--themeht-primary-color); text-decoration: none; }
a { outline: none !important; }
p { line-height: 1.7;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: var(--themeht-text-color); font-weight: 600; }
h1, .h1 { font-size: 70px; line-height: 80px; }
h2, h2 { font-size: 55px; line-height: 65px; }
h3, .h3 { font-size: 30px; line-height: 40px; }
h4, .h4 { font-size: 24px; line-height: 34px; }
h5, .h5 { font-size: 20px; line-height: 30px; }
h6, .h6 { font-size: 18px; line-height: 28px; }


.text-dark { color: var(--themeht-text-color) !important; }
.text-primary { color: var(--themeht-primary-color) !important; }
.text-muted { color: var(--themeht-body-color) !important }
.text-light { color: var(--themeht-light-color) !important; }

.navbar::-webkit-scrollbar { width: 3px !important; }
.navbar { overflow: auto; display: block; padding: 0;}
.navbar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #f4f4f4 !important; -moz-box-shadow: inset 0 0 6px #f4f4f4 !important; box-shadow: inset 0 0 6px #f4f4f4 !important; background: #f4f4f4 !important; }
.navbar::-webkit-scrollbar-thumb { background: #209e2e !important; -webkit-box-shadow: inset 0 0 6px #209e2e !important; -moz-box-shadow: inset 0 0 6px #209e2e !important; box-shadow: inset 0 0 6px #209e2e !important; }

.theme-sidebar .navbar::-webkit-scrollbar-thumb:window-inactive { background: var(--themeht-primary-color); }

.navbar-brand img{max-height: 60px;}
.side-menu .nav-link {
  color: var(--themeht-text-color);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.side-menu .nav-link.active, .side-menu .nav-link:focus, .side-menu .nav-link:hover {
  color: var(--themeht-primary-color);
}



.offcanvas{background: var(--themeht-white-color)}
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 0px; }
::-webkit-scrollbar-thumb { border-radius: 0px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }
.theme-doc-content { border: 1px solid var(--themeht-border-light-color); margin: 20px 0; }
code { background: #f4fcf6; color: #252930; padding: 0.25rem 0.375rem; border-radius: .25rem; }
.alert { display: inline-block; }
button { border: none; cursor: pointer; }
buttom:hover, button:focus { border: none; outline: none; }
.table{color: var(--themeht-body-color);}

@media (min-width:1200px) {
.offcanvas.offcanvas-start{width: 15%; visibility: visible; transform: none;}
.page-content{
  margin-left: 20%;
    margin-right: 20%;
}

}

/* ------------------------
    Scroll to Top
------------------------*/
.scroll-top {position: fixed; bottom: 30px; right: 30px; z-index: 600; opacity: 0; visibility: hidden; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; -webkit-transform: translate3d(0, 200%, 0); -ms-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0);}
.scroll-top a, .scroll-top a:visited {display: block; height: 60px; width: 60px; line-height: 60px; text-align: center; border-radius: 7px; -webkit-box-shadow: 0 0 15px 6px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 15px 6px rgba(0,0,0,0.1); box-shadow: 0 0 15px 6px rgba(0,0,0,0.1); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.scroll-top.scroll-visible {opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}