html, body {
    height: 100%;

}

body {
    /*background: url("../images/bg15.png");*/
    background-color: #181720 !important;
}

.horizontal-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.vertical-center {
    min-height: 100%; /* Fallback for browsers do NOT support vh unit */
    min-height: 100vh; /* These two lines are counted as one :-)       */

    display: flex;
    align-items: center;
}

.field-error-container {
    color: #ff0000;
}

.stock-item-row input, textarea {
    border: none;
}

.margin-0 {
    margin: 0px;
    padding: 0px;
}

.padding-top-2 {
    padding-top: 2em;
}

.border-top {
    border-top: 1px solid rgba(34, 36, 38, 0.15) !important;
}

.extra-margin-4 {
    padding: 4em !important;
}

.extra-margin-2 {
    margin-bottom: 1em !important;
}

.padding-02 {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
}

@media only screen and (min-width: 767px) {
    .computer-hide {
        display: none !important;
    }
}

@media only screen and (max-width: 768px) {
    .mobile-hide {
        display: none !important;
    }
}

#banner {
    min-height: 200px;

    background: rgba(81, 81, 145, 1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(81, 81, 145, 1) 0%, rgba(81, 81, 145, 1) 0%, rgba(46, 39, 87, 1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(81, 81, 145, 1)), color-stop(0%, rgba(81, 81, 145, 1)), color-stop(100%, rgba(46, 39, 87, 1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(81, 81, 145, 1) 0%, rgba(81, 81, 145, 1) 0%, rgba(46, 39, 87, 1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(81, 81, 145, 1) 0%, rgba(81, 81, 145, 1) 0%, rgba(46, 39, 87, 1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(81, 81, 145, 1) 0%, rgba(81, 81, 145, 1) 0%, rgba(46, 39, 87, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(81, 81, 145, 1) 0%, rgba(81, 81, 145, 1) 0%, rgba(46, 39, 87, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515191', endColorstr='#2e2757', GradientType=1);
}

.text-center {
    text-align: center !important;
}

.mnf_category {
    color: #9b8eeb !important;
}

.bold {
    font-weight: bold;
}

.padding-1 {
    padding: 0.5em !important;
}

.clickable:hover {
    opacity: 0.5;
}
.ui.darkgrey.button {
    background-color: #555555;
    color: white;
    border-top: 1px solid white;
}

.thin {
    font-weight: 100 !important;
    font-family: "Roboto", sans-serif !important;
}

.index-h2 {
    font-size: 3em;
}

.breadcrumb {
    padding-top: 1em;
    padding-bottom: 1em;
}