/* Layout */

html,
body {
   margin:0;
   padding:0;
   height:100%;
   overflow-x: hidden;
}

#container {
   height: 100%;
   min-height: 100%;
   position: relative;
}

#body {
   margin: 20px;
   min-height: 100%;
}

#footer {
   bottom: 0;
   width: 100%;
   height: 50px;   /* Height of the footer */
   text-align: center;
}

/* Forms */

.form-user {
   width: 33% !important;
   margin: 0 auto !important;
   margin-top: 10% !important;
}

.form-error {
   color: #E50000 !important;
}

/* Flask flashes */

.flash {
   margin-right: 20px !important;
}

/* Errors */

.error-box {
   margin-top: 8%;
}

.well-custom {
    min-height: 90px!important;
    background: #ffffff !important;
    box-shadow: none;
    /* text-align: center; */
    text-transform: uppercase;
    font-size: 18px;
    padding-left: 0px !important;
    padding-top:  0px !important;
    padding-bottom:  0px!important;
}

    .well-custom .val {
        /* color: #547ef8 !important; */
        font-size: 32px;
        text-align: center;
    }

.ui.menu .item {
    font-size: 1.3rem;
}
.bg-aqua {
    background-color: #4885ed !important;
}
.bg-yellow {
    background-color: #f4c20d !important;
}
.bg-lgreen {
    background-color: #3cba54 !important;
}
.bg-orange {
    background-color: #db3236 !important;
}

.fg-aqua {
    color: #4885ed !important;
}

.fg-yellow {
    color: #f4c20d !important;
}

.fg-lgreen {
    color: #3cba54 !important;
}

.fg-orange {
    color: #db3236 !important;
}
.info-box-icon {
    float: left;
    height: 88px;
    width: 90px;
    text-align: center;
    font-size: 36px;
    line-height: 90px;
    background: rgba(0, 0, 0, .2);
    border-radius: 4px 0 0 4px;
    /* margin:1px; */
}

.info-box, .info-box-icon, .info-box-more, .info-box-number {
    display: block;
}

.info-box-content {
    padding: 5px 10px;
    margin-left: 90px;
}