html { font-size: 16px; }
.apileft li {
    font-size: 16px;
}
.schema_tree  {
    height:   600px;
    overflow: auto;
}
.imgcenter {
    display: flex;
    justify-content: center;
    align-items: center;
}
.spec_iframe {
    width: 100%;
    height: 12000px;
    overflow: hidden;
}
.schema_tree_lookup  {
    height:   640px;
    overflow: auto;
}
.scrollable-menu {
    height: auto;
    max-height: 420px;
    overflow-x: hidden;
}
#myNavbar {
    position: relative;
}

#myNavbar .nav {
    position: absolute;
    bottom: 0;
    left: 220px;
    margin-bottom: -5px;
}
div.c-wrapper{
    width: 80%; /* for example */
    margin: auto;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img{
width: 100%; /* use this, or not */
margin: auto;
}

.button {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
}

.button1 {border-radius: 2px;}
.button2 {border-radius: 4px;}
.button3 {border-radius: 8px;}
.button4 {border-radius: 12px;}
.button5 {border-radius: 50%;}

.card {
        margin: 2rem auto; /* Added */
        float: none; /* Added */
        margin-bottom: 10px; /* Added */
}

* {
  	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  }

.frm-group-div-white2 {
    width: 90% !important;
    margin-left: 5% !important;
}