body{
  display:flex;
  flex-direction:column;
  min-height:100vh;
  background: rgb(232,228,228);
  background: linear-gradient(0deg, rgba(246, 245, 245,1) 0%, rgba(240,239,239,1) 100%) !important;
}

.logo-header{position:absolute; top:28px; left:65px; width:270px; color:#000; font-size:12px}

.btn-success{background-color: #3BC391 !important; color:#000 !important;}
.btn-warning{background-color: #F6CE3C !important; color:#000 !important;}
.btn-info{background-color: #3BAAFF !important; color:#000 !important;}

.unread{font-weight: bold}

.baged-gray{background-color:#6c757d;}
textarea{overflow:auto !important; resize:none !important}

table a{color:#016191; font-weight: normal;}

.blink_me {
  animation: blinker 1s linear infinite;
}

input, textarea:read-only {
  background-color: #ffffff !important;
}

.note-info {
    background-color: #def1f7 !important;
    border-color: #2686a6 !important;
}
.note {
    margin:12px;
    --mdb-note-padding: 10px;
    --mdb-note-border-width: 6px;
    --mdb-note-border-radius: 5px;
    --mdb-note-strong-font-weight: 600;
    padding: var(--mdb-note-padding);
    border-left: var(--mdb-note-border-width) solid;
    border-radius: var(--mdb-note-border-radius);
}

.cuttext{
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}

@keyframes blinker {
  50% {
    opacity: 0.3;
  }
}