:root {
    --defaultbgcolor: #4b5ca6;
}
[v-cloak] {
    display: none;
}
html,
body,
#app {
    height: 100%;
}
.bg-default {
    background: var(--defaultbgcolor);
}
.dropdown-item:active,
.dropdown-item:focus,
.btn-default,
.btn-default:hover,
.btn-default:active {
    background: var(--defaultbgcolor);
    color: white !important;
}
.btn:focus,
.btn:active,
input:focus,
input:active,
.navbar-toggler:focus,
.navbar-toggler:active{
    box-shadow:none !important;
    outline:0px !important;
}
.btn-searchbox,
.btn-searchbox:hover,
.btn-searchbox:active {
    background: black !important;
    color: white;
}
.btn .show,
.btn:first-child:active {
    border: none !important;
}
.footer-text,
.footer-link,
.footer-link:hover,
.footer-link:active{
    color: #cccccc !important;
    text-decoration: none;
}
.hero {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("/images/sve4-1500x450.jpg");
}
input:focus,
input:active {
    border-color: black !important;
}

.list-type-square {
    list-style-type: square !important;
}
.main-nav {
    height: 25%;
}
.main-title {
    color: #666666 !important;
}
.nav-link {
    font-size: 80%;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    background: var(--defaultbgcolor) !important;
    color: white !important;
    transition: all .4s ease;
}
.nav-link:hover,
.nav-link:active,
.nav-item:hover {
    background: #00bcff !important;
}
.nav-item {
    text-align: center;
}
.pagecontent-textcolor {
    color: #cc9866 !important;
}
.searchbox {
    border-color: #cccccc !important;
}
.searchbox:focus-within {
    border-color: black !important;
}
.text-default {
    text-decoration: none;
    color: var(--defaultbgcolor);
}
.wp-100 {
    width: 100px !important;
}