/*
    ____                      _ _
   | __ ) _ __ __ _ _ __   __| (_)_ __   __ _
   |  _ \| '__/ _` | '_ \ / _` | | '_ \ / _` |
   | |_) | | | (_| | | | | (_| | | | | | (_| |
   |____/|_|  \__,_|_| |_|\__,_|_|_| |_|\__, |
                                        |___/
*/
/*

   __     ___    ____  ____
   \ \   / / \  |  _ \/ ___|
    \ \ / / _ \ | |_) \___ \
     \ V / ___ \|  _ < ___) |
      \_/_/   \_\_| \_\____/

*/
:root {
  --text-blue:  #225C88;
  --text-light: #7D8296;
  --text-white: #FFFFFF;
  --text-black: #000000; }

@media print {
  .offline-ui {
    display: none; } }

.offline-ui.offline-ui-down {
  position: fixed;
  bottom: 0;
  background-color: rgba(233, 81, 79, 0.9);
  z-index: 1000000;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .offline-ui.offline-ui-down .offline-ui-content:after {
    content: "You seem to be offline. Please check your internet connection.";
    color: white;
    margin-left: 10px; }