:root {
    --offcanvas-width: 200px;
    --offcanvas-width-documentation: 220px;
    --header-height-admin: 50px;
    --header-height-documentation: 50px;
    --header-height-public: 0px;
    --footer-height-public: 0px;
    --footer-height-documentation: 0px;
}

html {
    min-height: 100%;
    /* min-width: 396px; */
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  /* min-width: 396px; */
}

#public main {
    margin-top: var(--header-height-public);
    margin-bottom: var(--footer-height-public);
}

main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
}

#mnuLogout {
    font-weight: normal !important;
}

#admin header {
    height: var(--header-height-admin);
}
#admin main {
    margin-top: var(--header-height-admin);
}

#admin .offcanvas {
    width: var(--offcanvas-width);
}
@media (min-width: 992px) {
    #admin main {
        margin-left: var(--offcanvas-width);
    }
    #admin .offcanvas {
        -webkit-transform: none;
                transform: none;
        visibility: visible !important;
        top: var(--header-height-admin);
        height: calc(100% - var(--header-height-admin));
    }

    #admin .offcanvas .navbar{
        border: none;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
    #admin .offcanvas-backdrop::before {
        display: none;
    }
}



/*****************************************************************/
/**** Documentation Navbar Area ****/

#documentation header {
    height: var(--header-height-documentation);
}
#documentation main {
    margin-top: 10px;
}

#documentation .offcanvas {
    width: var(--offcanvas-width-documentation);
}

@media (min-width: 992px) {
    #documentation main, #documentation .docsFooter {
        margin-left: var(--offcanvas-width-documentation);
    }
    #documentation .offcanvas {
        -webkit-transform: none;
                transform: none;
        visibility: visible !important;
        top: var(--header-height-documentation);
        height: calc(100% - var(--header-height-documentation));
    }

    #documentation .offcanvas .navbar{
        border: none;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
    #documentation .offcanvas-backdrop::before {
        display: none;
    }
}


/*****************************************************************/
/**** Links and Navbars Area ****/

.active .nav-link:hover {
    font-weight: bold;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: underline;
}

/*****************************************************************/
/**** Top Search Area ****/
.top-search-select {
    border-radius: 3px 0px 0px 3px !important;
    min-width: 65px;
    max-width: 65px;

}

.top-search-bar {
    border-radius: 0px 3px 3px 0px !important;
    min-width: 100px;
}

.top-search-breadcrumbs {
    border: 1px solid #51524e42;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;}


/*****************************************************************/
/**** Product Views ****/
.product-card-image .product-featured-header {
    border-radius: 5px 5px 0px 0px !important;
}


.product-filters-header {
    border: 1px solid #8e8c84;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}


a.disabled{
    pointer-events: none;
    cursor: default;
}


iframe{      
        display: block;  /* iframes are inline by default */   
        height: 100vh;  /* Set height to 100% of the viewport height */   
        /*width: 100vw;  /* Set width to 100% of the viewport width */     
        border: none; /* Remove default border */
    }
/*****************************************************************/
/**** Added By WAPPLER ****/
.style1 {
    border: 5px solid #000;
}
.style2 {
    border: 0px dashed #98978b;
    border-bottom: 1px dotted #98978b;
}
.style3 {
    text-align: center;
    font-weight: bold;
}
.style4 {
    width: 0px;
    min-width: 50%;
    max-width: 100%;
}