pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

#clock {
    border: none;
    background: #111;
    color: #999;
    width: 110px;
}

#menu-main-wrapper {
    /* margin-top: 50px; */
}

#tz {
    background: #111;
    /* height: 50px;
    position: fixed;
    top: 0; left: 0;
    z-index: 999; */
}

.tz-col-1, .tz-col-2, .tz-col-3 {
    font-size: 14px;
    vertical-align: middle;
    color: #999;
}

.card-text {
    font-size: 13px;
    height: 90px;
}

.notifyjs-wrapper a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}

.notifyjs-wrapper a:hover {
    color: #000;
}

.unshow-me,
.gail-engine {
    border: 2px solid #000;
    text-align: left;
}

.gail-engine {
    background-color: #fade03;
    color: #000;
}

.unshow-me {
    background-color: #8c008c;
    color: #fff;
    margin-bottom: 5px;
}

.portfolio-featured {
    width: 90%;
    margin: auto;
}

.unshow-me:hover,
.gail-engine:hover {
    background-color: #000;
    color: #fff;
}

.btn-primary.featured:hover {
    color: #000;
    background-color: #fff;
    border-color: #000;
}
.btn-primary.featured.focus,
.btn-primary.featured:focus {
    color: #000;
    background-color: #fff;
    border-color: #000;
    box-shadow: 0 0 0 0.2rem rgba(110, 111, 110, 0.44);
}