.loader-progresscircular {
    height: 100%;
    width: 100%;
    position: absolute;
}

footer.footerversion{
    bottom: 0;
    font-size: small;
    color: rgba(0, 0, 0, 0.7);
    text-align: right;
}

.menuBtn {
  background-color: transparent;
  border: none;
  margin-right: 16px;
}
md-list .md-button {
  color: inherit;
  text-align: left;
  width: 100%;
}

/* Using Data-URI converted from svg until <md-icon> becomes available 
https://github.com/google/material-design-icons
*/
.menuBtn {
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGcgaWQ9IkhlYWRlciI+CiAgICA8Zz4KICAgICAgICA8cmVjdCB4PSItNjE4IiB5PSItMjIzMiIgZmlsbD0ibm9uZSIgd2lkdGg9IjE0MDAiIGhlaWdodD0iMzYwMCIvPgogICAgPC9nPgo8L2c+CjxnIGlkPSJMYWJlbCI+CjwvZz4KPGcgaWQ9Ikljb24iPgogICAgPGc+CiAgICAgICAgPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+CiAgICAgICAgPHBhdGggZD0iTTMsMThoMTh2LTJIM1YxOHogTTMsMTNoMTh2LTJIM1YxM3ogTTMsNnYyaDE4VjZIM3oiIHN0eWxlPSJmaWxsOiNmM2YzZjM7Ii8+CiAgICA8L2c+CjwvZz4KPGcgaWQ9IkdyaWQiIGRpc3BsYXk9Im5vbmUiPgogICAgPGcgZGlzcGxheT0iaW5saW5lIj4KICAgIDwvZz4KPC9nPgo8L3N2Zz4=) no-repeat  center center;
}

body{
    overflow-x: hidden;
}

#content-flexrow,
md-content
{
}

.chat-ctrl{
    height: calc(100% - 64px);
    overflow: hidden;
}

.chat-ctrl md-list{
    overflow-x: hidden;
}

#chat-card
{
    height: 100%;
}

#mobil-card {
    position: relative;
}

chat-messages,
.chat-container
{
    height: 100%;
}

member-list
{
    /*height: 95%;*/
}

.chat-card-container,
.contactlist-container
{
    height: 100%;
}

.chat-card-content {
    position: relative;
    height: 100%;
}

md-tabs {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
}

#chat-card .messages-container
{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.gr-no-padding-side {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.chat-messages {
    position: absolute;
    overflow: auto;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

.user-list-container
{
   /* position: relative;
    height: 98%; */
}

.gr-message {
    margin: 3px 0;
    word-break: break-word;
}

.gr-message ._md-secondary-container{
    height: auto;
}

.gr-sent-message {
    flex-direction: row-reverse;
}

.gr-message-text {
    padding: 3px 0 0;
}

.gr-message-italic {
    font-style: italic;
}

.gr-message-text:not(:last-child) .gr-message-sent-date {
    display: none;
}

.gr-sent-message .message-user-name{
    display: none;
}

.message-user-name > span {
  cursor: pointer;
}

.message-user-name > span::before {
  content: "‹ ";
}

.message-user-name > span::after {
  content: " ›";
}

.gr-message-buble {
    background-color: #F3FEFC;
    padding: 5px;
    border-radius: 3px;
/*    max-width: 400px; */
}

.gr-message-sent-date {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.5);
    padding-top: 5px;
    text-align: right;
}

/* put timestamp to top of the bubble */
.gr-received-message .gr-message-sent-date {
    position: absolute;
    top: 0;
    right: 3px;
}
.gr-message-buble {
    position: relative;
}
.message-user-name {
    padding-right: 70px;
}
.message-form{
    margin-bottom: 0;
    width: 100%;
}

.user-list
{
    /*position: absolute;
    overflow: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;*/
}

#chat-card .md-actions {
    padding-left: 1em;
    padding-right: 0.8em;
    padding-top: 1em;
}

.gr-contact-button{
    height: 80px;
    overflow: hidden;
}

.gr-contact-button .remove-partner{
    opacity: 0.5;
    transition: opacity 0.3s ease;
    margin-right: -6px; 
}

.gr-contact-button:hover .remove-partner{
    opacity: 1;
}

.gr-contact-button h3{
    margin: 0;
}
.gr-contact-button p{
    margin: 0;
}

.gr-swipe-right.action{
    animation: right-swipe-animation 0.2s ease-out forwards;
}

.gr-swipe-right.action-ended{
    opacity: 0;
    animation: slide-up-animation 0.2s ease-out forwards;
} 

.send-message-bt{
    margin-top: 5px;
}

#send-public-message md-icon{
    color: white !important;
}

