/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 1, 2020, 2:53:39 PM
    Author     : Jeff
*/


#CloudMySMS {  
  width: 50%;
  height: 80%;
}

#cloudmysms-convo,
#smsContacts {
  position: relative;
  margin-bottom: 15rem;
}

.linkControls {
  position: absolute;
  top: 3rem;
  right: 2rem;  
  padding-top: 3rem;
  background: #fefeff;
  box-shadow: -.1rem .1rem .1rem #44a;
  z-index: 10000;
  max-width: 49%;
}

.linkControls .dd {
  position: absolute;
  top: 1rem;
  right: 0;  
}

#smsLC {
  padding: 1rem;
}

#smsLC select.locked {
  background: #ddd;
  pointer-events: none;
}

#smsLC [data-action=save] {
  position: absolute;
  top: 1rem;
}

.convoControls {
  position: absolute;
  bottom: .2rem;
  right: 2rem;
  padding: 1rem;
  background: #fefeff;
  box-shadow: -.1rem -.1rem .1rem #44a;
  z-index: 10000;
  max-width: 49%;
}

.convoControls.full {
  width: calc(100% - 2rem);
  max-width: unset;  
}

.convoControls .send {
  position: absolute;
  top: -4rem;
  right: 0;
  background: #fff;
  padding: .7rem;
  box-shadow: -.1rem -.1rem .1rem #44a;
  border-bottom: .1rem solid #fff;  
}


.contactControls {
  position: absolute;
  bottom: .2rem;
  left: .2rem;
  padding: 1rem;
  background: #fefeff;
  box-shadow: .1rem -.1rem .1rem #44a;
  z-index: 10000;
  max-width: 46%;
  
}

.smsContacts .list-group-item.active {
  color: #fff !important;
  background-color: #337ab7 !important;
  border-color: #337ab7
}

.list-group-item.active h4 {
  color: #cef !important;
}

.smsContacts .list-group-item.Received:not(.active) {
  background: #fffde2;
}

.smsContacts .list-group-item.Received.unread:not(.active) {
  background: #fedeef;
}

.smsContacts .list-group-item.Sent:not(.active) {
  background: #edfaff;
}

.smsContacts .list-group-item.Received h4 {
  color: #44e;
}

.smsContacts .list-group-item.Sent h4 {
  color: #557;
}

.smsContacts .list-group-item.Pending h4 {
  color: #a35;
}

.smsContacts .list-group-item .checkbox {
  display: inline-block;
  margin: 0;
  font-weight: bold;
}

.smsContacts .list-group-item {
  padding: 5px;
  color: #425;
}

.message-area  > *{
  position: relative;
}

.smsContacts .time,
.message-area .time {
  position: absolute;
  bottom: .5rem;
}

.smsContacts .badge {
  font-size: 1rem;
}

.daysum {
	text-align: center;
	background: #a4c1d7;
	color: #fff;
	padding: 2px;
	margin: 0;
	border-bottom: 1px solid #6F6F6F;
}

.daysum h4 {
  font-weight: bold;
}

.smsContacts .hidden {
  display: none;
}

.text-summarized {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.message-area .media-object {
  height: 48px;
}

.img-circle {
 border-radius:50%
}

.message-area .media-body {
  margin-left: 1rem;
  margin-bottom: 2rem;    
}

.msg {
  border-bottom: .1rem solid #ccc;
  margin-top: .5rem;
}

.message-area .media-heading {
  font-weight: bold;
  font-size: 1.1rem;
}

.message-area textarea {
  width: 100%;
  border: none;
}


.convoMedia img {
  max-width: 10rem;
  max-height: 10rem;
}