.noshow {
    visibility: hidden;
    display: none;
}

.homejumbo {
    background-image: url("../img/large3.png");
    background-position: 0px 0px;
    background-clip: padding-box;
}

.teacherjumbo {
    background-image: url("../img/large2.png");
    background-position: 0px -50px;
    background-clip: padding-box;
}

.studentjumbo {
    background-image: url("../img/large1.png");
    background-position: 0px -150px;
    background-clip: padding-box;
}

.signtext {
    background-color: #D52B1E;
    opacity: .87;
    padding: 20px;
}

    .signtext a {
        color: white;
    }

.jumbotron h1, .jumbotron h4 {
    padding-left: 20px;
}

.img1 {
    background-image: url("../img/image1.jpg");
    background-position: -350px -90px;
    background-repeat: no-repeat;
    width: 250px;
    height: 250px;
}

.img2 {
    background-image: url("../img/image2.jpg");
    background-position: -190px -80px;
    background-repeat: no-repeat;
    width: 250px;
    height: 250px;
}

.table-vils caption {
    caption-side: top;
}

.table-vils td:not(:first-child) {
    text-align: center;
}

.table-vils th:not(:first-child) {
    text-align: center;
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    max-width: 850px;
    overflow-x: hidden;
    text-wrap: normal;
}

.btn-export {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    margin-bottom: 20px;
}

.ddlbtn-keep {
    color: #fff;
    background-color: #bfbfbf;
    border-color: #bfbfbf;
    /*grey*/
}

    .ddlbtn-keep option {
        color: #000;
        background-color: #fff;
        border-color: #fff;
    }


.ddlbtn-delete {
    color: #fff;
    background-color: #db4d42;
    border-color: #db4d42;
}

    .ddlbtn-delete option {
        color: #000;
        background-color: #fff;
        border-color: #fff;
    }



.ddlbtn-add {
    color: #fff;
    background-color: #84d957;
    border-color: #84d957;
}

    .ddlbtn-add option {
        color: #000;
        background-color: #fff;
        border-color: #fff;
    }




.navinner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #eaecf4;
    border-radius: 0.35rem;
}

.navinner-item + .navinner-item {
    padding-left: 0.5rem;
}

    .navinner-item + .navinner-item::before {
        display: inline-block;
        padding-right: 0.5rem;
        color: #858796;
        content: " ";
    }

    .navinner-item + .navinner-item:hover::before {
        text-decoration: underline;
    }

    .navinner-item + .navinner-item:hover::before {
        text-decoration: none;
    }

.navinner-item.active {
    color: #858796;
}



/*nav {
    margin-bottom: 20px;
}

h3 {
    padding-top: 10px;
}

h5 {
    color: grey;
}

.pagetitle {
    border-bottom: 0px solid #eee;
    margin-bottom: 20px;
    color: #D52B1E;
}

.dropdown {
    margin-bottom: 10px;
}

.btn-vils {
    background-color: #D52B1E;
}*/