/*
 * Use this file in case you don't feel comfortable writing LESS. I do highly
 * recommend taking the time to learn at least the basics of LESS as it will
 * greatly help you in customizing Bootstrap. Here are some of the high-
 * lights of a preprocessor like LESS:
 *
 * - Store information in variables for optimal reuse:
 *
    @brand-color: #4fc6eb;
    .header { color: @brand-color; }
 *
 * - Nest your selectors, i.e. .header .button { ... } can be written as:
 *
    .header {
        .button { ... }
    }
 *
 * - Write reusable mixins for handling otherwise tedious code:
 *
    .border-radius(@radius) {
        -webkit-border-radius: @radius;
           -moz-border-radius: @radius;
                border-radius: @radius;
    }
    .round { .border-radius(10px); }
 *
 * Other features include mathematical operations, extend/inheritance, import
 * of partials and more.
 *
 * If we still don't have you convinced, then simply put your good ol' CSS in
 * this file and it will be automatically included in Vanilla.
 *
 * Happy theming!
 */

 .ellip {
   display: block;
   height: 100%;
 }
 
 .ellip-line {
   display: inline-block;
   text-overflow: ellipsis;
   white-space: nowrap;
   word-wrap: normal;
   max-width: 100%;
 }
 
 .ellip,
 .ellip-line {
   position: relative;
   overflow: hidden;
 }

.hello-bar {
   background-color: #00B0FF;
   height: 72px;
   width: 100%;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 10;
   display: flex;
   flex-wrap: wrap;
   text-align: center;
   padding: 5px 16px;
   align-items: center;
   justify-content: center;
   font-size: 18px;
   color: white;
}

.hello-bar a {
   text-decoration: underline;
   font-weight: bold;
   color: white;
   margin-left: 10px;
   white-space: nowrap;
}

@media only screen and (max-width: 575px) {
   .hello-bar {
      font-size: 14px;
   }
}

[contenteditable] {
   -webkit-user-select: text;
   user-select: text;
}