@media (max-width: 400px) {
    .ucpsearchheader {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .ucpsearchheader {
        width: 100% !important;
    }
}

@media print {
    .mo-navbar {
        display: none;
    }
}

.mo-navbar {
    position: relative;
    min-height: 44px;
    border: 1px solid transparent;
}

@media (min-width: 768px) {
    .mo-navbar {
        border-radius: 4px;
    }
}

@media (min-width: 768px) {
    .mo-navbar > .mo-container .mo-navbar-brand,
    .mo-navbar > .mo-container-fluid .mo-navbar-brand {
        margin-left: -10px;
    }
}

.clearfix:before,
.clearfix:after,
.mo-container:before,
.mo-container:after,
.mo-container-fluid:before,
.mo-container-fluid:after,
.mo-navbar:before,
.mo-navbar:after,
.mo-navbar-header:before,
.mo-navbar-header:after,
.mo-navbar-collapse:before,
.mo-navbar-collapse:after {
    content: " ";
    display: table;
}

.clearfix:after,
.mo-container:after,
.mo-container-fluid:after,
.mo-navbar:after,
.mo-navbar-header:after,
.mo-navbar-collapse:after {
    clear: both;
}

.mo-col-lg-1, .mo-col-md-2, .mo-col-md-3, .mo-col-sm-4, .mo-col-md-4, .mo-col-lg-4, .mo-col-md-5, .mo-col-md-6, .mo-col-lg-6, .mo-col-md-7, .mo-col-lg-7, .mo-col-sm-10, .mo-col-xs-12, .mo-col-sm-12, .mo-col-md-12 {
    position: relative;
    min-height: 1px;
}

@media (min-width: 768px) {
    .mo-col-sm-4, .mo-col-sm-10, .mo-col-sm-12 {
        float: left;
    }

    .mo-col-sm-12 {
        width: 100%;
    }

    .mo-col-sm-10 {
        width: 83.33333333333334%;
    }

    .mo-col-sm-4 {
        width: 33.33333333333333%;
    }
}

@media (min-width: 992px) {
    .mo-col-md-2, .mo-col-md-3, .mo-col-md-4, .mo-col-md-5, .mo-col-md-6, .mo-col-md-7, .mo-col-md-12 {
        float: left;
    }

    .mo-col-md-12 {
        width: 100%;
    }

    .mo-col-md-7 {
        width: 58.333333333333336%;
    }

    .mo-col-md-6 {
        width: 50%;
    }

    .mo-col-md-5 {
        width: 41.66666666666667%;
    }

    .mo-col-md-4 {
        width: 33.33333333333333%;
    }

    .mo-col-md-3 {
        width: 25%;
    }

    .mo-col-md-2 {
        width: 16.666666666666664%;
    }
}

@media (min-width: 1200px) {
    .mo-col-lg-1, .mo-col-lg-4, .mo-col-lg-6, .mo-col-lg-7 {
        float: left;
    }

    .mo-col-lg-7 {
        width: 58.333333333333336%;
    }

    .mo-col-lg-6 {
        width: 50%;
    }

    .mo-col-lg-4 {
        width: 33.33333333333333%;
    }

    .mo-col-lg-1 {
        width: 8.333333333333332%;
    }
}

.menubutton {
    background-color: lightgray !important;
    font-size: 1.3rem;
    font-weight: bold;
    width: 95%;
    margin-top: 1.5rem !important;
    margin-left: .8rem !important;
    float: none !important;
}

.mo-navbar-toggle {
    position: relative;
    float: right;
    margin-right: 10px;
    padding: 9px 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .mo-navbar-toggle:focus {
        outline: none;
    }

    .mo-navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }

        .mo-navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px;
        }

@media (min-width: 768px) {
    .mo-navbar-toggle {
        display: none;
    }
}

.mo-navbar-toggle {
    border-color: #dddddd;
}

    .mo-navbar-toggle:hover,
    .mo-navbar-toggle:focus {
        background-color: #dddddd;
    }

    .mo-navbar-toggle {
        background-color: #888888;
    }

@media (min-width: 768px) {
    .mo-container {
        width: 740px;
    }
}

@media (min-width: 992px) {
    .mo-container {
        width: 960px;
    }
}

@media (min-width: 1200px) {
    .mo-container {
        width: 100%;
    }
}

.mo-container > .mo-navbar-header,
.mo-container-fluid > .mo-navbar-header,
.mo-container > .mo-navbar-collapse,
.mo-container-fluid > .mo-navbar-collapse {
    /*margin-right: -10px;
  margin-left: -10px;*/
    margin-right: 300px;
    margin-left: 300px;
}

@media (min-width: 768px) {
    .mo-container > .mo-navbar-header,
    .mo-container-fluid > .mo-navbar-header,
    .mo-container > .mo-navbar-collapse,
    .mo-container-fluid > .mo-navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}