/*body {
    margin: 0;
    padding: 0;
    max-height: 100%;
    height: 100%;
    background-color: #eee !important;
}*/

[v-cloak] {
    display: none !important;
}

.float-right {
    float: right !important;
}

.float-left {
    float: left !important;
}

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

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

.link span {
    display: inline;
}

@media (max-width: 375px) {
    .link span {
        display: none;
    }
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.clearfix {
    zoom: 1
}

i.fa {
    display: inline-block;
    -ms-opacity: 1;
    opacity: 1;
    margin: 0em 0.25rem 0em 0em;
    width: 1.18em;
    height: 1em;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    text-align: center;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ui.corner.label .fa {
    cursor: default;
    position: relative;
    top: 0.64285714em;
    left: 0.78571429em;
    font-size: 1.14285714em;
    margin: 0em;
}

/*.dashboard.ui.statistics .statistic .label {
    font-size: .9rem !important;
}

.dashboard.ui.statistics .statistic .value {
    font-size: .8rem !important;
}*/

.no-side-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.no-bottom-padding {
    padding-bottom: 0 !important;
}

.no-top-padding {
    padding-top: 0 !important;
}

.top-padding {
    padding-top: 15px !important;
}

.no-padding {
    padding: 0 !important;
}

.padding {
    padding: 15px !important;
}

.no-side-margin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.no-top-bottom-margin {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.ui.beer.category.search .results {
    width: 40em;
}

.powered-by-logo {
    font-size: .7rem !important;
}

    .powered-by-logo a {
        color: inherit;
    }

/* mobile */
@media only screen and (max-width: 767px) {
    .computer.only {
        display: none !important;
    }

    .mobile-only {
        display: flex !important;
    }

    .tablet-only {
        display: none !important;
    }

    .computer-only {
        display: none !important;
    }
}

/* Tablet */
@media only screen and (max-width: 991px) {

    .mobile-only {
        display: none !important;
    }

    .tablet-only {
        display: flex !important;
    }

    .computer-only {
        display: none !important;
    }

    .tablet.menu {
        display: flex;
    }

    .computer.menu {
        display: none;
    }

    .tablet.segment {
        display: flex;
    }

    .computer.segment {
        display: none;
    }

    .ui.stackable.menu .right.menu,
    .ui.stackable.menu .right.item {
        flex-direction: column;
    }

    .ui.beer.category.search .results {
        width: 100%;
    }
}

/* Computer */
@media only screen and (min-width: 992px) {

    .mobile-only {
        display: none !important;
    }

    .tablet-only {
        display: none !important;
    }

    .computer-only {
        display: flex !important;
    }

    .tablet.menu {
        display: none !important;
    }

    .computer.menu {
        display: flex !important;
    }

    .tablet.segment {
        display: none !important;
    }

    .computer.segment {
        display: flex !important;
    }
}

.ui.logo.images .image,
.ui.logo.images img,
.ui.logo.images svg,
.ui.logo.image {
    width: 50px;
    height: auto;
    font-size: 0.78571429rem;
}

.noresize {
    resize: none !important;
}

.logo-text a {
    /*font-family: 'Montserrat', sans-serif;*/
    color: #ffffff;
}

h5.logo {
    /*font-family: 'Montserrat', sans-serif !important;*/
    color: #fff !important;
    /*font-size: 1.7em !important;*/
}

.primary-color {
    background-color: #FAAF40 !important;
}

.teal2 {
    background-color: #2BA67E !important;
}

.secondary-color {
    background-color: #FDD9A3 !important;
}

.background-white {
    background-color: #ffffff !important;
}

.background-tertiary {
    background-color: #76323f !important;
}

.background-quaternary {
    background-color: #c09f80 !important;
}

.text-white {
    color: #fff !important;
}

.section:first-of-type {
    margin-top: -15px;
}

.section {
    padding-top: 25px;
    padding-bottom: 25px;
}

.est-values .column {
    font-size: .9rem;
}

    .est-values .column span {
        float: right;
        /*font-weight: bold;*/
        color: #000;
        vertical-align: middle;
    }

.beer-name {
    font-size: 1.5em;
    font-weight: bold;
}

.srm-swatch {
    display: inline-block;
    /*margin-right: 5px;*/
    width: 24px;
    height: 24px;
    border: solid 1px #000000;
    border: solid 1px rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    vertical-align: sub;
}

.white-logo path {
    fill: #fff;
}

/*.hidden {
    display: none !important;
}*/

.logo.circular {
    background-color: rgba(255, 255, 255, 0.25);
}

.logo-outline-white {
    fill: #fff !important;
}

.ui.error.message > div.validation-summary-errors > ul {
    list-style: none;
    padding-left: 10px;
}

time {
    text-decoration: underline !important;
}

    time.simple {
        text-decoration: none !important;
    }

.event > .label {
    vertical-align: middle !important;
}

/*.masthead.segment {
    border: none !important;
    padding-bottom: 0 !important;
}*/

.segment > .top.attached.label .copy {
    position: absolute;
    float: right;
    top: 9px;
    right: 8px;
    color: #aaa;
}

.segment > .attached.label {
    display: block;
}

.breadcrumbs {
    border: none !important;
    padding: 15px;
    clear: both;
}

.hidden.menu {
    display: none;
}

.ui.attached.header {
    border-bottom: none;
}

.bg-navy {
    background-color: #001F3F;
}

.bg-blue {
    background-color: #0074D9;
}

.bg-aqua {
    background-color: #7FDBFF;
}

.bg-teal {
    background-color: #39CCCC;
}

.bg-olive {
    background-color: #3D9970;
}

.bg-green {
    background-color: #2ECC40;
}

.bg-lime {
    background-color: #01FF70;
}

.bg-yellow {
    background-color: #FFDC00;
}

.bg-orange {
    background-color: #FF851B;
}

.bg-red {
    background-color: #FF4136;
}

.bg-fuchsia {
    background-color: #F012BE;
}

.bg-purple {
    background-color: #B10DC9;
}

.bg-maroon {
    background-color: #85144B;
}

.bg-white {
    background-color: #FFFFFF;
}

.bg-gray {
    background-color: #AAAAAA;
}

.bg-silver {
    background-color: #DDDDDD;
}

.bg-black {
    background-color: #111111;
}
/* Colors */
.navy {
    color: #001F3F;
}

.blue {
    color: #0074D9;
}

.aqua {
    color: #7FDBFF;
}

.teal {
    color: #39CCCC;
}

.olive {
    color: #3D9970;
}

.green {
    color: #2ECC40;
}

.lime {
    color: #01FF70;
}

.yellow {
    color: #FFDC00;
}

.orange {
    color: #FF851B;
}

.red {
    color: #FF4136;
}

.fuchsia {
    color: #F012BE;
}

.purple {
    color: #B10DC9;
}

.maroon {
    color: #85144B;
}

.white {
    color: #FFFFFF;
}

.silver {
    color: #DDDDDD;
}

.gray {
    color: #AAAAAA;
}

.black {
    color: #111111;
}
/* Border colors 

   Use with another border utility that sets border-width and style 
   i.e .border { border-width: 1px); border-style: solid); }     
*/
.border--navy {
    border-color: #001F3F;
}

.border--blue {
    border-color: #0074D9;
}

.border--aqua {
    border-color: #7FDBFF;
}

.border--teal {
    border-color: #39CCCC;
}

.border--olive {
    border-color: #3D9970;
}

.border--green {
    border-color: #2ECC40;
}

.border--lime {
    border-color: #01FF70;
}

.border--yellow {
    border-color: #FFDC00;
}

.border--orange {
    border-color: #FF851B;
}

.border--red {
    border-color: #FF4136;
}

.border--fuchsia {
    border-color: #F012BE;
}

.border--purple {
    border-color: #B10DC9;
}

.border--maroon {
    border-color: #85144B;
}

.border--white {
    border-color: #FFFFFF;
}

.border--gray {
    border-color: #AAAAAA;
}

.border--silver {
    border-color: #DDDDDD;
}

.border--black {
    border-color: #111111;
}
/* Fills for SVG */
.fill-navy {
    fill: #001F3F;
}

.fill-blue {
    fill: #0074D9;
}

.fill-aqua {
    fill: #7FDBFF;
}

.fill-teal {
    fill: #39CCCC;
}

.fill-olive {
    fill: #3D9970;
}

.fill-green {
    fill: #2ECC40;
}

.fill-lime {
    fill: #01FF70;
}

.fill-yellow {
    fill: #FFDC00;
}

.fill-orange {
    fill: #FF851B;
}

.fill-red {
    fill: #FF4136;
}

.fill-fuchsia {
    fill: #F012BE;
}

.fill-purple {
    fill: #B10DC9;
}

.fill-maroon {
    fill: #85144B;
}

.fill-white {
    fill: #FFFFFF;
}

.fill-gray {
    fill: #AAAAAA;
}

.fill-silver {
    fill: #DDDDDD;
}

.fill-black {
    fill: #111111;
}
/* Strokes for SVG */
.stroke-navy {
    stroke: #001F3F;
}

.stroke-blue {
    stroke: #0074D9;
}

.stroke-aqua {
    stroke: #7FDBFF;
}

.stroke-teal {
    stroke: #39CCCC;
}

.stroke-olive {
    stroke: #3D9970;
}

.stroke-green {
    stroke: #2ECC40;
}

.stroke-lime {
    stroke: #01FF70;
}

.stroke-yellow {
    stroke: #FFDC00;
}

.stroke-orange {
    stroke: #FF851B;
}

.stroke-red {
    stroke: #FF4136;
}

.stroke-fuchsia {
    stroke: #F012BE;
}

.stroke-purple {
    stroke: #B10DC9;
}

.stroke-maroon {
    stroke: #85144B;
}

.stroke-white {
    stroke: #FFFFFF;
}

.stroke-gray {
    stroke: #AAAAAA;
}

.stroke-silver {
    stroke: #DDDDDD;
}

.stroke-black {
    stroke: #111111;
}