.md-button[disabled].gr-hidden md-icon{
     visibility: hidden;
}

@media only screen and (max-width: 959px) and (min-width: 0) and (orientation: landscape){
    .chat-ctrl{
        height: calc(100% - 48px);
    }  
}

@media only screen and (max-width: 959px) and (min-width: 0) and (orientation: portrait){
    .chat-ctrl{
        height: calc(100% - 56px);
    }    
}

md-sidenav {
    height: 100%;
}

.memberlist-nick {
    line-height: 1.2em;
    margin: 0;
}

md-list.md-dense md-list-item.md-3-line {
    height: 76px;
}

md-list.md-dense md-list-item.md-2-line {
    height: 60px;
}

.message-input-nick {
    margin-right: 0.5em;
    margin-left: 0.5em;
}

.button-lowercase {
    text-transform: none;
}

.contact-data {
    margin-top: 16px;
    width: 100%;
    line-height: 2.5em;
    height: 2.5em;
}

.online-icon-container {
    position: relative;
    width: 0.5em;
    height: 0.5em;
    top: 0.6em;
    left: -0.3em;
}

.online-icon {
    background-color: green;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    box-shadow: inset -0.125em -0.125em 0.2em rgba(0,0,0,.4);
    background: radial-gradient(-45deg, rgba(255,255,220,.3) 0%, transparent 100%);
}

.contact-last-message {
    margin-left: 0.5em;
    margin-top: 0.5em;
}

.gr-new-message-alert {
    position: relative;
}
.gr-new-message-alert:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(244, 67, 54, 0.75);
    border-radius: 50%;
    z-index: -1;
    animation: new-message-alert-animation 1.3s alternate infinite;
}
.ellipsis {
    display: table;
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}

.ellipsis p {
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;   
}



.privatemessage-counter-container {
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    position: relative;
    top: -0.4em;
    left: -0.6em;
}

.privatemessage-counter {
    color: white;
    background-color: rgba(244, 67, 54, 0.75);
    font-size: 0.6em;
    border: 1px solid rgba(244, 67, 54, 0.75);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
}

.colorpicker {
    min-height: 2.6em;
}
.colorpicker-circle {
    border-radius: 50%;
    margin-left: 0.5em;
    outline: 0;
    box-shadow: 1px 2px 1px grey;
}
.selected-colorpicker-circle {
    min-width: 2.5em;
    min-height: 2.5em;
}
.selected-colorpicker-circle:after {
    text-align: center;
    content: "\2713";
}
.unselected-colorpicker-circle {
    min-width: 2em;
    min-height: 2em;
}
.white-text {
    color: white;
}


/*
1. verzó
.message-user-name{
    position: relative;
    z-index: 1;
}
.colored span{
    position: relative;
}
.colored:before {
    content: " ";
    display: block;
    position: absolute;
    top: 1px;
    left: -10px;
    right: -10px;
    bottom: -5px;
    -webkit-filter: blur(3px);
}
.colored:first-child:before{
    top: -25px;
}
.colored:last-child:before{
    bottom: -7px
}
.sexuality:before{
    background-color: hsl(340,82%,80%);
}
.life:before{
    background-color: hsl(4,90%,80%);
}
.healing:before{
    background-color: hsl(36,100%,80%);
}
.sunlight:before{
    background-color: hsl(54,100%,80%);
}
.nature:before{
    background-color: hsl(122,39%,80%);
}
.art:before{
    background-color: hsl(176,100%,80%);
}
.harmony:before{
    background-color: hsl(231,48%,80%);
}
.spirit:before{
    background-color: hsl(291,64%,80%);
}
*/
.privmsg-icon
{
    min-width: 20px;
    margin: 0;
}
.online-btn
{
    margin: 0;
}